/* Compute 86 — isolated product surfaces. Global header styling stays in App Shell. */
:root{color-scheme:light;--paper:#fff;--surface:#f5f5f7;--ink:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--accent:#0066cc;--button:#0071e3;--soft:#e8edf5;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}
:root[data-theme=dark]{color-scheme:dark;--paper:#000;--surface:#111113;--ink:#f5f5f7;--muted:#a1a1a6;--line:#353539;--accent:#70b6ff;--button:#0071e3;--soft:#141c2b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;letter-spacing:-.045em;text-wrap:balance}p{line-height:1.65;text-wrap:pretty}button{cursor:pointer}img,svg{max-width:100%}[hidden]{display:none!important}.muted{color:var(--muted)}
.skip-link{position:fixed;top:10px;left:12px;z-index:50;padding:12px 20px;background:var(--ink);color:var(--paper);border-radius:30px;transform:translateY(-180%)}.skip-link:focus{transform:none}.standalone-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);font-size:14px}.standalone-nav>a:first-child{font-weight:650}.is-embedded .standalone-nav{display:none}
.eyebrow{font-size:12px;line-height:1.4;letter-spacing:.11em;font-weight:600;text-transform:uppercase;color:var(--muted)}.section-wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.product-banner{position:relative;min-height:690px;overflow:hidden;text-align:center;padding:62px 24px 25px;background:var(--surface);isolation:isolate}.product-banner+.product-banner{border-top:12px solid var(--paper)}.banner-copy{position:relative;z-index:2}.banner-copy .eyebrow{margin-bottom:14px}.product-banner h1,.product-banner h2{font-size:clamp(38px,4.8vw,64px);line-height:1.12;letter-spacing:-.04em}.hero-tagline{font-size:clamp(21px,2.25vw,28px);margin-top:14px;font-weight:450;line-height:1.45}.actions{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 24px;border-radius:30px;background:var(--button);color:#fff;font-size:16px;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#0077ed;transform:translateY(-1px)}.text-link{color:var(--accent);font-size:17px;line-height:1.6}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.banner-note{position:relative;z-index:2;color:var(--muted);font-size:12px;letter-spacing:.07em;margin-top:6px}.product-art{height:350px;width:min(760px,100%);position:relative;margin:24px auto 0;pointer-events:none}
.scvg-banner{background:radial-gradient(ellipse at 50% 65%,#dceafa 0,transparent 55%),#f5f7fa}.geometry-art{display:grid;place-items:center}.geometry-orb{position:relative;width:304px;height:304px;border-radius:50%;background:radial-gradient(circle at 27% 22%,#fff 0%,#d2e5ff 13%,#88aee9 37%,#345989 66%,#172c46 82%,#c5d9eb 99%);box-shadow:inset -10px -4px 25px #0d284e99,inset 1px 2px 2px #fff,0 34px 48px -35px #244c89b3;overflow:hidden;transform:rotate(-18deg)}.geometry-orb::before,.geometry-orb::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid #fff7;transform:scaleY(.35)}.geometry-orb::after{transform:scaleY(.7)}.geometry-orb i{position:absolute;inset:0;border:1px solid #e8f4ffa6;border-radius:50%;transform:scaleX(.2)}.geometry-orb i:nth-child(2){transform:scaleX(.4)}.geometry-orb i:nth-child(3){transform:scaleX(.65)}.geometry-orb i:nth-child(4){transform:scaleX(.85)}.geometry-orb i:nth-child(5){transform:rotate(58deg) scaleX(.3)}.geometry-orb i:nth-child(6){transform:rotate(58deg) scaleX(.6)}.geometry-orb i:nth-child(7){transform:rotate(58deg) scaleX(.85)}.geometry-orb i:nth-child(8){transform:rotate(-58deg) scaleX(.6)}.geometry-orb b{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(18deg);color:#f7fbff;font-weight:650;font-size:118px;letter-spacing:-.07em;text-shadow:0 2px 24px #15345680}.art-axis{position:absolute;width:520px;height:170px;max-width:110%;border:1px solid #6896cd50;border-radius:50%;transform:rotate(-24deg);z-index:-1}.axis-two{transform:rotate(24deg);width:420px;height:250px}.basicx-banner{background:#000;color:#f5f5f7}.basicx-banner .eyebrow,.basicx-banner .banner-note{color:#a1a1a6}.basicx-banner .text-link{color:#70b6ff}.core-art{display:grid;place-items:center}.core-stack{position:relative;width:265px;height:245px;transform:rotate(-17deg) skewY(10deg);margin-top:15px}.core-stack i{position:absolute;inset:0;border:1px solid #acb9ce;box-shadow:inset 1px 2px 4px #fff5,0 0 40px #3866ae18;border-radius:26px;background:linear-gradient(140deg,#dce8ff22,#131b2f 40%,#000 85%);transform:translate(-40px,30px)}.core-stack i:nth-child(2){transform:translate(-20px,15px);background:linear-gradient(140deg,#acb6d555,#091125 65%,#1d2b47)}.core-stack i:last-child{transform:none;background:linear-gradient(145deg,#9ca8bc88,#101421 45%,#242e46);display:grid;place-items:center}.core-stack b{font-size:156px;line-height:1;color:#e8effb;font-weight:500;text-shadow:0 0 60px #95b3e57a}.core-light{position:absolute;bottom:3px;width:370px;height:1px;background:linear-gradient(90deg,transparent,#c3d7ff,transparent);box-shadow:0 0 34px 6px #4976bd40}.link-banner{background:radial-gradient(ellipse at 50% 70%,#e3deff 0,transparent 58%),#f6f5fb}.link-art{display:grid;place-items:center;height:350px}.link-ring{position:absolute;width:235px;height:160px;border:28px solid #8073c8;border-radius:100px;transform:translate(-65px,-25px) rotate(-38deg);background:transparent;box-shadow:inset 3px 3px 6px #fff9,inset -3px -5px 8px #282051b3,3px 5px 5px #2c1c7026,0 28px 38px -25px #51467d;outline:1px solid #c6c2e6}.ring-front{transform:translate(65px,25px) rotate(-38deg);border-color:#c1b7ee;border-top-color:#e4dfff;border-right-color:#9685c5;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 62%,14% 40%,34% 60%,0 83%)}.link-light{position:absolute;bottom:25px;height:1px;width:420px;max-width:90%;background:linear-gradient(90deg,transparent,#baadd6,transparent)}
:root[data-theme=dark] .scvg-banner{background:radial-gradient(ellipse at 50% 65%,#10243e 0,transparent 58%),#000}:root[data-theme=dark] .link-banner{background:radial-gradient(ellipse at 50% 70%,#241a40 0,transparent 56%),#08060c}:root[data-theme=dark] .geometry-orb{box-shadow:inset -10px -4px 25px #0d284e99,inset 1px 2px 2px #fff,0 0 60px #3975a92b}
.families{padding-block:110px 100px}.section-heading h2{font-size:clamp(36px,4vw,52px);line-height:1.16;margin:18px 0 20px}.body-copy{font-size:19px;color:var(--muted);line-height:1.8}.family-tabs{display:flex;width:fit-content;max-width:100%;gap:5px;overflow-x:auto;padding:6px;border-radius:40px;background:var(--surface);margin:42px 0 24px;scrollbar-width:thin}.family-tabs button{border:0;background:transparent;white-space:nowrap;color:var(--muted);border-radius:25px;padding:12px 23px;min-height:44px;font-size:15px}.family-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.family-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--surface);border-radius:28px;min-height:390px;overflow:hidden;margin-top:20px}.family-panel:first-child{margin-top:0}.family-visual{height:100%;min-height:320px;display:grid;place-items:center;position:relative;overflow:hidden;isolation:isolate}.family-visual::before{content:"";position:absolute;width:240px;height:240px;border:1px solid var(--line);border-radius:42px;transform:rotate(35deg);z-index:-1}.family-visual::after{content:"";position:absolute;width:215px;height:215px;border:1px solid var(--line);border-radius:42px;transform:rotate(20deg);z-index:-1}.family-visual span{font-size:clamp(32px,4.3vw,58px);font-weight:650;letter-spacing:-.07em}.family-copy{padding:45px 48px 45px 15px}.family-copy h3{font-size:34px;margin:10px 0}.family-tagline{font-size:20px;font-weight:600;margin:8px 0 16px}.family-copy .body-copy{font-size:16px}.family-copy .text-link,.family-copy .small-copy{display:inline-block;margin-top:22px}.family-synaeris .family-visual::before{border-radius:50%}.family-synaeris .family-visual::after{border-radius:50%;transform:scale(.75)}.family-veyra .family-visual::before{transform:rotate(-12deg);border-radius:15px;background:linear-gradient(140deg,#b5afed30,transparent)}.family-veyra .family-visual::after{transform:rotate(12deg);border-radius:15px}.family-auralis .family-visual span{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:68px}.family-auralis .family-visual::before{height:120px;border-radius:50%;transform:rotate(-25deg)}.family-auralis .family-visual::after{height:110px;border-radius:50%;transform:rotate(25deg)}.family-link .family-visual::before{width:190px;height:120px;border-radius:100px;transform:translate(-30px,-20px) rotate(-30deg)}.family-link .family-visual::after{width:190px;height:120px;border-radius:100px;transform:translate(30px,20px) rotate(-30deg)}
.product-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(24px,calc((100vw - 1120px)/2));font-size:13px;border-bottom:1px solid var(--line);background:var(--paper)}.product-nav span{margin:0 14px;color:var(--muted)}.product-nav>a:last-child{color:var(--accent)}.detail-hero{min-height:740px;padding-top:84px}.detail-hero h1{font-size:clamp(40px,5.7vw,76px)}.detail-hero .product-art{height:400px;margin-top:40px}.detail-hero .geometry-orb{width:340px;height:340px}.editorial-intro{padding:110px 100px 80px;text-align:center}.editorial-intro h2{font-size:clamp(36px,4.2vw,56px);margin:20px 0 30px;line-height:1.15}.lead-copy{font-size:24px;line-height:1.65;letter-spacing:-.015em}.editorial-intro .body-copy{margin-top:24px}.feature-band{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:80px}.feature-band h2{font-size:clamp(34px,3.5vw,48px);line-height:1.22;margin:20px 0 24px}.feature-band .body-copy{font-size:18px}.feature-band.reverse>div:first-child{order:2}.detail-visual{height:360px;border-radius:28px;background:var(--surface);position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate}.surface-visual{perspective:700px}.surface-visual i{position:absolute;width:190px;height:220px;transform:rotate(-22deg) skewY(12deg) translate(-40px,20px);border-radius:24px;background:linear-gradient(135deg,#e7f0ff,#9fc0e8 45%,#345e98);box-shadow:2px 10px 14px #16274940}.surface-visual i:nth-child(2){transform:rotate(-22deg) skewY(12deg) translate(0,0);background:linear-gradient(135deg,#c2d6eb,#789cce 50%,#233c62)}.surface-visual i:nth-child(3){transform:rotate(-22deg) skewY(12deg) translate(40px,-20px);background:repeating-linear-gradient(45deg,#ffffff20 0 1px,transparent 1px 14px),linear-gradient(135deg,#e4f0ff,#6798d3 55%,#112e58)}.surface-visual>span{position:absolute;bottom:25px;color:var(--muted);font-size:11px;letter-spacing:.2em}.geometry-detail .product-art{transform:scale(.8);margin:0}.geometry-detail .geometry-orb b{display:none}.statement{margin-block:50px;padding-block:100px;text-align:center;overflow:hidden}.statement h2{font-size:clamp(40px,4.8vw,66px);line-height:1.2;margin:22px 0 28px}.statement .lead-copy{max-width:760px;margin-inline:auto}.dark-statement{background:#000;color:#f5f5f7}.dark-statement .eyebrow{color:#a1a1a6}.ray-art{height:190px;width:min(650px,100%);margin:50px auto 0;position:relative;display:grid;place-items:center}.ray-art i{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,#a4ceff,transparent);transform:rotate(-10deg);box-shadow:0 0 12px #8cbdff}.ray-art i:nth-child(2){transform:rotate(0)}.ray-art i:nth-child(3){transform:rotate(10deg)}.ray-art b{width:125px;height:125px;border-radius:50%;border:1px solid #aacaff;background:radial-gradient(circle at 30% 25%,#cbdfff55,#334e7240 45%,#030810a6);box-shadow:inset -4px -2px 20px #7aa1d04d}.continuity-art{display:flex;gap:11px;justify-content:center}.continuity-art span{width:36px;height:130px;border-radius:12px;background:linear-gradient(#a1b9d8,#53739a);transform:translateY(18px)}.continuity-art span:nth-child(2n){height:190px;transform:translateY(-12px)}.continuity-art span:nth-child(3){height:225px;background:linear-gradient(#e1edff,#7fa8e1);transform:translateY(-24px)}.closing{text-align:center;padding-block:100px}.closing h2{font-size:clamp(34px,4.1vw,54px);line-height:1.25;margin:22px 0 30px}.closing .body-copy{margin-bottom:26px}.product-notes{padding-block:28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.connection-art>span{font-size:65px;font-weight:600;letter-spacing:-.06em}.connection-art>div{display:flex;gap:24px;position:absolute;bottom:58px}.connection-art i{width:9px;height:9px;background:#a397cd;border-radius:50%;box-shadow:0 0 0 8px #a397cd20}.guard-statement{background:var(--surface)}.guard-art{width:140px;height:170px;display:grid;place-items:center;margin:48px auto 28px;border:2px solid #aba1c4;border-radius:70px 70px 80px 80px / 40px 40px 100px 100px;background:linear-gradient(140deg,#eae5f799,#83739e44);box-shadow:inset 2px 3px 6px #fff5}.guard-art span{font-size:55px;font-weight:550;color:var(--ink)}.small-copy{font-size:13px;color:var(--muted);line-height:1.65}.link-steps{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:40px;gap:15px}.link-steps>span{padding:17px 20px;border:1px solid var(--line);border-radius:16px;font-size:17px}.link-steps b{font-size:13px;color:var(--muted);margin-right:18px;font-weight:500}.link-steps small{font-size:11px;color:var(--muted);text-align:center}.protocol-section{text-align:center;padding-block:80px}.protocol-section h2{font-size:clamp(32px,4vw,48px);margin:20px 0 25px}.protocol-section .body-copy{max-width:700px;margin:auto}.protocols{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:35px auto}.protocols span{padding:13px 24px;border:1px solid var(--line);border-radius:99px;font-size:17px}
.launch-footer{background:var(--surface);color:var(--muted);font-size:12px;padding:38px max(24px,calc((100vw - 1120px)/2));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.launch-footer strong{color:var(--ink);font-weight:600;margin-right:20px}.launch-footer small{width:100%;font-size:11px;border-top:1px solid var(--line);padding-top:20px}.legal-heading{padding:100px 0 48px;max-width:780px}.legal-heading h1{font-size:clamp(42px,5.5vw,72px);line-height:1.12;margin:24px 0 28px}.legal-heading .body-copy{font-size:16px;margin-top:24px}.legal-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:10px 0 36px}.legal-intro-grid>a{background:var(--surface);border-radius:24px;padding:36px}.legal-intro-grid h2{font-size:28px;margin:16px 0}.legal-intro-grid p{font-size:16px;color:var(--muted);margin-bottom:22px}.legal-format-note{font-size:13px;color:var(--muted);margin-bottom:25px}.agreement{border-top:1px solid var(--line);scroll-margin-top:28px}.agreement:last-child{border-bottom:1px solid var(--line);margin-bottom:90px}.agreement summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0;list-style:none}.agreement summary::-webkit-details-marker{display:none}.agreement summary small{display:block;font-size:12px;letter-spacing:.02em;color:var(--muted);margin-bottom:10px}.agreement summary strong{font-size:24px;font-weight:600}.agreement-open{font-size:27px;font-weight:300}.agreement[open] .agreement-open{transform:rotate(45deg)}.agreement-body{max-width:830px;margin:auto;padding:20px 0 60px}.draft-notice{font-size:13px;color:var(--muted);padding:16px 20px;background:var(--surface);border-radius:14px}.legal-toc{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 45px;padding-bottom:30px;border-bottom:1px solid var(--line);font-size:14px;color:var(--accent)}.legal-toc a:hover{text-decoration:underline}.agreement-body h3{font-size:24px;margin:44px 0 24px;line-height:1.5;scroll-margin-top:30px}.agreement-body>p[data-clause]{font-size:16px;line-height:1.95;margin:18px 0;overflow-wrap:anywhere;text-align:justify;letter-spacing:.005em}
@media(min-width:1600px){.product-banner{min-height:760px}.product-art{height:400px}.geometry-orb{width:340px;height:340px}.core-stack{width:290px;height:265px}.link-ring{width:260px;height:175px}}
@media(max-width:760px){.section-wrap{width:calc(100% - 40px)}.product-banner{min-height:600px;padding:45px 20px 22px}.product-banner h1,.product-banner h2{font-size:36px;letter-spacing:-.045em}.hero-tagline{font-size:21px}.actions{gap:20px;margin-top:24px}.product-art{height:290px;margin-top:20px}.geometry-orb{width:240px;height:240px}.geometry-orb b{font-size:96px}.art-axis{width:360px;height:130px}.axis-two{width:300px;height:190px}.core-stack{width:200px;height:188px;transform:rotate(-15deg) skewY(10deg) translateX(15px)}.core-stack b{font-size:120px}.link-ring{width:185px;height:124px;border-width:22px;transform:translate(-47px,-20px) rotate(-38deg)}.ring-front{transform:translate(47px,20px) rotate(-38deg)}.link-light{bottom:18px}.banner-note{font-size:11px}.families{padding-block:76px}.section-heading h2{font-size:36px}.body-copy{font-size:17px}.family-tabs{margin-top:30px;border-radius:25px}.family-tabs button{padding:11px 17px;font-size:14px}.family-panel{grid-template-columns:1fr;border-radius:22px}.family-visual{min-height:245px}.family-visual span{font-size:48px}.family-visual::before{width:180px;height:180px}.family-visual::after{width:160px;height:160px}.family-copy{padding:6px 28px 36px}.family-copy h3{font-size:30px}.family-tagline{font-size:18px}.product-nav{padding:16px 20px;font-size:12px;gap:12px}.product-nav span{margin:0 7px}.detail-hero{min-height:640px;padding-top:60px}.detail-hero .product-art{height:330px;margin-top:35px}.detail-hero .geometry-orb{width:265px;height:265px}.editorial-intro{padding:76px 8px 45px}.editorial-intro h2{font-size:36px}.lead-copy{font-size:20px}.feature-band{grid-template-columns:1fr;gap:32px;padding-block:45px}.feature-band.reverse>div:first-child{order:0}.feature-band h2{font-size:36px}.feature-band .body-copy{font-size:17px}.detail-visual{height:310px}.statement{padding-block:70px;margin-block:30px}.statement h2{font-size:41px}.statement .lead-copy{font-size:19px}.closing{padding-block:75px}.closing h2{font-size:34px}.protocol-section{padding-block:50px}.protocols{gap:10px}.protocols span{padding:11px 18px;font-size:15px}.launch-footer{padding:30px 20px}.launch-footer>div span{display:block;margin-top:8px}.legal-heading{padding:70px 0 35px}.legal-heading h1{font-size:48px}.legal-intro-grid{grid-template-columns:1fr;gap:16px}.legal-intro-grid>a{padding:28px}.legal-toc{grid-template-columns:1fr}.agreement summary strong{font-size:21px}.agreement summary small{font-size:11px}.agreement-body>p[data-clause]{font-size:15px}.agreement-body h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}
@media print{html{color-scheme:light!important}body{background:#fff!important;color:#000!important}.standalone-nav,.skip-link,.launch-footer,.legal-intro-grid,.legal-format-note,.legal-toc,.agreement-open{display:none!important}.section-wrap{width:100%}.legal-heading{padding:0 0 20px}.legal-heading h1{font-size:30px}.agreement summary{padding:20px 0}.agreement-body{max-width:none;padding:0}.agreement-body>p[data-clause]{font-size:10pt;line-height:1.7}.agreement-body h3{font-size:14pt;break-after:avoid}.agreement-body>p{orphans:3;widows:3}.agreement{break-before:page}.draft-notice{color:#333;background:none;padding:0}.agreement:last-child{margin:0}}