:root{--paper:#f6f5f1;--ink:#1b1d21;--blue:#3348f5;--muted:#656871;--line:#dcdedc;--puck:#ffffff;--puck-top:#ffffff;--puck-edge:#d5d5d5;--puck-text:#777970}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #7588ff;outline-offset:5px}button{color:inherit}button:hover{filter:brightness(.97)}.layout{max-width:1320px;margin:auto;padding-left:56px;padding-right:56px}.skip{position:absolute;left:20px;top:-60px;z-index:20;background:#fff;padding:12px}.skip:focus{top:10px}.announcement{background:#253dee;color:#fff;text-align:center;padding:11px 20px;font-size:12px;letter-spacing:.02em}.announcement span{opacity:.8;margin-left:16px}.header{max-width:1440px;margin:auto;padding:25px 56px;display:flex;align-items:center;gap:55px}.wordmark{font-weight:900;font-size:38px;letter-spacing:-2.5px;line-height:1}.wordmark>span{font-size:18px;color:var(--blue);display:inline-block;vertical-align:middle;margin-left:6px;letter-spacing:0}.header nav{display:flex;gap:27px;font-size:14px}.header nav a:hover,footer a:last-child:hover{text-decoration:underline}.header-cta{margin-left:auto;font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:6px}.header-cta span{padding-left:12px}.product{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:64px;padding-top:22px;padding-bottom:64px;align-items:start}.scene{position:relative;aspect-ratio:1/1.09;overflow:hidden;border-radius:18px;background:linear-gradient(140deg,#d4e0f6,#e0e9f5 45%,#bbcceb);isolation:isolate}.scene-top,.scene-bottom{position:absolute;z-index:5;left:31px;right:31px;display:flex;justify-content:space-between}.scene-top{top:30px;font-size:12px;line-height:1.5;letter-spacing:.08em;font-weight:600;color:#4b5e7d}.tiny-plus{font-size:29px;font-weight:400}.scene-bottom{bottom:29px;align-items:flex-end;color:#3c4e6b;font-size:21px;font-weight:500;line-height:1.2;letter-spacing:-.5px}.scene-bottom .render-note{font-size:10px;font-weight:400;text-align:right;line-height:1.5;letter-spacing:0}.orbit{position:absolute;z-index:-1;border:1px solid #ffffff55;border-radius:50%;width:83%;height:83%;top:8%;left:9%;transform:rotateX(42deg) rotate(-35deg)}.orbit-two{width:115%;height:115%;top:-7%;left:-6%;border-color:#ffffff30}.puck{position:absolute;width:62%;aspect-ratio:1;top:21%;left:19%;border-radius:50%;background:var(--puck-edge);transform:rotateX(35deg) rotateZ(-20deg);box-shadow:1px 2px 0 #a6a9ad,2px 5px 0 var(--puck-edge),3px 8px 0 var(--puck-edge),4px 11px 0 #9fa39f,16px 47px 24px #475d7848,33px 70px 45px #63748b25;transition:background .25s,transform .6s,opacity .3s}.puck-top{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 30% 10%,var(--puck-top),var(--puck) 75%);box-shadow:inset 0 2px 3px #fff9,inset 0 -3px 4px #73756a40;border:1px solid #fff3;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.puck-top:before{content:"";position:absolute;inset:14px;border:1px solid #a6aa9d55;border-radius:50%;box-shadow:0 1px 0 #ffffff77}.puck-top:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1.7px,#4a493d07 2px);pointer-events:none}.pause-mark{display:flex;gap:15px;margin-top:-15px}.pause-mark i{display:block;width:18px;height:63px;background:var(--puck);border-radius:7px;box-shadow:inset 2px 2px 3px #fff8,2px 3px 3px #797c6666}.puck-brand{font-size:28px;color:var(--puck-text);font-weight:bold;letter-spacing:-1.5px;margin-top:26px;text-shadow:0 1px 0 #fff7}.puck-tap{font-size:9px;letter-spacing:.14em;color:var(--puck-text);position:absolute;bottom:27px}.gallery-tabs{display:flex;gap:10px;margin-top:12px}.gallery-tab{flex:1;min-height:68px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:transparent;font-size:12px}.gallery-tab.selected{border-color:var(--blue);color:var(--blue);background:#eceffd}.tab-icon{font-size:26px;line-height:1}.phone-render{position:absolute;z-index:2;width:43%;height:73%;border-radius:31px;border:5px solid #363940;background:#f9faf7;top:15%;left:29%;box-shadow:0 20px 40px #36496155;opacity:0;transform:translateY(25px) rotate(8deg);transition:opacity .3s,transform .6s;display:flex;flex-direction:column;align-items:center;padding:26px 10px 18px;color:#292e35;font-size:10px}.phone-notch{position:absolute;top:7px;width:44%;height:15px;background:#24272d;border-radius:15px}.phone-time{align-self:flex-start;font-size:9px;position:absolute;left:12px;top:12px}.phone-label{margin-top:28px;font-size:12px;color:#777}.phone-render>strong{font-size:24px;letter-spacing:-1px;margin-top:4px}.phone-symbol{width:76px;height:76px;border:1px solid #d9d8ce;border-radius:50%;display:grid;place-items:center;margin:29px 0 18px;color:#8c8e85;font-size:30px;background:linear-gradient(140deg,#fff,#e4e3da);box-shadow:0 7px 15px #00000012}.phone-render>b{font-size:17px;margin:6px 0 15px}.phone-apps{display:flex;gap:12px}.phone-apps>span{width:28px;height:28px;border-radius:7px;background:#dfe2e6;color:#92969d;display:grid;place-items:center;font-size:15px}.phone-render p{color:#73777d}.phone-pill{margin-top:auto;padding:10px 8px;background:#e9ebef;border-radius:20px;width:100%;text-align:center;font-size:9px}.inside{position:absolute;inset:18% 20% 30%;opacity:0;transition:opacity .3s;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.inside-shell,.inside-base{width:100%;height:28%;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#6f746c;background:radial-gradient(ellipse at 40% 20%,#fffdf5,#c9c9be);box-shadow:0 10px 0 #b3b6ab,0 25px 22px #48556438;transform:rotate(-12deg)}.inside-base{height:16%;background:#393b3c;color:#d4d4cc;box-shadow:0 5px 0 #26272b,0 20px 18px #48556438}.inside-tag{width:55%;height:22%;border-radius:50%;border:9px double #b88348;background:#d0a56f33;transform:rotate(-12deg);display:flex;align-items:center;justify-content:center;gap:10px;color:#725737}.inside-tag span{font-size:35px}.inside-tag b{font-size:11px;font-weight:400}.scene[data-view=app] .phone-render{opacity:1;transform:translateY(0) rotate(-5deg)}.scene[data-view=app] .puck{opacity:.28;transform:translate(100%,40%) scale(.55) rotateX(35deg) rotateZ(-20deg)}.scene[data-view=inside] .puck{opacity:0;transform:translateY(-50px) rotateX(45deg)}.scene[data-view=inside] .inside{opacity:1}.scene[data-colour=pebble]{--puck:#939393;--puck-top:#b2b2b2;--puck-edge:#747474;--puck-text:#272727}.scene[data-colour=harbour]{--puck:#5898dd;--puck-top:#8cb6e6;--puck-edge:#4074aa;--puck-text:#1b1d21}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:600;line-height:1.6;margin:0 0 17px}.status-dot{display:inline-block;width:6px;height:6px;margin-right:6px;background:var(--blue);border-radius:50%;vertical-align:middle}.product-info{padding-top:8px}h1{font-size:69px;line-height:1;letter-spacing:-4px;margin:0 0 17px;font-weight:700}.product-tagline{font-size:32px;line-height:1.1;letter-spacing:-1.2px;margin:0 0 18px}.intro{font-size:14px;line-height:1.6;color:var(--muted);max-width:360px;margin:0 0 27px}.colour-label{font-size:12px;font-weight:600}.colour-label span{font-weight:400;color:var(--muted);margin-left:10px}.swatches{display:flex;gap:12px;margin:14px 0 25px}.swatch{border:3px solid var(--paper);width:29px;height:29px;border-radius:50%;box-shadow:0 0 0 1px #c9c9c7}.swatch.selected{box-shadow:0 0 0 1.5px var(--blue)}.swatch.chalk{background:#ffffff}.swatch.pebble{background:#939393}.swatch.harbour{background:#5898dd}.bundle{padding:0;border:0;margin:0 0 18px;display:grid;gap:9px}.bundle legend{font-size:12px;margin-bottom:11px;font-weight:600}.bundle-option{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;min-height:68px;padding:14px 15px;cursor:pointer;gap:12px;background:#ffffff40}.bundle-option:has(input:checked){border:1.5px solid var(--blue);padding:13.5px 14.5px;background:#ecefff}.bundle-option input{accent-color:var(--blue);width:15px;height:15px;margin:0}.bundle-option span{font-size:13px}.bundle-option small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.bundle-option b{font-size:18px;font-weight:500;margin-left:auto}.button{display:flex;align-items:center;justify-content:space-between;padding:17px 21px;border-radius:30px;font-size:14px;gap:25px;transition:background .2s}.primary{color:#fff;background:var(--blue)}.primary:hover{background:#263bcf}.offer-note{text-align:center;color:#777a83;font-size:10px;line-height:1.6;margin:12px 0 22px}.product-accordion details,.faq details{border-top:1px solid var(--line);padding:17px 0}.product-accordion summary,.faq summary{cursor:pointer;list-style:none;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:600}.product-accordion summary:after,.faq summary:after{content:"+";font-size:20px;font-weight:400}.product-accordion details[open] summary:after,.faq details[open] summary:after{content:"−"}summary::-webkit-details-marker{display:none}.product-accordion details p,.faq details p{font-size:12px;line-height:1.7;color:var(--muted);margin:14px 15px 0 0}.benefit-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:90px;padding:25px;font-size:12px}.benefit-strip b{font-family:monospace;font-size:10px;color:var(--blue);font-weight:400;margin-right:15px}.how{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:100px;padding-bottom:100px}h2{font-size:43px;line-height:1.1;letter-spacing:-2px;margin:0}.section-intro{font-size:14px;line-height:1.7;color:var(--muted);margin-top:23px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:24px;border-top:1px solid var(--line);padding:23px 0}.steps li>span{font-family:monospace;color:var(--blue);font-size:12px;padding-top:2px}.steps h3{font-size:17px;font-weight:500;letter-spacing:-.3px;margin:0 0 9px}.steps p{font-size:13px;line-height:1.6;color:var(--muted);margin:0;max-width:340px}.demo{background:#1c2636;color:#f3f2ec;padding:88px 0}.demo-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.demo-copy h2{font-size:58px;letter-spacing:-2.8px}.demo-copy em{font-family:Georgia,serif;font-weight:400;color:#b9c8e1}.demo-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#bac3d0;margin-top:24px}.demo-copy .demo-disclosure{font-size:10px!important;max-width:260px;color:#a9b7cc!important}.demo-panel{display:flex;align-items:center;flex-direction:column}.demo-phone{width:290px;background:#f7f7f1;color:#20252c;border-radius:34px;padding:24px 24px 25px;border:6px solid #465263;box-shadow:20px 35px 60px #0003;text-align:center}.demo-phone-top{display:flex;justify-content:space-between;font-size:10px;margin-bottom:42px}.demo-phone-top span:first-child{font-size:16px;font-weight:bold;letter-spacing:-1px}.demo-phone>p:first-of-type{color:#767b82;font-size:11px}.demo-phone h3{font-size:23px;letter-spacing:-.9px;margin:8px 0 24px;font-weight:500;min-height:27px}.demo-pause{width:84px;height:84px;border-radius:50%;background:#e6e9ee;color:#748397;display:grid;place-items:center;font-size:30px;margin:0 auto 28px;transition:background .2s,color .2s,box-shadow .2s}.demo-pause.running{background:#dce5d7;color:#4a6747;box-shadow:0 0 0 9px #edf0e8}.mode-picker{display:flex;gap:4px;border:1px solid #dedfdc;border-radius:30px;padding:4px}.mode-picker button{border:0;background:transparent;border-radius:20px;padding:9px 10px;flex:1;font-size:11px}.mode-picker button.active{background:#fff;box-shadow:0 1px 4px #0002}.mode-explanation{color:#73777c;font-size:11px!important;line-height:1.7;min-height:37px;margin:20px 0}.tap-button{border:0;background:var(--blue);color:#fff;width:100%;padding:14px;border-radius:30px;font-size:12px}.demo-state{font-size:9px;color:#7b8085;display:block;margin-top:14px}.demo-caption{font-size:10px;color:#b2bdcb;margin-top:20px}.questions{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding-top:100px;padding-bottom:100px}.faq summary{font-size:14px;font-weight:400}.faq details{padding:22px 0}.faq details p{font-size:13px}.closing{background:#d9e3f5;padding:85px 25px;text-align:center}.closing h2{font-size:70px;line-height:1.02;letter-spacing:-3.5px;margin:22px auto 34px}.light{background:var(--paper);display:inline-flex;min-width:210px}footer{display:flex;align-items:center;gap:30px;padding-top:35px;padding-bottom:35px}footer .wordmark{font-size:30px}footer p{font-size:10px;color:var(--muted)}footer>a:last-child{font-size:11px;margin-left:auto}.research{max-width:970px;margin:0 auto;padding:45px 35px 80px}.research h1{font-size:54px;letter-spacing:-2px}.research h2{font-size:30px;letter-spacing:-1px;margin:44px 0 18px}.research h3{font-size:18px;margin:25px 0 12px}.research p,.research li{font-size:14px;line-height:1.75}.research a{color:#2940d1;text-decoration:underline}.research .lead{font-size:21px;line-height:1.5}.research table{width:100%;border-collapse:collapse;font-size:12px;margin:25px 0}.research td,.research th{padding:13px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.6}.research th{font-size:11px;letter-spacing:.02em}.research .callout{background:#e8edf9;border-left:3px solid var(--blue);padding:17px 22px;margin:25px 0}.research .caption{font-size:11px;color:var(--muted)}.calculator{border:1px solid var(--line);padding:25px;border-radius:15px;background:#fff8}.calc-inputs{display:grid;grid-template-columns:1fr 1fr;gap:17px}.calc-inputs label{display:flex;flex-direction:column;gap:8px;font-size:12px}.calc-inputs input[type=number],.calc-inputs select{font:inherit;padding:10px;border:1px solid var(--line);border-radius:5px;background:white;width:100%}.calc-inputs .checkbox{flex-direction:row;align-items:center;grid-column:1/-1}.calc-result{display:flex;justify-content:space-between;gap:20px;margin:25px 0 0;border-top:1px solid var(--line);padding-top:22px;font-size:12px}.calc-result strong{font-size:31px;letter-spacing:-1px;display:block;margin-top:7px}.source-list li{margin-bottom:8px;font-size:12px}.report-back{display:inline-block;margin-bottom:35px;font-size:12px}
@media(min-width:1400px){.scene{aspect-ratio:1/1.02}}@media(max-width:1100px){.layout{padding-left:35px;padding-right:35px}.header{padding:25px 35px;gap:40px}.product{gap:35px}.scene-bottom{font-size:18px}.product-tagline{font-size:29px}.intro{font-size:13px}.how,.questions{gap:50px}.benefit-strip{gap:40px}.phone-render>strong{font-size:20px}.phone-symbol{margin:20px 0 15px}.phone-label{margin-top:20px}.puck-brand{font-size:24px}.pause-mark i{width:15px;height:51px}.phone-render{font-size:9px}}
@media(max-width:760px){html{scroll-padding-top:25px}.layout{padding-left:22px;padding-right:22px}.announcement{padding:10px;font-size:10px}.announcement span{display:block;margin:4px 0 0;font-size:9px}.header{padding:24px 22px;gap:20px}.wordmark{font-size:34px}.header nav{margin-left:auto;gap:18px;font-size:11px}.header nav a:first-child{display:none}.header-cta{display:none}.product{display:block;padding-top:5px;padding-bottom:40px}.scene{aspect-ratio:1/1.04}.gallery-tabs{margin-top:9px;gap:8px}.gallery-tab{min-height:52px;font-size:11px}.tab-icon{font-size:21px}.scene-top{top:23px;left:24px;right:24px;font-size:10px}.scene-bottom{left:24px;right:24px;bottom:23px;font-size:20px}.scene-bottom .render-note{font-size:9px}.product-info{padding-top:33px}.eyebrow{font-size:9px}h1{font-size:64px;letter-spacing:-3px;margin-bottom:13px}.product-tagline{font-size:35px;margin-bottom:18px}.intro{font-size:14px;max-width:100%;margin-bottom:25px}.bundle-option{min-height:70px}.bundle-option span{font-size:14px}.bundle-option small{font-size:11px}.button{padding:18px 22px;font-size:14px}.offer-note{font-size:10px}.product-accordion summary{font-size:13px}.product-accordion details p{font-size:13px}.benefit-strip{gap:0;justify-content:space-around;padding:22px 15px;align-items:flex-start}.benefit-strip span{font-size:10px;line-height:1.4;text-align:center;max-width:95px}.benefit-strip b{display:block;margin:0 0 8px;font-size:9px}.how,.questions{grid-template-columns:1fr;gap:30px;padding-top:60px;padding-bottom:60px}h2{font-size:38px;letter-spacing:-1.8px}.section-intro{font-size:13px;margin-top:20px}.steps li{padding:22px 0}.steps h3{font-size:17px}.steps p{font-size:13px}.demo{padding:60px 0}.demo-layout{grid-template-columns:1fr;gap:40px}.demo-copy h2{font-size:48px;letter-spacing:-2px}.demo-copy .demo-disclosure{max-width:none;font-size:11px!important}.demo-phone{width:290px}.questions{gap:35px}.faq summary{font-size:13px}.faq details{padding:20px 0}.closing{padding:60px 22px}.closing h2{font-size:48px;letter-spacing:-2px}footer{flex-wrap:wrap;gap:15px;padding-top:28px;padding-bottom:28px}footer p{max-width:180px;line-height:1.6;margin-left:auto;text-align:right}footer>a:last-child{width:100%;margin-top:7px}.research{padding:30px 22px 60px}.research h1{font-size:43px}.research .lead{font-size:18px}.research td,.research th{padding:11px 6px;font-size:10px}.research td:first-child{min-width:90px}.calc-inputs{grid-template-columns:1fr 1fr}.calc-result strong{font-size:25px}.phone-render>strong{font-size:20px}.pause-mark{gap:13px}.pause-mark i{height:50px;width:15px}.puck-brand{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* hushpuck identity and actual v2 CAD imagery */
.wordmark{display:inline-flex;align-items:center;flex-shrink:0}.wordmark img{width:170px;height:auto;display:block}.product-wordmark{width:340px;max-width:100%;height:auto;display:block}h1:has(.product-wordmark){margin-bottom:24px}.puck-cad{position:absolute;width:104%;height:auto;left:-2%;top:4%;filter:drop-shadow(20px 30px 15px #30425c33);transition:transform .6s,opacity .3s;pointer-events:none}.inside{inset:12% 14% 15%;display:block}.inside img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(10px 14px 9px #30425c22)}.scene[data-view=app] .puck-cad{opacity:.2;transform:translate(48%,35%) scale(.55)}.scene[data-view=inside] .puck-cad{opacity:0;transform:translateY(-30px)}.scene{--selected-puck:#FFFFFF;--selected-puck-text:#1b1d21}.hush-symbol{display:block;width:60%;height:60%;background:currentColor;mask:url('assets/hushpuck-symbol.svg?v=8') center/contain no-repeat;-webkit-mask:url('assets/hushpuck-symbol.svg?v=8') center/contain no-repeat}.phone-symbol{background:var(--selected-puck);color:var(--selected-puck-text)}.phone-pill{background:var(--selected-puck);color:var(--selected-puck-text)}.swatch.chalk{background:#FFFFFF}.swatch.pebble{background:#939393}.swatch.harbour{background:#5898DD}.colour-story{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:70px;padding-bottom:70px;border-top:1px solid var(--line)}.colour-story>div>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:420px;margin-top:0}.colour-story .section-intro{color:var(--muted)}.story-link{display:inline-block;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:6px;margin-top:7px}.demo-phone{--scanned-puck:#E5E7EB;--scanned-puck-text:#1b1d21}.demo-phone-top{margin-bottom:20px}.paired-puck{display:inline-block;font-size:10px;background:var(--scanned-puck);color:var(--scanned-puck-text);padding:7px 11px;border-radius:20px;transition:background .25s}.demo-pause,.demo-pause.running{background:var(--scanned-puck);color:var(--scanned-puck-text)}.demo-pause.running{box-shadow:0 0 0 9px #20252c0a}.demo-tag{--selected-puck:#FFFFFF;--selected-puck-text:#1b1d21;display:flex;align-items:center;justify-content:center;gap:9px;margin:18px 0 12px;font-size:10px;color:#656871}.demo-tag>.hush-symbol{width:31px;height:31px;background:var(--selected-puck);color:var(--selected-puck-text);border-radius:50%;mask:none;-webkit-mask:none;position:relative}.demo-tag>.hush-symbol:after{content:'';position:absolute;inset:5px;background:currentColor;mask:url('assets/hushpuck-symbol.svg?v=8') center/contain no-repeat;-webkit-mask:url('assets/hushpuck-symbol.svg?v=8') center/contain no-repeat}.demo-phone .tap-button{background:var(--scanned-puck-text);color:var(--scanned-puck)}.demo-state{line-height:1.5}.cad-figure{margin:28px 0}.cad-figure>img{display:block;width:100%;height:auto;border-radius:15px}.cad-figure figcaption{font-size:11px;color:var(--muted);line-height:1.6;margin-top:10px}#decisions table{table-layout:fixed}#decisions th:first-child{width:23%}#decisions td{overflow-wrap:anywhere}footer .wordmark img{width:140px}
@media(max-width:1100px){.header{gap:30px}.header nav{gap:20px}.colour-story{gap:50px}}
@media(max-width:760px){.wordmark img{width:145px}.product-wordmark{width:310px}.colour-story{grid-template-columns:1fr;gap:28px;padding-top:55px;padding-bottom:55px}.colour-story>div>p:not(.eyebrow){font-size:14px}.puck-cad{top:3%}.scene-bottom{font-size:19px}.research h1{overflow-wrap:anywhere}#decisions th:first-child{width:27%}#decisions td,#decisions th{font-size:11px}.header nav{gap:15px}footer .wordmark img{width:140px}}
@media(max-width:350px){.header{gap:12px}.wordmark img{width:132px}.header nav{gap:12px;font-size:10px}.demo-phone{max-width:100%;width:290px;padding-left:18px;padding-right:18px}.demo-copy h2{font-size:43px}}

/* Keep the gallery phone and captions separate at every size. */
.phone-render{top:13%;height:65%}.phone-label{position:absolute;top:14%;left:5%;width:90%;margin:0;font-size:10px}.phone-render>strong{position:absolute;top:20%;left:6%;width:88%;margin:0;font-size:20px;line-height:1.1}.phone-symbol{position:absolute;top:39%;left:50%;transform:translateX(-50%);width:clamp(48px,6vw,76px);height:clamp(48px,6vw,76px);margin:0;flex-shrink:0}.phone-render>b{position:absolute;top:68%;left:5%;width:90%;font-size:15px;margin:0}.phone-render>span:not(.phone-time):not(.phone-label),.phone-apps,.phone-render>p{display:none}.phone-pill{position:absolute;bottom:6%;left:7%;width:86%;margin:0;padding:8px 5px;font-size:8px;line-height:1.4}
@media(max-width:760px){.puck-cad{width:90%;left:5%;top:3%}.inside{inset:12% 20% 26%}.phone-render>strong{font-size:18px}.phone-render>b{font-size:13px}}

/* Customer product gallery: sealed shell, direct interaction, no viewer controls. */
.launch-note{font-size:13px;padding:17px 0 24px;border-top:1px solid var(--line)}
#puck-3d{position:absolute;inset:12% 0 17%;width:100%;height:71%;z-index:3;display:block;opacity:0;cursor:grab;touch-action:pan-y pinch-zoom;transition:opacity .2s;filter:drop-shadow(12px 27px 17px #25384c38)}
#puck-3d:active{cursor:grabbing}#puck-3d:focus-visible{outline:2px solid #3348f5;outline-offset:-10px;border-radius:24px}
.model-ready #puck-3d{opacity:1}.model-ready .puck-cad{opacity:0}
.scene[data-view=app] #puck-3d{opacity:0;pointer-events:none}.scene[data-view=app] .puck-cad{opacity:.15}
.scene-top,.scene-bottom{pointer-events:none}.gallery-tab{min-height:56px}.scene-bottom{bottom:30px}
.scene[data-view=app] .phone-render{z-index:4}.product-info .intro{max-width:390px}.announcement span{opacity:1}
@media(max-width:760px){#puck-3d{inset:11% 0 18%;height:71%}.scene{aspect-ratio:1/1.04}.scene-top{top:23px}.scene-bottom{bottom:24px}.launch-note{padding-bottom:20px}}
@font-face{font-family:HushNunito;src:url('assets/Nunito-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}.demo-phone-top span:first-child{font-family:HushNunito,Arial,sans-serif;font-weight:800;letter-spacing:-.6px}
