/* Campaign direction: editorial type, real pack photography, proof before persuasion. */
.site-header{padding-top:13px;padding-bottom:13px;box-shadow:0 8px 30px #102e2712}
.header-cta{background:#183d33;color:#fff;border-color:#183d33;box-shadow:0 8px 20px #102e2726}
.header-cta:hover{background:#f77b24;border-color:#f77b24;color:#183d33}
.hero{background:#071f1b;overflow:hidden}
.hero-inner{display:block;position:relative;min-height:740px;isolation:isolate}
.hero-copy{width:min(60%,830px);padding:91px 30px 92px max(5vw,28px);align-self:auto;z-index:3}
.hero .eyebrow{color:#f4cc9c}
.hero h1{font-size:clamp(3.25rem,5vw,5.85rem);line-height:1.12;letter-spacing:-.075em;margin:24px 0 27px;text-wrap:balance}
.hero h1 em{color:#ff9b44;font-style:normal}
.hero-lede{font-size:1.08rem;line-height:1.85;max-width:555px;color:#f0eee5}
.hero-actions{margin:28px 0 27px;gap:24px}
.hero-actions .button{font-size:.99rem;padding:17px 24px;box-shadow:0 15px 30px #0004}
.hero-actions .text-link{color:#fff;border-color:#f9b979}
.hero-facts span{border-color:#ffffff5c;background:#102f2999;font-size:.79rem}
.hero-art{position:absolute;inset:0;min-height:0;z-index:0;overflow:hidden}
.hero-background{object-fit:cover;object-position:center center;transform:scale(1.025);animation:hero-zoom 13s ease-out both}
.hero-art-shade{background:linear-gradient(90deg,#061d1bed 0%,#071e1bdc 34%,#071e1b69 65%,#071e1b16 100%),linear-gradient(0deg,#071f1b8e,transparent 30%)}
.hero-wordmark{position:absolute;right:-1%;top:8%;font:800 clamp(8rem,20vw,20rem)/1 "DM Sans",sans-serif;letter-spacing:-.1em;color:#ffffff10;white-space:nowrap;user-select:none}
.product-float{width:min(55vw,790px);right:-1.5%;top:29%;bottom:auto;transform:rotate(-10deg);filter:drop-shadow(20px 28px 20px #000a);animation:product-rise .95s cubic-bezier(.2,.8,.2,1) both,product-breathe 6s ease-in-out 1s infinite}
.product-float .product-label{height:auto;bottom:auto}
.art-caption{right:4%;top:25px;color:#f6e9cd;text-shadow:0 1px 12px #000b}
.hero-offer-tile{position:absolute;right:5%;bottom:5%;width:195px;min-height:130px;padding:19px 22px;border-radius:18px;background:#ff8c35;color:#143a30;box-shadow:0 20px 40px #0006;transform:rotate(7deg);display:flex;flex-direction:column;justify-content:center}
.hero-offer-tile span{font:800 .65rem "DM Sans",sans-serif;letter-spacing:.17em}
.hero-offer-tile strong{font:800 3.55rem/1 "DM Sans",sans-serif;letter-spacing:-.09em}
.hero-offer-tile small{font-weight:800;font-size:.75rem}
.art-disclaimer{left:auto;right:4%;bottom:2%;font-size:.72rem}
.hero-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 35px;gap:0;padding:0 max(5vw,28px);min-height:88px;background:#143d33;border-top:1px solid #ffffff35}
.hero-bottom span{display:flex;align-items:center;gap:13px;padding:15px 24px;border-right:1px solid #ffffff2a;color:#eef3e9;font-size:.86rem}
.hero-bottom span:first-child{padding-left:0}
.hero-bottom span b{font:800 .66rem "DM Sans",sans-serif;letter-spacing:.13em;color:#feb779;white-space:nowrap}
.hero-bottom a{align-self:center;justify-self:end;font-size:1.4rem}
.signal-strip{overflow:hidden;background:#ff8b37;color:#173c30;border-top:1px solid #ffaf66;border-bottom:1px solid #dc7430;height:49px;display:flex;align-items:center}
.signal-strip div{font:800 .78rem "DM Sans",sans-serif;letter-spacing:.16em;white-space:nowrap;min-width:max-content;animation:signal-travel 24s linear infinite}
.signal-strip span{padding:0 33px;font-size:1.15rem;vertical-align:-.08em}
.proof{background:#f9f7ed}
.proof .section-heading{max-width:1250px;margin:0 auto 48px;text-align:left}
.proof .section-heading .eyebrow{justify-content:flex-start}
.proof .section-heading h2{font-size:clamp(2.7rem,4.5vw,5rem);line-height:1.26}
.proof .section-heading>p:last-child{max-width:580px}
.proof-grid{gap:7vw}
.proof-story>div{position:relative;padding:23px 0 25px 58px}
.proof-story .step{position:absolute;left:0;top:27px;font-size:1rem;color:#e47528}
.proof-story h3{font-size:1.52rem}
.proof-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#1b5946,#0d332e);border:1px solid #b7a66b;border-radius:9px 48px 9px 48px;box-shadow:25px 30px 0 #e1e6d8,0 45px 80px #11372f33}
.proof-card::before{content:"111";position:absolute;right:1%;top:-4%;font:800 clamp(7rem,13vw,12rem)/1 "DM Sans",sans-serif;letter-spacing:-.12em;color:#ffffff0c;pointer-events:none}
.proof-card>*{position:relative}
.proof-card .button-light{background:#ffae5b}
.why{background:#e9efe4}
.why-cards article{border:0;border-left:4px solid #f08333;border-radius:6px 20px 20px 6px;box-shadow:0 10px 35px #1539250d}
.ingredient-grid article{box-shadow:0 12px 35px #132c1d12;border:1px solid #e3e8df}
.ingredient-grid img{filter:saturate(.93)}
.offer{background:#ff8933;color:#103d31;min-height:630px;position:relative;overflow:hidden}
.offer::before{content:"290";position:absolute;left:-3%;bottom:-16%;font:800 clamp(14rem,31vw,32rem)/1 "DM Sans",sans-serif;letter-spacing:-.11em;color:#ffffff27;pointer-events:none}
.offer-copy{position:relative;z-index:1}
.offer .eyebrow{color:#1d503b}
.offer h2{font-size:clamp(2.9rem,5vw,5.3rem);line-height:1.25}
.offer h2 span{color:#fff}
.offer-copy>p:not(.eyebrow){color:#193c32;font-weight:600;font-size:1.1rem}
.offer .price strong{color:#113d31;font-size:clamp(5rem,8vw,8rem)}
.offer-copy>small{color:#254c39}
.offer-ring{width:410px;height:410px;border:1px solid #ffffffb0;background:radial-gradient(circle at 35% 30%,#fff9e3,#f4d7a0 70%);box-shadow:0 0 0 55px #ffffff2d,0 0 0 56px #fff9e290}
.offer-art img{filter:drop-shadow(22px 30px 17px #3c3a2177)}
.offer-art>span{color:#fff;text-shadow:0 3px 20px #bd5724;font-size:4rem}
@keyframes hero-zoom{from{transform:scale(1.07)}to{transform:scale(1.025)}}
@keyframes product-rise{from{opacity:0;translate:0 35px;rotate:2deg}to{opacity:1;translate:0 0;rotate:0}}
@keyframes product-breathe{50%{translate:0 -10px}}
@keyframes signal-travel{to{transform:translateX(-50%)}}
@media(max-width:1050px){
  .hero-copy{width:68%}
  .hero h1{font-size:clamp(3.3rem,6.2vw,5.1rem)}
  .product-float{width:min(61vw,690px);right:-7%;top:35%}
  .hero-bottom span{display:block;line-height:1.6;padding:13px}
  .hero-bottom span b{display:block}
}
@media(max-width:900px){
  .hero-inner{min-height:850px}
  .hero-copy{width:100%;max-width:700px;padding:60px 6% 0}
  .hero h1{font-size:clamp(3.4rem,7vw,4.9rem);margin:20px 0}
  .hero-lede{max-width:610px}
  .hero-art-shade{background:linear-gradient(180deg,#061d1bef 0%,#061d1bcb 42%,#061d1b26 100%)}
  .hero-background{object-position:67% center}
  .product-float{width:72%;right:8%;top:auto;bottom:12%;transform:rotate(-8deg);animation:product-rise .95s both,product-breathe 6s ease-in-out 1s infinite}
  .hero-wordmark{top:auto;bottom:16%;font-size:22vw}
  .hero-offer-tile{right:5%;bottom:5%;width:170px;min-height:108px;padding:14px 18px}
  .hero-offer-tile strong{font-size:3rem}
  .art-caption{display:none}
  .art-disclaimer{bottom:2%;left:4%;right:auto}
  .hero-bottom{grid-template-columns:repeat(3,1fr) 24px;padding:0 6%}
}
@media(max-width:660px){
  .site-header{gap:12px}
  .hero-inner{min-height:820px}
  .hero-copy{padding:51px 6% 0}
  .hero .eyebrow{font-size:.65rem;letter-spacing:.13em}
  .hero h1{font-size:clamp(2.65rem,10.5vw,3.85rem);line-height:1.16;letter-spacing:-.07em}
  .hero-lede{font-size:.95rem;line-height:1.75;max-width:420px}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:15px;margin:23px 0}
  .hero-actions .button{font-size:.87rem;padding:13px 19px}
  .hero-facts{gap:6px}
  .hero-facts span{font-size:.68rem;padding:5px 8px}
  .hero-background{object-position:72% bottom}
  .product-float{width:92%;right:3%;bottom:11%;top:auto;transform:rotate(-7deg)}
  .hero-wordmark{bottom:22%;font-size:25vw}
  .hero-offer-tile{width:124px;min-height:80px;right:6%;bottom:4%;border-radius:12px;padding:10px 12px;transform:rotate(5deg)}
  .hero-offer-tile span{font-size:.52rem}
  .hero-offer-tile strong{font-size:2.2rem}
  .hero-offer-tile small{font-size:.57rem}
  .hero-bottom{grid-template-columns:1fr 1fr;gap:0;min-height:0;padding:8px 6%}
  .hero-bottom span{font-size:.72rem;padding:9px 7px 9px 0;border:0}
  .hero-bottom span:nth-child(3){display:none}
  .hero-bottom a{display:none}
  .proof .section-heading h2{font-size:2.55rem}
  .proof-story>div{padding-left:45px}
  .proof-card{box-shadow:12px 14px 0 #e1e6d8,0 30px 55px #11372f2e;border-radius:8px 30px 8px 30px}
  .offer{min-height:0}
  .offer::before{font-size:60vw;bottom:8%}
  .offer h2{font-size:2.9rem}
  .offer-art{min-height:340px}
  .offer-ring{width:250px;height:250px;box-shadow:0 0 0 35px #ffffff2d,0 0 0 36px #fff9e290}
  .offer-art>span{font-size:2.8rem}
}
@media(prefers-reduced-motion:reduce){.hero-background,.product-float,.signal-strip div{animation:none!important}}

/* The uncomfortable moment is explicit, while the product claim stays bounded. */
.pain-point{position:relative;background:#eee9db;color:#173c32;overflow:hidden}
.pain-point::before{content:"";position:absolute;width:42vw;height:42vw;min-width:380px;min-height:380px;border:1px solid #cfbba3;border-radius:50%;left:-15vw;top:15%;box-shadow:0 0 0 60px #d6c5ab33,0 0 0 61px #cfbba399;pointer-events:none}
.pain-index{position:relative;max-width:1280px;margin:0 auto 45px;display:flex;justify-content:space-between;border-top:1px solid #a9bbae;padding-top:12px;font:800 .74rem "DM Sans",sans-serif;letter-spacing:.16em;color:#bc6430}
.pain-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:1280px;margin:auto;align-items:center}
.pain-statement{position:relative}
.pain-quote{position:absolute;top:-95px;left:-22px;color:#ff8734;font:800 16rem "DM Sans",sans-serif;opacity:.58;line-height:1;pointer-events:none}
.pain-statement h2{position:relative;margin:0;font-size:clamp(3.6rem,6vw,7rem);line-height:1.18;letter-spacing:-.08em}
.pain-statement em{color:#e6752c;font-style:normal}
.pain-detail{background:#fffef9;border:1px solid #d8d9c8;padding:clamp(27px,4vw,55px);box-shadow:18px 18px 0 #cdddc7}
.pain-kicker{font-weight:800;font-size:1.27rem;color:#b65e29;margin:0 0 15px}
.pain-detail>p:not(.pain-kicker){font-size:1rem;line-height:1.9;color:#3f554a}
.pain-tags{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}
.pain-tags span{border:1px solid #e88745;background:#fff0df;color:#8c461e;padding:8px 15px;border-radius:100px;font-weight:800;font-size:.9rem}
.pain-detail .pain-care{border-top:1px solid #d9dfd4;padding-top:20px;font-size:.91rem!important}
.pain-care strong{color:#214e3c}
.pain-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#164639;color:#fff;border-radius:100px;padding:13px 18px;font-weight:700;margin:8px 0 22px}
.pain-link:hover{background:#e7762c;color:#173c32}
.pain-detail small{display:block;font-size:.72rem;line-height:1.7;color:#687b70}
.pain-detail small a{text-decoration:underline;text-underline-offset:3px}

/* Thirty existing AI campaign characters, presented as an editorial cast. */
.personas{background:#0e302a;color:#fff;padding-right:0;padding-left:0;overflow:hidden}
.personas-top{max-width:1400px;margin:auto;padding:0 max(5vw,24px);display:flex;justify-content:space-between;gap:30px;align-items:end}
.personas-top>div:first-child{max-width:740px}
.personas .eyebrow{color:#f5a960}
.personas h2{font-size:clamp(3rem,5.6vw,6rem);line-height:1.19;letter-spacing:-.07em;margin:20px 0}
.personas h2 em{color:#f7a75b;font-style:normal}
.personas-top p:last-child{color:#d2e1d5;line-height:1.85;font-size:1rem;max-width:660px}
.personas-count{display:flex;flex-direction:column;align-items:flex-end;min-width:160px;text-align:right;border-left:1px solid #ffffff4a;padding-left:22px}
.personas-count strong{font:800 clamp(5rem,9vw,9rem)/.95 "DM Sans",sans-serif;color:#f8a257;letter-spacing:-.12em}
.personas-count span{font:700 .74rem/1.6 "DM Sans",sans-serif;letter-spacing:.12em;color:#cddfd5}
.persona-controls{max-width:1400px;margin:35px auto 18px;padding:0 max(5vw,24px);display:flex;justify-content:space-between;align-items:center;font:700 .83rem "DM Sans",sans-serif;letter-spacing:.15em}
.persona-buttons{display:flex;gap:8px}
.persona-buttons button{border:1px solid #ffffff96;background:transparent;color:#fff;border-radius:50%;width:46px;height:46px;font-size:1.2rem;cursor:pointer;transition:background .2s,transform .2s}
.persona-buttons button:hover{background:#ff8b37;color:#183c33;transform:translateY(-3px)}
.persona-rail{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding:8px max(5vw,24px) 22px;outline-offset:-4px}
.persona-rail::after{content:"";flex:0 0 max(0px,calc(100vw - clamp(240px,25vw,330px) - 15px - max(5vw,24px)))}
.persona-rail::-webkit-scrollbar{display:none}
.persona-card{flex:0 0 clamp(240px,25vw,330px);margin:0;scroll-snap-align:start;position:relative;background:#1f4b3c;overflow:hidden;border-radius:7px;aspect-ratio:9/14;box-shadow:0 16px 35px #0003}
.persona-card:nth-child(4n+2){transform:translateY(11px)}
.persona-card:nth-child(4n+3){transform:translateY(3px)}
.persona-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%;transition:transform .55s ease,filter .55s ease}
.persona-card:hover img{transform:scale(1.045);filter:saturate(1.09)}
.persona-card::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#061d1db8);pointer-events:none}
.persona-card figcaption{position:absolute;left:16px;right:16px;bottom:16px;z-index:1;display:flex;justify-content:space-between;gap:10px;align-items:end;font:800 .81rem "DM Sans",sans-serif;letter-spacing:.07em}
.persona-card figcaption small{font-size:.62rem;color:#fff3de;background:#13362cbb;border:1px solid #ffffff5e;border-radius:100px;padding:5px 7px;white-space:nowrap}
.persona-progress{height:3px;max-width:calc(1400px - 10vw);margin:20px auto 0;background:#ffffff35}
.persona-progress span{display:block;height:100%;width:3.33%;background:#ff9a42;transition:width .3s}
@media(max-width:900px){.pain-layout{grid-template-columns:1fr;gap:45px}.pain-statement h2{font-size:clamp(3.6rem,8vw,5.4rem)}.personas-count strong{font-size:6rem}}
@media(max-width:660px){
  .pain-index{margin-bottom:36px}.pain-point::before{left:-70vw;top:9%}.pain-quote{top:-55px;font-size:10rem}.pain-statement h2{font-size:3.45rem}.pain-detail{box-shadow:10px 10px 0 #cdddc7;padding:27px}
  .personas-top{display:block;padding:0 6%}.personas h2{font-size:3.05rem}.personas-count{display:none}
  .persona-controls{padding:0 6%}.persona-rail{padding-left:6%;padding-right:6%}.persona-rail::after{flex-basis:calc(28vw - 15px)}.persona-card{flex-basis:72vw}.persona-progress{margin-left:6%;margin-right:6%}
}
@media(prefers-reduced-motion:reduce){.persona-rail{scroll-behavior:auto}.persona-card img,.persona-buttons button{transition:none}}
@media(max-width:1100px){
  .site-header nav{display:none}
  .hero-inner{min-height:1080px}
  .hero-copy{width:100%;max-width:750px;padding:58px 6% 0}
  .hero h1{font-size:clamp(3.4rem,6vw,4.9rem)}
  .hero-art-shade{background:linear-gradient(180deg,#061d1bf5 0%,#061d1bc8 50%,#061d1b30 100%)}
  .hero-background{object-position:68% center}
  .product-float{width:70%;right:8%;top:auto;bottom:9%;transform:rotate(-8deg)}
  .hero-wordmark{top:auto;bottom:23%;font-size:22vw}
  .hero-offer-tile{bottom:5%}
}
@media(max-width:660px){
  .hero-inner{min-height:970px}
  .hero-copy{padding-top:47px}
  .hero h1{font-size:clamp(2.6rem,10.3vw,3.75rem)}
  .product-float{width:91%;right:3%;bottom:18%;top:auto}
  .hero-wordmark{bottom:27%}
  .hero-offer-tile{bottom:4%}
}

/* An isolated packshot keeps the actual box silhouette legible on the offer. */
.offer-art{isolation:isolate;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:2px}
.offer-art::before{content:"";position:absolute;width:min(105%,530px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffbe78 0,#ffd29b7d 45%,transparent 72%);filter:blur(12px);pointer-events:none}
.offer-art .packshot-img{position:relative;z-index:1;display:block;width:122%;max-width:none;height:auto;margin:-20px -11% -16px;transform:none;filter:drop-shadow(0 22px 21px #72361e42)}
.pack-count{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 12px;max-width:100%;padding:11px 18px;background:#fff8ea;color:#163c33;border:1px solid #ffffffb0;border-radius:15px;box-shadow:0 12px 28px #7b3c2240;text-align:center;font-weight:700}
.pack-count strong{font:800 1.55rem/1 "DM Sans","Noto Sans Thai",sans-serif;color:#dc5b25}
.pack-count span:last-child{font-size:.78rem;color:#3b5749}
@media(max-width:660px){.offer-art{min-height:280px}.offer-art .packshot-img{width:114%;margin:-12px -7% -10px}.pack-count{padding:10px 13px;font-size:.85rem}.pack-count strong{font-size:1.35rem}}