/* Original artwork and dimensional hardware, with optional motion. */
:root{--bg:#090b0e;--surface:#101318;--surface-2:#171b21;--surface-3:#20252d;--line:#292e36;--muted:#a1a8b3;--accent:#ff7528;--accent-soft:rgba(255,117,40,.12)}
html[data-theme=light]{--bg:#f7f5f1;--surface:#fff;--surface-2:#eeeae3;--surface-3:#e5dfd5;--text:#202228;--muted:#626670;--line:#dedbd4;--accent:#b7470d;--accent-2:#d46a29;--accent-soft:rgba(183,71,13,.1);--shadow:0 24px 70px #231c191f}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.brand-mark{background:transparent url('/assets/live/icon.ico') center/contain no-repeat;-webkit-mask:none;mask:none;filter:none}
html[data-theme=dark] .brand-mark{filter:invert(1);mix-blend-mode:screen}
.hero-copy{min-width:0}
.device-info h3{white-space:normal;line-height:1.25;min-height:45px}
.specs{gap:10px}.specs span{min-width:0}.specs b{overflow-wrap:anywhere}
.topbar{background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(16px)}
.hero{min-height:900px;padding-top:140px;padding-bottom:45px;gap:45px 65px;background:var(--bg);isolation:isolate}
.hero:before{opacity:.08;background-size:80px 80px}
.hero-backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 76% 38%,#ff752821,transparent 42%),radial-gradient(ellipse at 8% 10%,#879bb912,transparent 40%)}
.hero-orbit{position:absolute;border:1px solid var(--line);border-radius:50%;pointer-events:none;opacity:.35;right:-280px;top:-350px;width:1150px;height:1150px}.orbit-two{width:800px;height:800px;top:-170px;right:-110px;border-style:dashed}
.hero h1{font-size:clamp(60px,6.7vw,96px);line-height:1.02;letter-spacing:-.065em}
.hero h1 span{background:linear-gradient(100deg,var(--accent),#ffbe87);background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-theme=light] .hero h1 span{background-image:linear-gradient(100deg,#8a370e,#b7470d)}
.hero-copy>p{font-size:16px;line-height:1.85;max-width:470px;margin:27px 0 30px}.hero .eyebrow{font-size:10px;letter-spacing:.16em}.trust-row{gap:16px;font-size:10px;flex-wrap:wrap}.trust-row span:before{content:'＋';margin-right:5px;color:var(--accent)}
.hero-visual{height:555px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;transform:none;perspective:1100px}
.visual-grid{inset:30px -10px 0;opacity:.2;background-size:32px 32px;transform:perspective(600px) rotateX(60deg) translateY(115px);mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.viper-halo{position:absolute;inset:40px 0;border-radius:50%;border:1px solid #ff752833;box-shadow:0 0 90px #ff75280a,inset 0 0 80px #ff75280a;transform:rotate(-25deg) scaleY(.82)}.viper-halo:after{content:'';position:absolute;inset:34px;border-radius:50%;border:1px dashed #ff75282b}
.phone-rig{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(-18deg) rotateX(8deg) rotateZ(9deg);transition:transform .45s ease}
.phone-shell{position:absolute;left:50%;top:50%;width:255px;height:493px;transform:translate(-50%,-50%) translateZ(20px);border:2px solid #79818e;border-radius:38px;padding:8px;background:linear-gradient(135deg,#505b68,#10161d 40%,#707a88);box-shadow:4px 6px 0 #070a0d,10px 12px 0 #242c35,22px 35px 55px #0009;overflow:hidden}
.phone-side{position:absolute;left:calc(50% + 117px);top:calc(50% - 223px);width:17px;height:85px;border-radius:7px;background:linear-gradient(90deg,#181f27,#76818e);transform:translateZ(14px)}
.phone-shadow{position:absolute;left:15%;right:15%;bottom:-12px;height:55px;background:#0008;filter:blur(22px);border-radius:50%;transform:translateZ(-40px)}
.phone-screen{position:relative;height:100%;border:1px solid #242b34;border-radius:29px;overflow:hidden;color:#f9f6ef;background:radial-gradient(ellipse at 80% 35%,#8e351c55,transparent 60%),linear-gradient(170deg,#171c25,#090b0e)}
.phone-screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff12,transparent 40%,#ffffff04 65%,transparent);border-radius:inherit}
.phone-camera{position:absolute;z-index:3;left:calc(50% - 5px);top:18px;width:9px;height:9px;border-radius:50%;background:#030405;box-shadow:0 0 0 2px #232a34}.phone-status{display:flex;justify-content:space-between;padding:22px 16px 5px;font:8px monospace;color:#b7bcc5}
.viper-original{width:100%;height:auto;display:block;filter:invert(1);mix-blend-mode:screen;margin:30px 0 5px}.phone-wordmark{padding:0 22px;font:700 36px/.98 Space Grotesk;letter-spacing:-.04em;color:#fff}.phone-wordmark strong{color:#ff7528;font-weight:700;font-size:56px}
.phone-terminal{margin:22px 18px 0;padding:12px 0;border-top:1px solid #34313b;font:8px/1.7 monospace;color:#949eaf}.phone-terminal>span{color:#ff9660}.phone-terminal p{margin:5px 0}.phone-home{position:absolute;bottom:9px;left:35%;right:35%;height:3px;border-radius:5px;background:#89909c}
.floating-label{position:absolute;z-index:5;font:9px monospace;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(12px);box-shadow:var(--shadow);border-radius:10px;padding:13px 17px}.label-top{left:-15px;top:67px;transform:rotate(-3deg)}.label-bottom{bottom:38px;right:-8px;display:flex;flex-direction:column;gap:8px;transform:rotate(-3deg)}.label-bottom>span{color:var(--muted);font-size:8px;letter-spacing:.06em}.label-bottom a{font-size:12px;color:var(--accent)}.hero-coordinate{position:absolute;right:-28px;top:60%;writing-mode:vertical-rl;font:8px monospace;letter-spacing:.17em;color:var(--muted)}
.hero-stats{margin-top:5px}.hero-stats div{padding:23px 20px}.hero-stats div:first-child{padding-left:0}.hero-stats strong{font-size:23px}.hero-stats span{font-size:9px;margin-top:4px}.scroll-cue{grid-column:1/-1;justify-self:center;display:flex;align-items:center;gap:12px;font:9px monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.scroll-cue>span{font-size:20px;color:var(--accent)}
.capability-strip{overflow:hidden;background:var(--accent);color:#090b0e;padding:18px 0;transform:rotate(-1deg);margin:0 -10px;border-block:1px solid var(--accent)}.capability-strip>div{display:flex;gap:35px;align-items:center;width:max-content;font:700 13px Space Grotesk;letter-spacing:.06em;padding:0 35px;justify-content:center;min-width:100%}.capability-strip i{font-style:normal;font-size:22px}
.muted-heading{color:var(--muted)}.catalog{background:var(--bg);padding-top:125px}.device-card{position:relative;border-radius:18px;transition:transform .35s,border-color .35s,box-shadow .35s;transform-style:preserve-3d}.device-card:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));box-shadow:0 20px 45px #0004}
.device-image{display:block;position:relative;border-bottom:1px solid var(--line);overflow:hidden;border-radius:17px 17px 0 0}.device-image img{width:100%;height:100%}.device-badge{position:absolute;z-index:2;top:12px;left:12px;font:9px monospace;padding:5px 8px;border:1px solid #ffffff24;border-radius:5px;background:#0a0b0ed9;color:#f2f3f5}.device-image-hint{position:absolute;bottom:12px;right:12px;border-radius:5px;padding:5px 8px;background:#090b0edd;color:#fff;font-size:9px;opacity:0;transition:opacity .25s}.device-card:hover .device-image-hint,.device-card:focus-within .device-image-hint{opacity:1}.device-code{color:var(--accent);font:10px monospace;margin:0 0 9px}.device-info h3 a:hover{color:var(--accent)}
.supported-list{margin-top:38px;border:1px solid var(--line);border-radius:18px;background:var(--surface);scroll-margin-top:100px}.supported-list summary{padding:25px 28px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none}.supported-list summary::-webkit-details-marker{display:none}.supported-list summary .eyebrow{display:block;font-size:9px;margin:0 0 7px}.supported-list summary strong{font:600 21px Space Grotesk}.summary-arrow{font-size:24px;color:var(--accent);transition:transform .3s}.supported-list[open] .summary-arrow{transform:rotate(90deg)}.supported-list>p{margin:0;padding:0 28px 22px;color:var(--muted);font-size:12px}
.table-scroll{overflow:auto;max-height:600px;border-top:1px solid var(--line)}.table-scroll table{border-collapse:collapse;width:100%;font-size:12px;min-width:650px;text-align:left}.table-scroll th{position:sticky;top:0;background:var(--surface-2);z-index:1;color:var(--muted);font:10px monospace;text-transform:uppercase;letter-spacing:.07em}.table-scroll td,.table-scroll th{padding:15px 22px;border-bottom:1px solid var(--line)}.table-scroll td:first-child a{font-weight:600}.table-scroll td:last-child a,.table-scroll a:hover{color:var(--accent)}.table-scroll tr:hover{background:var(--accent-soft)}
.journal{background:var(--surface);border-block:1px solid var(--line)}.blog-toolbar{max-width:460px;margin-bottom:30px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{border:1px solid var(--line);border-radius:20px;background:var(--bg);overflow:hidden;transition:transform .35s,border-color .35s}.blog-card:hover{border-color:var(--accent);transform:translateY(-6px)}.blog-card>a{display:block;height:100%}.blog-art{position:relative;background:#111;aspect-ratio:600/360;overflow:hidden}.blog-art img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .6s}.blog-card:hover img{transform:scale(1.03)}.blog-art>span{position:absolute;bottom:14px;left:16px;border:1px solid #fff3;padding:5px 9px;font:9px monospace;border-radius:5px;color:#fff;background:#090b0eee}.blog-copy{padding:25px}.blog-meta{font:9px monospace;color:var(--muted);margin-bottom:14px}.blog-copy h3{font:600 24px/1.2 Space Grotesk;margin:0 0 15px;letter-spacing:-.035em}.blog-copy p{font-size:12px;color:var(--muted);margin:0 0 25px}.text-link{color:var(--accent);font-size:12px;font-weight:600}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-art{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}.about-art>img{display:block;width:100%;height:auto;aspect-ratio:1.8;object-fit:contain}.about-caption{display:flex;justify-content:space-between;gap:15px;padding:20px;background:var(--surface);color:var(--muted);font:9px monospace}.about-caption span:first-child{color:var(--text)}.about-copy h2{font:600 clamp(32px,3.4vw,48px)/1.1 Space Grotesk;letter-spacing:-.045em;margin:0 0 24px}.about-copy h2 span{color:var(--muted)}.about-copy p{font-size:14px;line-height:1.9;color:var(--muted)}.about-copy .hero-actions{margin:28px 0 22px}
.content-page .topbar{border-bottom:1px solid var(--line)}.reader-back{min-height:40px;font-size:11px;padding:0 16px}.reader-hero{padding-top:140px;padding-bottom:45px;max-width:1440px;margin:auto}.reader-hero>.text-link{display:inline-block;margin-bottom:35px}.reader-hero .eyebrow{margin-bottom:15px}.reader-hero h1{max-width:900px;font:600 clamp(38px,5vw,68px)/1.08 Space Grotesk;letter-spacing:-.05em;margin:0 0 22px}.reader-hero>p{font-size:16px;color:var(--muted);max-width:770px}.reader-meta{font:11px monospace;color:var(--muted);margin:25px 0 35px}.reader-cover{border:1px solid var(--line);border-radius:22px;background:#111;overflow:hidden;max-width:950px}.reader-cover img{display:block;width:100%;height:auto;max-height:460px;object-fit:contain}
.reader-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:70px;align-items:start;padding-top:35px}.reader-sidebar{position:sticky;top:110px;padding:20px 20px 20px 0;border-right:1px solid var(--line);max-height:calc(100vh - 140px);overflow:auto}.reader-sidebar .eyebrow{font-size:9px}.reader-sidebar nav{display:grid;gap:12px;margin:0 0 30px}.reader-sidebar nav a{font-size:11px;line-height:1.6;color:var(--muted)}.reader-sidebar nav a:hover,.reader-sidebar nav a.active{color:var(--accent)}.reader-sidebar nav a.toc-sub{padding-left:12px;font-size:10px}
.reader-article{min-width:0;color:var(--muted);font-size:15px;line-height:1.9}.content-note{padding:20px 24px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:var(--surface);font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 38px}.reader-article h2{font:600 30px/1.25 Space Grotesk;color:var(--text);margin:45px 0 20px;letter-spacing:-.025em}.reader-article h3{font:600 22px/1.3 Space Grotesk;color:var(--text);margin:32px 0 15px}.reader-article h4{font-size:17px;color:var(--text)}.reader-article h2,.reader-article h3{scroll-margin-top:105px}.reader-article p{margin:18px 0}.reader-article a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.reader-article img{max-width:100%;height:auto;display:block;border-radius:12px;margin:28px auto;border:1px solid var(--line)}.reader-article pre{background:var(--surface);padding:20px;border:1px solid var(--line);border-radius:12px;overflow:auto;font:12px/1.7 monospace;color:var(--text)}.reader-article code{font-size:.88em;color:var(--text);overflow-wrap:anywhere}.reader-article blockquote{margin:25px 0;padding:12px 24px;border-left:2px solid var(--accent);background:var(--surface)}.reader-article hr{border:0;border-top:1px solid var(--line);margin:35px 0}.reader-actions{border-top:1px solid var(--line);padding-top:35px;margin-top:45px;display:flex;gap:12px;flex-wrap:wrap}.reader-actions a{text-decoration:none}.reader-footer{display:flex;align-items:center;justify-content:space-between;gap:25px}.reader-footer>span{font-size:10px;color:var(--muted)}
.reveal{opacity:1;transform:none}.motion-ready[data-motion=on] .reveal:not(.visible){opacity:0;transform:translateY(24px)}
html[data-motion=on] [data-tilt].tilting{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}html[data-motion=on] .hero-visual.tilting .phone-rig{transform:rotateY(calc(-18deg + var(--tilt-y,0deg))) rotateX(calc(8deg + var(--tilt-x,0deg))) rotateZ(9deg)}html[data-motion=on] .hero-backdrop{transform:translateY(var(--hero-shift,0px))}html[data-motion=on] .viper-halo:after{animation:spin 50s linear infinite}html[data-motion=on] .floating-label{animation:labelFloat 6s ease-in-out infinite}html[data-motion=on] .label-bottom{animation-delay:-3s}html[data-motion=on] .scroll-cue>span{animation:float 2s ease-in-out infinite}
html[data-motion=off] *,html.page-idle *{animation-play-state:paused!important}html[data-motion=off] .reveal{opacity:1;transform:none}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] [data-tilt]{transform:none!important}@keyframes labelFloat{50%{transform:translateY(-8px) rotate(-3deg)}}
@media(max-width:1100px){.desktop-nav{gap:20px}.hero{gap:35px;min-height:850px}.hero h1{font-size:70px}.hero-visual{height:520px}.label-top{left:-5px}.label-bottom{right:0}.hero-coordinate{right:-13px}.blog-copy{padding:21px}.blog-copy h3{font-size:21px}.about-section{gap:40px}.reader-layout{gap:35px;grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:130px;gap:30px;text-align:center;min-height:0}.hero-copy>p{margin:25px auto;max-width:570px}.hero-actions,.trust-row{justify-content:center}.hero h1{font-size:80px}.hero-visual{width:480px;max-width:100%;margin:auto;height:535px}.hero-stats{width:100%}.hero-stats div:first-child{padding-left:20px}.blog-grid{grid-template-columns:repeat(2,1fr)}.about-section{grid-template-columns:1fr}.about-art{max-width:620px;width:100%;margin:auto}.about-copy{max-width:620px;margin:auto}.about-copy .hero-actions{justify-content:flex-start}.reader-layout{grid-template-columns:1fr}.reader-sidebar{position:static;border-right:0;border-bottom:1px solid var(--line);padding:0 0 25px;max-height:none}.reader-sidebar nav{grid-template-columns:repeat(2,1fr)}.reader-footer{flex-wrap:wrap}}
@media(max-width:760px){.section{padding-left:20px;padding-right:20px}.hero{padding-top:115px;padding-bottom:35px}.hero h1{font-size:clamp(53px,10vw,76px)}.hero .eyebrow{font-size:9px}.hero-copy>p{font-size:14px}.trust-row{flex-direction:row;font-size:9px}.hero-visual{height:510px}.hero-stats{margin-top:15px}.hero-stats strong{font-size:22px}.hero-stats div:first-child{padding-left:20px}.capability-strip>div{font-size:11px;gap:25px}.catalog{padding-top:85px}.section-heading h2{font-size:44px}.section-heading p{font-size:13px}.supported-list summary{padding:20px}.supported-list summary strong{font-size:18px}.supported-list>p{padding:0 20px 20px}.blog-grid{gap:18px}.blog-copy h3{font-size:21px}.reader-hero{padding-top:110px}.reader-back{display:none}.reader-article{font-size:14px}.reader-article h2{font-size:27px}.reader-sidebar nav{grid-template-columns:1fr 1fr}.reader-footer{flex-direction:column;align-items:flex-start}.mobile-nav{top:var(--header)}}
@media(max-width:480px){.topbar{padding:0 15px}.brand{gap:7px}.brand-mark{width:32px;height:32px}.brand strong{font-size:17px}.brand small{font-size:8px}.header-actions{gap:5px}.icon-button,.account-button{height:37px;border-radius:10px}.icon-button{width:35px}.account-button{padding:0 10px}.hero{gap:25px}.hero h1{font-size:58px}.hero-actions .button{width:auto;flex:1;padding:0 16px;font-size:12px;gap:8px}.hero-visual{height:455px}.phone-rig{transform:rotateY(-14deg) rotateX(6deg) rotateZ(6deg) scale(.86)}.label-top{top:35px;left:0;font-size:8px;padding:10px}.label-bottom{bottom:16px;right:0;padding:12px}.hero-coordinate{display:none}.hero-stats div{padding:18px 12px}.hero-stats div:first-child{padding-left:12px}.hero-stats strong{font-size:21px}.hero-stats span{font-size:8px}.section-heading h2{font-size:39px}.blog-grid{grid-template-columns:1fr}.blog-copy h3{font-size:25px}.blog-art{aspect-ratio:600/330}.about-caption{font-size:8px;padding:16px}.about-copy .hero-actions{justify-content:flex-start}.reader-hero h1{font-size:38px}.reader-hero>p{font-size:14px}.reader-sidebar nav{grid-template-columns:1fr}.reader-actions .button{width:100%}.reader-cover{border-radius:15px}}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}.hero-visual{width:100%;max-width:480px}}
.capability-strip{margin-left:0;margin-right:0;transform:none;clip-path:polygon(0 6%,100% 0,100% 94%,0 100%)}
@media(prefers-reduced-motion:reduce){.motion-ready[data-motion=on] .reveal:not(.visible){opacity:1;transform:none}html[data-motion=on] [data-tilt].tilting{transform:none}.hero-backdrop{transform:none!important}}