:root{--paper:#f6f5ec;--red:#b53630;--blue:#254f9a;--green:#306748;--yellow:#e6c846;--ink:#202320;--grey:var(--paper);--purple:var(--blue);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}figure{margin:0}p{line-height:1.42}strong{font-weight:800}.skip{position:fixed;top:-100px;z-index:50;background:white;padding:15px}.skip:focus{top:0}
.navigation{position:fixed;inset:0 0 auto;z-index:20;min-height:66px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;background:rgb(125 132 136 / .93);backdrop-filter:blur(10px);color:#fff;border-bottom:1px solid #ffffff30}.small-logo{font-size:32px;font-weight:900;letter-spacing:-2px;text-decoration:none;line-height:1}.navigation nav{display:flex;align-items:center;gap:26px;font-size:18px;font-weight:800}.navigation nav>a{text-decoration:none}.navigation nav>a:hover{text-decoration:underline}
.opening{color:#fff;text-align:center;padding-top:66px}.device-stage{height:min(64vw,650px);min-height:360px;position:relative;max-width:1080px;margin:auto}.device-stage iframe{border:0;width:100%;height:100%;display:block;background:var(--grey)}.viewer-status{position:absolute;inset:45% 10% auto;pointer-events:none;font-size:20px}.viewer-status[hidden]{display:none}.model-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:0 20px 24px;color:#fff}.drag-hint{font-size:14px;margin-right:12px;opacity:.88}.model-controls button{padding:7px 12px;border:1px solid #ffffff70;border-radius:20px;background:transparent;color:#fff;font-size:14px}.model-controls button:hover,.model-controls button[aria-pressed=true]{background:#fff;color:var(--ink)}
.intro{max-width:1050px;margin:auto;padding:5px 25px 72px}.intro>.hero-heading{font-size:clamp(25px,3.45vw,46px);font-weight:800;letter-spacing:-1.3px;line-height:1.13;margin:15px auto 44px}.intro strong{font-weight:800}.big-logo{display:flex;flex-direction:column;font-size:clamp(110px,20vw,265px);letter-spacing:-.085em;line-height:.74;margin:48px auto 48px;color:var(--yellow);font-weight:900;max-width:fit-content}.big-logo span:last-child{align-self:flex-end;padding-right:.02em}.pill{display:inline-block;text-decoration:none;color:white;background:linear-gradient(#a521ff,#7000e8);border-radius:100px;font-weight:900;border-top:2px solid #ce83ff;box-shadow:0 4px 2px #0004,inset 0 0 6px #ffffff60;transition:transform .2s}.pill:hover{transform:translateY(-2px)}.pill.small{padding:6px 15px;font-size:18px}.pill.large{padding:12px 26px;font-size:clamp(24px,3vw,40px);letter-spacing:-1px}.emphasis{font-style:italic}.small-note{font-size:14px!important;font-weight:400;line-height:1.5;letter-spacing:0!important;opacity:.85;margin:24px 0 0}
.yellow-world{background:var(--yellow);padding:1px 0}.chapter{max-width:880px;padding:70px 30px 25px;margin:auto;scroll-margin-top:5px}.chapter h2,.launch h2{font-size:clamp(38px,5.5vw,68px);line-height:1.04;letter-spacing:-2.5px;font-weight:900;margin:0 0 28px}.chapter>p,.split p{font-size:clamp(19px,2.3vw,28px);letter-spacing:-.5px;margin:0 0 30px}.wide-photo{margin:40px -70px}.wide-photo img{width:100%;border-radius:8px}.wide-photo figcaption,.caption{font-size:14px!important;letter-spacing:0!important;text-align:center;margin:14px 0 28px!important;line-height:1.5;opacity:.8}.chapter video{width:100%;display:block;border-radius:8px;background:var(--ink);max-height:580px}.frame-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:35px 0 22px}.frame-buttons button{padding:11px 18px;border:2px solid var(--ink);border-radius:30px;background:transparent;font-weight:700;color:var(--ink)}.frame-buttons button[aria-pressed=true]{background:var(--ink);color:var(--yellow)}.featured-frame{max-width:680px;margin:auto}.featured-frame img{width:100%;height:auto;aspect-ratio:960/680;object-fit:contain;background:#f4f2df;border:15px solid #282827;border-radius:20px;box-shadow:0 14px 20px #0002}.featured-frame figcaption{font-size:21px;font-weight:800;text-align:center;margin:23px 0 0}.split{max-width:1100px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.split img{border-radius:8px}.specs{padding-bottom:75px}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 60px}.spec-grid h3{font-size:25px;margin:0 0 8px}.spec-grid p{font-size:21px;margin:0}.questions{color:white;padding-bottom:80px}.questions details{border-bottom:1px solid #ffffff66;padding:20px 0}.questions summary{font-size:22px;font-weight:800;cursor:pointer}.questions details p{font-size:19px;max-width:680px}.launch{padding:70px 24px;text-align:center;background:var(--yellow)}.launch>p:not(.small-note){font-size:23px;max-width:700px;margin:20px auto 30px}.launch-label{display:inline-block;padding:14px 23px;background:var(--ink);border-radius:40px;color:var(--yellow);font-size:18px;font-weight:800}
footer{padding:40px 30px;display:flex;justify-content:space-between;align-items:center;gap:22px;color:white}footer p{font-size:16px}footer>span{font-size:14px}:focus-visible{outline:3px solid white;outline-offset:5px}.yellow-world :focus-visible,.launch :focus-visible{outline-color:var(--purple)}
@media(max-width:720px){.navigation{padding:13px 16px;min-height:60px}.small-logo{font-size:27px}.navigation nav>a:not(.pill){display:none}.opening{padding-top:60px}.device-stage{height:340px;min-height:0}.model-controls{gap:6px;padding-bottom:10px}.drag-hint{width:100%;margin:0 0 4px}.model-controls button{font-size:13px;padding:5px 10px}.intro{padding:12px 22px 48px}.intro>.hero-heading{font-size:26px;line-height:1.14;letter-spacing:-.6px;margin:12px auto 30px}.big-logo{font-size:clamp(130px,37vw,210px);margin:40px auto}.pill.large{font-size:27px}.chapter{padding:45px 24px 10px}.chapter h2,.launch h2{letter-spacing:-1.4px;margin-bottom:22px}.chapter>p,.split p{font-size:20px}.wide-photo{margin:25px 0}.frame-buttons button{padding:9px 12px;font-size:14px}.featured-frame img{border-width:9px;border-radius:14px}.split{grid-template-columns:1fr;gap:10px}.spec-grid{gap:25px}.spec-grid h3{font-size:22px}.spec-grid p{font-size:17px}.specs,.questions{padding-bottom:45px}.launch>p:not(.small-note){font-size:20px}footer{flex-direction:column;text-align:center;gap:8px}.questions summary{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.supplied-logo{display:block;overflow:hidden;background:transparent;position:relative}
.supplied-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:none}
.small-logo.supplied-logo{width:78px;height:52px;border-radius:3px}
.small-logo.supplied-logo img{width:100%;height:100%;max-width:100%;position:static}
.big-logo.supplied-logo{width:min(560px,85vw);height:auto;aspect-ratio:1.5;max-width:none;margin:38px auto}
.intro>.hero-heading{margin-bottom:12px}
.hero-heading>h1,.hero-heading>p{font:inherit;letter-spacing:inherit;line-height:inherit;margin:0}
.intro .big-logo.supplied-logo{margin:-25px auto -20px}
.big-logo.supplied-logo picture{display:block;width:100%;height:100%;min-height:0}
.big-logo.supplied-logo img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}
.showcase-gif{width:100%;height:auto;aspect-ratio:16/9;border-radius:8px}
.wide-photo img[src$=".gif"]{aspect-ratio:16/9}
/* Spectra 6-inspired pigment palette; photography and display artwork stay untouched. */
.navigation{background:var(--yellow);color:var(--ink);border-bottom:1px solid #20232025;backdrop-filter:none}
.navigation.on-dark{color:var(--paper);border-bottom-color:#f6f5ec30}
.navigation.on-dark .supplied-logo img{filter:none}
.navigation .pill,.navigation.on-dark .pill{background:#05ce78;border-color:var(--ink);color:var(--ink)}
.navigation .pill:hover,.navigation.on-dark .pill:hover{background:#05ce78;border-color:var(--ink);color:var(--ink)}
.navigation.on-dark :focus-visible{outline-color:var(--yellow)}
.opening,.model-controls{color:var(--ink)}
.opening,.device-stage iframe{background:var(--yellow)}
.model-controls button{color:var(--ink);border-color:var(--ink)}
.model-controls button:hover,.model-controls button[aria-pressed=true]{background:var(--green);color:var(--paper);border-color:var(--green)}
.model-controls button[data-view="machine"],.model-controls button[data-view="machine"]:hover,.model-controls button[data-view="machine"][aria-pressed=true]{background:#f74843;color:#181818;border-color:#181818;font-weight:700}
.model-controls button[data-view="machine"][aria-pressed=true]{box-shadow:inset 0 0 0 2px #181818}
.pill{background:var(--red);color:var(--paper);border:2px solid var(--red);box-shadow:none}
.pill:hover{background:var(--ink);border-color:var(--ink)}
.intro .pill.large,.intro .pill.large:hover{background:#05ce78;border-color:var(--ink);color:var(--ink)}
@media(min-width:721px){.intro{max-width:1200px}.intro>.hero-heading{font-size:clamp(27px,3.1vw,42px);text-wrap:balance}}
.yellow-world{background:var(--paper);padding:0}
.yellow-world h2{color:var(--blue)}
.color-band{color:var(--paper)}
.red-band{background:var(--red)}
.blue-band{background:var(--blue)}
.versatility-placeholder{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;border:2px dashed #f6f5ec80;border-radius:8px;background:#ffffff0b;color:var(--paper)}
.versatility-placeholder strong{font-size:clamp(22px,3vw,36px);line-height:1.15}
.versatility-placeholder span:not(.placeholder-tag){font-size:17px}
.versatility-placeholder small{font-size:14px}
.placeholder-tag{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;border:1px solid #f6f5ec60;border-radius:20px;padding:6px 12px}
.placement-gifs figcaption{font-size:17px;text-align:center;margin:14px 0 0}
.placement-gifs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 20px;margin:36px 0 60px}
#design>.placement-gifs{margin-bottom:0}
.placement-gifs figure{position:relative;min-width:0}
.placement-gifs figcaption{position:relative;z-index:1;display:table;max-width:calc(100% - 28px);margin:-17px 14px 0;padding:10px 15px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:5px;box-shadow:3px 4px 0 #202320;font-size:clamp(16px,1.8vw,21px);font-weight:900;line-height:1.2;text-align:left;transform:rotate(-3deg)}
.placement-gifs figure:nth-child(even) figcaption{transform:rotate(2deg)}
.placement-gifs .versatility-placeholder{gap:10px;padding:20px}
.placement-gifs .versatility-placeholder strong{font-size:24px}
.placement-demo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:8px;background:var(--ink)}
@media(max-width:600px){.placement-gifs{grid-template-columns:1fr}}
.placement-options{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px;margin:32px 0}
.placement-options p{font-size:18px;line-height:1.5;margin:0}
.placement-options strong{font-size:22px}
.dock-stage{border-radius:8px;overflow:hidden;margin-bottom:18px}
.blue-band .model-controls{color:var(--paper)}
@media(max-width:600px){.placement-options{grid-template-columns:1fr}}
.contact-band{background:var(--blue);color:var(--paper)}
.about-band{background:#f3e4c6;color:var(--ink)}
.chapter.about-content{max-width:880px;padding-bottom:76px;display:flow-root}
.about-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:start;max-width:820px}
.about-illustration{grid-column:2;grid-row:1;width:clamp(174px,20vw,200px)}
.about-illustration img{display:block;width:100%;height:auto}
.about-content p{font-size:clamp(20px,2.3vw,28px);line-height:1.42;letter-spacing:-.5px;margin:0 0 26px}
.about-copy{min-width:0}
.about-copy p:last-child{margin-bottom:0}
@media(max-width:600px){.about-layout{grid-template-columns:1fr;gap:30px}.about-illustration{grid-column:1;grid-row:1;justify-self:center}.about-copy{grid-column:1;grid-row:2}}
.chapter.contact-content{max-width:880px;display:block;margin-inline:auto;padding-bottom:70px;box-sizing:border-box}
.contact-content p{font-size:21px}
.contact-socials{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:14px}
.contact-socials>button,.contact-socials>a{display:flex;align-items:center;justify-content:space-between;gap:18px;width:310px;max-width:100%;min-height:64px;border:2px solid var(--ink);border-radius:100px;padding:12px 24px;font-weight:700;color:white;opacity:1}
.contact-socials>button:disabled{cursor:not-allowed}
.contact-socials>a{text-decoration:none;cursor:pointer}
.contact-socials>a:hover{box-shadow:0 3px 0 var(--ink)}
.contact-socials>a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.contact-socials .social-x{background:#000}
.contact-socials .social-x>span{display:flex;align-items:center}
.contact-socials .social-x svg{width:28px;height:28px;fill:currentColor}
.contact-socials .social-reddit{background:#ff4500}
.contact-socials .social-reddit>span{font-size:32px;letter-spacing:-1.5px;font-family:Arial,Helvetica,sans-serif;font-weight:900}
.contact-socials .social-instagram{background:linear-gradient(115deg,#833ab4,#c13584 55%,#b84716)}
.contact-socials .social-instagram>span{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800}
.contact-socials .social-instagram svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.contact-socials small{display:block;font-size:14px;font-weight:400;white-space:nowrap;margin:0}
.contact-socials{container-type:inline-size;width:310px;max-width:100%}
.contact-socials>a{gap:10px;padding-inline:clamp(14px,6cqw,24px)}
.contact-socials .social-instagram>span{gap:7px;font-size:clamp(16px,6.2cqw,21px);white-space:nowrap}
.contact-socials .social-instagram svg{flex-shrink:0;width:24px;height:24px}
.contact-socials small{font-size:clamp(12px,4.5cqw,14px)}
.contact-action{display:grid;gap:10px;align-content:center;justify-items:start}
.contact-button{display:flex;align-items:center;gap:14px;width:310px;max-width:100%;min-height:64px;box-sizing:border-box;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:100px;padding:12px 24px;font-size:20px;font-weight:700;text-decoration:none;margin-top:28px}
.contact-button svg{width:26px;height:26px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.contact-button:hover{transform:translateY(-2px)}
.contact-button:focus-visible{outline:3px solid var(--paper);outline-offset:5px}
.contact-action #contact-note{font-size:14px;margin:5px 0 0}
.contact-form label{font-size:16px;font-weight:700}
.contact-form input,.contact-form textarea{width:100%;min-width:0;border:2px solid transparent;border-radius:5px;padding:12px;font:inherit;color:var(--ink);background:var(--paper);margin-bottom:10px}
.contact-form textarea{resize:vertical}
.contact-form button{justify-self:start;background:var(--paper);color:var(--ink);border:0;border-radius:30px;padding:13px 24px;font-weight:700}
.contact-form button:disabled{opacity:.65;cursor:not-allowed}
.contact-form #contact-note{font-size:14px;margin:5px 0 0}
.contact-band :focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
@media(max-width:720px){.contact-content{grid-template-columns:1fr;gap:30px;padding-bottom:45px}}
.yellow-band{background:var(--yellow);color:var(--ink)}
.yellow-band .chapter{padding-bottom:55px}
.yellow-band h2{color:var(--ink)}
.chapter.frames{max-width:1160px}
.chapter.frames .frames-more{text-align:center;font-size:21px;margin:0 auto;max-width:680px;line-height:1.5;position:relative}
.frames-teaser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#0009 30%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#0009 30%,transparent 100%)}
.frames-teaser>div{aspect-ratio:960/300;overflow:hidden;border:1px solid var(--ink);border-radius:3px;background:var(--paper)}
.frames-teaser img{width:100%;height:auto}
.display-chapter{gap:24px 45px}
.display-photographs{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.display-photographs img{width:100%;height:auto}
.display-photographs .display-photo-main{grid-column:1/-1;width:85%;justify-self:center}
.display-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:12px 0 0;padding:24px 0;border-top:1px solid #f6f5ec66;border-bottom:1px solid #f6f5ec66;text-align:center}
.display-facts dt{font-size:clamp(22px,2.7vw,32px);font-weight:900;line-height:1.2}
.display-facts dd{margin:6px 0 0;font-size:15px}
#display .display-photo-note{grid-column:1/-1;margin:0!important}
.cream-band{background:#f3e4c6;color:var(--ink)}
.cream-band h2{color:var(--ink)}
.cream-band .chapter{padding-bottom:55px}
.battery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.battery-heading h2{margin:0;min-width:0}
.battery-illustration{width:clamp(90px,15vw,150px);height:auto;flex-shrink:0;transform:rotate(-7deg)}
@media(max-width:480px){.battery-heading{gap:12px}.battery-illustration{width:80px}}
.incantation{align-items:start;gap:28px 45px}
.chapter.incantation>h2{grid-column:1/-1;white-space:nowrap;margin:0}
.incantation>div,.incantation-video{min-width:0}
.incantation p:last-child{margin-bottom:0}
.incantation-demo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border:0;border-radius:8px;background:#111}
@media(max-width:720px){.incantation{gap:22px}.chapter.incantation>h2{font-size:clamp(28px,9.5vw,38px)}.incantation-video{width:100%;max-width:540px;justify-self:center;margin-top:8px}}
.art-collection h2{font-size:clamp(34px,4vw,50px)}
.art-collection figure{transform:rotate(2deg)}
.art-collection figure img,.art-collection figure video{display:block;width:100%;height:auto;border-radius:0}
.art-collection figure video{background:transparent;border:0;outline:0;box-shadow:none;max-height:none;clip-path:inset(1px)}
@media(max-width:720px){.display-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.display-photographs{max-width:540px;margin:auto}.art-collection figure{margin:16px 0}.display-chapter{gap:24px}}
#display .display-render{min-width:0;overflow:hidden}
#display .display-render img{width:125%;max-width:none;margin-left:-12.5%;height:auto}
@media(max-width:720px){.frames-teaser{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.frames-teaser>div:nth-child(3){display:none}}
@media(max-width:420px){.frames-teaser{grid-template-columns:1fr}.frames-teaser>div:nth-child(2){display:none}}
.frame-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:45px 0 0}
.catalogue-card{display:block;position:relative;border:1px solid var(--ink);border-radius:3px;overflow:hidden;background:var(--paper);text-decoration:none;transition:transform .18s}
.catalogue-card img{width:100%;height:auto;aspect-ratio:960/680;object-fit:contain}
.catalogue-card span{display:block;padding:9px 12px;font-size:14px;font-weight:700;color:var(--ink);border-top:1px solid #20232025}
.catalogue-card:hover{transform:translateY(-3px)}
.catalogue-card:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.frame-popup{padding:0;border:0;overflow:visible;background:transparent;max-width:none;max-height:none;width:min(960px,calc(100vw - 32px),calc((100dvh - 100px)*960/680));margin:auto}
.frame-popup::backdrop{background:rgb(0 0 0 / .78)}
.frame-popup-image{display:block;width:100%;height:auto;aspect-ratio:960/680;object-fit:contain;background:var(--paper)}
.frame-popup-close{position:absolute;right:0;top:-44px;width:36px;height:36px;border:0;border-radius:50%;background:var(--paper);color:var(--ink);font-size:28px;line-height:1}
body:has(.frame-popup[open]){overflow:hidden}
@media(max-width:720px){.frame-catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalogue-card span{padding:8px;font-size:14px}}
@media(max-width:420px){.frame-catalogue{grid-template-columns:1fr}}
.color-band h2{color:var(--paper)}
.color-band .chapter{padding-bottom:55px}
.color-band :focus-visible{outline-color:var(--yellow)}
.frame-buttons button{border-color:var(--green);color:var(--green)}
.frame-buttons button[aria-pressed=true]{background:var(--green);color:var(--paper)}
.questions{color:var(--ink)}
.questions h2{color:var(--green)}
.questions details{border-color:#20232040}
.launch{background:#05ce78;color:var(--ink)}
.intro .hero-price{font-size:20px;line-height:1.4;letter-spacing:0;margin:18px auto 8px}
.price-note,.launch>p.price-note{font-size:14px;line-height:1.5;letter-spacing:0;margin:8px auto 22px;max-width:620px}
.launch-pricing{display:flex;justify-content:center;gap:48px;margin:28px auto 14px;flex-wrap:wrap}
.launch-pricing>div{display:flex;flex-direction:column;gap:6px}
.launch-pricing span{font-size:17px}
.launch-pricing strong{font-size:clamp(38px,5vw,58px);line-height:1.1;font-weight:900}
.launch-pricing small{font-size:16px}
.price-tags{display:block;width:min(620px,100%);height:auto;margin:24px auto 12px}
.hero-lockup{margin:72px auto 0;max-width:440px}
.hero-products{position:relative;min-width:0}
.hero-animation{width:100%;aspect-ratio:1;overflow:hidden}
.hero-animation video{position:absolute;top:-12.8%;left:-61.8%;display:block;width:212%;height:auto;max-width:none;background:transparent}
@media(max-width:720px){.hero-lockup{margin-top:48px;max-width:420px}}
.launch-signup{max-width:700px;margin:32px auto 0;text-align:left;padding-top:12px;scroll-margin-top:0}
#launch-signup #mlb2-46316536 .ml-form-embedWrapper{max-width:none;width:100%;background:#edcb34;border:3px solid var(--ink);border-radius:16px;box-shadow:6px 6px 0 var(--ink)}
#launch-signup #mlb2-46316536 .ml-form-embedBody,#launch-signup #mlb2-46316536 .ml-form-successBody{padding:28px}
#launch-signup #mlb2-46316536 .ml-form-embedContent h4,#launch-signup #mlb2-46316536 .ml-form-successContent h4{font-family:inherit;font-size:clamp(28px,3.4vw,40px);font-weight:900;line-height:1.08;letter-spacing:-1px!important}
#launch-signup #mlb2-46316536 .ml-form-embedContent p,#launch-signup #mlb2-46316536 .ml-form-successContent p{font-family:inherit;font-size:18px;line-height:1.45}
#launch-signup #mlb2-46316536 .ml-form-embedContent span{color:var(--ink)!important}
#launch-signup #mlb2-46316536 .ml-block-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
#launch-signup #mlb2-46316536 .ml-form-formContent,#launch-signup #mlb2-46316536 .ml-form-embedSubmit{float:none;margin:0;min-width:0}
#launch-signup #mlb2-46316536 .ml-form-fieldRow input{font-family:inherit;border:2px solid var(--ink)!important;border-radius:100px!important;padding:14px 18px!important;min-height:52px;background:var(--paper)!important}
#launch-signup #mlb2-46316536 .ml-form-embedSubmit button{font-family:inherit!important;border:2px solid var(--ink)!important;border-radius:100px!important;padding:14px 22px!important;min-height:52px;white-space:nowrap;background:var(--ink)!important}
#launch-signup #mlb2-46316536 input:focus-visible,#launch-signup #mlb2-46316536 button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
#launch-signup #mlb2-46316536 .ml-form-successContent{margin:0}
#launch-signup>.small-note{margin:18px 6px 0;font-size:13px!important;line-height:1.5}
#launch-signup>.small-note+.small-note{margin-top:8px}
@media(max-width:560px){#launch-signup #mlb2-46316536 .ml-block-form{grid-template-columns:1fr}#launch-signup #mlb2-46316536 .ml-form-embedBody,#launch-signup #mlb2-46316536 .ml-form-successBody{padding:22px 18px}#launch-signup #mlb2-46316536 .ml-form-embedWrapper{box-shadow:4px 4px 0 var(--ink)}}
.launch-signup h3{font-size:28px;margin:0 0 8px;font-weight:900}
.launch-signup>p{font-size:18px;margin:0 0 20px}
.launch-signup label{display:block;font-size:15px;font-weight:700;margin-bottom:8px}
.launch-signup-fields{display:flex;gap:10px}
.launch-signup-fields input{min-width:0;flex:1;border:2px solid var(--ink);border-radius:30px;padding:14px 18px;background:var(--paper);color:var(--ink);font:inherit}
.launch-signup-fields input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.launch-signup-fields button{border:2px solid var(--ink);border-radius:30px;padding:14px 20px;background:var(--ink);color:var(--paper);font-weight:800}
.launch-signup-fields button:disabled{opacity:.65;cursor:not-allowed}
.launch-signup .small-note{margin-top:12px}
@media(max-width:520px){.launch-signup-fields{flex-direction:column}}
.launch-label{background:var(--ink);color:var(--paper)}
footer{color:var(--ink)}
:focus-visible{outline-color:var(--blue)}
.launch :focus-visible{outline-color:var(--yellow)}
.specs-band{background:#202222;color:#fff}
.specs-band .specs{max-width:1120px;padding:70px 28px}
.specs-band h2{margin-left:100px;margin-bottom:46px}
.specs-band .spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 42px;margin:0}
.spec-item{display:grid;grid-template-columns:100px 44px 1fr;gap:18px;align-items:center;min-width:0}
.spec-item dt{color:#b4b4ac;font-size:20px;text-align:right;font-weight:400}
.spec-item svg{width:40px;height:40px;fill:none;stroke:var(--yellow);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.spec-item dd{margin:0;font-size:21px;line-height:1.3;font-weight:800;letter-spacing:-.5px}
.spec-item small{display:block;color:#b4b4ac;font-size:14px;font-weight:400;letter-spacing:0;margin-top:5px}
.specs-band .caption{margin-top:40px!important;color:#b4b4ac;opacity:1}
@media(max-width:900px){.specs-band .spec-grid{gap:28px 22px}.spec-item{grid-template-columns:76px 32px 1fr;gap:12px}.spec-item dt{font-size:16px}.spec-item svg{width:30px;height:30px}.spec-item dd{font-size:18px}.specs-band h2{margin-left:0}}
@media(max-width:600px){.specs-band .specs{padding:48px 20px}.specs-band .spec-grid{grid-template-columns:1fr;gap:26px}.spec-item{grid-template-columns:80px 36px 1fr;gap:14px}.spec-item dd{font-size:18px}.big-logo.supplied-logo{margin:28px auto}.small-logo.supplied-logo{width:66px;height:44px}.small-logo.supplied-logo img{width:100%;height:100%;position:static}}
/* One shared chapter column; keep long-form copy comfortably readable. */
:root{--chapter-width:1100px;--chapter-gutter:30px;--chapter-copy-width:820px}
.chapter,.chapter.frames,.chapter.about-content,.chapter.contact-content,.specs-band .specs{max-width:var(--chapter-width);padding-inline:var(--chapter-gutter)}
.specs-band h2{margin-left:0}
.chapter:not(.split):not(.frames):not(.specs)>p,.battery-heading,.about-intro,.about-content>p,.questions details{max-width:var(--chapter-copy-width)}
@media(max-width:720px){:root{--chapter-gutter:24px}}
/* Centre the header content and use one header-aware anchor offset. */
html{scroll-padding-top:calc(var(--navigation-height,77px) + 8px)}
.navigation{padding-inline:max(24px,calc((100% - 1040px)/2));gap:24px}
.navigation .small-logo{flex-shrink:0}
.navigation nav{gap:clamp(10px,1.7vw,26px);font-size:clamp(13px,1.3vw,18px);white-space:nowrap}
.navigation .pill.small{font-size:inherit}
.opening{padding-top:calc(var(--navigation-height,77px) + 12px)}
@media(min-width:721px) and (max-width:900px){.navigation{gap:16px}.navigation .small-logo{width:66px;height:44px}.navigation nav{gap:10px}.navigation .pill.small{padding-inline:10px}}
@media(max-width:720px){.navigation .pill.small{font-size:clamp(15px,4.6vw,18px)}}
/* A lightweight front view stays visible until the interactive model is ready. */
.device-stage iframe{visibility:hidden}
.device-stage.is-ready iframe{visibility:visible}
.viewer-poster{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse 46% 62% at 50% 48%,#ffffff70,transparent),var(--yellow)}
.viewer-poster{overflow:hidden}
.viewer-poster img{width:100%;height:100%;object-fit:cover}
.viewer-poster[hidden]{display:none}
.device-stage .viewer-status{inset:auto 10% 8px;font-size:14px}