.hero{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(48px,5vw,72px)}
.hero-copy{min-width:0}
.hero .download-buttons{max-width:100%}
.device-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke:none;z-index:5}
.device-showcase{height:auto;aspect-ratio:auto;width:100%;container-type:inline-size;position:relative}
.device-showcase:before{display:none}
.device-halo{position:absolute;inset:2% -10% 0;background:radial-gradient(ellipse,#2f824729,transparent 67%);z-index:-1}
.device-halo:after{content:'';position:absolute;width:83%;aspect-ratio:1;top:4%;left:8%;border:1px solid #58846418;border-radius:50%;box-shadow:0 0 0 40px #58846405,0 0 0 80px #58846403}
/* Keep the shared decoder visible for mobile inline playback. */
.montage-source{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.device-scene{position:relative;aspect-ratio:1.12;font-size:clamp(6px,1.5cqw,10px)}
.device{position:absolute;transform:none;filter:drop-shadow(4px 20px 17px #0007)}
.macbook{width:94%;aspect-ratio:3207/1942;left:3%;top:0;z-index:1}
.macbook-display{position:absolute;left:10.134082%;top:3.398558%;width:79.825382%;height:85.684861%;background:#000;border-radius:1.6% 1.6% 0 0;overflow:hidden;isolation:isolate}
.macbook-video{position:absolute;inset:0 29.939394% 0 0}
.desktop-chat-reference{position:absolute;right:0;top:0;width:29.939394%;height:100%;overflow:hidden;container-type:inline-size;border-left:1px solid #25362e;background:#121a15;isolation:isolate}
.desktop-chat-reference>img{position:absolute;right:0;top:0;width:auto;max-width:none;height:80%;clip-path:inset(0 0 21% 0);mix-blend-mode:lighten}
.desktop-chat-footer{position:absolute;bottom:0;right:0;width:100%;height:16%;overflow:hidden;background:#121a15}
.desktop-chat-footer>img{position:absolute;bottom:0;right:0;max-width:none;width:auto;height:500%;mix-blend-mode:lighten}
.desktop-platform{position:absolute;left:4.3%;top:6.88%;width:64%;height:2.4%;background:#121a15;color:#8b9d94;font-size:2.6cqw;line-height:1.3}
.iphone-landscape{width:65%;aspect-ratio:615/305;left:6%;bottom:0;z-index:2}
.iphone-display{position:absolute;left:2.276423%;top:5.245902%;width:95.447154%;height:89.508197%;border-radius:6.64395%/14.28571%;background:#000;overflow:hidden;container-type:inline-size;isolation:isolate}
.iphone-video{position:absolute;inset:0}
.screen-reference{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;pointer-events:none}
.iphone-controls{mix-blend-mode:screen;clip-path:url(#landscape-plain-controls)}
.landscape-chat-reference{position:absolute;left:69.0923%;top:13.7405%;width:29.9687%;height:69.9746%;overflow:hidden;border-radius:5%/5%;background:#000}
.landscape-chat-reference>img{position:absolute;max-width:none;width:333.6815%;height:142.909%;left:-230.548%;top:-19.6364%}
.landscape-sync-label{position:absolute;left:72%;top:63.6%;width:26%;height:3.7%;display:flex;align-items:center;justify-content:center;background:#000;color:#747874;font-size:1.43cqw;font-style:italic;white-space:nowrap}
.landscape-time{position:absolute;left:7.6%;top:91.1%;width:19%;height:4.9%;display:flex;align-items:center;background:#000;color:#e8eee9;font-size:1.72cqw;font-weight:400;white-space:nowrap}
.iphone-home-indicator{position:absolute;bottom:1.8%;left:38%;width:24%;height:1.5px;border-radius:2px;background:#b3bab28c}
.pixel{width:24%;aspect-ratio:72/154;right:0;bottom:0;padding:1%;border-radius:16%/7.5%;background:linear-gradient(118deg,#c4d1bb 0%,#8b9c81 5%,#45533d 24%,#253220 65%,#85917a 89%,#c9d2be 99%);box-shadow:inset 0 1px 1px #f1f8e1b3,inset 1px 0 1px #c8dcbb8c,inset -1px -2px 1px #151e10,0 0 0 1px #40503a,0 2px 3px #0009;z-index:3}
.pixel-display{position:relative;height:100%;width:100%;overflow:hidden;border-radius:13%/6%;background:#080e0b;border:2px solid #050a07;container-type:inline-size;isolation:isolate}
.pixel-video{position:absolute;left:0;top:13.4977%;height:25.939%;width:100%}
.portrait-video-controls{position:absolute;inset:0;overflow:hidden;mix-blend-mode:screen}
.portrait-video-controls>img{position:absolute;left:0;top:-52.0362%;width:100%;height:385.52%;max-width:none}
.pixel-platform{position:absolute;left:4.05%;top:10.7%;height:2%;width:55%;background:linear-gradient(90deg,#0d2b1e,#071c13);color:#dce8df;font-weight:600;font-size:3.2cqw;line-height:1.15;white-space:nowrap}
.portrait-sync-label{position:absolute;left:23%;top:77.55%;width:55%;height:2.3%;display:flex;align-items:center;justify-content:center;background:#080e0b;color:#717773;font-size:2.9cqw;font-style:italic;white-space:nowrap}
.portrait-time{position:absolute;left:1.7%;top:35.68%;width:31%;height:2.35%;display:flex;align-items:center;background:#000;color:#e7eee9;font-size:3.6cqw;line-height:1;white-space:nowrap}
.preview-progress{position:absolute;display:flex;align-items:center;isolation:isolate}
.preview-progress:before{content:'';position:absolute;left:0;right:0;height:14%;border-radius:10px;background:#515a55;z-index:-1}
.preview-progress>span{position:relative;display:block;width:var(--preview-progress,0%);height:14%;border-radius:10px;background:#d6dbd7}
.preview-progress>span:after{content:'';position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:1.45cqw;aspect-ratio:1;border-radius:50%;background:#d6dbd7}
.landscape-progress{left:8.4%;top:84%;width:83.2%;height:4.8%;background:#000}
.portrait-progress{left:7.7%;top:40.2%;width:84.7%;height:2.2%;background:#080e0b}
.portrait-progress>span:after{width:4.2cqw;background:#f0f3ef}
.pixel-camera{position:absolute;left:47.7%;top:1.3%;width:4.6%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#23353d,#010302 64%);box-shadow:0 0 0 1px #07150d,0 1px 1px #718c6a36}
.pixel-home-indicator{position:absolute;bottom:1.3%;left:34%;width:32%;height:1.5px;border-radius:3px;background:#a5b8a2a6}
.pixel-side-button,.pixel-volume-button{position:absolute;right:-2%;width:2.5%;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#45523c,#a9b89b 70%,#4d5c43);box-shadow:1px 1px 2px #0008}
.pixel-side-button{top:23%;height:9%}.pixel-volume-button{top:38%;height:16%}
.montage-screen{overflow:hidden;background:#000 url('assets/hero-poster.jpg') center/contain no-repeat}
.montage-screen canvas{width:100%;height:100%;display:block;object-fit:contain;visibility:hidden}
.has-video-frame .montage-screen canvas{visibility:visible}
.screen-reflection{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#dce9f00b 0%,#f0f4f502 27%,transparent 40%,transparent 78%,#b9d5c603 100%);box-shadow:inset 1px 1px 1px #c8d6d31f,inset -1px -1px 2px #0009;z-index:4}
.montage-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;width:max-content;max-width:100%;margin:22px auto 0;padding:6px 6px 6px 18px;border:1px solid #395642;border-radius:100px;background:#102319;box-shadow:0 8px 24px #0003;font-size:13px;font-weight:500;color:#d4e8da}
.montage-status{display:flex;align-items:center;gap:7px}.montage-status .live-dot{width:8px;height:8px;box-shadow:0 0 10px #42e87b55}.preview-paused .montage-status .live-dot{background:#a5b8ab;box-shadow:none}
#montage-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:94px;height:38px;background:var(--green);border:1px solid var(--green);border-radius:30px;padding:9px 15px;cursor:pointer;color:#082511;font-size:12px;font-weight:700;transition:background .2s,transform .2s}
#montage-toggle:hover{background:#78f19f;transform:translateY(-1px)}#montage-toggle svg{width:16px;height:16px;stroke-width:2}#montage-toggle .montage-play{fill:currentColor;stroke:none}
#montage-toggle .montage-play,#montage-toggle[hidden],#montage-toggle.is-paused .montage-pause{display:none}#montage-toggle.is-paused .montage-play{display:block}

@media(min-width:801px){.hero-copy h1{font-size:clamp(48px,4.8vw,66px);letter-spacing:-3px;max-width:420px}}
@media(min-width:601px) and (max-width:1100px){.hero-copy h1{font-size:clamp(32px,4.7vw,50px);letter-spacing:-2px;max-width:none}}
@media(min-width:1440px){.device-showcase{height:auto}}
@media(max-width:1100px){.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px}.device-showcase{height:auto}}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px}.device-showcase{height:auto}.montage-controls{gap:12px;font-size:12px;padding-left:14px}#montage-toggle{font-size:12px;min-width:82px}.pixel-display{border-width:1px}}
@media(max-width:600px){.hero{gap:0}.device-showcase{width:min(460px,100%);height:auto;aspect-ratio:auto;margin-top:40px;margin-inline:auto;text-align:left}.device-showcase .device-scene{transform:translateX(-2%)}.device-showcase .montage-controls{bottom:0}.device-halo{inset:0 -5%}.services{margin-top:5px}}

.portrait-video-controls>img,.pixel-display>.screen-reference{clip-path:url(#portrait-plain-controls)}
.player-control{position:absolute;pointer-events:none;color:#edf1ee;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.landscape-mic{left:9.23318%;top:4.91942%;width:2.81690%;height:6.10687%;color:#f24950}
.landscape-pip{left:82.23787%;top:4.07125%;width:2.81690%;height:6.10687%}
.portrait-mic{left:5.00424%;top:15.76682%;width:6.10687%;height:2.81690%;color:#f24950}
.portrait-pip{left:76.50551%;top:15.37559%;width:6.10687%;height:2.81690%}

.macbook-display>.screen-reflection{right:29.939394%}