@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--night:#04211e;--night-2:#083a35;--teal:#0f766e;--teal-2:#0d9488;--teal-soft:#e3f3f0;--amber:#fbbf24;--amber-2:#f59e0b;--canvas:#fff;--tint:#f5f8f7;--line:#e3e9e7;--ink:#0f1f1d;--ink-soft:#566663;--on-night:#f2f7f6;--on-night-soft:#a9c0bb;--danger:#b91c1c;--danger-soft:#fee2e2;--warning:#92400e;--warning-soft:#fef3c7;--radius:16px;--shadow:0 1px 2px #0f1f1d0d, 0 12px 32px #0f1f1d12;--gutter:clamp(16px, 4vw, 40px);--width:1120px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--canvas);min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Geist Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;font-weight:650;line-height:1.12}a{color:inherit}:focus-visible{outline:2px solid var(--amber-2);outline-offset:2px;border-radius:6px}.skip-link{z-index:10;background:var(--amber);color:var(--night);border-radius:8px;padding:10px 16px;font-weight:600;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}.page-loading{background:var(--tint);min-height:100dvh}.brand{color:inherit;letter-spacing:-.04em;font-size:24px;font-weight:700;line-height:1;text-decoration:none}.brand-p{color:var(--teal-2)}.btn{min-height:48px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:0 24px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-small{border-radius:10px;min-height:40px;padding:0 16px;font-size:14px}.btn-wide{width:100%}.btn-amber{background:var(--amber);color:var(--night)}.btn-amber:hover:not(:disabled){background:#fcd34d}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover:not(:disabled){background:var(--teal-2)}.btn-ghost{color:var(--on-night);border-color:#f2f7f63d}.btn-ghost:hover:not(:disabled){background:#f2f7f614}.btn-outline{border-color:var(--line);color:var(--ink)}.btn-outline:hover:not(:disabled){background:var(--tint)}.center-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.site-header{width:100%;max-width:calc(var(--width) + 2 * var(--gutter));padding:20px var(--gutter);color:var(--on-night);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-inline:auto;display:grid}.site-header .brand-p{color:var(--amber)}.site-nav{gap:28px;font-size:15px;display:flex}.site-nav a{color:var(--on-night-soft);text-decoration:none;transition:color .15s}.site-nav a:hover{color:var(--on-night)}.site-header-end{justify-content:flex-end;display:flex}.site-footer{padding:48px var(--gutter);border-top:1px solid var(--line);color:var(--ink-soft);text-align:center;flex-direction:column;align-items:center;gap:20px;font-size:14px;display:flex}.site-footer .brand{color:var(--ink)}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:8px 24px;display:flex}.site-footer nav a{text-decoration:none}.site-footer nav a:hover{color:var(--ink)}.center-page{background:radial-gradient(900px 480px at 50% 0%, var(--night-2), transparent 70%), var(--night);min-height:100dvh;color:var(--on-night);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px 16px;display:flex}.center-page h1{font-size:clamp(28px,4vw,40px)}.center-page>p:not(.big-code){max-width:44ch;color:var(--on-night-soft);margin-bottom:8px}.big-code{background:linear-gradient(180deg, var(--amber), var(--amber-2));color:#0000;font-variant-numeric:tabular-nums;letter-spacing:-.05em;-webkit-background-clip:text;background-clip:text;font-size:clamp(96px,18vw,160px);font-weight:700;line-height:1}.building{filter:drop-shadow(0 -12px 60px #14b8a638);width:100%;max-width:340px;margin-inline:auto}.building-facade{background:linear-gradient(#14665d,#0a433d);border:1px solid #ffffff1f;border-bottom:0;border-radius:20px 20px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:24px 22px 20px;display:grid}.window{aspect-ratio:1/1.1;background:#0216148c;border-radius:8px;transition:background-color .5s,box-shadow .5s;position:relative;box-shadow:inset 0 1px 3px #0006}.window-lit{background:linear-gradient(180deg, #fde68a, var(--amber));box-shadow:0 0 22px #fbbf2473}.window-latest{animation:.8s window-on}.window-tag{z-index:2;color:var(--night);white-space:nowrap;background:#fff;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000004d}@keyframes window-on{0%,35%{box-shadow:none;background:#0216148c}50%{background:var(--amber)}62%{background:#0216148c}to{box-shadow:0 0 34px #fbbf24d9}}.building-ground{background:#0a433d;border-inline:1px solid #ffffff1f;justify-content:center;height:52px;padding-top:8px;display:flex}.building-door{border:1px solid #fbbf248c;background:linear-gradient(#fbbf2459,#fbbf241f);border-bottom:0;border-radius:10px 10px 0 0;width:52px;height:100%}@media (width<=720px){.site-header{grid-template-columns:1fr auto}.site-nav{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.info-top{background:radial-gradient(900px 420px at 50% -10%, #0e5a52, transparent 70%), var(--night);color:var(--on-night);padding-bottom:clamp(40px,6vw,72px)}.info-heading{max-width:720px;padding:clamp(24px, 4vw, 48px) var(--gutter) 0;text-align:center;flex-direction:column;align-items:center;gap:14px;margin-inline:auto;display:flex}.info-heading h1{font-size:clamp(36px,5vw,56px)}.info-heading p{color:var(--on-night-soft);font-size:clamp(17px,1.5vw,19px)}.info-body{max-width:calc(720px + 2 * var(--gutter));min-height:40vh;padding:clamp(40px, 6vw, 72px) var(--gutter) clamp(64px, 8vw, 96px);margin-inline:auto}.info-body h2{margin-top:36px;margin-bottom:10px;font-size:clamp(22px,2.4vw,26px)}.info-body h2:first-child{margin-top:0}.info-body p,.info-body li{color:var(--ink-soft)}.info-body ul{gap:8px;padding-left:20px;list-style:outside;display:grid}.info-body li::marker{color:var(--teal)}.info-body a{color:var(--teal);font-weight:600}.hero{background:radial-gradient(1000px 560px at 50% -10%, #0e5a52, transparent 70%), var(--night);color:var(--on-night);overflow:hidden}.hero-copy{max-width:860px;padding:clamp(40px, 7vw, 80px) var(--gutter) clamp(40px, 5vw, 56px);text-align:center;flex-direction:column;align-items:center;gap:22px;margin-inline:auto;display:flex}.pill{color:var(--on-night-soft);background:#f2f7f614;border:1px solid #f2f7f624;border-radius:999px;padding:6px 14px;font-size:14px}.hero h1{font-size:clamp(38px,6vw,68px)}.glow{background:linear-gradient(90deg, var(--amber), #fde68a, var(--amber));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-lead{max-width:56ch;color:var(--on-night-soft);font-size:clamp(17px,1.6vw,19px)}.scene{max-width:calc(var(--width) + 2 * var(--gutter));padding-inline:var(--gutter);grid-template-columns:minmax(0,1fr) minmax(240px,290px) minmax(0,1fr);align-items:end;gap:clamp(16px,3vw,40px);margin-inline:auto;display:grid}.scene-card{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #f2f7f61f;min-height:276px;margin-bottom:48px;padding:20px}.scene-card h2{color:var(--on-night-soft);letter-spacing:0;margin-bottom:14px;font-size:14px;font-weight:500}.scene-live{align-items:center;gap:8px;display:flex}.scene-live:before{content:"";background:var(--amber);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite live-pulse}@keyframes live-pulse{50%{opacity:.35}}.scene-rows{grid-auto-rows:44px;gap:8px;display:grid}.scene-rows li{background:#ffffff0d;border-radius:10px;grid-template-columns:minmax(0,1fr) auto 48px;align-items:center;gap:8px;padding:0 12px;font-size:14px;display:grid}.scene-rows li>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scene-rows li:first-child{animation:.4s row-in}.scene-amount{color:var(--on-night-soft);font-variant-numeric:tabular-nums;font-size:13px}.scene-tag{color:var(--amber);text-align:right;font-weight:600}@keyframes row-in{0%{opacity:0;transform:translateY(-6px)}}.scene-summary{text-align:center;flex-direction:column;align-items:center;display:flex}.scene-summary h2{margin-bottom:auto}.scene-count{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(56px,6vw,76px);font-weight:700;line-height:1}.scene-count span{color:var(--on-night-soft);letter-spacing:-.02em;font-size:.5em;font-weight:500}.scene-count-label{color:var(--on-night-soft);margin-top:6px;margin-bottom:auto}.scene-summary progress{appearance:none;background:#f2f7f61f;border:0;border-radius:999px;width:100%;height:8px;display:block;overflow:hidden}.scene-summary progress::-webkit-progress-bar{background:#f2f7f61f}.scene-summary progress::-webkit-progress-value{background:var(--amber);transition:width .5s}.scene-summary progress::-moz-progress-bar{background:var(--amber)}.section{padding:clamp(64px, 9vw, 104px) var(--gutter)}.section-tint{background:var(--tint)}.section-head{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:720px;margin:0 auto clamp(36px,5vw,56px);display:flex}.section-head h2{font-size:clamp(30px,4vw,44px)}.section-head>p:not(.kicker){max-width:58ch;color:var(--ink-soft);font-size:17px}.kicker{color:var(--teal);font-size:14px;font-weight:600}.steps{max-width:var(--width);text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-inline:auto;display:grid}.steps li{flex-direction:column;align-items:center;gap:10px;display:flex}.step-number{background:var(--teal-soft);width:44px;height:44px;color:var(--teal);border-radius:12px;place-items:center;margin-bottom:6px;font-weight:700;display:grid}.steps h3{font-size:18px}.steps p{color:var(--ink-soft);font-size:15px}.card{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.match-grid,.benefit-grid{max-width:var(--width);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-inline:auto;display:grid}.match-card{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px 24px;display:flex}.badge{border-radius:999px;margin-bottom:8px;padding:4px 12px;font-size:13px;font-weight:600}.badge-found{background:var(--teal-soft);color:var(--teal)}.badge-unsure{background:var(--warning-soft);color:var(--warning)}.badge-missing{background:var(--danger-soft);color:var(--danger)}.match-card h3{font-size:20px}.match-memo{color:var(--ink-soft);font-size:15px}.match-card dl{border-block:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:12px 0;padding:14px 0;display:grid}.match-card dt{color:var(--ink-soft);font-size:13px}.match-card dd{font-variant-numeric:tabular-nums;font-weight:600}.match-reason{color:var(--ink-soft);font-size:15px}.benefit-card{text-align:center;padding:32px 28px}.benefit-card h3{margin-bottom:10px;font-size:20px}.benefit-card p{color:var(--ink-soft)}.closing-section{padding-top:0}.closing{max-width:var(--width);padding:clamp(48px, 7vw, 72px) var(--gutter);background:radial-gradient(700px 320px at 50% 0%, #0e5a52, transparent 70%), var(--night);color:var(--on-night);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:16px;margin-inline:auto;display:flex}.closing h2{font-size:clamp(28px,4vw,42px)}.closing p{color:var(--on-night-soft);margin-bottom:8px;font-size:17px}@media (width<=960px){.steps,.match-grid,.benefit-grid,.scene{grid-template-columns:minmax(0,1fr)}.scene{max-width:480px;padding-bottom:40px}.scene-building{order:-1;margin-bottom:8px}.scene-card{min-height:0;margin-bottom:0}.scene-summary{gap:12px}.steps{max-width:420px}.match-grid,.benefit-grid{max-width:520px}}
