/* BGTech Store — cinematic collection */
:root{--blue:#0868db;--ink:#091b34;--muted:#596779;--soft:#f0f4f8;--radius-xl:30px}
body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3{font-weight:600!important;letter-spacing:-.055em!important}a:focus-visible,button:focus-visible{outline:3px solid #0877ed;outline-offset:6px}.site-header{height:88px;padding-inline:5vw;background:rgba(255,255,255,.9)}.brand img{height:64px;width:132px}.desktop-nav{font-size:14px;gap:26px}.header-cta{font-size:14px;background:var(--blue);padding:13px 21px}.eyebrow,.editorial-copy .card-kicker{font-size:12px;letter-spacing:.16em}.btn{font-size:16px;min-height:54px}.btn-primary{box-shadow:0 9px 22px #0868db20}.btn-ghost{border:1px solid #c9d7e5;background:#ffffff80;color:var(--ink)}
.hero-clean{position:relative;min-height:850px;height:calc(100svh - 88px);max-height:1120px;padding:75px 6vw 32px;grid-template-columns:1fr 1.12fr;grid-template-rows:1fr auto;gap:25px;background:radial-gradient(ellipse at 80% 50%,#e2edf9 0%,#f6f9fd 34%,#fff 70%)}.hero-copy{text-align:left;margin:0;max-width:640px;position:relative}.hero-copy h1{font-size:clamp(58px,6.6vw,106px);line-height:1.02;margin:24px 0}.hero-copy h1 span{color:var(--blue)}.hero-copy p{font-size:19px;max-width:440px;line-height:1.7;margin:0}.hero-actions{justify-content:flex-start;gap:12px;margin-top:32px}.hero-product{height:610px;min-height:0;margin:0;perspective:1300px;isolation:auto}.hero-word{position:absolute;top:7%;left:-7%;font-size:clamp(75px,9vw,150px);font-weight:700;letter-spacing:-.06em;color:#dbe5ef70;pointer-events:none}.hero-scene{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--scene-x,0deg)) rotateY(var(--scene-y,0deg));transition:transform .8s cubic-bezier(.2,.7,.2,1)}.hero-product-img{position:absolute;left:-6%;top:7%;width:112%;max-width:none;height:93%;max-height:none;object-fit:contain;transform:translateY(var(--hero-y,0px)) rotate(-7deg) scale(var(--hero-scale,1));filter:drop-shadow(0 35px 25px #152d4926);z-index:2}.hero-phone{position:absolute;width:53%;height:65%;object-fit:contain;right:-12%;top:30%;transform:translateZ(90px) rotate(9deg);filter:drop-shadow(0 23px 18px #102c4025);z-index:3;animation:phone-drift 8s ease-in-out infinite}.hero-tablet{position:absolute;width:48%;height:45%;object-fit:contain;left:-7%;top:-2%;transform:translateZ(-80px) rotate(-13deg);filter:drop-shadow(0 15px 18px #102c4020);animation:tablet-drift 10s ease-in-out infinite}.hero-caption{position:absolute;bottom:0;left:10%;font-size:11px;letter-spacing:.22em;color:#738397}.hero-meta{grid-column:1/-1;justify-content:flex-start;gap:0;border-top:1px solid #dae3ed;padding-top:24px;font-size:14px}.hero-meta>span{padding:0 32px;border-right:1px solid #dbe2e9}.hero-meta>span:first-child{padding-left:0}.hero-meta>span:last-child{border:0}.hero-halo{width:100%;height:80%}
.story{height:260vh}.story-sticky{background:radial-gradient(ellipse at 85% 35%,#18395c,#07182f 65%)}.story-glow{opacity:.13}.story-copy h2{font-size:clamp(48px,5.5vw,84px);line-height:1.06}.story-copy p{color:#bbc9d9;font-size:18px}.story-device-stage{perspective:1200px}.story-copy{transition:visibility .1s}.section{padding-block:108px;max-width:1600px;margin:auto}.section-soft{max-width:none}.section-title h2,.confidence-copy h2,.deliveries h2,.final-cta h2{line-height:1.1}.editorial-grid{gap:24px}.editorial-card{border:1px solid #e0e7ee;background:#f2f5f9;min-height:610px}.editorial-large{display:grid;grid-template-columns:.8fr 1.2fr;min-height:540px}.editorial-large .editorial-copy{text-align:left;align-self:center;padding:48px;margin:0}.editorial-copy h3{font-size:clamp(34px,3.6vw,54px);line-height:1.08}.editorial-copy a{font-size:16px;margin-top:10px}.editorial-copy p{color:#596779}.editorial-media{perspective:1000px;background:transparent;overflow:hidden}.editorial-media img{transition:transform .7s cubic-bezier(.2,.7,.2,1);transform:perspective(1000px) rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg)) translateY(var(--lift,0px))}.editorial-card:hover{--lift:-10px}.dual-device-showcase{position:relative;display:block;height:400px}.dual-device-showcase .showcase-mac{position:absolute;width:95%;left:-10%;top:0;height:100%;max-height:100%}.dual-device-showcase .showcase-notebook{position:absolute;width:66%;right:-9%;bottom:-9%;height:65%;max-height:100%}.media-dark{background:radial-gradient(ellipse,#d9e6f2,transparent 70%)}.editorial-wide{background:#091f39;color:#fff;min-height:440px}.editorial-wide .editorial-copy p{color:#bdcbdb}.accessory-art{width:100%;height:100%}.accessory-watch-img{width:70%;max-width:420px;right:18%;bottom:-2%}.accessory-pill{font-size:14px;padding:12px 18px;right:13%;top:18%}.accessory-pill.second{top:72%;right:12%}.ring{opacity:.3}.profile-tab{font-size:16px;min-height:46px}.profile-tab.active{background:var(--blue)}.profile-number{font-size:14px}.profile-panel{min-height:500px}.profile-visual{min-height:500px}.step-card p{font-size:16px}.step-card>span{font-size:14px;color:var(--blue)}.confidence-grid span{font-size:16px}.deliveries-flow{font-size:16px}.footer-brand p,.footer-links{font-size:14px}.footer-legal{color:#637081}.reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
@keyframes phone-drift{50%{transform:translate3d(0,-14px,90px) rotate(6deg)}}@keyframes tablet-drift{50%{transform:translate3d(0,12px,-80px) rotate(-10deg)}}
@media(min-width:1600px){.hero-clean{padding-inline:max(6vw,calc((100vw - 1500px)/2))}}
@media(max-width:1100px){.hero-clean{min-height:750px;padding-top:45px}.hero-copy h1{font-size:65px}.hero-product{height:500px}.hero-copy p{font-size:17px}.editorial-large{grid-template-columns:1fr}.editorial-large .editorial-copy{max-width:700px}.editorial-wide{grid-template-columns:1fr 1fr}.editorial-wide .editorial-copy{padding:30px}.accessory-art{min-height:350px}.mobile-menu{top:88px}}
@media(max-width:720px){.site-header{height:76px;padding-inline:22px}.brand img{width:113px;height:58px}.mobile-menu{top:76px}.hero-clean{height:auto;max-height:none;min-height:0;grid-template-columns:1fr;padding:46px 24px 27px;gap:8px}.hero-copy{text-align:center}.hero-copy .eyebrow{font-size:10px;letter-spacing:.12em}.hero-copy h1{font-size:clamp(48px,12vw,70px);margin:16px 0 20px}.hero-copy p{font-size:16px;margin:auto;max-width:360px}.hero-actions{flex-direction:row;justify-content:center;gap:10px;margin-top:24px}.hero-actions .btn{width:auto;font-size:14px;padding:0 18px;min-height:49px}.hero-product{height:340px;width:100%;margin-top:10px}.hero-word{font-size:80px;top:5%;left:0}.hero-product-img{top:4%;left:0;width:100%;height:100%}.hero-phone{right:-4%;top:35%;width:49%;height:62%}.hero-tablet{left:0;top:-3%;width:42%;height:48%}.hero-caption{font-size:9px;letter-spacing:.15em;bottom:0;left:0;right:0;text-align:center}.hero-meta{display:flex;justify-content:center;gap:9px 16px;font-size:12px;margin-top:16px;padding-top:20px}.hero-meta>span{padding:0;border:0}.hero-meta>span:last-child{width:100%}.story{height:235vh}.story-sticky{height:100svh;min-height:620px}.story-copy{bottom:6%;left:24px;right:24px}.story-copy h2{font-size:42px}.story-copy p{font-size:16px;max-width:100%}.story-device-stage{top:29%;height:35vh}.story-actions{gap:15px;margin-top:20px}.story-actions .btn{font-size:14px}.section{padding:76px 22px}.section-title h2,.confidence-copy h2,.deliveries h2,.final-cta h2{font-size:38px}.section-title p{font-size:16px}.editorial-large .editorial-copy{padding:30px 26px 10px}.editorial-card{min-height:500px}.editorial-large{display:flex;min-height:570px}.dual-device-showcase{height:270px;min-height:270px}.dual-device-showcase .showcase-mac{left:-10%;width:100%}.dual-device-showcase .showcase-notebook{width:65%;right:-6%;bottom:-10%}.editorial-wide{display:flex}.accessory-art{min-height:290px}.accessory-watch-img{height:100%;width:80%;object-fit:contain;right:14%}.profile-visual{min-height:300px}.profile-copy p{font-size:16px}.confidence-grid span{font-size:14px}.deliveries-flow{font-size:14px}.eyebrow{font-size:11px}.footer-legal small{font-size:12px}.editorial-copy .card-kicker{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-scene{transform:none}.story{height:auto}.story-sticky{height:auto;min-height:0;padding:70px 24px}.story-copy{position:relative;inset:auto;width:auto;opacity:1;transform:none;margin:0 0 35px}.story-copy h2{font-size:36px}.story-device-stage{display:none}.story-progress{display:none}.reveal{opacity:1;transform:none}}