/* NutriMaster cinematic multi-world hero — Hostinger V6 */
.neoHero{--scene-primary:#43e2d2;--scene-secondary:#dff46f;--scene-rgb:67,226,210;width:100%;max-width:none;min-height:100svh;margin:0;padding:clamp(132px,11vw,168px) max(40px,calc((100vw - 1240px)/2)) clamp(34px,4vw,56px);border-radius:0;grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr);grid-template-rows:1fr auto;gap:40px 70px;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(var(--scene-rgb),.2),transparent 24%),radial-gradient(circle at 78% 38%,rgba(var(--scene-rgb),.12),transparent 28%),linear-gradient(125deg,#04131d 0%,#08283a 52%,#061a26 100%);transition:background .8s ease;overflow:hidden;isolation:isolate}
.neoHero[data-world="tools"]{--scene-primary:#ffd15a;--scene-secondary:#51e0cc;--scene-rgb:255,209,90;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(var(--scene-rgb),.18),transparent 24%),radial-gradient(circle at 78% 38%,rgba(52,212,193,.16),transparent 27%),linear-gradient(125deg,#071b28 0%,#0b3942 52%,#06222d 100%)}
.neoHero[data-world="sport"]{--scene-primary:#ff865c;--scene-secondary:#5de1d2;--scene-rgb:255,134,92;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(var(--scene-rgb),.19),transparent 25%),radial-gradient(circle at 78% 38%,rgba(79,214,204,.14),transparent 27%),linear-gradient(125deg,#081720 0%,#17313a 54%,#071a26 100%)}
.neoNoise{position:absolute;inset:0;z-index:-1;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.neoGrid{position:absolute;inset:0;z-index:-3;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle at 75% 38%,black,transparent 65%)}
.neoLight{position:absolute;border-radius:50%;filter:blur(28px);pointer-events:none;z-index:-2;transition:background .8s ease}.neoLight.lightA{width:470px;height:470px;right:7%;top:10%;background:rgba(var(--scene-rgb),.11);animation:neoDrift 11s ease-in-out infinite}.neoLight.lightB{width:300px;height:300px;left:26%;bottom:-170px;background:color-mix(in srgb,var(--scene-secondary) 16%,transparent);animation:neoDrift 14s ease-in-out -5s infinite reverse}
.neoNav{position:absolute;z-index:40;top:0;left:0;right:0;min-height:88px;padding:0 max(40px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(1,13,21,.72),rgba(4,22,32,.35));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.neoBrand{justify-self:start;color:#f6fbf8;font-size:12px;font-weight:950;letter-spacing:.105em;white-space:nowrap}.neoBrand b{color:var(--scene-primary);transition:color .6s ease}.neoNav nav{display:flex;align-items:center;justify-content:center;gap:clamp(27px,3vw,48px)}.neoNav nav a{position:relative;padding:34px 0;color:#c0d1d6;font-size:9px;font-weight:800;letter-spacing:.04em;transition:color .25s ease}.neoNav nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:23px;height:1px;background:var(--scene-primary);transition:left .3s ease,right .3s ease}.neoNav nav a:hover{color:white}.neoNav nav a:hover:after{left:0;right:0}.neoSignIn{justify-self:end;min-width:94px;height:40px;padding:0 15px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.07);color:white;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:8px;font-weight:900;backdrop-filter:blur(10px);transition:background .3s ease,border-color .3s ease}.neoSignIn:hover{background:var(--scene-primary);border-color:var(--scene-primary);color:#061b26}.neoSignIn span{font-size:12px}
.neoHeroCopy{align-self:center;position:relative;z-index:12;max-width:660px}.neoMeta{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:17px;margin-bottom:clamp(40px,6vh,78px);font-size:8px;font-weight:900;letter-spacing:.16em;color:#9bb6be}.neoMeta span{display:flex;align-items:center;gap:10px}.neoMeta i{display:block;width:8px;height:8px;border:1px solid var(--scene-primary);border-radius:50%;box-shadow:0 0 18px var(--scene-primary);animation:signalPulse 2s ease-in-out infinite}.neoMeta b{color:var(--scene-primary)}
.neoHeadline small{display:block;color:var(--scene-primary);font-size:10px;font-weight:900;letter-spacing:.18em;margin-bottom:22px}.neoHeadline h1{margin:0;color:#f6fbf8;font-size:clamp(56px,5.6vw,90px);line-height:.89;letter-spacing:-.07em;animation:neoCopyIn .8s cubic-bezier(.2,.8,.2,1)}.neoHeadline h1 em{display:inline-block;font-style:normal;color:var(--scene-primary);text-shadow:0 0 52px rgba(var(--scene-rgb),.18)}.neoHeadline p{max-width:560px;margin:30px 0 0;color:#b6cbd2;font-size:14px;line-height:1.75}.neoActions{display:flex;align-items:center;gap:12px;margin-top:34px}.neoActions a{min-height:52px;padding:0 20px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:9px;font-weight:900;letter-spacing:.03em}.neoActions a:first-child{color:#061d28;background:var(--scene-primary);box-shadow:0 18px 45px rgba(var(--scene-rgb),.16)}.neoActions a:first-child b{font-size:16px}.neoActions a:last-child{color:white;border:1px solid rgba(255,255,255,.19);background:rgba(255,255,255,.045);backdrop-filter:blur(10px)}
.worldStage{min-height:620px;position:relative;display:grid;place-items:center;perspective:1400px;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .22s ease-out;z-index:6}.worldStage:before{content:"";position:absolute;width:min(46vw,590px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 35%,rgba(255,255,255,.15),rgba(var(--scene-rgb),.08) 32%,rgba(2,15,23,.05) 60%,transparent 68%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 90px rgba(var(--scene-rgb),.08),0 0 100px rgba(var(--scene-rgb),.06);animation:worldBreath 6s ease-in-out infinite}.worldRings{position:absolute;width:min(48vw,650px);aspect-ratio:1;border-radius:50%;transform-style:preserve-3d;animation:worldOrbit 18s linear infinite}.worldRings i{position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(255,255,255,.16);transform:rotateX(67deg)}.worldRings i:nth-child(2){inset:3%;border-color:rgba(var(--scene-rgb),.25);transform:rotateY(66deg);animation:worldOrbit 12s linear infinite reverse}.worldRings i:nth-child(3){inset:21%;border-style:dashed;border-color:color-mix(in srgb,var(--scene-secondary) 32%,transparent);transform:rotateX(25deg) rotateY(48deg);animation:worldOrbit 9s linear infinite}.worldSweep{position:absolute;width:min(35vw,470px);aspect-ratio:1;border-radius:50%;border-top:2px solid var(--scene-primary);border-right:1px solid transparent;filter:drop-shadow(0 0 8px var(--scene-primary));animation:worldOrbit 7s linear infinite}
.worldAsset{position:absolute;width:min(40vw,540px);height:min(40vw,540px);display:grid;place-items:center;opacity:0;transform:translate3d(0,35px,-80px) scale(.82) rotate(-7deg);filter:blur(12px);transition:opacity .7s ease,transform 1s cubic-bezier(.16,.8,.25,1),filter .7s ease;pointer-events:none}.worldAsset.active{opacity:1;transform:translate3d(0,0,65px) scale(1) rotate(0);filter:blur(0);animation:heroObjectFloat 6s ease-in-out infinite}.worldAsset img{width:112%;height:112%;object-fit:contain;filter:drop-shadow(0 42px 30px rgba(0,0,0,.42));user-select:none}.worldAsset span{position:absolute;width:58%;height:11%;bottom:4%;border-radius:50%;background:rgba(0,0,0,.34);filter:blur(18px);z-index:-1}.worldAsset-tools img{width:104%;height:104%}.worldAsset-sport img{width:118%;height:118%}
.worldWord{position:absolute;z-index:-1;font-size:clamp(64px,8vw,130px);line-height:.8;font-weight:950;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);white-space:nowrap;pointer-events:none}.worldWordTop{top:9%;right:-1%;animation:wordSlide 14s ease-in-out infinite}.worldWordBottom{bottom:10%;left:-2%;animation:wordSlide 17s ease-in-out -6s infinite reverse}.worldTag{position:absolute;z-index:8;padding:10px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(4,25,36,.57);backdrop-filter:blur(12px);color:#c5d8dd;font-size:7px;font-weight:900;letter-spacing:.13em;box-shadow:0 14px 30px rgba(0,0,0,.18);animation:nodeFloat 5s ease-in-out infinite}.worldTag b{margin-left:9px;color:var(--scene-primary)}.tagOne{left:2%;top:22%}.tagTwo{right:0;top:43%;animation-delay:-1.7s}.tagThree{left:8%;bottom:17%;animation-delay:-3.1s}.worldHint{position:absolute;right:3%;bottom:1%;font-size:6px;font-weight:800;letter-spacing:.17em;color:#668993}
.worldSelector{grid-column:1/-1;position:relative;z-index:20;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:23px;border-top:1px solid rgba(255,255,255,.12)}.worldSelector button{appearance:none;min-height:76px;padding:12px 15px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.025);color:white;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;text-align:left;cursor:pointer;transition:background .35s ease,border-color .35s ease,transform .35s ease}.worldSelector button:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.22)}.worldSelector button.active{background:rgba(var(--scene-rgb),.12);border-color:rgba(var(--scene-rgb),.42);box-shadow:inset 0 0 28px rgba(var(--scene-rgb),.05)}.worldSelector button div{display:flex;flex-direction:column;gap:4px}.worldSelector button small{color:#718f98;font-size:6px;font-weight:900;letter-spacing:.13em}.worldSelector button strong{font-size:11px}.worldSelector button>i{font-size:10px;font-style:normal;color:#6b929b}.worldSelector button.active>i{color:var(--scene-primary);text-shadow:0 0 12px var(--scene-primary)}.neoScroll{position:absolute;right:max(20px,calc((100vw - 1240px)/2));top:50%;display:flex;flex-direction:column;align-items:center;gap:12px;color:#6d929d;font-size:6px;font-weight:900;letter-spacing:.16em;writing-mode:vertical-rl}.neoScroll i{width:1px;height:50px;background:linear-gradient(var(--scene-primary),transparent);animation:scrollLine 2s ease-in-out infinite}
@keyframes neoCopyIn{from{opacity:0;transform:translateY(30px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes neoDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-45px,32px,0) scale(1.12)}}@keyframes worldBreath{0%,100%{transform:scale(.97);opacity:.74}50%{transform:scale(1.04);opacity:1}}@keyframes worldOrbit{to{transform:rotate(360deg)}}@keyframes heroObjectFloat{0%,100%{translate:0 -7px;rotate:-1deg}50%{translate:0 13px;rotate:1.5deg}}@keyframes wordSlide{0%,100%{transform:translateX(-13px);opacity:.55}50%{transform:translateX(15px);opacity:1}}
@media(max-width:1100px){.neoHero{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-inline:50px}.neoHeroCopy{max-width:790px}.neoMeta{margin-bottom:45px}.neoHeadline h1{font-size:76px}.worldStage{min-height:570px}.worldAsset{width:510px;height:510px}.worldStage:before{width:560px}.worldRings{width:610px}.worldSweep{width:440px}.neoScroll{display:none}}
@media(max-width:700px){.neoHero{padding:138px 18px 28px;border-radius:0;gap:18px}.neoNav{min-height:112px;padding:0 18px;grid-template-columns:1fr auto;align-content:center;row-gap:10px}.neoBrand{font-size:10px}.neoSignIn{height:36px;min-width:80px}.neoNav nav{grid-column:1/-1;grid-row:2;gap:27px}.neoNav nav a{padding:4px 0 15px;font-size:8px}.neoNav nav a:after{bottom:7px}.neoHeadline small{font-size:8px;margin-bottom:16px}.neoHeadline h1{font-size:clamp(46px,14vw,68px)}.neoHeadline p{font-size:12px;margin-top:22px}.neoActions{align-items:stretch;flex-direction:column}.neoActions a{width:100%}.worldStage{min-height:430px}.worldStage:before{width:360px}.worldRings{width:390px}.worldSweep{width:300px}.worldAsset{width:350px;height:350px}.worldWord{font-size:64px}.worldTag{font-size:6px}.tagOne{left:0}.tagTwo{right:0}.tagThree{left:2%;bottom:12%}.worldHint{display:none}.worldSelector{gap:6px}.worldSelector button{min-height:62px;padding:9px;grid-template-columns:1fr}.worldSelector button small,.worldSelector button>i{display:none}.worldSelector button strong{font-size:9px}}
@media(max-width:430px){.neoHero{padding-top:132px}.neoHeadline h1{font-size:44px}.worldStage{min-height:365px}.worldStage:before{width:305px}.worldRings{width:335px}.worldSweep{width:255px}.worldAsset{width:310px;height:310px}.worldTag{scale:.84}.worldSelector button{text-align:center}}
@media(prefers-reduced-motion:reduce){.neoHero *{animation-duration:.001ms!important;animation-iteration-count:1!important}.worldStage{transform:none}.worldAsset.active{transform:translate3d(0,0,0) scale(1)}}

/* Volume 1 cinematic product presentation */
.featuredExperience{grid-template-columns:1fr 1fr;gap:60px}.volumeOneStage{min-height:570px;border:1px solid rgba(255,255,255,.13);border-radius:26px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,rgba(2,18,28,.04),rgba(3,15,23,.34)),url('/assets/images/home/volume1-stage.webp') center/cover no-repeat;box-shadow:inset 0 0 80px rgba(3,18,27,.24),0 30px 60px rgba(0,0,0,.2)}.volumeOneStage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,rgba(6,30,43,.18),transparent 40%,rgba(9,34,43,.18));backdrop-filter:saturate(1.05)}.stageGlow{position:absolute;width:340px;height:340px;border-radius:50%;left:12%;top:18%;background:rgba(44,219,204,.15);filter:blur(50px);animation:stageGlowPulse 6s ease-in-out infinite}.stageBadge{position:absolute;z-index:6;left:24px;top:24px;padding:9px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(4,25,35,.55);backdrop-filter:blur(12px);color:#d9e9e9;font-size:6px;font-weight:900;letter-spacing:.14em}.volumeBookRig{width:320px;height:455px;display:grid;place-items:center;perspective:1200px;position:relative;z-index:4}.volumeBook3d{width:275px;aspect-ratio:402/566;position:relative;transform-style:preserve-3d;transform:rotateY(-17deg) rotateX(2deg) rotateZ(1deg);animation:volumeBookFloat 6s ease-in-out infinite;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.volumeOneStage:hover .volumeBook3d{transform:rotateY(-9deg) rotateX(0) rotateZ(0) scale(1.025)}.volumeBookCover,.volumeBookBack,.volumeBookPages,.volumeBookSpine{position:absolute;backface-visibility:hidden}.volumeBookCover{inset:0;z-index:4;overflow:hidden;border-radius:2px 11px 11px 2px;transform:translateZ(19px);box-shadow:-22px 30px 55px rgba(0,0,0,.48),inset -4px 0 7px rgba(255,255,255,.08)}.volumeBookCover:after{content:"";position:absolute;inset:0;background:linear-gradient(108deg,transparent 35%,rgba(255,255,255,.14) 49%,transparent 62%);transform:translateX(-140%);animation:volumeCoverShine 6s ease-in-out 1s infinite}.volumeBookCover img{width:100%;height:100%;display:block;object-fit:cover}.volumeBookBack{inset:2px -1px 2px 1px;border-radius:2px 10px 10px 2px;background:#071d2c;transform:translateZ(-19px)}.volumeBookPages{top:7px;bottom:7px;right:-18px;width:38px;border-radius:0 3px 3px 0;background:repeating-linear-gradient(0deg,#f4eedf 0 2px,#c9c2b2 3px,#eee7d9 4px);transform-origin:left center;transform:rotateY(90deg) translateZ(19px);box-shadow:inset -7px 0 9px rgba(74,61,42,.18)}.volumeBookSpine{top:2px;bottom:2px;left:-18px;width:38px;background:linear-gradient(90deg,#051824,#173748 55%,#061925);transform-origin:right center;transform:rotateY(-90deg) translateZ(19px)}.stageDetails{position:absolute;z-index:6;left:24px;right:24px;bottom:22px;display:flex;align-items:center;gap:10px;color:#dae8ea;font-size:6px;font-weight:900;letter-spacing:.14em}.stageDetails i{width:22px;height:1px;background:#56dfcd}.volumeOneStage .featureShadow{width:270px;height:42px;bottom:35px;background:rgba(0,0,0,.52);filter:blur(18px);transform:rotate(-3deg)}
@keyframes volumeBookFloat{0%,100%{translate:0 -7px;rotate:-.3deg}50%{translate:0 12px;rotate:.6deg}}@keyframes volumeCoverShine{0%,58%{transform:translateX(-140%)}78%,100%{transform:translateX(140%)}}@keyframes stageGlowPulse{0%,100%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}
@media(max-width:1000px){.featuredExperience{grid-template-columns:1fr;gap:42px}.volumeOneStage{min-height:590px}.volumeBookRig{width:350px;height:470px}.volumeBook3d{width:285px}}
@media(max-width:700px){.volumeOneStage{min-height:510px;margin-inline:-5px;border-radius:21px}.volumeBookRig{width:310px;height:420px}.volumeBook3d{width:245px}.stageBadge{left:16px;top:16px}.stageDetails{left:16px;right:16px;bottom:16px}}
@media(max-width:430px){.volumeOneStage{min-height:465px}.volumeBookRig{width:280px;height:390px}.volumeBook3d{width:220px}.stageDetails{font-size:5px}}

/* Official Nutrition Made Simple covers — 3D collection orbit */
.bookOrbitScene{height:245px;margin-top:20px;perspective:1050px;overflow:visible;isolation:isolate}.bookOrbitScene:before{content:"";position:absolute;width:250px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(52,226,207,.17),rgba(20,120,126,.06) 48%,transparent 72%);filter:blur(9px);transform:translateY(8px)}.coverOrbit{position:relative;width:104px;height:147px;transform-style:preserve-3d;animation:coverOrbitSpin 18s linear infinite;will-change:transform}.orbitCover{position:absolute;inset:0;margin:0;border-radius:2px 8px 8px 2px;overflow:hidden;transform-style:preserve-3d;backface-visibility:hidden;background:#071a27;border:1px solid rgba(255,255,255,.2);box-shadow:-8px 16px 26px rgba(0,0,0,.42),0 0 26px rgba(55,226,208,.08)}.orbitCover:after{content:"";position:absolute;inset:0;background:linear-gradient(108deg,transparent 36%,rgba(255,255,255,.17) 49%,transparent 61%);transform:translateX(-140%);animation:orbitCoverShine 6s ease-in-out infinite}.orbitCover img{display:block;width:100%;height:100%;object-fit:cover}.orbitCoverOne{transform:rotateY(0deg) translateZ(132px)}.orbitCoverTwo{transform:rotateY(120deg) translateZ(132px)}.orbitCoverThree{transform:rotateY(240deg) translateZ(132px)}.orbitCoverTwo:after{animation-delay:-2s}.orbitCoverThree:after{animation-delay:-4s}.orbitTrail{position:absolute;width:292px;height:98px;border-radius:50%;border:1px solid rgba(88,224,207,.26);box-shadow:0 0 24px rgba(41,212,194,.08),inset 0 0 24px rgba(41,212,194,.05);transform:rotateX(72deg) translateY(77px);z-index:-1}.orbitTrail:before,.orbitTrail:after{content:"";position:absolute;border-radius:50%;background:#68e7d6;box-shadow:0 0 14px #68e7d6}.orbitTrail:before{width:5px;height:5px;left:26px;top:42px}.orbitTrail:after{width:3px;height:3px;right:42px;bottom:14px}.booksPath:hover .coverOrbit{animation-play-state:paused}.booksPath:hover .orbitCover{box-shadow:-10px 20px 32px rgba(0,0,0,.5),0 0 30px rgba(55,226,208,.13)}
@keyframes coverOrbitSpin{from{transform:rotateX(-7deg) rotateY(0deg)}to{transform:rotateX(-7deg) rotateY(-360deg)}}@keyframes orbitCoverShine{0%,58%{transform:translateX(-140%)}78%,100%{transform:translateX(140%)}}
@media(max-width:430px){.bookOrbitScene{height:220px}.coverOrbit{width:92px;height:130px}.orbitCoverOne{transform:rotateY(0deg) translateZ(112px)}.orbitCoverTwo{transform:rotateY(120deg) translateZ(112px)}.orbitCoverThree{transform:rotateY(240deg) translateZ(112px)}.orbitTrail{width:250px;height:84px}}
@media(prefers-reduced-motion:reduce){.coverOrbit{animation:none;transform:rotateX(-5deg)}.orbitCover{animation:none}.orbitCoverOne{transform:translateX(-74px) rotateY(18deg) rotateZ(-5deg)}.orbitCoverTwo{transform:translateX(0) translateZ(22px)}.orbitCoverThree{transform:translateX(74px) rotateY(-18deg) rotateZ(5deg)}}

/* Interactive 3D book carousel inspired by the supplied reference motion */
.interactiveBookOrbit{--orbit-radius:138px;--orbit-book-width:112px;--orbit-book-height:158px;height:255px;margin-top:15px;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.interactiveBookOrbit[data-dragging="true"]{cursor:grabbing}.interactiveBookOrbit:before{width:285px;height:190px;background:radial-gradient(circle,rgba(51,226,208,.2),rgba(12,98,111,.07) 48%,transparent 72%)}.interactiveCoverOrbit{--orbit-angle:0deg;position:relative;width:var(--orbit-book-width);height:var(--orbit-book-height);transform-style:preserve-3d;transform:rotateX(-7deg) rotateY(var(--orbit-angle));will-change:transform}.orbitBookSlot{position:absolute;inset:0;transform-style:preserve-3d}.orbitBookOne{transform:rotateY(0deg) translateZ(var(--orbit-radius))}.orbitBookTwo{transform:rotateY(120deg) translateZ(var(--orbit-radius))}.orbitBookThree{transform:rotateY(240deg) translateZ(var(--orbit-radius))}.orbitBook3d{position:absolute;inset:0;transform-style:preserve-3d}.orbitBookFace,.orbitBookBack,.orbitBookPages,.orbitBookSpine{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden}.orbitBookFace{inset:0;z-index:4;overflow:hidden;border-radius:2px 8px 8px 2px;transform:translateZ(7px);background:#061a28;box-shadow:-10px 17px 28px rgba(0,0,0,.48),inset -3px 0 5px rgba(255,255,255,.11)}.orbitBookFace:after{content:"";position:absolute;inset:0;background:linear-gradient(108deg,transparent 35%,rgba(255,255,255,.18) 49%,transparent 62%);transform:translateX(-145%);animation:interactiveBookShine 7s ease-in-out infinite}.orbitBookTwo .orbitBookFace:after{animation-delay:-2.3s}.orbitBookThree .orbitBookFace:after{animation-delay:-4.6s}.orbitBookFace img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.orbitBookBack{inset:1px;background:linear-gradient(145deg,#061824,#0c3443);border-radius:8px 2px 2px 8px;transform:rotateY(180deg) translateZ(7px);box-shadow:10px 17px 28px rgba(0,0,0,.42)}.orbitBookBack:after{content:"NUTRIMASTER\A ACADEMY";white-space:pre;position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:rgba(103,230,214,.62);font-size:7px;font-weight:900;letter-spacing:.12em;line-height:1.45}.orbitBookPages{top:5px;bottom:5px;right:-7px;width:14px;border-radius:0 2px 2px 0;background:repeating-linear-gradient(0deg,#f6efe1 0 1px,#c9beaa 2px,#eee6d8 3px);transform-origin:left center;transform:rotateY(90deg) translateZ(7px);box-shadow:inset -3px 0 4px rgba(79,62,38,.22)}.orbitBookSpine{top:1px;bottom:1px;left:-7px;width:14px;border-radius:2px 0 0 2px;background:linear-gradient(90deg,#04131e,#124657 55%,#061925);transform-origin:right center;transform:rotateY(-90deg) translateZ(7px)}.interactiveBookOrbit .orbitTrail{width:315px;height:104px;transform:rotateX(72deg) translateY(82px);border-color:rgba(87,230,212,.32)}.orbitDragHint{position:absolute;left:50%;bottom:0;z-index:8;transform:translateX(-50%);padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(5,31,43,.62);backdrop-filter:blur(9px);color:#8daeb6;font-size:6px;font-weight:900;letter-spacing:.12em;white-space:nowrap;opacity:.68;transition:opacity .25s ease,color .25s ease,border-color .25s ease}.orbitDragHint b{margin-right:5px;color:#60e5d3;font-size:9px}.interactiveBookOrbit:hover .orbitDragHint,.interactiveBookOrbit[data-dragging="true"] .orbitDragHint{opacity:1;color:white;border-color:rgba(96,229,211,.42)}.interactiveBookOrbit[data-dragging="true"] .orbitBookFace{box-shadow:-13px 21px 34px rgba(0,0,0,.55),0 0 25px rgba(80,224,208,.12)}
@keyframes interactiveBookShine{0%,62%{transform:translateX(-145%)}82%,100%{transform:translateX(145%)}}
@media(max-width:430px){.interactiveBookOrbit{--orbit-radius:112px;--orbit-book-width:94px;--orbit-book-height:133px;height:225px}.interactiveBookOrbit .orbitTrail{width:260px;height:87px;transform:rotateX(72deg) translateY(69px)}}
@media(prefers-reduced-motion:reduce){.orbitBookFace:after{animation:none}.interactiveCoverOrbit{transform:rotateX(-6deg) rotateY(var(--orbit-angle))}}

/* Refined compact mockups: front-facing depth carousel, no false white ribbon */
.interactiveBookOrbit{--orbit-book-width:122px;--orbit-book-height:173px;height:248px;margin-top:12px;cursor:grab;touch-action:none;overscroll-behavior-x:contain;outline:none}.interactiveBookOrbit[data-dragging="true"]{cursor:grabbing}.interactiveBookOrbit:focus-visible{border-radius:18px;box-shadow:inset 0 0 0 1px rgba(96,229,211,.65)}.interactiveBookOrbit:before{width:245px;height:165px;opacity:.82}.interactiveCoverOrbit{position:absolute;inset:0;width:100%;height:100%;transform:none!important;perspective:900px;transform-style:preserve-3d;pointer-events:none}.interactiveBookOrbit .orbitBookSlot{inset:auto;top:50%;left:50%;width:var(--orbit-book-width);height:var(--orbit-book-height);transform-style:preserve-3d;will-change:transform,opacity}.interactiveBookOrbit .orbitBook3d{position:absolute;inset:0;transform:rotateY(var(--book-yaw,-9deg));transform-style:preserve-3d;will-change:transform}.interactiveBookOrbit .orbitBookFace{transform:translateZ(4px);border-radius:2px 7px 7px 2px;border:1px solid rgba(255,255,255,.13);box-shadow:-12px 19px 31px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.24),inset -2px 0 3px rgba(255,255,255,.1)}.interactiveBookOrbit .orbitBookBack{inset:1px;transform:rotateY(180deg) translateZ(4px);border-radius:7px 2px 2px 7px;background:#071c2a}.interactiveBookOrbit .orbitBookBack:after{content:none}.interactiveBookOrbit .orbitBookPages{top:4px;bottom:4px;right:-4px;width:8px;transform:rotateY(90deg) translateZ(4px);background:repeating-linear-gradient(0deg,#d8cfbc 0 1px,#b9ae99 2px,#d2c7b4 3px);box-shadow:inset -2px 0 3px rgba(67,51,31,.3)}.interactiveBookOrbit .orbitBookSpine{top:1px;bottom:1px;left:-4px;width:8px;transform:rotateY(-90deg) translateZ(4px);background:linear-gradient(90deg,#03131e,#0b3545 58%,#061923)}.interactiveBookOrbit .orbitTrail{width:230px;height:72px;transform:rotateX(74deg) translateY(88px);border-color:rgba(87,230,212,.2);box-shadow:0 0 18px rgba(41,212,194,.05)}.interactiveBookOrbit .orbitTrail:before{left:18px;top:30px}.interactiveBookOrbit .orbitTrail:after{right:31px;bottom:10px}.booksPath .pathFooterLink{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:9px;font-weight:900}.booksPath .pathFooterLink i{font-style:normal;color:var(--acid);font-size:15px}.booksPath .pathFooterLink:hover{color:#68e7d6}
@media(max-width:430px){.interactiveBookOrbit{--orbit-book-width:105px;--orbit-book-height:149px;height:220px}.interactiveBookOrbit .orbitTrail{width:205px;height:64px;transform:rotateX(74deg) translateY(75px)}}
@media(prefers-reduced-motion:reduce){.interactiveCoverOrbit{transform:none!important}}
.interactiveBookOrbit .orbitBookSlot{will-change:transform!important}
/* NutriMaster premium global art direction — V12 */
:root{
  --navy:#061822;
  --navy2:#0a2c3a;
  --green:#20b39d;
  --cyan:#11b8b1;
  --lime:#63e5d3;
  --yellow:#f3c957;
  --coral:#ff7568;
  --paper:#f8f3e9;
  --mint:#dff5ec;
  --white:#fffdf8;
  --muted:#667983;
  --line:rgba(9,44,58,.13);
  --premium-shadow:0 24px 70px rgba(5,31,44,.1);
  --premium-shadow-strong:0 34px 100px rgba(4,24,35,.18);
  --font-display:var(--font-geist-sans,"Aptos Display");
  --font-body:var(--font-geist-sans,"Aptos");
  --font-code:var(--font-geist-mono,"Cascadia Mono");
}
html{scroll-behavior:smooth;background:#f8f3e9}
body{font-family:var(--font-body),"Segoe UI",sans-serif;background:radial-gradient(circle at 8% -10%,rgba(99,229,211,.18),transparent 30rem),radial-gradient(circle at 100% 18%,rgba(243,201,87,.12),transparent 34rem),linear-gradient(180deg,#fbf7ef 0%,#f6f2e9 48%,#f4f7f2 100%);background-attachment:fixed;color:var(--navy);font-feature-settings:"ss01" 1,"cv02" 1;text-rendering:optimizeLegibility}
h1,h2,h3,h4,strong,b{font-family:var(--font-display),"Segoe UI",sans-serif}
button,input,select,textarea{font-family:inherit}
a,button,.catalogBook,.toolCatalogCard,.memberPanel,.faqGrid article,.pathCard{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background-color .28s ease,color .28s ease,opacity .28s ease}
::selection{background:rgba(17,184,177,.25);color:var(--navy)}
:focus-visible{outline:3px solid rgba(17,184,177,.38);outline-offset:3px}

/* Premium navigation and shared chrome */
.storeNav{position:sticky;top:12px;z-index:80;max-width:1220px;min-height:70px;margin:12px auto;padding:11px 14px 11px 16px;gap:32px;border:1px solid rgba(255,255,255,.78);border-radius:21px;background:rgba(255,253,248,.84);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);box-shadow:0 14px 44px rgba(4,28,39,.09),inset 0 1px rgba(255,255,255,.9)}
.storeBrand,.brandLink{gap:11px}
.storeBrand img,.brandLink img{filter:drop-shadow(0 5px 10px rgba(6,24,34,.14))}
.storeBrand b,.brandLink b{font-size:12px;letter-spacing:.075em;font-weight:850}
.storeBrand small,.brandLink small{font-size:7px;letter-spacing:.08em;color:var(--cyan)}
.storeNav nav{gap:8px}
.storeNav nav a{position:relative;padding:12px 15px;border-radius:12px;color:#5d717b;font-size:11px;font-weight:750}
.storeNav nav a:hover,.storeNav nav a.active{background:rgba(17,184,177,.08);color:var(--navy)}
.storeNav nav a.active:after{content:"";position:absolute;left:15px;right:15px;bottom:6px;height:2px;border-radius:99px;background:var(--cyan)}
.navActions{gap:9px}
.accountButton{min-height:42px;padding:0 17px;border-color:rgba(6,24,34,.24);border-radius:13px;background:var(--navy);color:white;box-shadow:0 8px 20px rgba(6,24,34,.13)}
.accountButton:hover{transform:translateY(-2px);background:#0a3444;box-shadow:0 12px 28px rgba(6,24,34,.2)}
.signoutLink{font-size:9px;font-weight:800;color:var(--muted);padding:10px 8px}
.signoutLink:hover{color:var(--coral)}
.simpleNav{max-width:1180px;margin:16px auto;padding:14px 18px;border:1px solid rgba(255,255,255,.75);border-radius:18px;background:rgba(255,253,248,.8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(5,31,44,.08)}
.simpleNav>a{padding:10px 14px;border-radius:11px;background:var(--navy);color:white}
.storeFooter{max-width:none;margin:90px 0 0;padding:42px max(28px,calc((100vw - 1180px)/2));border:0;background:linear-gradient(120deg,#04141e,#092d3a 70%,#0a3440);color:#a9bec6;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.storeFooter .brandLink b,.storeFooter .brandLink{color:white}
.storeFooter .brandLink small{color:var(--lime)}
.storeFooter p{max-width:510px;line-height:1.65}

/* Shared typography, labels, buttons and surfaces */
.eyebrow{padding:9px 14px;border:1px solid rgba(17,184,177,.16);background:linear-gradient(135deg,rgba(99,229,211,.22),rgba(223,245,236,.92));color:#08766f;font-family:var(--font-code),monospace;font-size:10px;letter-spacing:.11em;box-shadow:inset 0 1px rgba(255,255,255,.75)}
.shopPrimary,.primary,.activationForm button,.libraryCards a,.catalogActions .shopPrimary{border:1px solid rgba(6,24,34,.08);border-radius:13px;background:linear-gradient(135deg,#f6d160,#f2bd43);color:var(--navy);box-shadow:0 10px 26px rgba(215,164,39,.2);font-weight:850}
.shopPrimary:hover,.primary:hover,.activationForm button:hover,.catalogActions .shopPrimary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ffe07d,#f5c653);box-shadow:0 15px 34px rgba(215,164,39,.28)}
.shopSecondary,.secondary,.outlineAction{border:1px solid rgba(6,24,34,.16);border-radius:13px;background:rgba(255,255,255,.58);color:var(--navy);font-weight:800}
.shopSecondary:hover,.secondary:hover,.outlineAction:hover{transform:translateY(-2px);border-color:rgba(17,184,177,.42);background:white;box-shadow:0 12px 28px rgba(5,31,44,.08)}

/* Collection, tools and how-it-works */
.catalogShell{max-width:1180px;margin:0 auto 100px;padding:34px 28px}
.catalogHero{position:relative;max-width:970px;padding:92px 0 64px}
.catalogHero:after{content:"";display:block;width:88px;height:5px;margin-top:34px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--yellow))}
.catalogHero h1{max-width:920px;margin:26px 0 22px;font-size:clamp(52px,6.5vw,82px);line-height:.94;letter-spacing:-.062em;font-weight:820}
.catalogHero h1 em{color:var(--cyan)}
.catalogHero p{max-width:760px;font-size:16px;line-height:1.75;color:#62757f}
.catalogList{gap:28px}
.catalogBook{grid-template-columns:320px minmax(0,1fr);gap:52px;padding:26px;border:1px solid rgba(9,44,58,.11);border-radius:28px;background:rgba(255,253,248,.86);box-shadow:var(--premium-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}
.catalogBook:hover{transform:translateY(-4px);border-color:rgba(17,184,177,.28);box-shadow:var(--premium-shadow-strong)}
.catalogBook.owned{border-color:rgba(32,179,157,.35);box-shadow:0 24px 75px rgba(23,145,128,.13)}
.catalogCover{align-self:center;width:100%;min-height:auto;aspect-ratio:1054/1492;padding:0;border-radius:7px 17px 17px 7px;background:center/cover no-repeat;box-shadow:-13px 22px 40px rgba(3,24,35,.28),7px 8px 0 rgba(7,33,45,.12);transform:perspective(1000px) rotateY(3deg);overflow:hidden}
.catalogBook:nth-child(1) .catalogCover{background-image:url('/assets/images/home/volume-1-cover.webp')}
.catalogBook:nth-child(2) .catalogCover{background-image:url('/assets/images/home/volume-2-cover.webp')}
.catalogCover>*{opacity:0}
.catalogCopy{padding:27px 28px 27px 0}
.catalogStatus span,.toolCatalogTop span{font-family:var(--font-code),monospace;font-size:9px;letter-spacing:.1em}
.catalogStatus i,.toolCatalogTop i{padding:8px 11px;border-radius:999px;font-size:8px;letter-spacing:.06em}
.catalogCopy>h2{margin:34px 0 12px;font-size:38px;letter-spacing:-.04em}
.catalogCopy>p{max-width:650px;font-size:14px;line-height:1.75}
.catalogCopy ul{gap:11px 32px;font-size:12px;line-height:1.45}
.catalogActions{gap:11px;padding-top:26px}
.catalogActions a{padding:14px 18px}
.catalogPromise{margin-top:28px;padding:26px 30px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:radial-gradient(circle at 90% 20%,rgba(99,229,211,.14),transparent 30%),linear-gradient(120deg,#061822,#0a3443);box-shadow:0 22px 55px rgba(5,31,44,.16)}
.catalogPromise b{font-size:14px}
.catalogPromise span{font-size:12px}
.toolCatalogGrid{gap:18px}
.toolCatalogCard{min-height:330px;padding:27px;border:1px solid rgba(9,44,58,.11);border-radius:24px;background:rgba(255,253,248,.87);box-shadow:0 18px 55px rgba(5,31,44,.075);overflow:hidden}
.toolCatalogCard:before{content:"";position:absolute;width:150px;height:150px;right:-55px;bottom:-60px;border-radius:50%;background:radial-gradient(circle,rgba(17,184,177,.14),transparent 68%)}
.toolCatalogCard:hover{transform:translateY(-5px);border-color:rgba(17,184,177,.3);box-shadow:0 28px 75px rgba(5,31,44,.13)}
.toolCatalogCard>b{font-size:55px;color:var(--cyan);opacity:.18}
.toolCatalogCard h2{font-size:25px;letter-spacing:-.025em}
.toolCatalogCard p{font-size:13px;line-height:1.7}
.toolCatalogCard>a{font-size:11px;color:#087b75}
.toolsAccountCta{padding:25px 28px;border-radius:21px;background:linear-gradient(120deg,#061822,#0b3543);color:white;box-shadow:0 20px 55px rgba(5,31,44,.16)}
.toolsAccountCta span{color:#b7cad0}
.toolsAccountCta a{background:var(--yellow);color:var(--navy);border-radius:12px}
.howJourney{gap:16px}
.howJourney article{padding:27px;border:1px solid rgba(9,44,58,.11);border-radius:22px;background:rgba(255,253,248,.87);box-shadow:0 16px 46px rgba(5,31,44,.07)}
.howJourney article:hover{transform:translateX(4px);border-color:rgba(17,184,177,.28);box-shadow:0 22px 60px rgba(5,31,44,.11)}
.howJourney article>b{background:linear-gradient(135deg,var(--cyan),#58decb);color:#04252c;box-shadow:0 9px 22px rgba(17,184,177,.2)}
.howJourney h2{font-size:25px;letter-spacing:-.025em}
.howJourney p{font-size:13px;line-height:1.68}
.accessExplainer{padding:31px;border-radius:24px;background:linear-gradient(120deg,#061822,#0b3844);box-shadow:0 24px 70px rgba(5,31,44,.17)}
.accessExplainer div span{color:var(--lime)}
.faqGrid{gap:16px}
.faqGrid article{padding:27px;border:1px solid rgba(9,44,58,.11);border-radius:21px;background:rgba(255,253,248,.88);box-shadow:0 15px 42px rgba(5,31,44,.06)}
.faqGrid article:hover{transform:translateY(-3px);border-color:rgba(17,184,177,.25)}
.faqGrid h3{font-size:18px}
.faqGrid p{font-size:13px;line-height:1.7}
.howFinalCta{padding:40px;border-radius:26px;background:radial-gradient(circle at 84% 25%,rgba(243,201,87,.19),transparent 28%),linear-gradient(120deg,#061822,#0b3543);box-shadow:var(--premium-shadow-strong)}
.howFinalCta h2{font-size:clamp(26px,3vw,42px)}
.howFinalCta a{background:var(--yellow);color:var(--navy);border-radius:13px;box-shadow:0 10px 24px rgba(243,201,87,.16)}

/* Product presentation */
.productPage{background:radial-gradient(circle at 5% 16%,rgba(99,229,211,.15),transparent 27rem),radial-gradient(circle at 96% 65%,rgba(243,201,87,.12),transparent 30rem);padding:16px 30px 70px}
.productDetail{max-width:1140px;grid-template-columns:420px minmax(0,1fr);gap:85px;padding:72px 0}
.productCover{justify-self:center;width:min(100%,390px);min-height:auto;aspect-ratio:1054/1492;padding:0;border-radius:8px 18px 18px 8px;background:url('/assets/images/home/volume-1-cover.webp') center/cover no-repeat;box-shadow:-18px 30px 56px rgba(3,24,35,.31),9px 10px 0 rgba(7,33,45,.12);transform:perspective(1100px) rotateY(3deg);overflow:hidden}
.productCover>*{opacity:0}
.volumeTwoCover{background-image:url('/assets/images/home/volume-2-cover.webp')}
.productCopy h2{margin:28px 0 20px;font-size:clamp(40px,4.6vw,60px);line-height:1.02;letter-spacing:-.05em}
.productCopy>p{font-size:16px;line-height:1.75}
.productCopy ul{font-size:13px;line-height:2.2}
.salesNotice{padding:19px 21px;border:1px solid rgba(32,179,157,.16);border-radius:15px;background:linear-gradient(135deg,rgba(223,245,236,.92),rgba(255,255,255,.8));box-shadow:inset 0 1px rgba(255,255,255,.7)}
.salesNotice b{font-size:13px}.salesNotice span{font-size:11px;line-height:1.55}
.volumeTwoCurriculum,.volumeTwoTools{max-width:1140px}
.curriculumGrid article,.volumeTwoTools article{border-color:rgba(9,44,58,.11);background:rgba(255,253,248,.86);box-shadow:0 14px 42px rgba(5,31,44,.07)}

/* Authentication, activation and reader library */
.accountHero{max-width:1080px;padding-top:95px}
.accountHero h1{font-size:clamp(52px,6vw,76px);letter-spacing:-.055em}
.accountHero p{font-size:15px;line-height:1.7}
.libraryCards{max-width:1080px;gap:20px}
.libraryCards article{padding:31px;border-radius:24px;border-color:rgba(9,44,58,.12);background:rgba(255,253,248,.88);box-shadow:0 18px 55px rgba(5,31,44,.08)}
.libraryCards article:hover{transform:translateY(-4px);box-shadow:0 26px 70px rgba(5,31,44,.13)}
.libraryCards article.owned{background:radial-gradient(circle at 92% 18%,rgba(99,229,211,.14),transparent 28%),linear-gradient(120deg,#061822,#0a3442)}
.activationPage,.lockedPage{background:radial-gradient(circle at 10% 8%,rgba(99,229,211,.17),transparent 25rem),radial-gradient(circle at 95% 80%,rgba(243,201,87,.13),transparent 27rem)}
.activationCard,.lockedPage>section{border:1px solid rgba(255,255,255,.72);background:rgba(255,253,248,.89);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--premium-shadow-strong)}
.activationCard h1,.lockedPage h1{letter-spacing:-.045em}
.activationForm input,.topFields input,.topFields select,.other{border-color:rgba(9,44,58,.15);background:#fffdf9;box-shadow:inset 0 1px 2px rgba(5,31,44,.035)}

/* Personal Academy dashboard */
.memberHomePage{background:radial-gradient(circle at 93% -4%,rgba(99,229,211,.2),transparent 33rem),radial-gradient(circle at -6% 42%,rgba(243,201,87,.1),transparent 30rem),linear-gradient(180deg,#fbf7ef,#f2f7f2)}
.memberHome{max-width:1220px;padding-inline:28px}
.memberHero{border:1px solid rgba(255,255,255,.09);border-radius:30px;background:radial-gradient(circle at 83% 18%,rgba(99,229,211,.18),transparent 28%),linear-gradient(125deg,#04151f,#093341);box-shadow:0 35px 100px rgba(4,24,35,.2);overflow:hidden}
.memberWelcome h1{font-size:clamp(46px,5.5vw,72px);letter-spacing:-.058em}
.memberWelcome>p{font-size:15px;line-height:1.7;color:#b9cbd1}
.memberHeroActions a{border-radius:13px;font-weight:800}
.memberHeroActions a:first-child{background:var(--yellow);color:var(--navy);box-shadow:0 12px 28px rgba(243,201,87,.18)}
.memberPassport{border-color:rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.065);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.memberAvatar{background:linear-gradient(135deg,var(--cyan),var(--lime));color:var(--navy);box-shadow:0 10px 28px rgba(17,184,177,.22)}
.memberPulse{border-radius:22px;background:rgba(255,253,248,.82);border:1px solid rgba(255,255,255,.8);box-shadow:0 17px 50px rgba(5,31,44,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.memberPanel{border-color:rgba(9,44,58,.11);border-radius:25px;background:rgba(255,253,248,.88);box-shadow:0 20px 60px rgba(5,31,44,.085)}
.memberPanel:hover{border-color:rgba(17,184,177,.23);box-shadow:0 27px 74px rgba(5,31,44,.12)}
.memberPanelHead h2,.memberSectionTitle h2{letter-spacing:-.035em}
.miniBook{aspect-ratio:1054/1492;min-height:auto;background:url('/assets/images/home/volume-1-cover.webp') center/cover no-repeat;border-radius:5px 13px 13px 5px;box-shadow:-10px 18px 30px rgba(3,24,35,.26),5px 6px 0 rgba(7,33,45,.11);overflow:hidden}
.miniBook>*{opacity:0}
.learningTrack a,.usefulDataPanel>a{border-radius:15px;border-color:rgba(9,44,58,.1);background:rgba(255,255,255,.66)}
.learningTrack a:hover,.usefulDataPanel>a:hover{transform:translateX(3px);border-color:rgba(17,184,177,.3);background:white}
.achievementGrid article{border-radius:21px;border-color:rgba(9,44,58,.1);background:rgba(255,253,248,.82);box-shadow:0 14px 42px rgba(5,31,44,.06)}
.achievementGrid article.earned{border-color:rgba(32,179,157,.3);background:linear-gradient(145deg,rgba(223,245,236,.95),rgba(255,253,248,.9))}
.memberCircle{border-radius:30px;background:radial-gradient(circle at 90% 20%,rgba(243,201,87,.16),transparent 26%),linear-gradient(120deg,#061822,#0a3443);box-shadow:0 30px 85px rgba(4,24,35,.18)}

/* Volume tools, quiz and planner experience */
.brand{max-width:1080px;padding-top:28px}
.progress{background:rgba(6,24,34,.08);box-shadow:0 1px rgba(255,255,255,.6)}
.progress span{background:linear-gradient(90deg,var(--cyan),var(--lime),var(--yellow))}
.panel{max-width:1000px;margin:36px auto 80px;padding:52px 56px;border:1px solid rgba(255,255,255,.78);border-radius:28px;background:rgba(255,253,248,.86);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--premium-shadow)}
.panel.hero{background:radial-gradient(circle at 88% 18%,rgba(99,229,211,.2),transparent 31%),rgba(255,253,248,.88)}
.panel h1{font-size:clamp(46px,5.4vw,64px);font-weight:820;letter-spacing:-.055em}
.panel h1 em{color:var(--cyan)}
.panel>p{font-size:16px;line-height:1.75}
.question{padding:22px 23px;border:1px solid rgba(9,44,58,.09);border-radius:19px;background:rgba(255,255,255,.76);box-shadow:0 11px 30px rgba(5,31,44,.055)}
.question:hover{border-color:rgba(17,184,177,.22)}
.number{background:linear-gradient(135deg,var(--cyan),var(--lime));color:#052934;box-shadow:0 8px 18px rgba(17,184,177,.16)}
.question h2{font-size:17px;line-height:1.45}
.answers button{min-height:49px;border-color:rgba(9,44,58,.13);border-radius:13px;background:#fffefb;color:#60747d}
.answers button:hover{transform:translateY(-1px);border-color:rgba(17,184,177,.38);color:var(--navy)}
.answers button.selected{border-color:var(--cyan);background:linear-gradient(135deg,rgba(99,229,211,.18),rgba(223,245,236,.85));box-shadow:0 7px 18px rgba(17,184,177,.09)}
.answers i{border-color:var(--cyan)}
.answers button.selected i{background:var(--cyan);color:white}
.topFields>*{border:1px solid rgba(9,44,58,.08);border-radius:16px;background:rgba(255,255,255,.7)}
fieldset{border:1px solid rgba(9,44,58,.08);border-radius:19px;background:rgba(255,255,255,.7)}
.confidence button{border-color:rgba(17,184,177,.5);background:#fffdf9}
.confidence button:hover{transform:translateY(-2px)}
.confidence button.selected{background:var(--cyan);color:white;box-shadow:0 7px 18px rgba(17,184,177,.2)}
.choiceGrid button,.checkGrid label{border-color:rgba(9,44,58,.13);background:#fffdf9}
.choiceGrid button:hover,.checkGrid label:hover{border-color:rgba(17,184,177,.4);transform:translateY(-1px)}
.choiceGrid button.selected{border-color:var(--cyan);background:var(--mint)}
.comparison article,.reading{border:1px solid rgba(9,44,58,.08);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(223,245,236,.58));box-shadow:0 11px 34px rgba(5,31,44,.06)}

/* Immersive public homepage */
.immersivePublicHome{background:linear-gradient(180deg,#061822 0 100svh,#f8f3e9 100svh);color:var(--navy)}
.neoHero{font-family:var(--font-body),"Segoe UI",sans-serif;box-shadow:0 42px 120px rgba(3,22,32,.22)}
.neoHero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(2,16,24,.35),transparent 38%,transparent 73%,rgba(2,16,24,.18)),linear-gradient(180deg,rgba(2,15,22,.08),transparent 50%,rgba(2,15,22,.38));mix-blend-mode:multiply}
.neoNav{min-height:92px;padding:0 max(34px,calc((100vw - 1240px)/2));border-bottom-color:rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(3,19,28,.82),rgba(3,19,28,.35));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.neoBrand{font-size:14px;letter-spacing:.12em;text-shadow:0 2px 15px rgba(0,0,0,.3)}
.neoBrand span{color:var(--scene-primary)}
.neoNav nav{gap:38px}
.neoNav nav a{font-size:10px;letter-spacing:.08em;color:#d1dfe3}
.neoNav nav a:hover{color:white}
.neoSignIn{min-width:102px;height:41px;border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.075);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px}
.neoSignIn:hover{background:white;color:var(--navy);transform:translateY(-2px)}
.neoMeta{font-size:9px;color:#a9c0c7}
.neoHeadline small{font-family:var(--font-code),monospace;font-size:10px;letter-spacing:.15em}
.neoHeadline h1{font-size:clamp(66px,7vw,108px);line-height:.88;letter-spacing:-.068em;font-weight:810;text-wrap:balance}
.neoHeadline p{max-width:600px;font-size:16px;line-height:1.72;color:#bdd0d6}
.neoActions a{min-height:50px;padding:0 19px;border-radius:13px;font-size:10px;letter-spacing:.04em}
.neoActions a:first-child{background:linear-gradient(135deg,var(--yellow),#f5c044);color:var(--navy);box-shadow:0 13px 32px rgba(243,201,87,.17)}
.neoActions a:first-child:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(243,201,87,.25)}
.neoActions a:last-child{background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.worldStage:after{filter:blur(38px);opacity:.8}
.worldSelector{gap:10px;padding-top:20px}
.worldSelector button{min-height:78px;padding:14px 16px;border-color:rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.045);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.worldSelector button:hover,.worldSelector button.active{border-color:rgba(var(--scene-rgb),.55);background:rgba(var(--scene-rgb),.095);transform:translateY(-2px)}
.worldSelector button small{font-size:7px}.worldSelector button strong{font-size:11px}.worldSelector button>i{font-size:7px}
.movingRibbon{min-height:58px;border:0;background:linear-gradient(90deg,#f3c957,#ffe179 45%,#f3c957);color:#082530;box-shadow:0 9px 24px rgba(222,175,44,.18)}
.movingRibbon span{font-size:10px;letter-spacing:.13em}
.pathSection,.academySystem{max-width:1280px;padding:105px 34px}
.immersiveSectionHead>span{font-family:var(--font-code),monospace;font-size:10px;letter-spacing:.15em;color:#0b9188}
.immersiveSectionHead h2{max-width:920px;margin:16px 0;font-size:clamp(48px,5.6vw,76px);line-height:.98;letter-spacing:-.06em}
.immersiveSectionHead p{max-width:650px;font-size:15px;line-height:1.75;color:#687b84}
.pathCards{gap:18px;margin-top:45px}
.pathCard{border:1px solid rgba(255,255,255,.1);border-radius:26px;box-shadow:0 26px 70px rgba(4,24,35,.16);overflow:hidden}
.pathCard:hover{transform:translateY(-6px);box-shadow:0 36px 90px rgba(4,24,35,.23)}
.pathTop span,.pathTop i{font-size:9px;letter-spacing:.08em}
.pathCopy small{font-size:9px;letter-spacing:.1em}
.pathCopy h3{font-size:32px;line-height:1.02;letter-spacing:-.04em}
.pathCopy p{font-size:12px;line-height:1.7}
.booksPath .pathFooterLink{font-size:10px}
.featuredExperience{max-width:1240px;margin:20px auto 100px;border:1px solid rgba(255,255,255,.09);border-radius:30px;background:radial-gradient(circle at 78% 35%,rgba(17,184,177,.15),transparent 29%),linear-gradient(125deg,#04151f,#0a3442);box-shadow:0 40px 110px rgba(3,22,32,.22);overflow:hidden}
.featuredCopy>span{font-family:var(--font-code),monospace;font-size:10px;letter-spacing:.14em;color:var(--lime)}
.featuredCopy h2{font-size:clamp(44px,5.2vw,68px);line-height:.94;letter-spacing:-.058em}
.featuredCopy p{font-size:14px;line-height:1.72;color:#b9ccd2}
.featureRoute article{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.045);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.featureRoute article:hover{background:rgba(255,255,255,.075);transform:translateX(3px)}
.volumeOneStage{box-shadow:inset 0 1px rgba(255,255,255,.08),0 25px 70px rgba(0,0,0,.16)}
.systemTrack{gap:18px}
.systemTrack article{border:1px solid rgba(9,44,58,.1);border-radius:23px;background:rgba(255,253,248,.88);box-shadow:0 17px 50px rgba(5,31,44,.07)}
.systemTrack article:hover{transform:translateY(-4px);border-color:rgba(17,184,177,.25);box-shadow:0 24px 65px rgba(5,31,44,.11)}
.systemTrack h3{font-size:24px;letter-spacing:-.03em}
.systemTrack p{font-size:12px;line-height:1.7}
.immersiveFinalCta{max-width:1240px;margin:20px auto 0;padding:72px;border-radius:30px 30px 0 0;background:radial-gradient(circle at 85% 10%,rgba(243,201,87,.18),transparent 28%),radial-gradient(circle at 12% 95%,rgba(99,229,211,.14),transparent 32%),linear-gradient(120deg,#04141e,#0a3441);box-shadow:0 -18px 65px rgba(5,31,44,.1)}
.immersiveFinalCta h2{font-size:clamp(42px,5.3vw,68px);letter-spacing:-.055em}
.immersiveFinalCta p{font-size:14px;line-height:1.7;color:#b9cbd1}
.immersiveFinalCta a{background:var(--yellow);color:var(--navy);border-radius:13px;box-shadow:0 12px 28px rgba(243,201,87,.18)}

@media(max-width:900px){
  .storeNav{top:8px;margin:8px 12px}.catalogHero{padding-top:68px}.catalogBook{grid-template-columns:260px minmax(0,1fr);gap:32px}.productDetail{grid-template-columns:330px 1fr;gap:48px}.productCover{width:100%}.pathSection,.academySystem{padding:80px 24px}.featuredExperience{margin-inline:18px}.immersiveFinalCta{margin-inline:18px}.panel{margin-inline:18px}
}
@media(max-width:760px){
  .storeNav{min-height:62px;padding:9px 11px}.storeNav nav{display:none}.storeNav .brandLink b,.storeNav .storeBrand b{font-size:10px}.signoutLink{display:none}.storeFooter{padding:36px 22px}.catalogShell{padding-inline:18px}.catalogHero{padding:58px 0 45px}.catalogHero h1{font-size:50px}.catalogHero p{font-size:14px}.catalogBook{grid-template-columns:1fr;padding:20px;gap:28px}.catalogCover{width:min(100%,310px);justify-self:center}.catalogCopy{padding:6px 4px 12px}.catalogCopy>h2{font-size:32px}.catalogCopy ul{grid-template-columns:1fr}.catalogPromise{align-items:flex-start;flex-direction:column;gap:10px}.toolCatalogGrid,.faqGrid{grid-template-columns:1fr}.accessExplainer{grid-template-columns:1fr;text-align:center}.productPage{padding-inline:18px}.productDetail{grid-template-columns:1fr;gap:48px;padding-top:42px}.productCover{width:min(100%,340px)}.panel{margin:18px 10px 60px;padding:32px 19px;border-radius:22px}.panel h1{font-size:43px}.memberHome{padding-inline:16px}.memberHero{border-radius:23px}.memberPulse{border-radius:18px}.memberPanel{border-radius:21px}.neoHeadline h1{font-size:clamp(50px,13vw,72px)}.pathSection,.academySystem{padding:68px 18px}.immersiveSectionHead h2{font-size:45px}.featuredExperience{border-radius:24px}.immersiveFinalCta{padding:50px 24px;border-radius:24px 24px 0 0}.immersiveFinalCta h2{font-size:42px}
}
@media(max-width:520px){
  .storeNav .brandLink small,.storeNav .storeBrand small{display:none}.accountButton{min-height:38px;padding-inline:13px}.catalogHero h1{font-size:43px}.catalogActions{flex-direction:column;width:100%}.catalogActions a{width:100%;text-align:center}.toolCatalogCard{min-height:300px;padding:23px}.howJourney article{grid-template-columns:46px 1fr;padding:22px}.howFinalCta{align-items:flex-start;flex-direction:column;gap:24px}.storeFooter{gap:18px}.storeFooter p{margin:0}.productCopy h2{font-size:40px}.neoNav{padding-inline:16px}.neoBrand{font-size:11px}.neoNav nav{gap:22px}.neoHeadline p{font-size:14px}.worldSelector button{min-height:58px}.pathCopy h3{font-size:28px}.featuredExperience{margin-inline:10px}.immersiveFinalCta{margin-inline:10px}.panel h1{font-size:39px}.question{grid-template-columns:36px 1fr;padding:17px 15px}.answers{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button,.catalogBook,.toolCatalogCard,.memberPanel,.faqGrid article,.pathCard{transition:none!important}}
/* Compact first viewport and drag-safe public hero — V13 */
.immersivePublicHome,.immersivePublicHome *{-webkit-user-drag:none}
.neoHero{
  height:100svh;
  min-height:560px;
  max-height:820px;
  padding:92px max(30px,calc((100vw - 1240px)/2)) 14px;
  grid-template-columns:minmax(370px,.86fr) minmax(430px,1.14fr);
  grid-template-rows:minmax(0,1fr) 58px;
  gap:8px 54px;
}
.neoNav{min-height:80px}
.neoHeroCopy{align-self:center;max-width:590px;padding-bottom:4px}
.neoHeadline small{margin-bottom:13px;font-size:8px;letter-spacing:.16em}
.neoHeadline h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(46px,min(5.1vw,8.2vh),78px);
  font-weight:700;
  line-height:.93;
  letter-spacing:-.052em;
}
.neoHeadline h1 em{font-family:inherit;font-weight:700}
.neoHeadline p{max-width:555px;margin-top:17px;font-size:13px;line-height:1.58}
.neoActions{margin-top:20px}
.neoActions a{min-height:44px;padding-inline:18px;gap:0}
.neoSignIn{min-width:94px;height:39px;gap:0}
.neoSignIn span,.neoActions a b{display:none}
.worldTag{display:none!important}
.neoHero .worldStage{min-height:0;height:100%;align-self:stretch}
.neoHero .worldAsset{width:min(35vw,64vh,470px);height:min(35vw,64vh,470px)}
.neoHero .worldStage:before{width:min(41vw,70vh,540px)}
.neoHero .worldRings{width:min(43vw,75vh,575px)}
.neoHero .worldSweep{width:min(33vw,56vh,410px)}
.worldSelector{height:58px;min-height:58px;padding-top:7px;gap:8px}
.worldSelector button{min-height:50px;padding:8px 13px;border-radius:13px}
.worldSelector button small{font-size:5.5px}.worldSelector button strong{font-size:10px}
.neoScroll{top:46%}

@media(max-width:1100px){
  .neoHero{height:auto;max-height:none;min-height:100svh;padding:126px 38px 24px;grid-template-columns:1fr;grid-template-rows:auto 410px 58px;gap:12px}
  .neoHeroCopy{max-width:760px}.neoHeadline h1{font-size:clamp(52px,8vw,76px)}
  .neoHero .worldStage{height:410px}.neoHero .worldAsset{width:390px;height:390px}.neoHero .worldStage:before{width:430px}.neoHero .worldRings{width:455px}.neoHero .worldSweep{width:350px}
}
@media(max-width:700px){
  .neoHero{padding:118px 18px 18px;grid-template-rows:auto 335px auto;gap:12px}
  .neoNav{min-height:104px}.neoHeadline h1{font-size:clamp(42px,12vw,58px);line-height:.95}.neoHeadline p{font-size:12px}.neoActions{margin-top:17px}
  .neoHero .worldStage{height:335px}.neoHero .worldAsset{width:310px;height:310px}.neoHero .worldStage:before{width:330px}.neoHero .worldRings{width:350px}.neoHero .worldSweep{width:270px}
  .worldSelector{height:auto;min-height:56px}.worldSelector button{min-height:52px}
}
@media(max-width:430px){.neoHero{padding-top:116px}.neoHeadline h1{font-size:42px}.neoHero .worldStage{height:300px}.neoHero .worldAsset{width:285px;height:285px}.neoActions a{min-height:43px}}
/* Text-only world navigation — no Learn / Apply / Perform bubbles */
.worldSelector{height:48px;min-height:48px;gap:26px;padding-top:0;border-top:1px solid rgba(255,255,255,.14)}
.worldSelector button{position:relative;display:flex;min-height:48px;padding:10px 0 8px;border:0;border-radius:0;background:transparent;box-shadow:none;align-items:center;justify-content:flex-start;text-align:left}
.worldSelector button:hover,.worldSelector button.active{transform:none;border:0;background:transparent;box-shadow:none}
.worldSelector button:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:var(--scene-primary);transition:right .3s ease}
.worldSelector button:hover:after{right:55%}.worldSelector button.active:after{right:0;box-shadow:0 0 16px rgba(var(--scene-rgb),.5)}
.worldSelector button small{display:block;color:#7898a1;font-size:8px;font-weight:850;letter-spacing:.12em;transition:color .25s ease}
.worldSelector button:hover small,.worldSelector button.active small{color:white}
.worldSelector button div,.worldSelector button strong,.worldSelector button>i{display:none!important}
@media(max-width:700px){.worldSelector{height:auto;min-height:45px;gap:13px}.worldSelector button{min-height:45px;padding-inline:0}.worldSelector button small{font-size:6.5px;letter-spacing:.08em}}

/* Collection film hero */
.collectionFilmHero{--scene-primary:#63e5d3;position:relative;width:100%;overflow:hidden;isolation:isolate;background:#03131d;box-shadow:0 38px 110px rgba(3,22,32,.2)}
.collectionFilmHero .neoNav{z-index:5;background:linear-gradient(180deg,rgba(2,17,25,.9),rgba(2,17,25,.46) 68%,transparent);border-bottom-color:rgba(255,255,255,.12)}
.collectionFilmFrame{position:relative;width:100%;height:clamp(500px,calc(100svh - 80px),900px);display:grid;place-items:center;background:linear-gradient(90deg,#f4f5e9 0%,#eef8ed 62%,#e6faf3 100%)}
.collectionFilmViewport{position:relative;height:min(100%,56.25vw);aspect-ratio:16/9;max-width:100%;overflow:hidden}
.collectionFilmFrame video{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;background:transparent;filter:none!important;transform:translateZ(0);backface-visibility:hidden}
.collectionFilmShade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,14,21,.18) 0,transparent 22%,transparent 70%,rgba(2,14,21,.58) 100%)}
.collectionFilmCta{position:absolute;z-index:3;left:max(24px,4.8%);bottom:20px;min-height:52px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:linear-gradient(135deg,#f6d160,#f2bd43);color:#061822;font-size:10px;font-weight:900;letter-spacing:.04em;box-shadow:0 15px 38px rgba(3,20,29,.28),0 10px 30px rgba(215,164,39,.18)}
.collectionFilmCta:hover{transform:translateY(-3px);background:linear-gradient(135deg,#ffe17c,#f5c652);box-shadow:0 20px 46px rgba(3,20,29,.33),0 14px 34px rgba(215,164,39,.25)}
@media(max-width:700px){.collectionFilmFrame{height:clamp(360px,calc(100svh - 104px),620px)}.collectionFilmViewport{width:100%;height:auto;aspect-ratio:16/9}.collectionFilmHero .neoNav{background:linear-gradient(180deg,rgba(2,17,25,.96),rgba(2,17,25,.58) 75%,transparent)}.collectionFilmCta{left:18px;right:18px;bottom:12px;min-height:44px}.collectionFilmShade{background:linear-gradient(180deg,rgba(2,14,21,.08),transparent 50%,rgba(2,14,21,.36) 100%)}}
@media(prefers-reduced-motion:reduce){.collectionFilmFrame video{display:none}.collectionFilmFrame{background:#eef8ed url('/assets/images/home/collection/serene-landscape.webp') center/cover no-repeat}}

/* Native, lossless collection hero — V18 */
.collectionFilmHero{background:#eef5e9;box-shadow:0 34px 90px rgba(3,31,35,.16)}
.collectionFilmHero .neoNav{position:absolute;inset:0 0 auto;z-index:100;background:linear-gradient(180deg,rgba(3,28,34,.82),rgba(3,28,34,.54) 74%,transparent);border-bottom-color:rgba(255,255,255,.2)}
.nativeCollectionFrame{position:relative;width:100vw;max-width:none;height:clamp(610px,100svh,940px);overflow:hidden;isolation:isolate;background:#eef6ec}
.nativeHeroLandscape{position:absolute;inset:0;z-index:-5;background:url('/assets/images/home/collection/serene-landscape.webp') center/cover no-repeat;transform:scale(1.01);animation:nativeLandscapeDrift 18s ease-in-out infinite alternate}
.nativeHeroGradient{position:absolute;inset:0;z-index:-4;pointer-events:none;background:linear-gradient(90deg,rgba(251,249,240,.985) 0%,rgba(249,249,240,.96) 30%,rgba(237,246,235,.82) 42%,rgba(209,237,221,.42) 56%,rgba(5,45,45,.12) 72%,rgba(2,31,36,.42) 100%),linear-gradient(180deg,rgba(245,248,238,.18),transparent 60%,rgba(3,31,35,.2))}
.nativeHeroCopyWrap{position:absolute;z-index:60;left:max(34px,4.8vw);top:clamp(145px,18vh,190px);width:min(42vw,570px);perspective:1000px}
.nativeHeroCopy{transform-origin:left center;animation:nativePageTurn .72s cubic-bezier(.2,.78,.22,1) both}.nativeHeroCopy.nativeCopyTurning{animation:nativePageTurn .72s cubic-bezier(.2,.78,.22,1) both}
.nativeHeroCopy>span{display:block;margin-bottom:26px;color:#078e91;font-size:10px;font-weight:900;letter-spacing:.25em}
.nativeHeroCopy h1{max-width:580px;margin:0;color:#062b3b;font-size:clamp(46px,4.8vw,74px);font-weight:850;line-height:.94;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 1px rgba(255,255,255,.7)}
.nativeHeroCopy i{display:block;width:76px;height:5px;margin:26px 0;border-radius:9px;background:linear-gradient(90deg,#0aa6a6,#f3bd42)}
.nativeHeroCopy p{max-width:460px;margin:0;color:#3e5c63;font-size:clamp(15px,1.25vw,19px);font-weight:520;line-height:1.58;text-shadow:0 1px rgba(255,255,255,.65)}
.nativeHeroScene{position:absolute;z-index:10;inset:86px 0 0 auto;width:60%;height:calc(100% - 86px);overflow:hidden;transform-style:preserve-3d;contain:layout paint}
.nativeWisdomTree{position:absolute;z-index:20;left:52%;bottom:-1%;width:auto;height:93%;max-width:none;object-fit:contain;transform:translateX(-50%);filter:none!important;box-shadow:none!important;pointer-events:none;user-select:none}
.nativeCollectionBook{position:absolute;left:0;top:0;width:clamp(118px,10.2vw,174px);aspect-ratio:.706;transform-origin:center;transform-style:preserve-3d;will-change:transform,opacity;backface-visibility:hidden;pointer-events:none;filter:none!important;box-shadow:none!important}
.nativeCollectionBook img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;border:1px solid rgba(255,255,255,.62);border-radius:1px 4px 4px 1px;backface-visibility:hidden;image-rendering:auto;filter:none!important;box-shadow:none!important}
.nativeCollectionBook>span{position:absolute;z-index:-1;left:-7px;top:2px;width:10px;height:calc(100% - 4px);border:1px solid rgba(255,255,255,.45);border-right:0;background:linear-gradient(90deg,#052b43,#0a6570 75%,#0d8290);transform:skewY(-10deg);transform-origin:right center;filter:none!important;box-shadow:none!important}
.nativeOrbitRing{position:absolute;z-index:5;left:52%;top:43%;border:1px solid rgba(255,255,255,.3);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) rotate(-5deg)}
.nativeOrbitRingOne{width:74%;height:36%}.nativeOrbitRingTwo{width:62%;height:29%;border-style:dashed;opacity:.5;animation:nativeRingPulse 5s ease-in-out infinite}
.nativeParticle{position:absolute;z-index:6;width:5px;height:5px;border-radius:50%;background:#f5c34d;box-shadow:0 0 12px rgba(245,195,77,.65);animation:nativeParticleFloat 6s ease-in-out infinite}.nativeParticle.p1{left:18%;top:30%}.nativeParticle.p2{left:77%;top:20%;animation-delay:-1.8s;background:#59d9c9}.nativeParticle.p3{left:84%;top:62%;animation-delay:-3.4s}.nativeParticle.p4{left:31%;top:73%;animation-delay:-4.6s;background:#59d9c9}
.nativeHeroCta{z-index:80;left:max(34px,4.8vw);bottom:clamp(24px,5vh,48px);box-shadow:none}.nativeHeroCta:hover{box-shadow:none}
@keyframes nativePageTurn{0%{opacity:0;transform:translateX(-24px) rotateY(-18deg)}52%{opacity:.72}100%{opacity:1;transform:translateX(0) rotateY(0)}}
@keyframes nativeLandscapeDrift{from{transform:scale(1.01) translate3d(0,0,0)}to{transform:scale(1.035) translate3d(-.45%,0,0)}}
@keyframes nativeRingPulse{0%,100%{opacity:.28;transform:translate(-50%,-50%) rotate(-5deg) scale(.99)}50%{opacity:.62;transform:translate(-50%,-50%) rotate(-5deg) scale(1.015)}}
@keyframes nativeParticleFloat{0%,100%{transform:translate3d(0,0,0);opacity:.35}50%{transform:translate3d(9px,-18px,0);opacity:1}}
@media(max-width:980px){.nativeHeroCopyWrap{width:44vw;top:150px}.nativeHeroCopy h1{font-size:clamp(40px,5.3vw,58px)}.nativeHeroScene{width:61%}.nativeCollectionBook{width:clamp(100px,11vw,138px)}}
@media(max-width:700px){.nativeCollectionFrame{height:820px}.nativeHeroLandscape{background-position:62% center}.nativeHeroGradient{background:linear-gradient(180deg,rgba(251,249,240,.98) 0%,rgba(247,248,238,.94) 39%,rgba(220,239,225,.54) 59%,rgba(3,38,42,.3) 100%)}.nativeHeroCopyWrap{left:20px;right:20px;top:126px;width:auto}.nativeHeroCopy>span{margin-bottom:15px;font-size:8px}.nativeHeroCopy h1{max-width:520px;font-size:clamp(35px,10.5vw,50px)}.nativeHeroCopy i{width:54px;height:4px;margin:16px 0}.nativeHeroCopy p{max-width:430px;font-size:14px}.nativeHeroScene{inset:auto 0 54px 0;width:100%;height:55%}.nativeWisdomTree{left:54%;height:96%}.nativeOrbitRing{left:54%}.nativeCollectionBook{width:104px}.nativeHeroCta{left:18px;right:18px;bottom:14px;min-height:44px}.collectionFilmHero .neoNav{min-height:104px}}
@media(max-width:430px){.nativeCollectionFrame{height:760px}.nativeHeroCopyWrap{top:118px}.nativeHeroCopy h1{font-size:35px}.nativeHeroCopy p{font-size:13px}.nativeHeroScene{bottom:50px;height:51%}.nativeCollectionBook{width:92px}}
@media(prefers-reduced-motion:reduce){.nativeHeroLandscape,.nativeOrbitRingTwo,.nativeParticle{animation:none}.nativeHeroCopy{animation:none}.nativeCollectionBook{will-change:auto}}
/* Decorated light canvas for the public storefront — V15 */
.immersivePublicHome{
  position:relative;
  background-color:#f3f2e8;
  background-image:
    linear-gradient(180deg,#061822 0 100svh,transparent calc(100svh + 1px)),
    radial-gradient(circle at 5% calc(100svh + 340px),rgba(17,184,177,.2),transparent 430px),
    radial-gradient(circle at 98% calc(100svh + 1180px),rgba(243,201,87,.18),transparent 480px),
    radial-gradient(circle at 2% calc(100svh + 2250px),rgba(255,117,104,.1),transparent 420px),
    linear-gradient(rgba(7,68,80,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,68,80,.035) 1px,transparent 1px),
    linear-gradient(180deg,#faf7ef,#eff5ed 58%,#f7f1e6);
  background-size:auto,auto,auto,auto,42px 42px,42px 42px,auto;
  background-position:0 0,0 0,0 0,0 0,0 100svh,0 100svh,0 0;
}
.pathSection,.academySystem{position:relative;z-index:2;isolation:isolate}
.pathSection:before{content:"";position:absolute;z-index:-1;width:360px;height:360px;right:-165px;top:55px;border:1px solid rgba(17,184,177,.2);border-radius:50%;box-shadow:0 0 0 42px rgba(17,184,177,.045),0 0 0 98px rgba(17,184,177,.025);background:radial-gradient(circle at 36% 34%,rgba(99,229,211,.11),transparent 58%)}
.pathSection:after{content:"";position:absolute;z-index:-1;width:340px;height:340px;left:-190px;bottom:-95px;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 21px,rgba(6,64,76,.095) 22px 23px);-webkit-mask-image:linear-gradient(120deg,transparent 7%,black 48%,transparent 91%);mask-image:linear-gradient(120deg,transparent 7%,black 48%,transparent 91%);opacity:.72}
.academySystem:before{content:"NUTRIMASTER";position:absolute;z-index:-1;right:-26px;top:20px;color:transparent;-webkit-text-stroke:1px rgba(7,68,80,.08);font-family:var(--font-display),sans-serif;font-size:clamp(72px,12vw,170px);font-weight:900;letter-spacing:-.07em;line-height:1;white-space:nowrap;transform:rotate(-3deg)}
.academySystem:after{content:"";position:absolute;z-index:-1;left:5%;right:5%;top:52%;height:1px;background:linear-gradient(90deg,transparent,rgba(17,184,177,.22),rgba(243,201,87,.2),transparent)}
.pathCards,.immersiveSectionHead,.systemTrack{position:relative;z-index:2}
.pathCard,.systemTrack article{box-shadow:0 22px 60px rgba(5,31,44,.1)}
.featuredExperience{z-index:3}
.featuredExperience:after{content:"";position:absolute;z-index:-1;width:330px;height:330px;right:-150px;bottom:-150px;border-radius:50%;border:1px solid rgba(243,201,87,.18);box-shadow:0 0 0 40px rgba(243,201,87,.035),0 0 0 88px rgba(243,201,87,.018)}
@media(max-width:700px){
  .immersivePublicHome{background-size:auto,auto,auto,auto,34px 34px,34px 34px,auto}
  .pathSection:before{width:250px;height:250px;right:-170px;top:90px}.pathSection:after{width:240px;height:240px;left:-160px;bottom:-40px}
  .academySystem:before{right:-10px;top:45px;font-size:70px}.academySystem:after{left:0;right:0}
}