.content-page{min-height:60vh;background:radial-gradient(circle at 12% 0,rgba(56,171,255,.12),transparent 30%),radial-gradient(circle at 90% 8%,rgba(151,91,255,.12),transparent 28%),linear-gradient(180deg,#07152f 0%,#040b17 100%);color:#eef7ff;padding:76px 0 64px}.content-page .wrap{width:min(1180px,calc(100% - 28px));margin:auto}.page-hero{max-width:850px;margin:0 auto 42px;text-align:center}.page-hero .eyebrow,.doc-section .eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(93,231,255,.2);border-radius:999px;background:rgba(37,132,186,.08);color:#6cecff;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.page-hero h1{margin:16px 0 12px;font-size:clamp(34px,6vw,66px);line-height:1.02}.page-hero p{margin:0 auto;color:#9eb5c8;font-size:17px;max-width:760px}.grad{background:linear-gradient(90deg,#65e8fa,#7892ff,#b078ff,#ec72d9);-webkit-background-clip:text;background-clip:text;color:transparent}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.feature-card,.doc-card,.screen-card{border:1px solid rgba(100,210,255,.14);border-radius:22px;background:linear-gradient(145deg,rgba(10,31,58,.82),rgba(13,20,48,.68));box-shadow:0 18px 50px rgba(0,5,22,.22),inset 0 1px 0 rgba(255,255,255,.035)}.feature-card{padding:22px}.feature-card h3{margin:0 0 8px;font-size:18px}.feature-card p{margin:0;color:#8fa8bb}.feature-icon{width:42px;height:42px;margin-bottom:14px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,rgba(69,221,255,.13),rgba(131,86,255,.14));border:1px solid rgba(106,215,255,.16);font-size:20px}.section-title{margin:58px 0 18px}.section-title h2{margin:8px 0;font-size:clamp(26px,4vw,42px)}.section-title p{margin:0;color:#91a9bc;max-width:760px}.screen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.screen-card{overflow:hidden}.screen-placeholder{aspect-ratio:16/9;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 30% 20%,rgba(53,202,255,.16),transparent 30%),radial-gradient(circle at 70% 75%,rgba(159,80,255,.17),transparent 34%),#071323}.screen-placeholder:before{content:"";position:absolute;inset:14px;border:1px dashed rgba(123,215,255,.2);border-radius:14px}.screen-placeholder span{position:relative;z-index:1;padding:8px 12px;border-radius:999px;background:rgba(3,10,25,.62);border:1px solid rgba(255,255,255,.08);color:#8ba9bf;font-size:12px}.screen-copy{padding:16px 18px}.screen-copy h3{margin:0 0 5px}.screen-copy p{margin:0;color:#839db2;font-size:13px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:36px}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:13px;border:1px solid rgba(98,216,255,.2);background:linear-gradient(135deg,rgba(21,101,158,.7),rgba(69,51,156,.76));color:#fff!important;font-weight:850;box-shadow:0 10px 28px rgba(25,81,165,.18)}.page-btn.ghost{background:rgba(9,22,43,.65);color:#b8d5e8!important}.doc-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.doc-nav{position:sticky;top:18px;padding:18px;border:1px solid rgba(100,210,255,.13);border-radius:18px;background:rgba(7,20,39,.78)}.doc-nav a{display:block;padding:9px 10px;margin:3px 0;border-radius:10px;color:#9eb7c9}.doc-nav a:hover{background:rgba(70,182,235,.09);color:#fff}.doc-section{scroll-margin-top:20px;margin-bottom:22px}.doc-card{padding:24px}.doc-card h2{margin:8px 0 10px;font-size:28px}.doc-card h3{margin:22px 0 8px}.doc-card p,.doc-card li{color:#9db3c3}.doc-card ol,.doc-card ul{padding-left:22px}.code-line{display:block;margin:12px 0;padding:13px 15px;border-radius:12px;background:#020914;border:1px solid rgba(89,194,245,.14);color:#86e7ff;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.note-box{margin:16px 0;padding:15px 17px;border-radius:14px;border:1px solid rgba(116,218,255,.15);background:rgba(30,112,158,.08);color:#b9cddd}.note-box strong{color:#fff}.steps{counter-reset:steps}.step-row{position:relative;padding:0 0 22px 54px;min-height:52px}.step-row:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:0;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#287bc0,#7955d9);color:#fff;font-weight:900}.step-row:not(:last-child):after{content:"";position:absolute;left:16px;top:38px;bottom:4px;width:1px;background:rgba(102,198,245,.18)}.step-row h3{margin:0 0 4px}.step-row p{margin:0}.doc-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.doc-tab{padding:7px 11px;border-radius:999px;background:rgba(74,164,221,.08);border:1px solid rgba(111,212,255,.14);color:#a9cce0;font-size:12px;font-weight:800}@media(max-width:860px){.feature-grid{grid-template-columns:1fr 1fr}.doc-layout{grid-template-columns:1fr}.doc-nav{position:static;display:flex;gap:6px;overflow:auto}.doc-nav a{white-space:nowrap}.screen-grid{grid-template-columns:1fr}}@media(max-width:560px){.content-page{padding-top:54px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-card{padding:16px}.feature-card p{font-size:13px}.screen-copy{padding:14px}.doc-card{padding:18px}.page-hero{text-align:left}.cta-row{justify-content:flex-start}}