:root{--accent:#4c6fff;--accent2:#20d6a4;--bg:#081122;--ink:#edf4ff;--muted:color-mix(in srgb,var(--ink) 68%,transparent);--line:color-mix(in srgb,var(--ink) 18%,transparent);--panel:color-mix(in srgb,var(--bg) 88%,white);--radius:24px;--shadow:0 22px 70px color-mix(in srgb,var(--ink) 12%,transparent)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit}img{max-width:100%;display:block}.site-head{width:min(1180px,calc(100% - 32px));margin:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;letter-spacing:.02em}.brand span{width:38px;height:38px;display:grid;place-items:center;background:var(--accent);color:var(--bg);border-radius:12px}.site-head nav{display:flex;align-items:center;gap:18px}.site-head nav a{text-decoration:none;font-size:14px}.site-head .nav-cta{padding:9px 16px;background:var(--accent);color:var(--bg);border-radius:999px;font-weight:800}.menu{display:none;background:none;border:1px solid var(--line);color:inherit;padding:8px 12px;border-radius:10px}main{width:min(1180px,calc(100% - 32px));margin:auto}.hero{min-height:620px;padding:80px 0;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.hero h1,.page-hero h1{font-size:clamp(42px,7vw,88px);line-height:1.02;letter-spacing:-.055em;margin:14px 0 24px}.simple-hero h1{max-width:820px}.lede{font-size:clamp(18px,2vw,24px);color:var(--muted);max-width:760px}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.actions{display:flex;gap:18px;align-items:center;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;background:var(--accent);color:var(--bg);border:1px solid var(--accent);border-radius:999px;text-decoration:none;font-weight:800}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.text-link{font-weight:800;text-decoration:none}.signal-card{aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:36px;background:var(--accent);color:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow);transform:rotate(2deg)}.signal-card strong{font-size:clamp(44px,6vw,78px);line-height:1}.signal-card small{opacity:.75}.complex-hero figure{margin:0;position:relative}.complex-hero img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.complex-hero figcaption{font-size:12px;color:var(--muted);margin-top:10px}.hero-visual{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 15%,var(--bg)),var(--bg));box-shadow:var(--shadow)}.hero-visual .core{position:relative;z-index:2;width:112px;height:112px;display:grid;place-items:center;border-radius:32px;background:var(--accent);color:var(--bg);font-size:54px;font-weight:900;box-shadow:0 18px 50px color-mix(in srgb,var(--accent) 35%,transparent)}.hero-visual .orbit{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:50%}.hero-visual .orbit-a{width:58%;height:58%}.hero-visual .orbit-b{width:82%;height:82%}.hero-visual small{position:absolute;bottom:28px;font-size:11px;letter-spacing:.16em;color:var(--muted)}.disclosure{margin:10px 0 70px;border:1px solid var(--line);padding:18px 22px;border-radius:16px;display:grid;grid-template-columns:180px 1fr;gap:18px}.disclosure p{margin:0;color:var(--muted)}.section{padding:90px 0}.section-head{max-width:780px;margin-bottom:38px}.section-head h2,.cta h2{font-size:clamp(34px,5vw,60px);line-height:1.08;letter-spacing:-.04em;margin:10px 0}.section-head p{color:var(--muted)}.steps,.feature-grid,.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article,.feature-grid a,.article-grid article,.device-card{border:1px solid var(--line);padding:28px;border-radius:var(--radius);background:var(--bg);background:color-mix(in srgb,var(--panel) 82%,transparent);text-decoration:none;transition:transform .2s ease,border-color .2s ease}.steps article:hover,.feature-grid a:hover,.article-grid article:hover,.device-card:hover{transform:translateY(-4px);border-color:var(--accent)}.steps b,.feature-grid span,.device-card>span{font-size:13px;color:var(--accent);font-weight:900}.steps h3,.feature-grid h3,.article-grid h3,.device-card h3{font-size:22px;line-height:1.2}.steps p,.feature-grid p,.article-grid p,.device-card p{color:var(--muted)}.panel{position:relative}.panel:before{content:"";position:absolute;inset:40px -5vw;background:var(--bg);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:40px;z-index:-1}.device-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.device-card{padding:22px}.device-card .button{width:100%;padding:11px 14px;font-size:13px}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.checklist p{padding:17px 0;border-bottom:1px solid var(--line);margin:0}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:19px;font-weight:800;cursor:pointer}.faq details p{color:var(--muted);max-width:850px}.cta{margin:80px 0;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:var(--bg);border-radius:var(--radius)}.cta p{max-width:720px;opacity:.75}.cta .button{background:var(--accent2);border-color:var(--accent2);color:#151515;white-space:nowrap}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.stat-strip div{padding:28px;border-right:1px solid var(--line)}.stat-strip div:last-child{border:0}.stat-strip strong{display:block;font-size:36px}.stat-strip span{color:var(--muted)}.article-grid.large{grid-template-columns:repeat(3,1fr)}.page-hero{padding:100px 0 60px;max-width:960px}.page-hero p{font-size:20px;color:var(--muted)}.timeline{max-width:900px;margin:auto}.timeline article{display:grid;grid-template-columns:90px 1fr;gap:28px;border-bottom:1px solid var(--line);padding:34px 0}.timeline article>b{font-size:34px;color:var(--accent)}.longform{max-width:850px;margin:0 auto;padding:100px 0}.longform>header{margin-bottom:50px}.longform h1{font-size:clamp(40px,7vw,76px);line-height:1.04;letter-spacing:-.05em}.longform section{padding:28px 0;border-top:1px solid var(--line)}.longform section h2{font-size:30px}.longform section p{font-size:18px;color:var(--muted)}.next-read,.source-note{margin-top:30px;padding:32px;background:var(--bg);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:var(--radius)}.source-note{border:1px solid var(--line)}footer{width:min(1180px,calc(100% - 32px));margin:100px auto 0;padding:44px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;gap:30px;color:var(--muted)}footer a{font-weight:750}.mobile-register{display:none}
body[data-layout="terminal"]{--radius:10px}body[data-layout="terminal"] .eyebrow,body[data-layout="terminal"] .stat-strip{font-family:"SFMono-Regular",Consolas,monospace}body[data-layout="terminal"] .button{border-radius:10px}body[data-layout="terminal"] .panel:before{border-radius:18px}
body[data-layout="soft"]{--radius:34px}body[data-layout="soft"] .signal-card{border-radius:50% 38% 46% 42%}body[data-layout="soft"] .steps article{box-shadow:0 12px 40px color-mix(in srgb,var(--accent) 10%,transparent)}
body[data-layout="brutal"]{--radius:8px}body[data-layout="brutal"] .signal-card,body[data-layout="brutal"] .steps article,body[data-layout="brutal"] .device-card{border:1px solid var(--ink);box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 18%,transparent)}body[data-layout="brutal"] .button{border-radius:8px}body[data-layout="brutal"] .eyebrow{background:var(--accent2);color:#111;padding:4px 7px}
body[data-layout="glass"]{background:radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 35%),var(--bg)}body[data-layout="glass"] .signal-card,body[data-layout="glass"] .steps article,body[data-layout="glass"] .device-card{backdrop-filter:blur(18px);background:color-mix(in srgb,white 9%,transparent)}
body[data-layout="archive"]{font-family:Georgia,"Noto Serif SC",serif}body[data-layout="archive"] .site-head,body[data-layout="archive"] .eyebrow{font-family:Inter,"Noto Sans SC",sans-serif}body[data-layout="archive"] .complex-hero img{filter:sepia(.12)}
body[data-layout="lab"] .feature-grid a{border-left:5px solid var(--accent)}body[data-layout="lab"] .complex-hero figure:after{content:"LAB / 07";position:absolute;right:-15px;top:20px;background:var(--accent2);padding:8px 14px;font-weight:900;color:#14262a}
body[data-layout="dashboard"]{background:linear-gradient(color-mix(in srgb,var(--accent) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent) 1px,transparent 1px),var(--bg);background-size:32px 32px}body[data-layout="dashboard"] .complex-hero img{aspect-ratio:1;border-radius:12px}
body[data-layout="garden"] .complex-hero img{border-radius:48% 48% 10% 10%}body[data-layout="garden"] .feature-grid a:nth-child(even){transform:translateY(22px)}
body[data-layout="editorial"] .complex-hero{grid-template-columns:.9fr 1.1fr}body[data-layout="editorial"] .complex-hero h1{font-family:Georgia,"Noto Serif SC",serif}body[data-layout="editorial"] .article-grid article{border-top:4px solid var(--ink)}
@media(max-width:900px){body{padding-bottom:74px}.site-head nav{display:none;position:absolute;top:70px;left:16px;right:16px;padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);z-index:10;flex-direction:column}.site-head nav.open{display:flex}.site-head .nav-cta{text-align:center}.menu{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding:64px 0}.signal-card,.hero-visual{max-width:480px}.complex-hero figure{max-width:620px}.steps,.feature-grid,.article-grid,.article-grid.large{grid-template-columns:1fr 1fr}.device-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:20px}.cta{align-items:flex-start;flex-direction:column}.stat-strip{grid-template-columns:1fr 1fr}.disclosure{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.mobile-register{display:block;position:fixed;z-index:20;left:12px;right:12px;bottom:10px;padding:7px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow)}.mobile-register a{display:block;padding:12px;text-align:center;text-decoration:none;background:var(--accent);color:var(--bg);border-radius:999px;font-weight:850}}
@media(max-width:580px){main,.site-head,footer{width:min(100% - 24px,1180px)}.hero h1,.page-hero h1{font-size:42px}.section{padding:62px 0}.steps,.feature-grid,.article-grid,.article-grid.large,.device-grid{grid-template-columns:1fr}.signal-card{aspect-ratio:auto;min-height:340px}.stat-strip{grid-template-columns:1fr 1fr}.stat-strip div:nth-child(2){border-right:0}.cta{padding:30px}.timeline article{grid-template-columns:54px 1fr}.complex-hero img{aspect-ratio:4/3}footer{grid-template-columns:1fr}}