/* Weary24x7 homepage — cinematic motion layer. Loaded after site.css when body.home-brand. */
body.home-brand main{max-width:none;padding:0}
body.home-brand main > section + section{margin-top:0}
.w24-shell{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}

/* buttons */
.w24-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:56px;padding:0 1.7rem;border:1px solid transparent;border-radius:999px;font:650 1rem/1 var(--sans);text-decoration:none;white-space:nowrap;overflow:hidden;isolation:isolate;transition:background .2s,transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s}
.w24-btn span[aria-hidden]{transition:transform .25s}
.w24-btn:hover span[aria-hidden]{transform:translateX(4px)}
.w24-btn-primary{background:linear-gradient(135deg,#5E9142,var(--olive) 55%,#3D6329);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 30px rgba(78,123,53,.4)}
.w24-btn-primary::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);animation:w24-sheen 4.5s ease-in-out infinite}
.w24-btn-primary:hover{color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 14px 40px rgba(78,123,53,.55)}
.w24-btn-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(8px)}
.w24-btn-ghost:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.6);color:#fff}
.w24-btn-secondary{background:var(--paper);border-color:var(--line-strong);color:var(--navy)}
.w24-play{display:grid;place-items:center;width:26px;height:26px;padding-left:2px;border-radius:50%;background:#fff;color:var(--navy);font-size:10px}
@keyframes w24-sheen{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* eyebrow + headings */
.w24-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1rem;font:700 .76rem/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--olive-dark)}
.w24-eyebrow::before{content:"";width:28px;height:2px;border-radius:2px;background:currentColor}
.w24-eyebrow-dark{color:#A9C97E}
.w24-home-section{padding:clamp(72px,10vw,128px) 0}
.w24-section-heading{max-width:720px;margin:0 auto clamp(36px,5vw,60px);text-align:center}
.w24-section-heading .w24-eyebrow{justify-content:center}
.w24-section-heading h2{font-size:clamp(2rem,1.2rem + 2.8vw,3.4rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 .6rem;text-wrap:balance}
.w24-section-heading p{font-size:1.12rem;color:var(--muted);margin:0}

/* ── hero ───────────────────────────────────────────────────────────── */
.hx{position:relative;overflow:hidden;overflow:clip;margin-top:calc(-1 * var(--hdr));padding-top:var(--hdr);background:radial-gradient(120% 70% at 50% 0%,#12325E 0%,var(--navy-deep) 55%,#051429 100%);color:#fff;isolation:isolate}
.hx-aurora{position:absolute;inset:-20%;z-index:-2;filter:blur(70px);opacity:.85}
.hx-aurora span{position:absolute;border-radius:50%;mix-blend-mode:screen;animation:hx-drift 18s ease-in-out infinite alternate}
.hx-aurora span:nth-child(1){width:46vw;height:46vw;left:48%;top:4%;background:radial-gradient(circle,rgba(94,145,66,.7),transparent 65%)}
.hx-aurora span:nth-child(2){width:38vw;height:38vw;left:8%;top:22%;background:radial-gradient(circle,rgba(189,167,106,.5),transparent 65%);animation-duration:23s;animation-delay:-6s}
.hx-aurora span:nth-child(3){width:40vw;height:40vw;left:34%;top:52%;background:radial-gradient(circle,rgba(56,112,190,.6),transparent 65%);animation-duration:27s;animation-delay:-12s}
@keyframes hx-drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-8vw,6vh,0) scale(1.15)}100%{transform:translate3d(6vw,-5vh,0) scale(.92)}}
.hx-stars{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(1.5px 1.5px at 12% 18%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 28% 62%,rgba(255,255,255,.55),transparent),radial-gradient(1.5px 1.5px at 44% 9%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 63% 34%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 78% 14%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 91% 48%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 6% 44%,rgba(255,255,255,.45),transparent),radial-gradient(1.5px 1.5px at 54% 26%,rgba(255,255,255,.5),transparent);animation:hx-twinkle 5s ease-in-out infinite alternate}
@keyframes hx-twinkle{to{opacity:.35}}
.hx-grid-lines{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse 60% 45% at 50% 30%,#000 15%,transparent 75%);mask-image:radial-gradient(ellipse 60% 45% at 50% 30%,#000 15%,transparent 75%);animation:hx-grid 24s linear infinite}
@keyframes hx-grid{to{background-position:72px 72px,72px 72px}}
.hx::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(700px circle at var(--mx,50%) var(--my,25%),rgba(255,255,255,.07),transparent 60%)}
.hx-inner{width:100%;max-width:calc(1280px + 2 * var(--gutter));margin:0 auto;padding:clamp(56px,9vw,120px) var(--gutter) 0;display:flex;flex-direction:column;align-items:center;text-align:center}
.hx-copy{display:flex;flex-direction:column;align-items:center;max-width:1100px}
.hx-kicker{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.8rem;padding:.5rem 1rem .5rem .8rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);font:600 .85rem/1.2 var(--sans);color:rgba(255,255,255,.9)}
.hx-pulse{position:relative;width:9px;height:9px;border-radius:50%;background:#8EC05F}
.hx-pulse::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #8EC05F;animation:hx-ping 2s cubic-bezier(0,0,.2,1) infinite}
@keyframes hx-ping{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.6);opacity:0}}
.hx h1{color:#fff;font-size:clamp(2.7rem,.9rem + 6.4vw,7.4rem);line-height:.98;letter-spacing:-.032em;font-weight:600;margin:0 0 1.6rem;text-wrap:balance}
.hx h1 em{display:block;font-style:italic;font-weight:400;background:linear-gradient(100deg,#A9D17C 0%,#E7D28F 40%,#A9D17C 80%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hx-shimmer 6s linear infinite;padding-bottom:.1em}
.hx h1 em .w{background:inherit;background-size:inherit;-webkit-background-clip:text;background-clip:text;color:transparent;animation:inherit}
@keyframes hx-shimmer{to{background-position:-200% center}}
.hx-lede{max-width:46ch;font-size:clamp(1.08rem,.98rem + .5vw,1.4rem);line-height:1.55;color:rgba(255,255,255,.78);margin:0}
.hx-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:2.4rem 0 1.6rem}
.hx-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;list-style:none;margin:0;padding:0}
.hx-benefits li{display:flex;align-items:center;gap:.55rem;font-size:.92rem;font-weight:500;color:rgba(255,255,255,.72)}
.hx-benefits li::before{content:"";width:16px;height:16px;border-radius:50%;background:#A9D17C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8 3 3 5-6' fill='none' stroke='%23071D3A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}

/* split-text + staged intro */
.js-motion [data-split] .w{display:inline-block;opacity:0;transform:translateY(.55em) rotate(2deg);filter:blur(10px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),filter .9s;transition-delay:calc(var(--i) * 60ms + 150ms)}
.js-motion [data-split].in .w{opacity:1;transform:none;filter:none}
.js-motion [data-intro]{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--intro,1) * 180ms + 400ms)}
.js-motion [data-intro].in{opacity:1;transform:none}
.hx-kicker[data-intro]{--intro:0}.hx-lede[data-intro]{--intro:3}.hx-actions[data-intro]{--intro:4}.hx-benefits[data-intro]{--intro:5}.hx-stage[data-intro]{--intro:5.5}

/* hero stage: product window that flattens as you scroll */
.hx-stage{position:relative;width:100%;max-width:1080px;margin:clamp(56px,7vw,88px) auto 0;perspective:1600px}
.hx-stage::after{content:"";position:absolute;left:-10%;right:-10%;bottom:0;z-index:4;height:90px;background:linear-gradient(transparent,#051429);pointer-events:none}
.hx-horizon{position:absolute;left:50%;top:-12%;z-index:0;width:150%;aspect-ratio:2.4;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(142,192,95,.35),rgba(56,112,190,.18) 60%,transparent);filter:blur(30px);pointer-events:none}
.hx-window{--p:0;position:relative;z-index:2;border:1px solid rgba(255,255,255,.16);border-bottom:0;border-radius:24px 24px 0 0;background:linear-gradient(170deg,rgba(255,255,255,.13),rgba(255,255,255,.035));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -20px 120px rgba(94,145,66,.18),inset 0 1px 0 rgba(255,255,255,.22);overflow:hidden;transform-origin:50% 0;transform:rotateX(calc((1 - var(--p)) * 22deg)) scale(calc(.9 + var(--p) * .1));will-change:transform}
html:not(.js-motion) .hx-window{transform:none}
.hx-window::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(169,209,124,.6),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.hx-demo-bar{display:flex;align-items:center;gap:7px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18)}
.hx-demo-bar i{width:11px;height:11px;border-radius:50%;background:#FF5F57}.hx-demo-bar i:nth-child(2){background:#FEBC2E}.hx-demo-bar i:nth-child(3){background:#28C840}
.hx-demo-bar span{margin:0 auto;padding-right:50px;font:600 .8rem/1 var(--sans);color:rgba(255,255,255,.55)}
.hx-window-body{display:grid;grid-template-columns:230px 1fr;text-align:left}
.hx-side{display:flex;flex-direction:column;gap:4px;padding:22px 16px;border-right:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.12)}
.hx-side p{margin:0 0 .6rem .6rem;font:700 .68rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.hx-side span{padding:.65rem .75rem;border-radius:10px;font-size:.88rem;color:rgba(255,255,255,.68)}
.hx-side span.on{background:rgba(169,209,124,.16);color:#fff;box-shadow:inset 2px 0 0 #A9D17C}
.hx-demo{position:relative}
.hx-demo-body{display:flex;flex-direction:column;gap:12px;padding:26px 28px 40px;min-height:380px}
.msg{max-width:78%;padding:12px 15px;border-radius:16px;font-size:.95rem;line-height:1.45;transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.2,1)}
.msg-guide{align-self:flex-end;display:flex;flex-direction:column;gap:4px;background:#F7F1E1;color:var(--ink);border-bottom-right-radius:5px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.msg-guide small{font:700 .68rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--olive-dark)}
.msg-guide b{font:600 1.02rem/1.25 var(--serif);color:var(--navy)}
.msg-guide span{font:400 .8rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}
.msg-ai{align-self:flex-start;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.92);border-bottom-left-radius:5px}
.msg-me{align-self:flex-end;background:var(--olive);color:#fff;border-bottom-right-radius:5px}
.msg-result{background:linear-gradient(135deg,rgba(169,209,124,.25),rgba(231,210,143,.18));border-color:rgba(169,209,124,.45);font-weight:600}
.js-motion .hx-demo .msg{opacity:0;transform:translateY(14px) scale(.97)}
.js-motion .hx-demo .msg.show{opacity:1;transform:none}
.typing{display:inline-flex;gap:4px;padding:4px 2px}
.typing i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.7);animation:typing 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}
.hx-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:.5rem;padding:.7rem 1.05rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(9,30,58,.78);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.3);font:600 .85rem/1 var(--sans);color:#fff;white-space:nowrap;animation:hx-float 6s ease-in-out infinite}
@keyframes hx-float{50%{translate:0 -12px}}
.hx-chip b{color:#A9D17C}
.hx-chip-a{top:-22px;left:-40px;animation-delay:-1s}
.hx-chip-b{top:38%;right:-56px;animation-delay:-3s}
.hx-chip-c{top:62%;left:-64px;animation-delay:-2s}

/* ── marquee ────────────────────────────────────────────────────────── */
.mq{--skew:0deg;position:relative;padding:clamp(28px,4vw,48px) 0 30px;background:#051429;border-top:1px solid rgba(255,255,255,.08);overflow:hidden}
.mq::before,.mq::after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:12%;pointer-events:none}
.mq::before{left:0;background:linear-gradient(90deg,#051429,transparent)}
.mq::after{right:0;background:linear-gradient(270deg,#051429,transparent)}
.mq-row{display:flex;overflow:hidden}
.mq-row + .mq-row{margin-top:18px}
.mq-track{display:flex;flex:none;align-items:center;gap:12px;padding-right:12px;animation:mq 70s linear infinite}
.mq-big{transform:skewX(var(--skew));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.mq-big .mq-track{gap:0;padding-right:0;animation-duration:90s}
.mq-rev .mq-track{animation-direction:reverse;animation-duration:80s}
.mq:hover .mq-track{animation-play-state:paused}
.mq-word{flex:none;padding:0 .45em;font:500 clamp(2rem,1.2rem + 3vw,4.2rem)/1.1 var(--serif);letter-spacing:-.03em;color:#fff;white-space:nowrap}
.mq-word::after{content:"✦";display:inline-block;margin-left:.9em;font-size:.4em;vertical-align:middle;color:#A9D17C}
.mq-outline{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55);font-style:italic}
.mq-pill{flex:none;padding:.6rem 1.1rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);font:500 .9rem/1 var(--sans);color:rgba(255,255,255,.75);white-space:nowrap}
.mq-pill::before{content:"✦";margin-right:.6rem;color:#A9D17C}
@keyframes mq{to{transform:translateX(-50%)}}

/* ── statement (scroll-scrubbed words) ──────────────────────────────── */
.st{position:relative;padding:clamp(96px,14vw,200px) 0;background:linear-gradient(180deg,#051429,var(--navy-deep));color:#fff;overflow:hidden}
.st::before{content:"";position:absolute;left:50%;top:50%;width:70vw;height:70vw;translate:-50% -50%;background:radial-gradient(circle,rgba(94,145,66,.16),transparent 60%);pointer-events:none}
.st-inner{position:relative;max-width:calc(1100px + 2 * var(--gutter))}
.st-text{margin:0;font:500 clamp(1.8rem,1rem + 3.2vw,4rem)/1.15 var(--serif);letter-spacing:-.03em;color:#fff;text-wrap:pretty}
.st-text em{font-style:italic;color:#C9E3A8}
.js-motion .st-text .sw{opacity:.16;transition:opacity .25s linear}
.js-motion .st-text .sw.on{opacity:1}

/* ── categories (bento) ─────────────────────────────────────────────── */
.w24-cats{background:var(--cream)}
.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(220px,auto);gap:18px}
.bento-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;grid-column:span 2;padding:30px 28px 26px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(160deg,var(--paper) 30%,var(--tint));text-decoration:none;box-shadow:var(--shadow-sm);overflow:hidden;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.bento-xl{grid-column:span 4}
.bento-tall{grid-column:span 2}
.bento-card::before{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,0%),var(--tint),transparent 70%);opacity:0;transition:opacity .35s}
.bento-card::after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,currentColor,transparent 70%);opacity:.08;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s}
.bento-card:hover{box-shadow:0 30px 70px rgba(11,37,69,.14);border-color:currentColor}
.bento-card:hover::before{opacity:1}
.bento-card:hover::after{transform:scale(1.5);opacity:.14}
.bento-card > *{position:relative;z-index:1}
.w24-category-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:1.3rem;border-radius:16px;background:var(--tint);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.bento-card:hover .w24-category-icon{transform:translateZ(30px) scale(1.08) rotate(-4deg)}
.w24-category-icon svg{width:30px;height:30px;stroke-width:2}
.bento-card h3{font-size:clamp(1.3rem,1.1rem + .6vw,1.75rem);margin:0 0 .4rem;color:var(--navy)}
.bento-xl h3{font-size:clamp(1.6rem,1.2rem + 1.2vw,2.4rem)}
.bento-card p{font-size:.98rem;line-height:1.45;color:var(--muted);margin:0 0 1.2rem}
.bento-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 1.4rem;padding:0}
.bento-tags li{padding:.45rem .8rem;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:999px;background:rgba(255,255,255,.7);font-size:.84rem;font-weight:550;color:var(--ink);transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s}
.bento-card:hover .bento-tags li{background:#fff}
.bento-card:hover .bento-tags li:nth-child(odd){transform:translateY(-3px)}
.bento-card b{margin-top:auto;font-size:.95rem;font-weight:650;color:inherit}
.bento-card b span{display:inline-block;margin-left:.25rem;transition:transform .25s}
.bento-card:hover b span{transform:translateX(5px)}
.w24-cat-work{color:#1D4F91;--tint:#E3EDFA}
.w24-cat-home{color:#3F6C31;--tint:#E7F1DF}
.w24-cat-money{color:#9A6408;--tint:#FBEFD6}
.w24-cat-health{color:#74358F;--tint:#F3E6F8}
.w24-cat-learn{color:#0E6D82;--tint:#DDF1F5}

/* ── how it works (sticky scrollytelling) ───────────────────────────── */
.hiw{position:relative;overflow:hidden;overflow:clip;padding:clamp(80px,10vw,140px) 0;background:linear-gradient(180deg,var(--navy-deep),#0A2748);color:#fff;isolation:isolate}
.hiw-aurora{position:absolute;inset:0;z-index:-1;filter:blur(80px);opacity:.6}
.hiw-aurora span{position:absolute;border-radius:50%;animation:hx-drift 22s ease-in-out infinite alternate}
.hiw-aurora span:nth-child(1){width:40vw;height:40vw;left:-10%;top:10%;background:radial-gradient(circle,rgba(94,145,66,.55),transparent 65%)}
.hiw-aurora span:nth-child(2){width:36vw;height:36vw;right:-10%;bottom:0;background:radial-gradient(circle,rgba(56,112,190,.5),transparent 65%);animation-delay:-8s}
.hiw-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,6vw,96px);align-items:start}
.hiw-sticky{position:sticky;top:120px}
.hiw h2{color:#fff;font-size:clamp(2.1rem,1.2rem + 3vw,3.6rem);line-height:1.04;letter-spacing:-.035em;margin:0 0 2rem}
.hiw-counter{display:flex;align-items:baseline;gap:.4rem;font-family:var(--serif)}
.hiw-counter span{font-size:clamp(4.5rem,3rem + 5vw,8rem);line-height:1;font-weight:600;background:linear-gradient(135deg,#A9D17C,#E7D28F);-webkit-background-clip:text;background-clip:text;color:transparent;transition:opacity .3s}
.hiw-counter i{font-style:normal;font-size:1.4rem;color:rgba(255,255,255,.4)}
.hiw-rail{margin-top:1.5rem;height:3px;max-width:320px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}
.hiw-rail div{height:100%;width:100%;transform-origin:left;transform:scaleX(var(--p,.25));background:linear-gradient(90deg,#8EC05F,#E7D28F);transition:transform .15s linear}
.hiw-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(24px,4vh,40px)}
.hiw-step{position:relative;padding:32px 32px 30px 104px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.04);backdrop-filter:blur(6px);opacity:.45;transform:scale(.97);transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1),background .5s,border-color .5s}
html:not(.js-motion) .hiw-step{opacity:1;transform:none}
.hiw-step.is-active{opacity:1;transform:none;background:rgba(255,255,255,.08);border-color:rgba(169,209,124,.45);box-shadow:0 30px 80px rgba(0,0,0,.3)}
.hiw-icon{position:absolute;left:28px;top:30px;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(169,209,124,.15);color:#A9D17C;transition:transform .5s,background .5s}
.hiw-step.is-active .hiw-icon{background:#A9D17C;color:var(--navy-deep);transform:rotate(-6deg) scale(1.05)}
.hiw-icon svg{width:28px;height:28px;stroke-width:2}
.hiw-ai{font:800 1rem/1 var(--sans)}
.hiw-step h3{color:#fff;font-size:clamp(1.3rem,1.1rem + .6vw,1.65rem);margin:0 0 .5rem}
.hiw-step p{color:rgba(255,255,255,.72);font-size:1.03rem;margin:0}
.hiw-step::after{content:attr(data-step);position:absolute;right:26px;top:22px;font:600 .8rem/1 var(--sans);letter-spacing:.14em;color:rgba(255,255,255,.35)}

/* ── real life + stats ──────────────────────────────────────────────── */
.rl{background:var(--cream);overflow:hidden}
.rl-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(40px,7vw,96px);align-items:center}
.rl-photo{position:relative;margin:0}
.rl-photo::before{content:"";position:absolute;inset:-24px 24px 24px -24px;border-radius:32px;background:linear-gradient(135deg,var(--gold-soft),#E7F1DF);z-index:0}
.rl-photo-frame{position:relative;z-index:1;will-change:transform;border-radius:28px;overflow:hidden;box-shadow:0 40px 90px rgba(11,37,69,.22)}
.rl-photo img{display:block;width:100%;aspect-ratio:5/4.26;object-fit:cover;transform:scale(1.06)}
.rl-float{position:absolute;z-index:2;right:-24px;bottom:-28px;display:flex;flex-direction:column;gap:.45rem;min-width:220px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);box-shadow:0 24px 60px rgba(11,37,69,.18);font-size:.92rem;color:var(--ink);animation:hx-float 6s ease-in-out infinite}
.rl-float b{font:600 1rem/1.2 var(--serif);color:var(--navy);margin-bottom:.2rem}
.rl-float span{display:flex;align-items:center;gap:.55rem}
.rl-float span::before{content:"";flex:none;width:18px;height:18px;border:2px solid var(--line-strong);border-radius:6px}
.rl-float span.done{color:var(--muted);text-decoration:line-through}
.rl-float span.done::before{border-color:var(--olive);background:var(--olive) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8 3 3 5-6' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.rl-copy h2{font-size:clamp(2rem,1.2rem + 2.6vw,3.3rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 1rem}
.rl-copy > p{font-size:1.15rem;color:var(--muted);max-width:44ch}
.rl-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:2.2rem 0 0}
.rl-stats div{padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow-sm)}
.rl-stats dt{font:600 clamp(2rem,1.6rem + 1.4vw,2.8rem)/1 var(--serif);letter-spacing:-.03em;color:var(--navy)}
.rl-stats dd{margin:.45rem 0 0;font-size:.95rem;color:var(--muted)}

/* ── proof ──────────────────────────────────────────────────────────── */
.w24-proof{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.w24-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.w24-proof-grid article{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:start;padding:26px;background:var(--cream);border:1px solid var(--line);border-radius:22px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.w24-proof-grid article:hover{box-shadow:0 24px 60px rgba(11,37,69,.12)}
.w24-proof-grid img{width:88px;height:104px;object-fit:cover;border-radius:14px}
.w24-proof-grid .w24-use-case{margin:0 0 .7rem;font:italic 500 1.08rem/1.45 var(--serif);color:var(--navy)}
.w24-proof-grid small{font-size:.82rem;color:var(--subtle)}

/* ── pricing ────────────────────────────────────────────────────────── */
.w24-pricing{background:var(--cream)}
.w24-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;max-width:1080px;margin:0 auto}
.w24-price-card{position:relative;display:flex;flex-direction:column;padding:34px 30px 30px;background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.w24-price-card:hover{box-shadow:0 30px 70px rgba(11,37,69,.14)}
.w24-price-featured{border:0;background:radial-gradient(120% 80% at 50% 0%,#15396A,var(--navy-deep) 70%) padding-box,conic-gradient(from var(--ang,0deg),#4E7B35,#BDA76A,#8EC05F,#0B2545,#4E7B35) border-box;border:2px solid transparent;box-shadow:0 30px 80px rgba(7,29,58,.35);animation:w24-spin 6s linear infinite;transform:translateY(-12px)}
.w24-price-card.w24-price-featured h3,.w24-price-card.w24-price-featured .w24-price{color:#fff}
.w24-price-card.w24-price-featured .w24-price-sub,.w24-price-card.w24-price-featured .w24-price > span{color:rgba(255,255,255,.72)}
.w24-price-card.w24-price-featured li{color:rgba(255,255,255,.9)}
.w24-price-card.w24-price-featured li::before{background:rgba(169,209,124,.2);color:#A9D17C}
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes w24-spin{to{--ang:360deg}}
.w24-popular{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:.4rem 1rem;border-radius:999px;background:var(--olive);color:#fff;font:700 .72rem/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 16px rgba(78,123,53,.35)}
.w24-price-card h3{font:650 1.3rem/1.2 var(--sans);letter-spacing:-.01em;margin:0 0 .3rem}
.w24-price-sub{font-size:.95rem;color:var(--muted);margin:0 0 1.2rem}
.w24-price{font:600 3.2rem/1 var(--serif);letter-spacing:-.03em;color:var(--navy);margin:0 0 1.4rem}
.w24-price > span{font:500 1rem var(--sans);letter-spacing:0;color:var(--muted);margin-left:.15rem}
.w24-price-card ul{list-style:none;margin:0 0 1.8rem;padding:0}
.w24-price-card li{position:relative;padding:.38rem 0 .38rem 1.8rem;font-size:.97rem;color:var(--ink)}
.w24-price-card li::before{content:"✓";position:absolute;left:0;top:.38rem;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--olive-soft);color:var(--olive);font-size:.72rem;font-weight:800}
.w24-price-button{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;border:1px solid var(--navy);border-radius:999px;background:var(--paper);color:var(--navy);font-weight:650;text-decoration:none;transition:background .2s,color .2s}
.w24-price-button:hover{background:var(--navy);color:#fff}
.w24-price-button-primary{background:var(--olive);border-color:var(--olive-dark);color:#fff}
.w24-price-button-primary:hover{background:#5A8A3E;border-color:var(--olive-dark)}

/* ── closing band ───────────────────────────────────────────────────── */
.w24-home-footer{position:relative;overflow:hidden;background:radial-gradient(100% 140% at 20% 0%,#16406F,var(--navy-deep) 60%);color:#fff;isolation:isolate}
.w24-home-footer .hx-aurora{opacity:.6}
.w24-home-footer-inner{max-width:calc(var(--container) + 2 * var(--gutter));margin:0 auto;padding:clamp(96px,13vw,180px) var(--gutter);display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.w24-home-footer-copy b{display:block;font:600 clamp(2.8rem,.8rem + 6.6vw,7.6rem)/1 var(--serif);letter-spacing:-.035em;text-wrap:balance;color:#fff;margin-bottom:.8rem}
.w24-home-footer-copy b em{font-style:italic;font-weight:500;background:linear-gradient(100deg,#A9D17C,#E7D28F,#A9D17C);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hx-shimmer 6s linear infinite}
.w24-home-footer-copy span{font-size:1.15rem;color:rgba(255,255,255,.75)}
.w24-home-footer + .site-footer .footer-cols{border-top:1px solid rgba(255,255,255,.08)}

/* ── responsive ─────────────────────────────────────────────────────── */
@media (max-width:1100px){.w24-proof-grid{grid-template-columns:1fr;max-width:680px;margin:0 auto}.hx-chip-b{right:-12px}.hx-chip-c{left:-16px}}
@media (max-width:960px){
  .hx-window-body{grid-template-columns:1fr}
  .hx-side{display:none}
  .hx-demo-body{padding:22px 20px 32px}
  .msg{max-width:90%}
  .bento{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .bento-card,.bento-tall{grid-column:span 1}
  .bento-xl{grid-column:1/-1}
  .hiw-grid{grid-template-columns:1fr}
  .hiw-sticky{position:static}
  .hiw-counter,.hiw-rail{display:none}
  .hiw-step{opacity:1;transform:none}
  .rl-grid{grid-template-columns:1fr}
  .rl-photo{max-width:560px;margin:0 auto 24px}
  .w24-pricing-grid{grid-template-columns:1fr;max-width:480px}
  .w24-price-featured{order:-1}
}
@media (max-width:620px){
  .hx h1{letter-spacing:-.035em}
  .hx-chip-a{left:8px;top:-18px}.hx-chip-b,.hx-chip-c{display:none}
  .hx-actions{width:100%}
  .hx-actions .w24-btn{flex:1 1 100%}
  .hx-stage{margin-top:48px}
  .hx-window{border-radius:18px 18px 0 0}
  .hx-demo-body{min-height:330px;padding:18px 16px 28px}
  .bento{grid-template-columns:1fr;gap:14px}
  .bento-card{padding:24px 22px 22px;border-radius:22px}
  .st{padding:88px 0}
  .hiw-step{padding:24px 22px 24px 86px}
  .hiw-icon{left:20px;top:24px;width:48px;height:48px}
  .rl-float{right:-6px;bottom:-22px;min-width:190px}
  .rl-stats{gap:12px}
  .rl-stats div{padding:16px}
  .w24-proof-grid article{grid-template-columns:72px 1fr;padding:18px}
  .w24-proof-grid img{width:72px;height:86px}
  .w24-home-footer-inner .w24-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .hx-aurora span,.hiw-aurora span,.hx-grid-lines,.hx-stars,.hx-chip,.rl-float,.mq-track,.w24-price-featured,.w24-btn-primary::after{animation:none!important}
}