.lp .story{--band-top:60svh;--box-h:calc(100svh - var(--band-top));--pill:oklch(.34 .11 var(--brand-hue));--phone-frame:oklch(.58 .22 var(--brand-hue));--phone-ring:oklch(100% 0 0/.1);--card-shadow:0 1px 2px oklch(0% 0 0/.3), 0 18px 44px -16px oklch(0% 0 0/.7);--phone-shadow:0 2px 6px oklch(0% 0 0/.4), 0 40px 90px -30px oklch(0% 0 0/.8);--wa-meta:#8696a0;--score-good:var(--success);--score-mid:var(--warning);--score-bad:var(--danger);background:var(--stage);position:relative}@media (aspect-ratio>=23/20) and (width>=640px){.lp .story{--band-top:20svh;--box-h:60svh}}.story-stage{pointer-events:none;contain:layout paint;height:100svh;position:sticky;top:0;overflow:hidden}.story-canvas{width:100%;height:100%;position:absolute;inset:0}.story-glow{transform-origin:0 0;filter:blur(7px);opacity:.55;position:absolute;top:0;left:0;transform:scale(4)}.story-ov{opacity:0;visibility:hidden;position:absolute;top:0;left:0}.story-sentence,.story-word{font-size:var(--story-text,26px);letter-spacing:-.03em;font-weight:600;line-height:1.18}.story-measure{visibility:hidden;text-align:center;text-wrap:balance;position:absolute;top:0;left:0}.story-word{white-space:nowrap;color:oklch(60% .012 285);padding:0 .12em;transition:color .24s}.story-word[data-on]{color:var(--foreground)}.story-th{text-underline-offset:.16em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:.1em;transition:color .3s,text-decoration-color .3s}.story-stage[data-th="1"] .story-word[data-low] .story-th{color:var(--brand-ink);-webkit-text-decoration:underline .1em var(--brand-ink);text-decoration:underline .1em var(--brand-ink);text-underline-offset:.16em}.story-rec{height:32px;color:var(--foreground);background:oklch(100% 0 0/.06);border-radius:9999px;align-items:center;gap:8px;padding:0 12px 0 11px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.1)}.story-rec-dot{background:oklch(60% .012 285);border-radius:9999px;width:8px;height:8px}.story-stage[data-rec="1"] .story-rec-dot{background:#f2555a;animation:1s ease-in-out infinite rec-dot}.story-num{font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted-foreground);font-size:13px;font-weight:500}.story-phrase{flex-direction:column;display:flex}.story-phrase-n{letter-spacing:-.035em;color:var(--foreground);font-size:32px;font-weight:600;line-height:1}.story-tag{color:var(--muted-foreground);border-radius:9999px;padding:1px 8px;font-size:11.5px;line-height:18px;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.14)}.story-card{width:min(360px,100vw - 32px);padding:14px 16px;font-size:14px;line-height:1.5}.story-notice,.story-levelup{gap:12px;padding:12px 14px;display:flex}.story-chip{height:26px;color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border);border-radius:9999px;align-items:center;padding:0 11px;font-size:12.5px;font-weight:500;display:inline-flex}.story-chip-on{background:var(--brand);color:var(--primary-foreground);box-shadow:none}.story-phone{--phone-w:280px;--wa-text:12.5px;width:280px;height:574px}.story-day{color:var(--muted-foreground);font-size:13px}.story-today{color:var(--foreground);font-weight:600}.story-level{color:var(--muted-foreground);flex-direction:column;align-items:center;gap:4px;transition:color .24s;display:flex}.story-level-name{white-space:nowrap;font-size:13px;font-weight:500}.story-level[data-on]{color:var(--brand-ink)}.story-level[data-on] .story-level-name{color:var(--foreground)}.story-level:not([data-on]) .story-level-name{display:none}.story-rail{gap:6px;width:150px;margin-bottom:18px;display:flex}.story-rail>span{background:oklch(100% 0 0/.16);border-radius:9999px;flex:1;height:3px;position:relative;overflow:hidden}.story-rail [data-rail]{border-radius:inherit;background:var(--foreground);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.story-steps{z-index:1;pointer-events:none;margin-top:-100svh;position:relative}.story-block{height:calc(var(--span-tall,1) * 100svh);position:relative}.story-hero{height:100svh}.story-box{top:var(--band-top);height:var(--box-h);position:sticky}.story-box-inner{height:100%;padding-top:16px;padding-bottom:max(24px, env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-end;display:flex}.story-text{isolation:isolate;position:relative}.story-text:before{z-index:-1;background:linear-gradient(to bottom, transparent, var(--stage) 22px);content:"";position:absolute;inset:-22px -16px -120px}.story-col{pointer-events:auto}[data-text][data-gone],[data-text][data-gone] .story-col{pointer-events:none}[data-text]:focus-within{opacity:1!important}.story-stage[data-idle] *,.story-stage[data-idle] :before,.story-stage[data-idle] :after{animation-play-state:paused!important}.dark .lp .story:after{z-index:2;background:linear-gradient(to bottom, transparent, var(--page-bg));pointer-events:none;content:"";height:160px;position:absolute;bottom:0;left:0;right:0}.story-text>.story-h2{transform:translateY(calc((1 - var(--in,1)) * 26px))}.story-text>.story-p{transform:translateY(calc((1 - var(--in,1)) * 46px))}.story-text>.story-extra{transform:translateY(calc((1 - var(--in,1)) * 66px))}.story-hero-inner{padding-top:84px}.story-h1{letter-spacing:-.042em;text-wrap:balance;max-width:13ch;font-size:clamp(2.5rem,1.6rem + 4.4vw,3.25rem);font-weight:600;line-height:1.02}.story-h1-sub{color:oklch(66% .012 285)}.story-lede{max-width:38ch;color:var(--muted-foreground);text-wrap:pretty;margin-top:18px;font-size:1.0625rem;line-height:1.55}.story-note{max-width:42ch;color:var(--muted-foreground);text-wrap:pretty;margin-top:14px;font-size:13.5px;line-height:1.45}.story-h2{letter-spacing:-.038em;text-wrap:balance;max-width:17ch;font-size:clamp(1.875rem,1.4rem + 2vw,2.375rem);font-weight:600;line-height:1.04}.story-p{max-width:44ch;color:var(--muted-foreground);text-wrap:pretty;margin-top:12px;font-size:15.5px;line-height:1.55}.story-caption{color:var(--muted-foreground);margin-top:12px;font-size:13px}.story-legend{color:var(--muted-foreground);flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:13px;display:flex}.story-legend li{align-items:center;gap:6px;display:flex}.story-start{gap:12px;margin-top:18px;display:grid}.story-start li{color:var(--muted-foreground);align-items:baseline;gap:14px;transition:color .3s;display:flex}.story-start-n{width:26px;height:26px;font-family:var(--font-mono,ui-monospace, monospace);border-radius:9999px;flex-shrink:0;align-self:flex-start;place-items:center;font-size:12px;font-weight:500;transition:background-color .3s,color .3s,box-shadow .3s;display:grid;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.18)}.story-start-t{letter-spacing:-.015em;font-size:16.5px;font-weight:600;line-height:1.3;display:block}.story-start-d{margin-top:2px;font-size:14px;line-height:1.4;display:block}.story-start li[data-on]{color:var(--foreground)}.story-start li[data-on] .story-start-d{color:var(--muted-foreground)}.story-start li[data-on] .story-start-n{background:var(--brand-logo);color:#fff;box-shadow:none}@media (aspect-ratio>=23/20) and (width>=640px){.story-block{height:calc(var(--span-wide,1) * 100svh)}.story-hero-inner,.story-box-inner{flex-direction:column;justify-content:center;height:100%;padding-top:0;padding-bottom:0;display:flex}.story-text:before{display:none}.story-hero-inner{padding-top:64px}.story-rail{margin-bottom:26px}.story-col{width:min(500px,44%)}.story-hero-col{width:min(620px,52%)}.story-h1{letter-spacing:-.045em;max-width:none;font-size:clamp(2.75rem,min(5.3vw,9vh),5.5rem);line-height:.98}.story-lede{max-width:36ch;margin-top:26px;font-size:clamp(1.0625rem,.9rem + .4vw,1.25rem)}.story-note{margin-top:22px}.story-h2{letter-spacing:-.042em;font-size:clamp(2.25rem,min(4vw,7.2vh),4rem);line-height:1.02}.story-p{max-width:36ch;margin-top:20px;font-size:clamp(1rem,.85rem + .35vw,1.1875rem)}.story-legend{margin-top:20px;font-size:13.5px}.story-start{gap:16px;margin-top:26px}.story-start-t{font-size:18px}.story-start-d{font-size:15px}.story-num{font-size:14px}.story-phrase-n{font-size:46px}.story-card{width:400px}.story-tip{width:440px;padding:18px 20px;font-size:15.5px}.story-tip p:first-child{font-size:14px}.story-level:not([data-on]) .story-level-name{display:block}}@media (height<=700px) and (aspect-ratio<=23/20){.story-start{gap:8px;margin-top:12px}.story-start-d{display:none}}@media (prefers-reduced-motion:reduce){.story-word,.story-th,.story-level,.story-start li,.story-start-n{transition:none}.story-stage[data-rec="1"] .story-rec-dot{animation:none}}