:root{--bg0:#f7f8fb;--bg1:#ffffff;--card: rgba(255,255,255,.86);--card2: rgba(251,252,255,.78);--line: rgba(15,23,42,.1);--text: #0f172a;--muted: rgba(15,23,42,.72);--muted2: rgba(15,23,42,.58);--accent: #22c55e;--accent2: #38bdf8;--accent3: #fbbf24;--shadow: 0 30px 90px rgba(2,6,23,.14);--radius:18px;--radius2:26px;--font-sans: "IBM Plex Sans", system-ui, -apple-system, Segoe UI, Arial, sans-serif;--font-head: "Space Grotesk", var(--font-sans);--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(900px 560px at 12% 10%,rgba(56,189,248,.16),transparent 60%),radial-gradient(860px 560px at 82% 18%,rgba(34,197,94,.12),transparent 62%),radial-gradient(980px 680px at 50% 110%,rgba(251,191,36,.1),transparent 58%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text);font-family:var(--font-sans);letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font:inherit}.ico{display:inline-block;vertical-align:-.22em;color:var(--accent2)}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.header{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbd;border-bottom:1px solid var(--line)}.headerInner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:baseline;gap:8px;font-family:var(--font-head)}.logoMark{font-weight:800;letter-spacing:-.04em;font-size:20px}.logoTag{font-weight:700;color:#0f172a8c;font-size:18px}.nav{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--line);background:#ffffffa6;border-radius:999px}.nav a{font-size:13px;color:#0f172ac7;padding:8px 10px;border-radius:999px;transition:background .2s ease,color .2s ease}.nav a:hover{background:#38bdf81a;color:var(--text)}.headerCtas{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 16px;border-radius:14px;border:1px solid var(--line);background:#ffffffb8;color:var(--text);font-weight:700;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);border-color:#38bdf838;box-shadow:0 18px 60px #02061724}.btnPrimary{border-color:#22c55e4d;background:linear-gradient(135deg,#22c55e29,#38bdf81f)}.btnPrimary:hover{border-color:#22c55e8c}.btnGhost{background:transparent}.btnSmall{padding:10px 12px;border-radius:12px;font-size:13px}.btnFull{width:100%}.btnPulse{position:relative}.btnPulse:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(34,197,94,.18),rgba(56,189,248,.12),transparent 62%);opacity:0;z-index:-1;animation:pulseGlow 2.8s ease-in-out infinite}.btnPrimary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.55) 36%,transparent 62%);transform:translate(-120%);opacity:0;pointer-events:none}.btnPrimary:hover:before{opacity:.55;animation:shine 1.1s ease both}.chip{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);background:#ffffffb8;border-radius:999px;font-size:12px;color:#0f172ac7}.hero{position:relative;padding:94px 0 54px;overflow:hidden}.heroBg{position:absolute;top:-240px;right:-240px;bottom:-280px;left:-240px;background:radial-gradient(760px 520px at 16% 18%,rgba(56,189,248,.2),transparent 60%),radial-gradient(720px 560px at 76% 24%,rgba(34,197,94,.16),transparent 62%),radial-gradient(840px 600px at 55% 108%,rgba(251,191,36,.14),transparent 58%),conic-gradient(from 190deg at 50% 50%,#38bdf80f,#22c55e0f,#fbbf240f,#38bdf80f);filter:blur(18px);opacity:.78;animation:drift 14s ease-in-out infinite}.heroInner{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:start}.heroKicker{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.heroTitle{font-family:var(--font-head);font-size:clamp(36px,4.6vw,56px);line-height:1;letter-spacing:-.06em;margin:0 0 14px}.heroSubtitle{margin:0 0 18px;color:var(--muted);font-size:16px;line-height:1.65;max-width:68ch}.heroCtas{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.heroStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.pill{border:1px solid var(--line);background:#ffffffc2;border-radius:18px;padding:12px}.pillLabel{font-size:12px;color:#0f172ab3;font-weight:700}.pillValue{margin-top:6px;font-size:12px;color:#0f172ae0}.heroFrame{border:1px solid rgba(56,189,248,.16);background:linear-gradient(180deg,#ffffffeb,#fbfcffd1);border-radius:var(--radius2);padding:0;box-shadow:var(--shadow);overflow:hidden;transform-origin:50% 30%;animation:floatCard 6.5s ease-in-out infinite}.frameTop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(15,23,42,.08);background:#f7f8fbe6}.frameDots{display:flex;gap:7px}.frameDots span{width:10px;height:10px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#fffffff2}.frameDots span:nth-child(1){background:#ef444433;border-color:#ef444440}.frameDots span:nth-child(2){background:#fbbf242e;border-color:#fbbf2438}.frameDots span:nth-child(3){background:#22c55e2e;border-color:#22c55e38}.frameTitle{font-weight:900;letter-spacing:-.02em;font-size:12px;color:#0f172adb}.frameTag{font-size:11px;color:#0f172a8c}.frameBody{padding:18px}.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.flowCol{border:1px solid var(--line);background:#ffffffc2;border-radius:20px;padding:14px;min-height:168px}.flowTitle{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.03em}.flowItem{margin-top:10px;padding:10px;border:1px dashed rgba(15,23,42,.16);background:#f7f8fbeb;border-radius:16px;color:#0f172ac2;font-size:13px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.flowItem:hover{transform:translateY(-1px);border-color:#38bdf838;box-shadow:0 14px 40px #0206171a}.frameNote{margin-top:12px;padding:12px;border:1px solid var(--line);background:#ffffffb8;border-radius:18px;color:#0f172ab3;font-size:12px;line-height:1.55}.section{padding:72px 0}.sectionAlt{background:radial-gradient(980px 560px at 10% 20%,rgba(56,189,248,.08),transparent 60%),radial-gradient(900px 600px at 85% 30%,rgba(34,197,94,.06),transparent 60%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.sectionHead h2{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--font-head);letter-spacing:-.04em;font-size:28px}.sectionHead p{margin:0;max-width:68ch;color:var(--muted);line-height:1.6}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{border:1px solid var(--line);background:linear-gradient(180deg,#ffffffeb,#fbfcffd1);border-radius:var(--radius2);padding:20px;box-shadow:0 14px 44px #0206171a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.card:hover{transform:translateY(-2px);box-shadow:0 20px 60px #0206171f;border-color:#38bdf833}.cardTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.cardEyebrow{font-size:11px;color:#fbbf24db;letter-spacing:.02em}.cardTitle{margin:10px 0 8px;font-family:var(--font-head);font-size:18px;letter-spacing:-.03em}.cardBody{color:var(--muted);font-size:14px;line-height:1.65}.list{margin:0;padding:0;list-style:none}.list li{margin:10px 0;display:flex;align-items:flex-start;gap:10px}.list li .ico{margin-top:1px}.hubGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.hubCol{border:1px solid var(--line);background:#ffffffc2;border-radius:var(--radius2);padding:18px;box-shadow:0 14px 44px #0206171a}.hubTitle{font-family:var(--font-head);letter-spacing:-.03em;font-weight:900;font-size:16px}.hubSteps{margin-top:14px;display:flex;flex-direction:column;gap:12px}.hubStep{border:1px solid var(--line);background:#f7f8fbeb;border-radius:20px;padding:12px;display:grid;grid-template-columns:52px 1fr;gap:10px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hubStep:hover{transform:translateY(-1px);box-shadow:0 14px 40px #0206171a;border-color:#38bdf833}.hubN{font-size:12px;color:#38bdf8eb;border:1px solid rgba(56,189,248,.22);background:#38bdf80f;border-radius:12px;height:34px;display:flex;align-items:center;justify-content:center}.hubT{font-weight:900;font-size:13px;letter-spacing:-.02em}.hubD{font-size:12px;color:var(--muted2);margin-top:4px;line-height:1.55}.hubCards{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.hubCard{border:1px solid var(--line);background:#ffffffd1;border-radius:20px;padding:12px}.hubCardT{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.02em}.hubCardD{margin-top:8px;color:var(--muted2);font-size:12px;line-height:1.55}.hubCta{margin-top:14px;display:flex;flex-direction:column;gap:10px}.hubHint{color:#ffffff9e;font-size:12px}.impactGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.impactCard{border:1px solid var(--line);background:#ffffffd1;border-radius:22px;padding:16px;box-shadow:0 14px 44px #0206171a}.impactT{font-family:var(--font-head);font-weight:900;letter-spacing:-.03em}.impactD{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.6}.impactCta{border-color:#22c55e38;background:linear-gradient(135deg,#22c55e1f,#38bdf80f);display:flex;flex-direction:column;gap:12px}.startGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;align-items:start}.form{border:1px solid var(--line);background:#ffffffdb;border-radius:var(--radius2);padding:16px;box-shadow:0 14px 44px #0206171a}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.fieldRow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.field span{font-size:12px;color:#0f172ac7;font-weight:800}input,textarea{background:#ffffffeb;border:1px solid rgba(15,23,42,.12);border-radius:14px;padding:12px;color:var(--text);outline:none;font-size:14px;transition:border-color .15s ease,background .15s ease}input:focus,textarea:focus{border-color:#38bdf847;background:#fffffffa}.formHint{margin-top:10px;font-size:12px;color:var(--muted2);line-height:1.5}.saving{display:inline-flex;align-items:center;gap:10px}.spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(56,189,248,.18);border-top-color:#38bdf8bf;animation:spin .9s linear infinite}.saved{color:#22c55ef2;font-weight:900}.error{color:#f87171eb;font-weight:800}.startAside{display:flex;flex-direction:column;gap:12px}.asideCard{border:1px solid var(--line);background:#ffffffd1;border-radius:var(--radius2);padding:16px;box-shadow:0 14px 44px #0206171a}.asideTitle{font-family:var(--font-head);font-weight:900;letter-spacing:-.03em}.asideCode{border:1px solid var(--line);background:#ffffffd1;border-radius:var(--radius2);padding:16px;box-shadow:0 14px 44px #0206171a}.asideCode pre{margin:12px 0 0;padding:12px;border-radius:16px;border:1px solid rgba(15,23,42,.1);background:#f7f8fbeb;color:#0f172ad1;overflow:auto;font-size:12px;line-height:1.45}.faqGrid{display:flex;flex-direction:column;gap:10px}.faqItem{text-align:left;border:1px solid var(--line);background:#ffffffdb;border-radius:22px;padding:16px;color:var(--text);box-shadow:0 14px 44px #0206171a;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.faqItem:hover{transform:translateY(-1px);box-shadow:0 18px 54px #0206171f;border-color:#38bdf82e}.faqQ{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--font-head);font-weight:900;letter-spacing:-.03em}.faqPlus{color:#38bdf8d1;font-size:18px;transform:translateY(-1px);transition:transform .15s ease}.faqA{display:block;margin-top:10px;color:#0f172ab3;font-size:13px;line-height:1.65;max-height:0;overflow:hidden;opacity:0;transform:translateY(-2px);transition:max-height .25s ease,opacity .2s ease,transform .2s ease}.faqItem.isOpen .faqPlus{transform:rotate(45deg)}.faqItem.isOpen .faqA{max-height:160px;opacity:1;transform:translateY(0)}.footer{border-top:1px solid var(--line);padding:34px 0 24px}.footerInner{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.footerText{margin-top:10px;color:var(--muted2);max-width:52ch;font-size:13px;line-height:1.6}.footerRight{display:flex;gap:12px;flex-wrap:wrap}.link{padding:10px 12px;border:1px solid var(--line);background:#ffffffb8;border-radius:999px;font-size:12px;color:#0f172ac7}.footerBottom{margin-top:18px;padding-top:18px;border-top:1px solid rgba(15,23,42,.08);display:flex;align-items:center;justify-content:space-between;gap:18px}.floatingCta{position:fixed;right:16px;bottom:16px;z-index:50;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;border:1px solid rgba(34,197,94,.24);background:linear-gradient(135deg,#22c55e29,#38bdf81a);box-shadow:0 18px 70px #02061729}.floatingDot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px #22c55e1f;animation:dotPulse 1.9s ease-in-out infinite}.floatingText{font-weight:900;letter-spacing:-.02em;font-size:13px;display:inline-flex;align-items:center;gap:8px}[data-reveal]{opacity:0;transform:translateY(10px);filter:blur(2px);transition:opacity .65s cubic-bezier(.2,.9,.2,1),transform .65s cubic-bezier(.2,.9,.2,1),filter .65s cubic-bezier(.2,.9,.2,1);transition-delay:var(--d, 0ms)}[data-reveal].isVisible{opacity:1;transform:translateY(0);filter:blur(0)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dotPulse{0%,to{transform:scale(1);box-shadow:0 0 0 6px #22c55e1f}50%{transform:scale(1.1);box-shadow:0 0 0 10px #38bdf81a}}@keyframes pulseGlow{0%,to{opacity:.1;transform:scale(1)}55%{opacity:.55;transform:scale(1.03)}}@keyframes shine{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes drift{0%{transform:translateZ(0) rotate(0)}50%{transform:translate3d(1.2%,-.8%,0) rotate(1.2deg)}to{transform:translateZ(0) rotate(0)}}@keyframes floatCard{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-.35deg)}}@media (prefers-reduced-motion: reduce){.heroBg,.heroFrame,.floatingDot,.btnPulse:after{animation:none!important}[data-reveal]{transition:none!important;filter:none!important}.btnPrimary:before{animation:none!important}}@media (max-width: 980px){.heroInner{grid-template-columns:1fr}.nav{display:none}.heroStats{grid-template-columns:repeat(2,minmax(0,1fr))}.flow,.grid3,.hubGrid,.hubCards,.impactGrid,.startGrid,.fieldRow{grid-template-columns:1fr}.footerInner{flex-direction:column}}
