/* Real product captures, framed without resampling or changing the source UI. */
.app-preview{background:radial-gradient(ellipse at 95% 15%,#c8edf0,transparent 55%),linear-gradient(135deg,#f5f8f5,#e3f1f4);overflow:visible}
.app-preview-phones{gap:30px;padding:8px;perspective:1400px}
.app-preview-phones figure:first-child{transform:rotate(-5deg)}
.app-preview-phones figure:nth-child(2){transform:rotate(5deg);margin-top:72px}
.device-iphone{position:relative;width:100%;padding:7px;border:2px solid #35383b;border-radius:clamp(25px,3.2vw,43px);background:linear-gradient(120deg,#414448 0%,#101113 15%,#2a2c2f 33%,#090a0b 67%,#383b3f 88%,#151719);box-shadow:inset 0 0 0 2px #08090a,0 2px 2px #ffffff20,12px 28px 40px -12px #13364145}
.device-glass{overflow:hidden;border:3px solid #101112;border-radius:calc(clamp(25px,3.2vw,43px) - 7px);background:#101112}
.device-glass img{display:block;width:100%;height:auto;border-radius:0}
.device-island{position:absolute;top:2.1%;left:35%;width:30%;height:2.35%;border-radius:30px;background:#08090a;box-shadow:inset 0 0 0 1px #202224}
.device-island:after{content:"";position:absolute;right:10%;top:27%;height:45%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#24495c,#10141b 55%);box-shadow:0 0 0 2px #101113}
.device-buttons{position:absolute;left:-4px;top:19%;height:8%;width:3px;border-radius:2px;background:linear-gradient(90deg,#121315,#42464a)}
.device-buttons:before,.device-buttons:after{content:"";position:absolute;width:3px;border-radius:2px;background:inherit}
.device-buttons:before{height:85%;top:130%}.device-buttons:after{height:50%;bottom:170%}
.device-iphone:after{content:"";position:absolute;right:-4px;top:27%;height:12%;width:3px;border-radius:2px;background:linear-gradient(90deg,#42464a,#121315)}
.device-gallery{padding:100px max(24px,calc((100% - 1220px)/2));background:#f4f5ef;color:#102d38;overflow:hidden}
.device-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:50px}
.device-gallery h2,.device-business h2{font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 0}
.device-gallery-heading>p,.device-business-heading>p:last-child{font-size:17px;line-height:1.65;color:#50646a}
.device-gallery-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:34px;overflow-x:auto;padding:4px 10px 50px;scroll-snap-type:x mandatory;scrollbar-color:#009fc5 #dfE6e2;scrollbar-width:thin}
.device-gallery-track:focus-visible{outline:2px solid #007b98;outline-offset:6px}
.device-gallery-track figure{margin:0;min-width:0;scroll-snap-align:center}
.device-gallery-track figcaption{min-height:105px}.device-gallery h3{font-size:23px;letter-spacing:-.025em;margin:0 0 10px}
.device-gallery-track figcaption p{font-size:14px;line-height:1.6;color:#50646a;max-width:27ch;margin:0}
.device-gallery-note{font-size:12px;color:#526b77;margin:20px 10px 0}
.device-business{padding:80px 24px 70px;background:radial-gradient(ellipse at 50% 65%,#c5e9ee 0%,#e9f4f1 45%,#f5f7f2 80%);overflow:hidden}
.device-business-heading{text-align:center;margin-bottom:56px}.device-business h2{color:#102d38}.device-business h2 em{font-style:normal;color:#008aa8}
.device-macbook{max-width:1180px;margin:0 auto;filter:drop-shadow(0 30px 28px #183c4624)}
.device-lid{width:88%;margin:auto;position:relative;padding:20px 10px 27px;border-radius:20px 20px 5px 5px;border:2px solid #9c9e9d;background:linear-gradient(135deg,#202224,#080a0c);box-shadow:inset 0 0 0 2px #414446}
.device-camera{position:absolute;top:6px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#31576c,#111921 65%)}
/* The original includes browser chrome and Windows taskbar. Only the app viewport is displayed. */
.device-desktop{position:relative;aspect-ratio:1996/1038;overflow:hidden;background:#f5f7f7;border-radius:5px}
.device-desktop img{position:absolute;display:block;width:100%;max-width:none;height:auto;top:-13.006%;left:0}
.device-lid-label{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.1em;color:#aaadaf}
.device-base{height:24px;position:relative;border-radius:2px 2px 50% 50% / 2px 2px 80% 80%;background:linear-gradient(#e4e5e4,#b0b4b6 30%,#848b8e 65%,#c6cacb 80%,#747b7e);box-shadow:0 2px 1px #525c60}
.device-base:before{content:"";position:absolute;top:0;left:43%;width:14%;height:9px;border-radius:0 0 12px 12px;background:linear-gradient(90deg,#888e90,#c9cccd 20%,#c9cccd 80%,#888e90)}
.device-macbook figcaption{text-align:center;font-size:14px;color:#24454d;margin-top:30px}.device-macbook figcaption span{display:block;margin-top:8px;font-size:11px;color:#60777c}
@media(min-width:1600px){.device-gallery-track{grid-auto-columns:minmax(220px,1fr)}}
@media(max-width:900px){.app-preview-phones{max-width:540px}.device-gallery{padding:64px 24px}.device-gallery-track{grid-auto-columns:245px}.device-gallery-heading{display:block}.device-gallery-heading>p{margin-top:24px}.device-business{padding:56px 16px}.device-business-heading{margin-bottom:36px}}
@media(max-width:480px){.app-preview-phones{gap:18px;padding:3px}.device-iphone{padding:4px;border-width:1px}.device-glass{border-width:2px}.app-preview-phones figure:nth-child(2){margin-top:40px}.device-gallery-track{grid-auto-columns:240px;gap:30px}.device-gallery-track .device-iphone{border-radius:36px;padding:7px}.device-gallery-track .device-glass{border-radius:28px}.device-gallery{padding:52px 20px}.device-lid{padding:12px 5px 16px;border-radius:10px 10px 3px 3px;width:92%}.device-camera{top:3px;width:4px;height:4px}.device-lid-label{font-size:5px;bottom:4px}.device-base{height:12px}.device-base:before{height:4px}.device-business-heading>p:last-child{font-size:15px}.device-macbook figcaption{font-size:12px}}