/* Scroll-led e-commerce page: CSS 3D is complete without JS; GSAP only enhances desktop scroll. */
.ecommerce-site main{overflow:hidden}.commerce-experience{--commerce-ink:#071229;--commerce-cyan:#7ee8e2;--commerce-lime:#d9fb9b;--commerce-sunset:#ffbc79;background:#fff}.commerce-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(circle at 83% 43%,#3c7fe878,transparent 23%),radial-gradient(circle at 18% 104%,#9c61ff4d,transparent 33%),linear-gradient(121deg,#050d1f,#0b214b 57%,#20205d)}.commerce-hero:before{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(155,202,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(155,202,255,.15) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,transparent 86%)}.commerce-hero-noise{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.35;background:radial-gradient(circle at 20% 25%,#fff 0 1px,transparent 1.2px);background-size:19px 19px;mask-image:linear-gradient(120deg,#000,transparent 65%)}.commerce-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center;min-height:625px;padding:75px 0}.commerce-copy{max-width:650px}.commerce-kicker{display:inline-flex;align-items:center;gap:10px;color:#a9f2f0;font-size:11px;font-weight:840;letter-spacing:.15em;text-transform:uppercase}.commerce-kicker i{width:8px;height:8px;border-radius:50%;background:#7ee8e2;box-shadow:0 0 0 6px #7ee8e223}.commerce-copy h1{max-width:720px;margin:18px 0 21px;color:#fff;font-size:clamp(45px,5.5vw,77px);font-weight:740;line-height:.97;letter-spacing:-.07em}.commerce-copy>p{max-width:620px;margin:0;color:#c9d8f5;font-size:17px;line-height:1.74}.commerce-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:31px}.commerce-actions .button.light{color:#061735;background:#ecfffe}.commerce-actions .button.light:hover{background:#fff}.commerce-proof{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:33px;color:#c9d8f5;font-size:11px}.commerce-proof i{width:48px;height:1px;background:linear-gradient(90deg,#7ee8e2,#c498ff)}
.commerce-scene{position:relative;z-index:1;min-height:467px;perspective:1500px;transform-style:preserve-3d}.commerce-aura{position:absolute;z-index:0;width:350px;height:350px;right:52px;top:49px;border-radius:50%;background:radial-gradient(circle,#55b8ff59 0,transparent 66%);filter:blur(12px)}.commerce-browser{position:absolute;z-index:2;right:24px;top:74px;width:82%;overflow:hidden;border:1px solid #c7e1ff65;border-radius:18px;background:#f6f9ff;box-shadow:0 37px 80px #02071d8a;transform:rotateY(-11deg) rotateX(4deg) translateZ(24px);transform-style:preserve-3d;will-change:transform}.commerce-browser-bar{display:flex;align-items:center;gap:5px;height:30px;padding:0 11px;background:#e1eaff;color:#7180a1;font-size:8px}.commerce-browser-bar i{width:6px;height:6px;border-radius:50%;background:#f28294}.commerce-browser-bar i:nth-child(2){background:#f0c86a}.commerce-browser-bar i:nth-child(3){background:#5dd6af}.commerce-browser-bar span{margin-left:7px}.commerce-browser-content{padding:14px;background:#fff}.commerce-browser-nav{display:flex;align-items:center;gap:13px;color:#77849c;font-size:9px}.commerce-browser-nav b{margin-right:auto;color:#102347;font-size:12px;letter-spacing:-.04em}.commerce-browser-nav em{padding:5px 7px;border-radius:7px;background:#0f2e66;color:#fff;font-size:8px;font-style:normal}.commerce-browser-body{display:grid;grid-template-columns:.84fr 1.16fr;gap:12px;align-items:center;margin-top:13px;padding:17px;border-radius:11px;background:linear-gradient(135deg,#eef2ff,#e4eeff)}.commerce-browser-body small{color:#6372a8;font-size:8px;font-weight:800;letter-spacing:.12em}.commerce-browser-body strong{display:block;margin-top:8px;color:#102049;font-size:22px;line-height:.96;letter-spacing:-.07em}.commerce-browser-body button{margin-top:13px;padding:7px 9px;border:0;border-radius:7px;background:#102f70;color:#fff;font-size:8px;font-weight:700}.commerce-browser-body img{width:100%;height:164px;object-fit:cover;object-position:center;border-radius:9px;box-shadow:0 12px 20px #1a357830}.commerce-product{position:absolute;z-index:4;display:grid;place-items:center;width:122px;height:147px;border:1px solid #ffffff75;border-radius:18px;color:#fff;box-shadow:0 24px 40px #020b2373;transform-style:preserve-3d;backdrop-filter:blur(7px)}.commerce-product:before{content:"";position:absolute;inset:11px;border-radius:12px;background:linear-gradient(145deg,#f9cc9a,#db7796 52%,#6f54e8);transform:translateZ(-1px)}.commerce-product>*{position:relative;z-index:1}.commerce-product small{position:absolute;top:14px;left:13px;color:#fff9e5;font-size:8px;font-weight:800;letter-spacing:.08em}.commerce-product b{font-size:39px;line-height:1}.commerce-product span{position:absolute;left:13px;bottom:14px;color:#fff;font-size:9px;font-weight:730}.product-one{left:13px;top:40px;background:#ffffff17;transform:rotateY(22deg) rotateZ(-9deg) translateZ(78px)}.product-two{right:5px;bottom:8px;width:112px;height:124px;background:#0e285dcb;transform:rotateY(-17deg) rotateZ(7deg) translateZ(91px)}.product-two:before{background:linear-gradient(145deg,#82ead6,#4287f6 58%,#5d3eb8)}.product-two b{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#ffffff2e;font-size:23px}.commerce-float-tag{position:absolute;z-index:5;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #ffffff58;border-radius:10px;background:#071a3fdd;color:#e9f5ff;font-size:10px;font-weight:720;box-shadow:0 13px 28px #01081754;backdrop-filter:blur(8px)}.commerce-float-tag i{width:7px;height:7px;border-radius:50%;background:#79ead7}.tag-stock{right:34px;top:36px}.tag-checkout{left:93px;bottom:6px}.tag-checkout i{background:#ffcc7b}
.commerce-story{position:relative;background:linear-gradient(155deg,#f8fbff,#fff 67%,#f5f0ff)}.commerce-story-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:65px;align-items:start;padding:clamp(76px,9vw,132px) 0}.commerce-story-intro{position:sticky;top:27px}.commerce-story-intro h2{max-width:480px;margin:14px 0;color:#10264e;font-size:clamp(37px,4.2vw,61px);line-height:1.01;letter-spacing:-.067em}.commerce-story-intro p{max-width:440px;color:#63718b;font-size:15px;line-height:1.75}.commerce-scroll-note{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#64769a;font-size:11px;font-weight:700}.commerce-scroll-note i{display:block;width:20px;height:32px;border:1px solid #aabbd6;border-radius:20px}.commerce-scroll-note i:after{content:"";display:block;width:3px;height:7px;margin:7px auto;border-radius:2px;background:#5271d8;animation:commerce-scroll-hint 1.7s infinite}.commerce-stage-wrap{min-height:820px}.commerce-stage{position:sticky;top:31px;display:grid;grid-template-columns:.95fr 1.05fr;gap:23px;align-items:center;min-height:533px;padding:23px;border:1px solid #d1ddec;border-radius:24px;background:#fff;box-shadow:0 25px 60px #26467a17}.commerce-stage-art{position:relative;min-height:418px;perspective:1100px;transform-style:preserve-3d;overflow:hidden;border-radius:17px;background:radial-gradient(circle at 77% 22%,#76e8dc65,transparent 22%),linear-gradient(145deg,#071a3d,#153b82 64%,#552b97)}.commerce-stage-layer{position:absolute;left:50%;top:50%;width:66%;height:60%;border:1px solid #d7e8ff5b;border-radius:17px;box-shadow:0 28px 42px #01091e65;transform-style:preserve-3d}.layer-back{background:linear-gradient(135deg,#153a7f,#5b32a0);transform:translate(-59%,-57%) rotateY(-17deg) rotateZ(-7deg) translateZ(-35px)}.layer-mid{background:linear-gradient(135deg,#135b8b,#397ec9);transform:translate(-43%,-50%) rotateY(8deg) rotateZ(5deg) translateZ(6px)}.layer-front{display:grid;align-content:end;gap:7px;padding:22px;background:#f7fbff;transform:translate(-50%,-48%) rotateY(-4deg) translateZ(45px)}.layer-front:before{content:"";position:absolute;top:19px;left:19px;right:19px;height:42%;border-radius:11px;background:linear-gradient(135deg,#eff2ff,#cadbff)}.layer-front span{position:relative;color:#6274a3;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.layer-front b{position:relative;color:#0f2b61;font-size:20px;letter-spacing:-.06em}.commerce-stage-orb{position:absolute;right:19px;top:21px;width:13px;height:13px;border-radius:50%;background:#8feee2;box-shadow:0 0 0 9px #8feee229}.commerce-moment-list{display:grid;gap:8px}.commerce-moment{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:16px;border:1px solid transparent;border-radius:13px;opacity:.55;transition:opacity .25s ease,border-color .25s ease,background .25s ease}.commerce-moment.is-active{border-color:#afc7f1;background:#f4f8ff;opacity:1}.commerce-moment>span{color:#4f6ccf;font-size:10px;font-weight:850}.commerce-moment small{color:#5f74b2;font-size:9px;font-weight:850;letter-spacing:.12em}.commerce-moment h3{margin:6px 0 5px;color:#122852;font-size:17px;line-height:1.25;letter-spacing:-.035em}.commerce-moment p{margin:0;color:#66758f;font-size:11px;line-height:1.6}
.commerce-operations{background:#fff}.commerce-operations-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center}.commerce-operations h2,.commerce-faq h2{max-width:550px;margin:14px 0;color:#10264e;font-size:clamp(35px,4vw,57px);line-height:1.03;letter-spacing:-.065em}.commerce-operations>div>p{max-width:480px;color:#65738e;font-size:15px;line-height:1.75}.commerce-operations-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.commerce-operations-cards article{position:relative;min-height:120px;padding:17px;border:1px solid #d9e4f3;border-radius:14px;background:linear-gradient(145deg,#fff,#f6f9ff);transition:transform .2s ease,box-shadow .2s ease}.commerce-operations-cards article:hover{transform:translateY(-4px);box-shadow:0 14px 28px #233c7414}.commerce-operations-cards span{color:#6681cf;font-size:9px;font-weight:850}.commerce-operations-cards h3{max-width:155px;margin:29px 0 0;color:#183060;font-size:14px;line-height:1.25;letter-spacing:-.02em}.commerce-operations-cards i{position:absolute;right:17px;bottom:16px;color:#3b62d8;font-size:16px;font-style:normal}.commerce-delivery{background:radial-gradient(circle at 82% 15%,#68ddd762,transparent 26%),linear-gradient(120deg,#061935,#0e2f67 62%,#2d2162);color:#fff}.commerce-delivery-heading h2{max-width:650px;margin:13px 0 36px;color:#fff;font-size:clamp(36px,4.3vw,61px);line-height:1.01;letter-spacing:-.065em}.commerce-delivery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.commerce-delivery-grid article{min-height:238px;padding:22px;border:1px solid #c9e1ff2c;border-radius:17px;background:#ffffff09}.commerce-delivery-grid b{color:#82eee1;font-size:10px}.commerce-delivery-grid h3{margin:50px 0 9px;color:#fff;font-size:16px;line-height:1.25;letter-spacing:-.025em}.commerce-delivery-grid p{margin:0;color:#c0d0ed;font-size:12px;line-height:1.65}.commerce-faq{background:#fff}.commerce-faq .premium-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.commerce-faq .premium-faq-layout>div>p{max-width:390px;color:#65738e;font-size:14px;line-height:1.7}.commerce-faq .faq details{border-color:#dbe4f1}.commerce-faq .faq summary{font-size:14px}
@keyframes commerce-scroll-hint{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(10px);opacity:1}}
@media(max-width:1050px){.commerce-hero-grid{grid-template-columns:1fr;gap:32px;padding:62px 0}.commerce-copy{max-width:750px}.commerce-scene{max-width:720px;width:100%;margin-inline:auto}.commerce-story-layout{grid-template-columns:1fr;gap:34px}.commerce-story-intro{position:static}.commerce-stage-wrap{min-height:auto}.commerce-stage{position:relative;top:auto}.commerce-operations-grid{grid-template-columns:1fr;gap:39px}.commerce-delivery-grid{grid-template-columns:repeat(2,1fr)}.commerce-faq .premium-faq-layout{grid-template-columns:1fr;gap:35px}}
@media(max-width:700px){.commerce-hero-grid{padding:54px 0}.commerce-copy h1{font-size:clamp(40px,11vw,57px)}.commerce-copy>p{font-size:15px}.commerce-actions{align-items:stretch}.commerce-actions .button{width:100%}.commerce-link{padding:10px 0}.commerce-scene{min-height:370px;transform:scale(.93);transform-origin:top center;margin-bottom:-26px}.commerce-browser{right:10px;top:60px;width:85%}.commerce-browser-body img{height:127px}.commerce-browser-body strong{font-size:17px}.product-one{left:0;top:25px;transform:rotateY(19deg) rotateZ(-9deg) scale(.8)}.product-two{right:-10px;bottom:22px;transform:rotateY(-15deg) rotateZ(7deg) scale(.8)}.tag-stock{right:10px;top:24px}.tag-checkout{left:55px;bottom:25px}.commerce-story-layout{padding:62px 0}.commerce-story-intro h2,.commerce-operations h2,.commerce-faq h2{font-size:36px}.commerce-stage{grid-template-columns:1fr;padding:14px}.commerce-stage-art{min-height:280px}.commerce-stage-wrap{min-height:0}.commerce-scroll-note{display:none}.commerce-moment{padding:13px}.commerce-operations-cards{grid-template-columns:1fr}.commerce-operations-cards article{min-height:102px}.commerce-delivery-grid{grid-template-columns:1fr}.commerce-delivery-grid article{min-height:0}.commerce-delivery-grid h3{margin-top:25px}.commerce-proof{font-size:10px}.commerce-faq .premium-faq-layout{gap:28px}}
@media(max-width:420px){.commerce-scene{transform:scale(.83);margin-bottom:-60px}.commerce-browser{width:90%}.commerce-float-tag{font-size:8px}.tag-stock{right:0}.commerce-proof i{width:24px}}
@media(prefers-reduced-motion:reduce){.commerce-scroll-note i:after{animation:none}.commerce-browser,.commerce-product,.commerce-stage-layer{transform:none!important}.commerce-stage{position:relative!important}}