.howItWorksPremiumPage{background:#f5f1e8;color:#0b313c}
.howItWorksPremiumPage .storeFooter{margin-top:0}
.hiwShell{width:min(1440px,calc(100% - 46px));margin:0 auto;padding:26px 0 64px}
.hiwHero{position:relative;min-height:520px;border-radius:34px;overflow:hidden;padding:68px 72px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);align-items:center;gap:42px;background:radial-gradient(circle at 79% 42%,rgba(255,210,99,.16),transparent 31%),linear-gradient(135deg,#082f3c 0%,#0b3b47 51%,#092e39 100%);box-shadow:0 26px 75px rgba(8,47,60,.17);isolation:isolate}
.hiwHero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 4%,#000 45%,#000 100%);z-index:-1}
.hiwHeroGlow{position:absolute;border-radius:999px;filter:blur(18px);opacity:.55;pointer-events:none;z-index:-1}.hiwHeroGlowOne{width:310px;height:310px;background:rgba(255,210,99,.11);right:7%;top:14%}.hiwHeroGlowTwo{width:220px;height:220px;background:rgba(98,201,191,.08);right:30%;bottom:-7%}
.hiwEyebrow,.hiwSectionEyebrow{display:block;font-size:12px;letter-spacing:.19em;font-weight:800;text-transform:uppercase}.hiwEyebrow{color:#ffd263;margin-bottom:18px}.hiwHeroCopy h1{margin:0;max-width:700px;color:#fff;font-size:clamp(43px,4.5vw,72px);line-height:.98;letter-spacing:-.048em}.hiwHeroCopy h1 em{font-style:normal;color:#ffd263}.hiwHeroCopy>p{max-width:720px;margin:26px 0 0;color:rgba(255,255,255,.77);font-size:18px;line-height:1.68}.hiwHeroPills{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:34px}.hiwHeroPills span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}.hiwHeroPills i{color:#ffd263;font-style:normal;font-weight:900}
.hiwHeroVisual{position:relative;width:min(100%,500px);aspect-ratio:1/1;margin:auto;display:grid;place-items:center;transform-style:preserve-3d}.hiwOrbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;animation:hiwSpin 32s linear infinite}.hiwOrbitOuter{width:88%;height:88%;box-shadow:0 0 0 1px rgba(255,210,99,.03),inset 0 0 60px rgba(255,210,99,.035)}.hiwOrbitInner{width:61%;height:61%;border-style:dashed;animation-direction:reverse;animation-duration:24s}.hiwCore{position:relative;width:180px;height:180px;border-radius:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff9eb,#f1dfad);box-shadow:0 38px 80px rgba(0,0,0,.28),0 0 55px rgba(255,210,99,.15);transform:rotate(-5deg);animation:hiwFloat 5.5s ease-in-out infinite}.hiwCore:before{content:"";position:absolute;inset:13px;border:1px solid rgba(8,47,60,.12);border-radius:34px}.hiwCore span{font-size:62px;line-height:.9;font-weight:900;color:#082f3c;letter-spacing:-.07em}.hiwCore small{margin-top:10px;color:#466069;font-weight:900;letter-spacing:.18em;text-align:center;line-height:1.35}.hiwNode{position:absolute;padding:10px 14px;border-radius:999px;background:#f9f4e8;color:#0b313c;font-size:11px;font-weight:900;letter-spacing:.12em;box-shadow:0 12px 24px rgba(0,0,0,.16)}.hiwNode:before{content:"";width:7px;height:7px;border-radius:50%;background:#ffd263;display:inline-block;margin-right:7px}.hiwNodeLearn{top:6%;left:34%}.hiwNodeCheck{right:-1%;top:38%}.hiwNodeApply{bottom:9%;right:23%}.hiwNodeTrack{left:-2%;bottom:27%}
@keyframes hiwSpin{to{transform:rotate(360deg)}}@keyframes hiwFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(-2deg)}}
.hiwIntro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;padding:84px 16px 38px}.hiwSectionEyebrow{color:#b87b10;margin-bottom:10px}.hiwIntro h2,.hiwSystemCopy h2,.hiwEverydayLead h2,.hiwFaqHead h2,.hiwFinal h2{font-size:clamp(32px,3vw,50px);line-height:1.04;letter-spacing:-.04em;margin:0;color:#082f3c}.hiwIntro>p,.hiwSystemCopy>p,.hiwEverydayLead>p{margin:0;color:#607177;line-height:1.72;font-size:16px}
.hiwJourney{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0 16px 82px}.hiwJourneyRail{position:absolute;left:6%;right:6%;top:35px;height:2px;background:#ded8cb;z-index:0}.hiwJourneyRail span{display:block;width:20%;height:100%;background:linear-gradient(90deg,#082f3c,#dcae3d);transition:width .45s ease}.hiwStep{position:relative;z-index:1;border:1px solid #ddd6c8;border-radius:24px;background:rgba(255,255,255,.74);overflow:hidden;box-shadow:0 12px 35px rgba(16,49,57,.055);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.hiwStep:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(16,49,57,.09)}.hiwStep.is-active{border-color:rgba(8,47,60,.34);background:#fff}.hiwStepHead{width:100%;appearance:none;border:0;background:transparent;text-align:left;padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;color:inherit;cursor:pointer}.hiwStepHead>b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#082f3c;color:#fff;font-size:11px;box-shadow:0 7px 18px rgba(8,47,60,.2)}.hiwStep.is-active .hiwStepHead>b{background:#ffd263;color:#082f3c}.hiwStepHead span{display:block;padding-top:2px}.hiwStepHead small{display:block;color:#b27a18;font-weight:900;letter-spacing:.13em;font-size:10px;margin-bottom:6px}.hiwStepHead strong{display:block;font-size:16px;line-height:1.25}.hiwStepHead>i{font-style:normal;font-size:24px;line-height:1;color:#8c999d;transition:transform .2s ease}.hiwStep.is-active .hiwStepHead>i{transform:rotate(45deg);color:#082f3c}.hiwStepBody{padding:0 18px 19px}.hiwStepBody p{margin:2px 0 15px;color:#607177;line-height:1.6;font-size:13px}.hiwStepSignal{border-top:1px solid #ebe6db;padding-top:13px}.hiwStepSignal span{display:block;color:#a4782b;font-weight:900;letter-spacing:.13em;font-size:9px;margin-bottom:4px}.hiwStepSignal strong{font-size:12px;line-height:1.45;color:#183f49}
.hiwSystemMap{margin:0 16px 82px;padding:48px;border-radius:30px;background:#fff;border:1px solid #ddd6c8;box-shadow:0 18px 50px rgba(16,49,57,.065)}.hiwSystemCopy{display:grid;grid-template-columns:.95fr 1.05fr;column-gap:70px;align-items:end;margin-bottom:34px}.hiwSystemCopy .hiwSectionEyebrow{grid-column:1}.hiwSystemCopy h2{grid-column:1}.hiwSystemCopy>p{grid-column:2;grid-row:1/3}.hiwMap{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.08fr;gap:12px;align-items:stretch}.hiwMapCard{min-height:142px;padding:20px;border-radius:20px;background:#f7f3ea;border:1px solid #e3ddcf;display:flex;flex-direction:column;justify-content:flex-end}.hiwMapCard small{align-self:flex-start;margin-bottom:auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#a87825;font-weight:900}.hiwMapCard span{font-size:10px;color:#a87825;font-weight:900;letter-spacing:.13em;margin-bottom:6px}.hiwMapCard strong{font-size:15px;color:#173e48;line-height:1.35}.hiwMapResult{background:linear-gradient(145deg,#082f3c,#0d4450);border-color:#082f3c}.hiwMapResult small{background:#ffd263;color:#082f3c}.hiwMapResult span{color:#ffd263}.hiwMapResult strong{color:#fff}.hiwMapLink{display:grid;place-items:center;font-size:23px;font-weight:800;color:#bf9b50}
.hiwEveryday{padding:0 16px 84px}.hiwEverydayLead{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end;margin-bottom:30px}.hiwEverydayLead .hiwSectionEyebrow,.hiwEverydayLead h2{grid-column:1}.hiwEverydayLead>p{grid-column:2;grid-row:1/3}.hiwRoleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hiwRoleGrid article{position:relative;min-height:235px;padding:26px;border-radius:24px;background:#fff;border:1px solid #ddd6c8;box-shadow:0 12px 34px rgba(16,49,57,.05);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.hiwRoleGrid article:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(16,49,57,.09)}.hiwRoleGrid article:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;top:-55px;background:rgba(255,210,99,.09)}.hiwRoleGrid i{width:42px;height:42px;border-radius:14px;background:#eef4f3;color:#0b515a;display:grid;place-items:center;font-style:normal;font-weight:900;margin-bottom:28px}.hiwRoleGrid small{display:block;color:#b07b20;font-size:10px;font-weight:900;letter-spacing:.13em}.hiwRoleGrid h3{margin:7px 0 10px;font-size:20px;letter-spacing:-.025em}.hiwRoleGrid p{margin:0;color:#68777c;line-height:1.6;font-size:14px}
.hiwFaq{margin:0 16px 82px;display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;padding:52px;border-radius:30px;background:#0a3541;color:#fff}.hiwFaq .hiwSectionEyebrow{color:#ffd263}.hiwFaqHead h2{color:#fff}.hiwFaqList{display:grid;gap:10px}.hiwFaq details{border-bottom:1px solid rgba(255,255,255,.12);padding:0 0 10px}.hiwFaq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:10px 0;font-weight:800;font-size:15px}.hiwFaq summary::-webkit-details-marker{display:none}.hiwFaq summary span{font-size:22px;color:#ffd263;transition:transform .18s ease}.hiwFaq details[open] summary span{transform:rotate(45deg)}.hiwFaq details p{margin:0 36px 9px 0;color:rgba(255,255,255,.7);line-height:1.62;font-size:14px}
.hiwFinal{margin:0 16px;padding:44px 48px;border-radius:30px;background:linear-gradient(135deg,#f4e4b6,#fff5da);border:1px solid #e8d49d;display:flex;align-items:center;justify-content:space-between;gap:40px}.hiwFinal h2{max-width:770px;font-size:clamp(29px,3vw,46px)}.hiwFinal p{max-width:720px;color:#607177;line-height:1.62;margin:14px 0 0}.hiwPrimaryCta{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;text-decoration:none;background:#082f3c;color:#fff!important;padding:15px 20px;border-radius:14px;font-weight:900;box-shadow:0 12px 28px rgba(8,47,60,.2);transition:transform .18s ease,box-shadow .18s ease}.hiwPrimaryCta:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(8,47,60,.26)}.hiwPrimaryCta span{color:#ffd263;font-size:18px}
@media(max-width:1180px){.hiwHero{grid-template-columns:1fr .75fr;padding:56px 46px}.hiwJourney{grid-template-columns:1fr 1fr}.hiwJourneyRail{display:none}.hiwRoleGrid{grid-template-columns:1fr 1fr}.hiwMap{grid-template-columns:1fr 1fr}.hiwMapLink{display:none}.hiwMapResult{grid-column:1/-1}.hiwSystemCopy,.hiwEverydayLead{grid-template-columns:1fr;gap:16px}.hiwSystemCopy .hiwSectionEyebrow,.hiwSystemCopy h2,.hiwSystemCopy>p,.hiwEverydayLead .hiwSectionEyebrow,.hiwEverydayLead h2,.hiwEverydayLead>p{grid-column:1;grid-row:auto}}
@media(max-width:820px){.hiwShell{width:min(100% - 22px,760px);padding-top:12px}.hiwHero{grid-template-columns:1fr;min-height:0;padding:42px 28px 30px}.hiwHeroVisual{width:min(84vw,390px);margin-top:10px}.hiwIntro{grid-template-columns:1fr;gap:17px;padding:58px 4px 28px}.hiwJourney{grid-template-columns:1fr;padding:0 4px 58px}.hiwSystemMap{margin:0 4px 60px;padding:30px 22px}.hiwMap{grid-template-columns:1fr}.hiwMapResult{grid-column:auto}.hiwEveryday{padding:0 4px 60px}.hiwRoleGrid{grid-template-columns:1fr}.hiwFaq{margin:0 4px 60px;grid-template-columns:1fr;gap:30px;padding:32px 24px}.hiwFinal{margin:0 4px;padding:32px 24px;align-items:flex-start;flex-direction:column}.hiwPrimaryCta{width:100%;justify-content:center}}
@media(max-width:520px){.hiwHero{border-radius:24px;padding:34px 20px 24px}.hiwHeroCopy h1{font-size:40px}.hiwHeroCopy>p{font-size:15px}.hiwHeroPills{gap:6px}.hiwHeroPills span{font-size:9px;padding:8px 9px}.hiwHeroPills i{display:none}.hiwHeroVisual{width:300px;max-width:100%}.hiwCore{width:132px;height:132px;border-radius:30px}.hiwCore span{font-size:45px}.hiwNode{font-size:8px;padding:8px 10px}.hiwSystemMap,.hiwFaq,.hiwFinal{border-radius:24px}.hiwIntro h2,.hiwSystemCopy h2,.hiwEverydayLead h2,.hiwFaqHead h2,.hiwFinal h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.hiwOrbit,.hiwCore{animation:none!important}.hiwStep,.hiwRoleGrid article,.hiwPrimaryCta{transition:none!important}}