:root{
  color-scheme:light;
  --bg:#f7f8fa;--surface:#fff;--surface-2:#f1f4f8;--ink:#172033;--muted:#667085;
  --line:#dfe4ea;--blue:#1967d2;--blue-soft:#e8f0fe;--teal:#0f9d8b;--violet:#7656d6;
  --amber:#f9ab00;--coral:#e86f51;--shadow:0 1px 2px rgba(22,32,51,.06),0 8px 24px rgba(22,32,51,.06);
  --serif:Georgia,'Times New Roman',serif;--sans:Roboto,'Helvetica Neue',Arial,sans-serif;--mono:'SFMono-Regular',Consolas,monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45}
body::before{content:'';position:fixed;inset:0 0 auto 0;height:340px;z-index:-1;background:radial-gradient(circle at 87% 8%,#d7e8ff 0 90px,transparent 91px),radial-gradient(circle at 72% 24%,#d8f4ef 0 70px,transparent 71px),linear-gradient(180deg,#fff 0,#f7f8fa 100%)}
a{color:inherit}.page-width{width:min(1440px,calc(100% - 48px));margin-inline:auto}.icon{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-header{min-height:64px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 1px 8px rgba(22,32,51,.04)}
.brand{display:flex;align-items:baseline;gap:14px;text-decoration:none}.wordmark{font-family:var(--serif);font-size:30px;font-weight:700;letter-spacing:-.045em}.brand-dot{color:var(--blue)}.brand-byline{font-size:12px;color:var(--muted)}
.header-actions{gap:18px}.main-nav{gap:4px}.main-nav a{padding:9px 12px;border-radius:20px;font-size:13px;font-weight:600;color:#344054}.main-nav a:hover{background:var(--surface-2);color:var(--blue)}
.language-switch{padding:2px;border:1px solid var(--line);border-radius:12px;background:#fff}.language-switch button{min-width:34px;height:30px;border-radius:9px;color:var(--muted);font-weight:700}.language-switch button[aria-pressed=true]{background:var(--blue-soft);color:var(--blue)}
.hero{display:block;padding-block:34px 26px}.hero-copy{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:end;gap:42px}.hero-eyebrow{margin:0 0 10px;font-size:11px;letter-spacing:.06em;color:var(--blue);text-transform:uppercase}.hero-eyebrow .status-dot{background:var(--teal)}
.hero h1{font-family:var(--serif);font-size:clamp(42px,4.4vw,66px);font-weight:700;line-height:.98;letter-spacing:-.04em;max-width:760px}.hero h1>span{display:inline}.hero h1>span+span::before{content:' '}.hero-highlight{color:var(--ink);position:relative}.hero-highlight::after{content:'';position:absolute;left:8%;right:2%;bottom:-5px;height:5px;border-radius:999px;background:#8ab4f8;opacity:.75}
.hero-intro-aside{align-self:end;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:var(--shadow)}.hero-description{max-width:none;margin:0;color:#475467;font-size:15px;line-height:1.55}.hero-note{display:none}
.collection-entrances{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.collection-entrance{min-height:0;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(22,32,51,.04);text-decoration:none;transition:.18s ease}.collection-entrance:hover{transform:translateY(-2px);border-color:#b9c7da;box-shadow:var(--shadow)}
.entrance-top{margin:0 0 5px}.entrance-top .eyebrow{font-size:10px;letter-spacing:.05em;color:var(--muted)}.collection-number{color:var(--blue);font-weight:800}.entrance-count{font-size:11px;color:var(--muted)}.entrance-heading{display:flex;align-items:center;justify-content:space-between}.entrance-heading h2{font-family:var(--serif);font-size:26px;letter-spacing:-.03em}.entrance-arrow{width:30px;height:30px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.entrance-description{margin:4px 0 0;color:var(--muted);font-size:12px}.entrance-image,.entrance-footer{display:none}
.collection{padding-block:30px 34px;border-top:1px solid var(--line)}.collection-intro{align-items:center;margin-bottom:18px}.collection-intro h2,.about-copy h2{font-family:var(--serif);font-size:clamp(34px,3vw,46px);line-height:1;letter-spacing:-.035em;color:var(--ink)}.collection-intro h2 span{color:var(--blue)}.collection-eyebrow{margin-bottom:7px;font-size:10px;color:var(--muted)}.collection-description{max-width:560px;color:var(--muted);font-size:14px;line-height:1.5}
.section-promoted{margin:0 0 24px}.hero-visual-top{margin-bottom:10px}.hero-visual-top .eyebrow{font-size:10px;color:var(--muted)}.hero-showcase{grid-template-columns:repeat(3,1fr);gap:12px}.hero-tile,.hero-tile-main{grid-column:auto!important;margin:0!important;transform:none!important;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(22,32,51,.04)}.hero-tile:hover{transform:translateY(-2px)!important;border-color:#b8c5d7;box-shadow:var(--shadow)}.hero-image,.hero-tile-main .hero-image{aspect-ratio:16/8.7;background:#edf0f4}.hero-image img{object-fit:cover}.hero-caption,.hero-tile-main .hero-caption{padding:9px 11px;border-top:1px solid var(--line);background:#fff}.hero-caption strong,.hero-tile-main .hero-caption strong{font-size:13px;color:var(--ink)}.hero-caption small{font-size:8px;color:var(--muted)}.hero-preview-badge{top:8px;right:8px;padding:5px 8px;background:rgba(255,255,255,.92);color:var(--blue);border:1px solid var(--line)}.hero-tile:not(.hero-tile-main) .hero-preview-badge{width:auto;height:auto}.hero-tile:not(.hero-tile-main) .hero-preview-badge span{display:inline}.promoted-pager{margin-top:10px}
.collection-tools{margin:0 0 12px;gap:12px}.filters{gap:7px}.filter-button{min-height:34px;padding:7px 11px;border:1px solid var(--line);border-radius:17px;background:#fff;color:#475467;font-size:11px;font-weight:600}.filter-button:hover{background:#f5f7fa}.filter-button.is-active{border-color:#aecbfa;background:var(--blue-soft);color:var(--blue)}.filter-count{opacity:.75}.search-field{height:38px;min-width:220px;border:1px solid var(--line);border-radius:20px;background:#fff}.search-field:focus-within{border-color:#8ab4f8;box-shadow:0 0 0 3px #e8f0fe}.search-field input{font-size:12px;color:var(--ink)}
.collection-meta{margin-bottom:12px;color:var(--muted);font-size:11px}.preview-hint{font-size:10px}.clock-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.clock-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(22,32,51,.04);transition:.18s ease}.clock-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#c7d1df}
.card-preview{border-radius:0!important;background:#eef1f5!important;aspect-ratio:16/8.8!important}.card-preview img{width:100%;height:100%;object-fit:cover!important}.card-preview::after{background:linear-gradient(180deg,transparent 58%,rgba(20,28,43,.08))!important}.card-body{padding:11px 12px 12px!important}.card-kicker{margin-bottom:4px!important;font-size:9px!important;color:var(--blue)!important}.clock-card h3{margin:0 0 5px;font-family:var(--serif);font-size:19px;font-weight:700;letter-spacing:-.025em;color:var(--ink)}.card-description{min-height:2.8em!important;margin:0 0 9px!important;color:var(--muted)!important;font-size:11px!important;line-height:1.4!important}.card-footer{margin-top:auto!important;padding-top:0!important;border-top:0!important}.card-actions{gap:7px!important}.button{min-height:32px!important;padding:7px 10px!important;border-radius:16px!important;font-size:10px!important;font-weight:700!important}.button-primary{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}.button-primary:hover{background:#1558b0!important}.button-secondary{background:#fff!important;border:1px solid var(--line)!important;color:#344054!important}.button-secondary:hover{background:#f7f8fa!important}.category-badge,.card-category{border-radius:999px!important;background:var(--blue-soft)!important;color:var(--blue)!important;border:0!important}
.web-apps-collection{background:transparent}.web-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.apps-edit-entry{margin-bottom:12px}.edit-toggle{border-radius:18px;background:#fff;color:var(--blue);border:1px solid #aecbfa}.edit-toggle:hover{background:var(--blue-soft)}
.about-section{margin-top:10px;padding-block:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}.about-mark{width:60px;height:60px;border-radius:18px;background:var(--blue-soft);color:var(--blue)}.about-copy .eyebrow{font-size:10px;color:var(--muted)}.about-copy h2{font-size:30px}.about-copy p:last-child{max-width:720px;margin-top:5px;color:var(--muted);font-size:12px}.back-to-top{font-size:11px;color:var(--blue)}.site-footer{min-height:64px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.footer-wordmark{font-family:var(--serif);font-size:17px;color:var(--ink)}.footer-links a{color:var(--blue)}
.preview-dialog{background:transparent}.dialog-shell{border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 24px 80px rgba(20,28,43,.22)}.preview-toolbar,.preview-footer{border-color:var(--line)}.preview-stage{background:#eef1f5}.preview-description,.preview-footer p{color:var(--muted)}
.collection-editor{border:1px solid #b8c9e6;background:#f8fbff;color:var(--ink)}.editor-description,.removed-empty{color:var(--muted)}
@media(max-width:900px){.page-width{width:min(100% - 28px,900px)}.site-header{min-height:60px}.brand-byline{display:none}.main-nav{display:none}.hero{padding-block:24px 20px}.hero-copy{grid-template-columns:1fr;gap:14px}.hero h1{font-size:clamp(38px,11vw,58px)}.hero-intro-aside{padding:12px 14px}.collection-entrances{grid-template-columns:1fr 1fr;margin-top:14px}.entrance-description{display:none}.collection{padding-block:24px 28px}.collection-intro{display:block;margin-bottom:14px}.collection-description{margin-top:7px}.hero-showcase,.clock-grid,.web-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-tools{align-items:stretch}.search-field{min-width:0;width:100%}}
@media(max-width:600px){.page-width{width:calc(100% - 20px)}.wordmark{font-size:25px}.header-actions{gap:8px}.hero{padding-top:18px}.hero h1{font-size:38px}.hero-eyebrow{font-size:9px}.hero-intro-aside{display:none}.collection-entrances{gap:8px}.collection-entrance{padding:11px 12px}.entrance-heading h2{font-size:20px}.entrance-top .eyebrow{display:none}.entrance-count{font-size:9px}.collection{padding-block:20px 24px}.collection-intro h2{font-size:32px}.collection-description{font-size:12px}.hero-showcase{grid-template-columns:1fr}.hero-image,.hero-tile-main .hero-image{aspect-ratio:16/8}.hero-tile:nth-child(n+3){display:none}.clock-grid,.web-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.clock-card{border-radius:12px}.card-preview{aspect-ratio:16/10!important}.card-body{padding:8px!important}.clock-card h3{font-size:15px}.card-description{font-size:9px!important;min-height:2.7em!important;margin-bottom:6px!important}.card-kicker{font-size:8px!important}.button{min-height:28px!important;padding:5px 7px!important;font-size:8px!important}.card-actions{gap:4px!important}.filters{display:flex;overflow-x:auto;padding-bottom:2px;flex-wrap:nowrap}.filter-button{flex:0 0 auto}.collection-tools{display:block}.search-field{margin-top:8px}.about-section{grid-template-columns:1fr auto}.about-mark{display:none}.about-copy h2{font-size:26px}.site-footer{padding-block:14px;display:block}.footer-links{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}