body[data-page="home"]{--home-max:1600px;--home-side:64px;--home-section-y:96px}
body[data-page="home"] .header .wrap,
body[data-page="home"] .intro>.wrap,
body[data-page="home"] .categories>.wrap,
body[data-page="home"] .wholesale>.wrap,
body[data-page="home"] .values>.wrap,
body[data-page="home"] .cta>.wrap,
body[data-page="home"] .footer .wrap{width:min(var(--home-max),calc(100% - var(--home-side)))!important;max-width:none!important}

body[data-page="home"] .intro.section,
body[data-page="home"] .categories.section,
body[data-page="home"] .trust-banner.section,
body[data-page="home"] .wholesale.section,
body[data-page="home"] .values.section,
body[data-page="home"] .cta.section{padding:var(--home-section-y) 0!important}

/* Keep the first four homepage sections exactly in their established large-scale rhythm. */
body[data-page="home"] .intro .split{min-height:430px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(70px,7vw,140px);align-items:center}
body[data-page="home"] .intro h2{max-width:760px;font-size:clamp(50px,4.8vw,76px);line-height:.98}
body[data-page="home"] .intro .lead{max-width:700px;font-size:clamp(17px,1.15vw,20px);line-height:1.8}
body[data-page="home"] .categories .section-head{margin-bottom:54px}
body[data-page="home"] .categories .section-head h2{font-size:clamp(50px,4.7vw,74px)}
body[data-page="home"] .category-showcase{gap:28px}
body[data-page="home"] .category-tile{min-height:300px}
body[data-page="home"] .category-focus{min-height:618px}
body[data-page="home"] .category-focus-stage{height:270px}

/* Lower page now alternates bold editorial blocks instead of repeating the same card language. */
body[data-page="home"] .trust-banner-shell{width:min(var(--home-max),calc(100% - var(--home-side)))!important;max-width:none!important;min-height:620px!important}
body[data-page="home"] .wholesale .wholesale-shell{min-height:0!important}
body[data-page="home"] .wholesale .wholesale-head{min-height:360px!important;padding:70px 76px 40px!important}
body[data-page="home"] .wholesale .steps-grid{padding:34px 34px 38px!important}
body[data-page="home"] .wholesale .steps-grid article{min-height:300px!important}
body[data-page="home"] .values .values-card{min-height:650px!important}
body[data-page="home"] .values .values-image{min-height:594px!important}
body[data-page="home"] .values .values-copy{padding:72px 74px 66px!important}

/* Make the ending feel like a campaign finish rather than a small orange strip. */
body[data-page="home"] .cta{position:relative;padding-top:52px!important;padding-bottom:118px!important;overflow:hidden;background:#fff}
body[data-page="home"] .cta-box{position:relative;min-height:380px;padding:72px 78px;border-radius:42px;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(102,155,255,.28),transparent 28%),radial-gradient(circle at 90% 15%,rgba(151,105,232,.34),transparent 30%),linear-gradient(135deg,#102c66 0%,#264da0 46%,#5b3bb8 100%)!important;color:#fff;box-shadow:0 32px 86px rgba(32,52,120,.2);display:flex;align-items:center;justify-content:space-between;gap:50px}
body[data-page="home"] .cta-box:before{content:"READY?";position:absolute;right:34px;bottom:-42px;font:900 clamp(110px,12vw,200px)/.8 Manrope,sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);pointer-events:none}
body[data-page="home"] .cta-box:after{content:"";position:absolute;right:-90px;top:-110px;width:330px;height:330px;border-radius:50%;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.02);pointer-events:none}
body[data-page="home"] .cta-box>div,body[data-page="home"] .cta-box>.btn{position:relative;z-index:2}
body[data-page="home"] .cta-box .eyebrow{color:#abf3df!important}
body[data-page="home"] .cta-box h2{font-size:clamp(54px,5vw,82px);max-width:920px;line-height:.94;letter-spacing:-.058em}
body[data-page="home"] .cta-box .btn{padding:17px 28px;font-size:15px;background:#fff!important;color:#15316d!important;border-color:#fff!important;box-shadow:0 14px 34px rgba(6,18,48,.18)}
body[data-page="home"] .cta-box .btn:hover{transform:translateY(-4px) scale(1.02)}

/* Hero scroll cue disabled. Language switch is now visually placed in the top menu. */
body[data-page="home"] .hero-video-only::before{content:none!important;display:none!important}
body[data-page="home"] #shama-language-switch{position:fixed!important;left:auto!important;bottom:auto!important;top:31px!important;right:clamp(172px,18vw,340px)!important;z-index:10045!important;display:flex!important;align-items:center!important;gap:4px!important;padding:5px!important;border-radius:999px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(38,58,124,.12)!important;box-shadow:0 14px 34px rgba(23,42,91,.13)!important;backdrop-filter:blur(16px)!important;font-family:DM Sans,Arial,sans-serif!important}
body[data-page="home"] #shama-language-switch button{min-width:36px!important;padding:8px 10px!important;border-radius:999px!important;color:#15203b!important;font:900 11px/1 DM Sans,Arial,sans-serif!important;letter-spacing:.08em!important}
body[data-page="home"] #shama-language-switch button.active{background:linear-gradient(135deg,#193b84,#6c4bdd)!important;color:#fff!important;box-shadow:0 8px 18px rgba(67,55,190,.24)!important}
body[data-page="home"] #shama-language-switch button:focus-visible{outline:2px solid #6c4bdd!important;outline-offset:2px!important}

/* Scroll-in polish for the lower story. Chrome/Edge use the native view timeline; reduced-motion disables it below. */
@supports (animation-timeline:view()){
  body[data-page="home"] .trust-banner-shell,
  body[data-page="home"] .wholesale .wholesale-shell,
  body[data-page="home"] .values .values-card,
  body[data-page="home"] .cta-box{animation:homeLowerReveal linear both;animation-timeline:view();animation-range:entry 8% cover 28%}
}
@keyframes homeLowerReveal{from{opacity:.2;transform:translateY(48px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

@media(max-width:1200px){
  body[data-page="home"]{--home-max:1180px;--home-side:40px;--home-section-y:82px}
  body[data-page="home"] .intro .split{min-height:360px;gap:70px}
  body[data-page="home"] .category-tile{min-height:270px}
  body[data-page="home"] .category-focus{min-height:558px}
  body[data-page="home"] .trust-banner-shell{min-height:0!important}
  body[data-page="home"] .wholesale .wholesale-head{min-height:0!important;padding:62px 52px 36px!important}
  body[data-page="home"] .wholesale .steps-grid article{min-height:270px!important}
  body[data-page="home"] .values .values-card{min-height:600px!important}
  body[data-page="home"] .values .values-image{min-height:544px!important}
  body[data-page="home"] .values .values-copy{padding:60px 54px!important}
}

@media(max-width:900px){
  body[data-page="home"]{--home-side:28px;--home-section-y:72px}
  body[data-page="home"] .header .wrap,
  body[data-page="home"] .intro>.wrap,
  body[data-page="home"] .categories>.wrap,
  body[data-page="home"] .wholesale>.wrap,
  body[data-page="home"] .values>.wrap,
  body[data-page="home"] .cta>.wrap,
  body[data-page="home"] .footer .wrap{width:calc(100% - var(--home-side))!important}
  body[data-page="home"] .intro .split{min-height:0;gap:36px}
  body[data-page="home"] .intro h2{font-size:clamp(44px,8vw,62px)}
  body[data-page="home"] .category-tile{min-height:245px}
  body[data-page="home"] .category-focus{min-height:auto}
  body[data-page="home"] .trust-banner-shell{width:calc(100% - var(--home-side))!important}
  body[data-page="home"] .wholesale .wholesale-head{padding:54px 42px 32px!important}
  body[data-page="home"] .wholesale .steps-grid{padding:24px!important}
  body[data-page="home"] .wholesale .steps-grid article{min-height:220px!important}
  body[data-page="home"] .values .values-card{min-height:0!important}
  body[data-page="home"] .values .values-image{min-height:450px!important}
  body[data-page="home"] .values .values-copy{padding:50px 40px!important}
  body[data-page="home"] .cta-box{min-height:320px;padding:58px 48px;flex-direction:column;align-items:flex-start;justify-content:center}
  body[data-page="home"] #shama-language-switch{top:25px!important;right:72px!important;transform:scale(.92);transform-origin:right top}
}

@media(max-width:600px){
  body[data-page="home"]{--home-side:20px;--home-section-y:58px}
  body[data-page="home"] .intro h2,
  body[data-page="home"] .categories .section-head h2{font-size:clamp(38px,11vw,50px)}
  body[data-page="home"] .intro .lead{font-size:15px}
  body[data-page="home"] .categories .section-head{margin-bottom:34px}
  body[data-page="home"] .category-tile{min-height:205px}
  body[data-page="home"] .trust-banner-shell{border-radius:28px!important}
  body[data-page="home"] .wholesale .wholesale-head{padding:42px 26px 26px!important}
  body[data-page="home"] .wholesale .steps-grid{padding:18px!important}
  body[data-page="home"] .wholesale .steps-grid article{min-height:210px!important}
  body[data-page="home"] .values .values-image{min-height:330px!important}
  body[data-page="home"] .values .values-copy{padding:38px 20px!important}
  body[data-page="home"] .cta{padding-bottom:76px!important}
  body[data-page="home"] .cta-box{min-height:300px;padding:42px 28px;border-radius:28px;gap:30px}
  body[data-page="home"] .cta-box h2{font-size:clamp(44px,12vw,58px)}
  body[data-page="home"] .cta-box .btn{width:100%;justify-content:center}
  body[data-page="home"] #shama-language-switch{top:22px!important;right:58px!important;transform:scale(.82);transform-origin:right top}
}

@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .trust-banner-shell,
  body[data-page="home"] .wholesale .wholesale-shell,
  body[data-page="home"] .values .values-card,
  body[data-page="home"] .cta-box{animation:none!important;opacity:1!important;transform:none!important}
}