:root{--page-bg:#02070b;--page-panel:#07131c;--page-panel-2:#0b1b27;--page-line:rgba(255,255,255,.075);--page-cyan:#72ebff;--page-blue:#7d8cff;--page-mint:#74e2b5;--page-text:#f3fbff;--page-muted:#8ca3b3;--page-paper:#f2f0ea;--page-ink:#111a22}

.product-page{background:var(--page-bg);color:var(--page-text)}
.product-page .site-header{position:sticky;top:0}
.page-hero{position:relative;overflow:hidden;padding:150px 0 105px;background:radial-gradient(780px 500px at 78% 25%,rgba(69,132,225,.18),transparent 70%),radial-gradient(620px 420px at 18% 100%,rgba(36,176,203,.13),transparent 72%),linear-gradient(145deg,#03111a,#02070b)}
.page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(111,230,251,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(111,230,251,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 92%);-webkit-mask-image:linear-gradient(to bottom,black,transparent 92%)}
.page-hero::after{content:"";position:absolute;width:650px;height:650px;right:-260px;top:-330px;border-radius:50%;border:1px solid rgba(110,228,250,.07);box-shadow:0 0 0 75px rgba(91,197,220,.013),0 0 0 150px rgba(91,197,220,.007)}
.page-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr .9fr;gap:72px;align-items:center}
.page-hero-copy .overline{margin-bottom:16px}.page-hero-copy h1{margin:0;font-size:clamp(58px,7vw,104px);line-height:.92;letter-spacing:-.06em;max-width:820px}.page-hero-copy h1 strong{display:block;background:linear-gradient(125deg,#fff,#a9f4ff 50%,#8e9aff);-webkit-background-clip:text;background-clip:text;color:transparent}.page-hero-copy>p:not(.overline){max-width:680px;margin:26px 0 0;color:#9cb0bd;font-size:18px;line-height:1.75}.page-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.page-hero-visual{position:relative;min-height:430px}.page-visual-frame{position:absolute;inset:20px 0 0 20px;border:1px solid rgba(127,230,250,.14);border-radius:22px;background:linear-gradient(155deg,rgba(9,24,35,.97),rgba(3,10,16,.99));box-shadow:0 45px 110px rgba(0,0,0,.55),0 0 90px rgba(47,160,204,.07);overflow:hidden}.page-visual-frame::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.04),transparent 24%,transparent 74%,rgba(78,201,228,.025));pointer-events:none}.visual-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.06);color:#829aaa;font-size:9px}.visual-top span{display:flex;gap:7px}.visual-top i{width:7px;height:7px;border-radius:50%;background:#40525f}.visual-body{padding:22px}.visual-body h3{margin:0;font-size:23px;letter-spacing:-.03em}.visual-body p{margin:4px 0 0;color:#627887;font-size:9px}.visual-main-card{margin-top:16px;min-height:150px;padding:20px;border:1px solid rgba(113,226,247,.09);border-radius:14px;background:radial-gradient(240px 150px at 88% 12%,rgba(91,102,225,.3),transparent 70%),linear-gradient(135deg,#0a2735,#07141f);display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.visual-main-card strong{font-size:26px}.visual-main-card button{border:0;border-radius:8px;padding:10px 18px;background:linear-gradient(135deg,#a8f4ff,#7d8fff);color:#041016;font-size:9px;font-weight:900}.visual-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.visual-stat-grid div{padding:12px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:rgba(255,255,255,.016)}.visual-stat-grid small{display:block;color:#526b7c;font-size:7px}.visual-stat-grid b{font-size:11px}.visual-float{position:absolute;z-index:3;padding:11px 13px;border:1px solid rgba(125,230,249,.14);border-radius:12px;background:rgba(5,17,26,.87);backdrop-filter:blur(12px);box-shadow:0 20px 45px rgba(0,0,0,.4);font-size:9px}.visual-float.a{left:-12px;bottom:58px}.visual-float.b{right:-22px;top:80px}.visual-float b{display:block}.visual-float small{color:#65808f}

.page-nav-strip{border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:#030b11}.page-nav-strip .shell{min-height:62px;display:flex;align-items:center;gap:28px;overflow:auto}.page-nav-strip a{flex:0 0 auto;color:#718a99;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.page-nav-strip a:hover{color:#a9edf6}

.page-section{padding:110px 0}.page-section.paper{background:var(--page-paper);color:var(--page-ink)}.page-section.deep{background:radial-gradient(700px 420px at 70% 30%,rgba(47,150,181,.1),transparent 72%),linear-gradient(145deg,#04131d,#02080d)}.page-section-head{max-width:840px;margin-bottom:42px}.page-section-head.centered{margin-left:auto;margin-right:auto;text-align:center}.page-section-head .overline{margin-bottom:14px}.page-section-head h2{margin:0;font-size:clamp(42px,5vw,70px);line-height:.98;letter-spacing:-.05em;text-wrap:balance}.page-section-head p{max-width:720px;margin:18px 0 0;color:#7d94a3;font-size:16px;line-height:1.75}.paper .page-section-head p{color:#52616b}.centered p{margin-left:auto;margin-right:auto}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{position:relative;min-height:300px;padding:28px;border:1px solid var(--page-line);border-radius:18px;background:linear-gradient(155deg,rgba(10,25,36,.93),rgba(4,12,18,.98));overflow:hidden;transition:.25s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(112,229,250,.14);box-shadow:0 28px 65px rgba(0,0,0,.25)}.feature-card::after{content:"";position:absolute;width:220px;height:220px;right:-110px;bottom:-120px;border-radius:50%;border:1px solid rgba(111,228,249,.06);box-shadow:0 0 0 35px rgba(84,190,214,.01)}.feature-number{display:block;margin-bottom:60px;color:#4d6879;font-size:9px;font-weight:900;letter-spacing:.13em}.feature-card h3{margin:0;font-size:25px;letter-spacing:-.03em}.feature-card p{margin:10px 0 0;color:#758c9b;font-size:13px;line-height:1.7}.feature-card .status-chip{position:absolute;top:25px;right:25px}.paper .feature-card{background:#faf9f5;border-color:rgba(15,36,47,.08);color:#111b23;box-shadow:0 16px 35px rgba(14,30,39,.05)}.paper .feature-card p{color:#53616a}

.split-showcase{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.showcase-copy h2{margin:10px 0 16px;font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.05em}.showcase-copy>p{color:#8198a7;line-height:1.78}.showcase-list{display:grid;gap:12px;margin-top:25px}.showcase-list div{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.showcase-list i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(78,193,218,.08);color:#83e6f1;font-style:normal;font-size:9px;font-weight:900}.showcase-list b{display:block;font-size:12px}.showcase-list small{display:block;color:#667f8f;font-size:10px;margin-top:2px}.showcase-ui{padding:22px;border:1px solid rgba(122,228,249,.12);border-radius:20px;background:linear-gradient(155deg,#091a26,#030b12);box-shadow:0 36px 90px rgba(0,0,0,.38)}.showcase-ui-head{display:flex;justify-content:space-between;gap:15px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.055);color:#7791a1;font-size:9px}.showcase-ui-head b{color:#8dddeb}.showcase-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.045)}.showcase-row:last-child{border-bottom:0}.showcase-row>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(82,190,214,.07);color:#77d8e8;font-size:9px}.showcase-row p{display:flex;flex-direction:column;margin:0}.showcase-row b{font-size:10px}.showcase-row small{font-size:8px;color:#5b7484}.showcase-row em{font-style:normal;font-size:8px;color:#75cba9}

.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.status-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:17px;border:1px solid var(--page-line);border-radius:14px;background:rgba(255,255,255,.018)}.status-dot{width:9px;height:9px;border-radius:50%}.status-dot.live{background:var(--page-mint);box-shadow:0 0 12px rgba(116,226,181,.55)}.status-dot.dev{background:var(--page-cyan);box-shadow:0 0 12px rgba(114,235,255,.45)}.status-dot.plan{background:#758196}.status-item p{display:flex;flex-direction:column;margin:0}.status-item b{font-size:12px}.status-item small{font-size:9px;color:#607887}.status-item em{font-style:normal;color:#77909f;font-size:9px}

.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.download-card{padding:28px;border:1px solid var(--page-line);border-radius:18px;background:linear-gradient(155deg,rgba(10,25,36,.93),rgba(4,12,18,.98))}.download-card .os-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:rgba(85,199,223,.08);color:#8aeaf5;font-weight:900}.download-card h3{font-size:25px;margin:22px 0 6px}.download-card p{min-height:66px;margin:0;color:#738b9a;font-size:12px;line-height:1.7}.download-card .availability{display:flex;align-items:center;gap:7px;margin:18px 0;color:#78909f;font-size:9px}.download-card .availability i{width:7px;height:7px;border-radius:50%;background:#7b8799}.download-card .button{width:100%}.download-card .button[aria-disabled="true"]{opacity:.45;pointer-events:none}
.requirement-table{overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:16px}.requirement-row{display:grid;grid-template-columns:.8fr 1.2fr;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.05)}.requirement-row:last-child{border-bottom:0}.requirement-row span{color:#637c8c;font-size:10px}.requirement-row b{font-size:10px;font-weight:700}

.support-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.support-category{min-height:190px;padding:22px;border:1px solid rgba(20,37,47,.08);border-radius:16px;background:#faf9f5;color:#101920;transition:.2s}.support-category:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(15,31,40,.08)}.support-category>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e9f4f5;color:#176d7c;font-weight:900}.support-category h3{font-size:18px;margin:22px 0 6px}.support-category p{margin:0;color:#5c6972;font-size:11px;line-height:1.65}.support-category b{display:block;margin-top:15px;color:#0b7488;font-size:10px}
.error-lookup-large{max-width:800px;padding:26px;border:1px solid rgba(113,226,247,.11);border-radius:18px;background:#06141d;box-shadow:0 30px 75px rgba(0,0,0,.28)}.error-lookup-large label{display:block;margin-bottom:8px;color:#7e95a5;font-size:10px;font-weight:800}.error-lookup-large .lookup-row{display:flex;gap:9px}.error-lookup-large input{flex:1;min-width:0;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#02090f;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;outline:0}.error-lookup-large input:focus{border-color:rgba(114,235,255,.28);box-shadow:0 0 0 3px rgba(114,235,255,.04)}

.news-list{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.news-tile{min-height:320px;padding:28px;border:1px solid rgba(21,36,45,.08);border-radius:18px;background:#faf9f5;color:#111a21;display:flex;flex-direction:column}.news-tile.featured{background:radial-gradient(400px 220px at 90% 0%,rgba(57,148,174,.12),transparent 70%),#faf9f5}.news-tile>span{color:#16798c;font-size:9px;font-weight:900;letter-spacing:.12em}.news-tile h3{margin:40px 0 10px;font-size:30px;line-height:1.05;letter-spacing:-.035em}.news-tile p{margin:0;color:#58666f;font-size:12px;line-height:1.7}.news-tile b{margin-top:auto;padding-top:28px;color:#0c7387;font-size:10px}

.page-cta{position:relative;overflow:hidden;padding:90px 0;background:radial-gradient(700px 360px at 78% 45%,rgba(62,121,223,.2),transparent 70%),linear-gradient(135deg,#061924,#02090f)}.page-cta::after{content:"";position:absolute;right:-110px;top:-230px;width:550px;height:550px;border-radius:50%;border:1px solid rgba(109,226,248,.07);box-shadow:0 0 0 70px rgba(75,185,210,.012),0 0 0 140px rgba(75,185,210,.007)}.page-cta-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:50px}.page-cta h2{margin:0;font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.05em}.page-cta p{max-width:650px;color:#7c94a3}.page-cta-actions{display:flex;gap:10px;flex-wrap:wrap}

.product-page .site-footer{padding-top:0}

@media(max-width:1050px){.page-hero-inner,.split-showcase{grid-template-columns:1fr}.page-hero-copy{text-align:center}.page-hero-copy>p:not(.overline){margin-left:auto;margin-right:auto}.page-hero-copy .overline,.page-hero-actions{justify-content:center}.page-hero-visual{width:min(760px,100%);margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.download-grid{grid-template-columns:1fr 1fr}.support-categories{grid-template-columns:1fr 1fr}.news-list{grid-template-columns:1fr 1fr}.news-tile.featured{grid-column:1/-1}.page-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.page-hero{padding-top:110px}.page-hero-inner{gap:42px}.page-hero-copy h1{font-size:clamp(48px,14vw,72px)}.page-hero-copy>p:not(.overline){font-size:15px}.page-hero-visual{min-height:370px}.page-visual-frame{left:0}.visual-float{display:none}.page-section{padding:82px 0}.feature-grid,.download-grid,.support-categories,.status-grid,.news-list{grid-template-columns:1fr}.news-tile.featured{grid-column:auto}.intro-grid{grid-template-columns:1fr}.page-cta-actions{width:100%}.page-cta-actions .button{flex:1}.error-lookup-large .lookup-row{flex-direction:column}.error-lookup-large .button{width:100%}}
@media(max-width:520px){.page-visual-frame{position:relative;inset:auto}.page-hero-visual{min-height:0}.visual-stat-grid{grid-template-columns:1fr 1fr}.visual-stat-grid>div:last-child{grid-column:1/-1}.page-cta-actions{flex-direction:column}.page-cta-actions .button{width:100%}.requirement-row{grid-template-columns:1fr;gap:4px}}