/* Cinematic scroll experience */
.scroll-showcase{position:relative;height:220vh;border-top:0;border-bottom:1px solid rgba(255,255,255,.06);margin-top:-1px;background:linear-gradient(to bottom,#070914 0%,#070914 8%,transparent 18%),radial-gradient(circle at 50% 45%,rgba(34,211,238,.08),transparent 35%),#070914}
.showcase-pin{height:100vh;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;max-width:1180px;margin:auto;padding:40px 24px;overflow:hidden}
.showcase-copy{position:relative;z-index:4;max-width:500px}.showcase-copy h2{font-size:clamp(42px,5vw,70px);line-height:.98;letter-spacing:-.06em;margin:15px 0 20px}.showcase-copy h2 span{background:linear-gradient(100deg,#fff,#67e8f9,#a78bfa);-webkit-background-clip:text;color:transparent}.showcase-copy p{color:#8996aa;max-width:430px;line-height:1.7}
.showcase-price{display:flex;align-items:center;gap:12px;margin-top:28px}.showcase-price strong{font-size:34px}.showcase-price span,.showcase-label{font-size:9px;font-weight:900;letter-spacing:.14em;padding:8px 10px;border-radius:999px;border:1px solid rgba(103,232,249,.2);background:rgba(103,232,249,.06);color:#67e8f9}
.showcase-stage{height:600px;position:relative;display:grid;place-items:center;perspective:1000px}.product-frame{width:min(390px,72vw);height:min(480px,70vh);border-radius:38px;overflow:hidden;background:linear-gradient(145deg,#fff,#dfe5eb);box-shadow:0 45px 100px rgba(0,0,0,.5),inset 0 1px #fff;position:relative;z-index:3;transform-style:preserve-3d}.product-frame img{width:100%;height:100%;object-fit:cover;display:block}.stage-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:linear-gradient(135deg,rgba(34,211,238,.4),rgba(139,92,246,.35));filter:blur(70px);opacity:.55}.product-shadow{position:absolute;width:300px;height:55px;border-radius:50%;background:#000;filter:blur(28px);bottom:7%;opacity:.45}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;z-index:1}.orbit-a{width:520px;height:520px}.orbit-b{width:650px;height:250px;transform:rotate(-28deg)}.showcase-label{position:absolute;z-index:5;background:rgba(7,9,20,.75);backdrop-filter:blur(14px);box-shadow:0 15px 40px rgba(0,0,0,.3)}.label-a{top:19%;right:0}.label-b{bottom:20%;left:2%;color:#9ef0c4;border-color:rgba(94,231,166,.2);background:rgba(19,75,55,.45)}
.showcase-progress{position:absolute;bottom:35px;left:24px;right:24px;height:2px;background:rgba(255,255,255,.1);z-index:5}.showcase-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#22d3ee,#a78bfa)}.showcase-scroll{position:absolute;right:24px;bottom:25px;color:#657287;font-size:9px;letter-spacing:.16em;z-index:6}.showcase-scroll b{color:#67e8f9;margin-left:8px;font-size:15px}
.deal-card{will-change:transform,opacity}.deal-img{overflow:hidden}.deal-img img{transition:transform .65s cubic-bezier(.2,.7,.2,1);will-change:transform}.deal-card:hover .deal-img img{transform:scale(1.06)}
.how-grid .glass-card,.seo-intro,.telegram-cta{will-change:transform,opacity}
@media(max-width:850px){.scroll-showcase{height:150vh}.showcase-pin{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding-top:70px;align-items:center}.showcase-copy{align-self:start}.showcase-copy h2{font-size:43px}.showcase-copy p{font-size:13px;margin-bottom:0}.showcase-price{margin-top:14px}.showcase-stage{height:52vh;margin-top:-20px}.product-frame{width:min(290px,68vw);height:min(360px,48vh)}.orbit-a{width:380px;height:380px}.orbit-b{width:440px;height:180px}.label-a{top:12%;right:4%}.label-b{bottom:12%;left:4%}}
@media(prefers-reduced-motion:reduce){.scroll-showcase{height:auto}.showcase-pin{height:auto;min-height:700px}.showcase-stage{transform:none!important}.deal-card,.how-grid .glass-card,.seo-intro,.telegram-cta{opacity:1!important;transform:none!important}}

.horizontal-deals{position:relative;height:100vh;background:linear-gradient(180deg,#070914,#090b18);overflow:hidden;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.horizontal-pin{height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}
.horizontal-head{width:min(36vw,430px);min-width:330px;padding:0 4vw;position:relative;z-index:5;flex:none}
.horizontal-head h2{font-size:clamp(42px,5vw,68px);line-height:.96;letter-spacing:-.055em;margin:16px 0}
.horizontal-head h2 span{background:linear-gradient(100deg,#fff,#67e8f9,#a78bfa);-webkit-background-clip:text;color:transparent}
.horizontal-head p{color:#8996aa;line-height:1.65;max-width:330px}
.h-progress{height:2px;background:rgba(255,255,255,.1);margin-top:35px;width:190px}.h-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#22d3ee,#a78bfa)}
.horizontal-track{display:flex;align-items:center;gap:28px;height:100%;padding-right:8vw;will-change:transform}
.horizontal-card{position:relative;flex:0 0 min(370px,34vw);height:min(520px,72vh);border-radius:30px;overflow:hidden;background:#111522;border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 80px rgba(0,0,0,.35);transform-style:preserve-3d}
.horizontal-card .hc-image{height:62%;background:linear-gradient(145deg,#f5f7fa,#cfd5df);overflow:hidden}.horizontal-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.horizontal-card:hover img{transform:scale(1.07)}
.hc-info{height:38%;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.hc-kicker{font-size:9px;letter-spacing:.16em;color:#67e8f9;font-weight:900}.hc-title{font-size:18px;line-height:1.25;font-weight:750;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hc-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px}.hc-price{font-size:25px;font-weight:900}.hc-old{text-decoration:line-through;color:#657287;font-size:12px;margin-left:6px}.hc-badge{font-size:9px;padding:7px 9px;border-radius:999px;background:rgba(103,232,249,.08);color:#67e8f9;border:1px solid rgba(103,232,249,.16)}
.hc-number{position:absolute;right:18px;top:15px;font-size:10px;letter-spacing:.14em;color:rgba(255,255,255,.45);z-index:3}
@media(max-width:850px){.horizontal-deals{height:760px}.horizontal-pin{height:760px;display:block;padding-top:55px}.horizontal-head{width:auto;min-width:0;padding:0 22px}.horizontal-head h2{font-size:42px;margin:10px 0}.horizontal-head p{font-size:12px}.h-progress{margin-top:15px}.horizontal-track{height:380px;padding:0 22px 25px;gap:16px;align-items:center}.horizontal-card{flex-basis:74vw;height:70vh;max-height:470px}.hc-info{padding:17px}.hc-title{font-size:16px}}

.hero{position:relative;isolation:isolate}.hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-1px;height:230px;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(7,9,20,.38) 42%,#070914 100%);z-index:0}.scroll-showcase:before{content:"";position:absolute;left:0;right:0;top:0;height:190px;pointer-events:none;background:linear-gradient(to bottom,#070914 0%,rgba(7,9,20,.9) 35%,transparent 100%);z-index:1}.showcase-pin{z-index:2}.hero-copy,.hero-visual{z-index:1}
.hero h1{will-change:transform,opacity,clip-path}.hero-lead,.hero-actions,.trustline,.hero-visual{will-change:transform,opacity}
.hero-card{transform-style:preserve-3d}

/* Keep brand identity calm while cinematic motion happens around it. */
.topbar,.brand,.brandmark,.mini-brand,.mini-brand img{animation:none!important;transition:none!important}
.mini-brand{transform:none!important;opacity:1!important}

/* Static featured-deal section: no scroll/pin choreography. */
.scroll-showcase{height:100vh;min-height:680px;overflow:hidden}
.showcase-pin{height:100vh;min-height:680px}
.showcase-stage,.product-frame,.showcase-copy,.showcase-label,.stage-glow,.product-shadow{transform:none!important}
.showcase-label{opacity:1!important}
.orbit-a,.orbit-b{animation:none!important;transform:rotate(-28deg)!important}
.showcase-progress span{width:100%!important}

/* Remove the decorative progress line from the static featured section. */
.showcase-progress{display:none!important}

/* Deal wall composition: use the viewport instead of leaving a dead right half. */
.horizontal-deals{height:120vh;min-height:760px}
.horizontal-pin{height:100vh;min-height:760px}
.horizontal-head{width:31vw;min-width:360px;padding-left:max(28px,calc((100vw - 1180px)/2));padding-right:28px}
.horizontal-track{flex:1;min-width:0;gap:24px;padding-right:6vw}
.horizontal-card{flex-basis:min(360px,30vw);height:min(500px,68vh)}
@media(max-width:1100px) and (min-width:851px){
  .horizontal-head{width:34vw;min-width:320px;padding-left:32px}
  .horizontal-card{flex-basis:330px}
}