:root{--night: #0E1D21;--night-2: #0b171a;--petrol-700: #0C4A57;--petrol-500: #147286;--petrol-300: #8FCBD6;--amber: #E8AC49;--amber-soft: rgba(232, 172, 73, .14);--snow: #E9F1F0;--ink: #E6EDEC;--ink-2: #A8BEC1;--ink-3: #728488;--line: rgba(143, 203, 214, .14);--surface: rgba(143, 203, 214, .045);--surface-2: rgba(143, 203, 214, .08);--radius: 16px;--radius-s: 10px;--maxw: 1080px;--font: "Hanken Grotesk", "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);color:var(--ink);line-height:1.6;background:radial-gradient(1100px 600px at 78% -8%,rgba(20,114,134,.28),transparent 60%),radial-gradient(900px 520px at 10% 6%,rgba(232,172,73,.07),transparent 55%),linear-gradient(180deg,var(--night) 0%,var(--night-2) 100%);background-attachment:fixed;min-height:100vh;font-size:17px;letter-spacing:-.006em;-webkit-font-smoothing:antialiased}a{color:var(--petrol-300);text-decoration:none}a:hover{color:var(--snow)}img{max-width:100%;display:block}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.site-head{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:#0e1d21b8;border-bottom:1px solid var(--line)}.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}.brand{display:flex;align-items:center;gap:12px}.brand img{height:26px;width:auto}.badge{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--amber);background:var(--amber-soft);border:1px solid rgba(232,172,73,.3);padding:3px 9px;border-radius:999px}.head-links{display:flex;align-items:center;gap:22px;font-size:15px;font-weight:500}.head-links a{color:var(--ink-2)}.head-links a:hover{color:var(--snow)}.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:12px 22px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:.18s ease}.btn-primary{background:var(--amber);color:#17130a}.btn-primary:hover{filter:brightness(1.07);color:#17130a;transform:translateY(-1px)}.btn-ghost{border-color:var(--line);color:var(--ink);background:var(--surface)}.btn-ghost:hover{background:var(--surface-2);color:var(--snow)}.hero{padding:92px 0 72px;position:relative;overflow:hidden}.hero-mark{position:absolute;right:-120px;top:-60px;width:560px;opacity:.06;pointer-events:none;filter:grayscale(1) brightness(2)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--petrol-300);background:var(--surface);border:1px solid var(--line);padding:6px 13px;border-radius:999px;margin-bottom:22px}.dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 22px;font-weight:700;max-width:16ch}h1 .accent{color:var(--amber)}.lede{font-size:clamp(1.05rem,2.4vw,1.3rem);color:var(--ink-2);max-width:62ch;margin:0 0 34px}.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.cta-note{color:var(--ink-3);font-size:14px}section{padding:22px 0}.section-lg{padding:68px 0}h2{font-size:clamp(1.6rem,3.5vw,2.2rem);letter-spacing:-.02em;margin:0 0 14px;font-weight:700}.section-intro{color:var(--ink-2);max-width:60ch;margin:0 0 40px;font-size:1.08rem}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;transition:.2s ease}.card:hover{border-color:#8fcbd64d;background:var(--surface-2);transform:translateY(-2px)}.card .ic{width:42px;height:42px;border-radius:var(--radius-s);display:grid;place-items:center;background:var(--amber-soft);color:var(--amber);margin-bottom:16px}.card h3{margin:0 0 8px;font-size:1.15rem;font-weight:650;letter-spacing:-.01em;color:var(--snow)}.card p{margin:0;color:var(--ink-2);font-size:.98rem}.band{background:linear-gradient(120deg,#0c4a5780,#14728638);border:1px solid var(--line);border-radius:22px;padding:44px 40px}.band h2{margin-top:0}.band ul{margin:18px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 28px}.band li{padding-left:26px;position:relative;color:var(--ink-2)}.band li:before{content:"→";position:absolute;left:0;color:var(--amber);font-weight:700}.cta-band{text-align:center;padding:74px 0 40px}.cta-band h2{margin-bottom:10px}.cta-band p{color:var(--ink-2);margin:0 auto 26px;max-width:52ch}footer{border-top:1px solid var(--line);margin-top:48px;padding:40px 0 56px;color:var(--ink-3);font-size:14px}footer .wrap{display:flex;flex-wrap:wrap;gap:18px 40px;align-items:center;justify-content:space-between}.foot-links{display:flex;gap:22px;flex-wrap:wrap}.foot-links a{color:var(--ink-2)}.foot-brand{display:flex;align-items:center;gap:10px}.foot-brand img{height:20px;opacity:.85}.legal{padding:56px 0 40px;max-width:760px}.legal h1{font-size:clamp(2rem,5vw,2.6rem);margin-bottom:8px}.legal .back{display:inline-block;margin-bottom:26px;color:var(--petrol-300);font-weight:500}.legal h2{font-size:1.3rem;margin:34px 0 8px}.legal p,.legal li{color:var(--ink-2)}.legal .todo{color:var(--amber);background:var(--amber-soft);border:1px dashed rgba(232,172,73,.4);border-radius:8px;padding:2px 8px;font-size:.92em}.legal .muted{color:var(--ink-3);font-size:.92rem}@media (max-width: 760px){.grid,.band ul{grid-template-columns:1fr}.head-links a:not(.badge-link){display:none}.hero{padding:64px 0 48px}}
