[data-page=home] .page-section-hero{justify-content:center;padding-block:clamp(1.5rem,5svh,4rem) clamp(.75rem,2svh,1.5rem)}[data-page=home] .page-section-hero-main{flex:none}[data-page=home] .page-section-hero-main>div{padding-block:0}[data-page=home] .page-section-hero-lead{margin-block-start:clamp(.875rem,2.2svh,1.75rem);font-size:clamp(1.125rem,2.8svh,1.625rem);line-height:1.5}[data-page=home] .page-section-hero-main .mt-16{margin-block-start:clamp(1.25rem,3.2svh,2.5rem)}@media (height<=46rem){[data-page=home] [data-hero-cta]{height:3.5rem;min-height:3.5rem}[data-page=home] .site-hero-cta-label{font-size:1.125rem}}.home-hero-ribbon{flex:none;margin-block-start:clamp(.5rem,2svh,1.25rem)}.ribbon-glyphs{font-family:var(--font-display);font-weight:var(--font-weight-extrabold);letter-spacing:var(--text-display--letter-spacing);font-size:32px}.ribbon-glyphs a,.ribbon-glyphs a:visited{fill:inherit}.ribbon-static{justify-content:safe center;gap:calc(var(--spacing) * 4);white-space:nowrap;overflow:hidden}.ribbon-static>li{flex:none}.ribbon-static a{font-family:var(--font-display);font-weight:var(--font-weight-extrabold);letter-spacing:var(--text-display--letter-spacing);font-size:32px;line-height:1.1}.marks-stack,.demo-stack,.fit-stack,.price-stack,.stairs-stack,.close-stack{box-sizing:border-box;text-align:center;align-content:center;justify-items:center;padding:clamp(1.75rem,7svh,5rem) clamp(1.25rem,4vw,4rem);display:grid}.marks-stack{row-gap:clamp(1.25rem,4.5svh,3.25rem)}.marks-copy{justify-items:center;display:grid}.marks-beat{align-content:end;justify-items:center;gap:calc(var(--spacing) * 4);opacity:calc(min(clamp(0, (var(--enter,1) - .35) * 3.2, 1), clamp(0, 1 - var(--exit,0) * 2.4, 1)));grid-area:1/1;display:grid}.marks-beat:first-child{--enter:1}.marks-beat[data-buried]{visibility:hidden}.marks-line,.stairs-line{color:var(--ink-soft);text-wrap:pretty;font-size:clamp(1.125rem,1rem + .45vw,1.375rem);line-height:1.5}.marks-visual{block-size:clamp(11rem,40svh,21rem);inline-size:min(100%,80rem);position:relative}.marks-example{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--ink-soft)}.marks-tile{--face:var(--paper);--edge:transparent;--rim:color-mix(in oklab, var(--ink) 26%, var(--paper));--glint:transparent;background-color:var(--face);width:32px;height:32px;box-shadow:inset 0 0 0 1.5px var(--rim), inset 0 2px 0 var(--glint), 0 4px 0 var(--edge);will-change:transform;opacity:0;transition:background-color .3s var(--ease-out), box-shadow .3s var(--ease-out), opacity .42s var(--ease-out);border-radius:9px;position:absolute;top:0;left:0}.marks-tile[data-state=unknown]{background-image:repeating-linear-gradient(-45deg, var(--hatch) 0 1.5px, transparent 1.5px 6px)}.marks-tile[data-state=kept]{--face:var(--paper-deep);--rim:transparent;--edge:var(--paper-edge)}.marks-tile[data-state=lost]{--face:var(--coral);--rim:transparent;--edge:var(--coral-edge);--glint:var(--shine)}.marks-visual[data-ready] .marks-tile{opacity:1}.marks-visual:not([data-pose=paper]) .marks-tile:not([data-skill]){opacity:0}.marks-visual[data-pose=line] .marks-tile[data-skill]{--face:var(--green);--edge:var(--green-edge)}.marks-skill{opacity:0;inline-size:max-content;max-inline-size:30vw;transition:opacity .28s var(--ease-out);justify-items:center;gap:.25rem;display:grid;position:absolute;translate:-50%}.marks-visual[data-landed=stacks] .marks-skill{opacity:1}.marks-skill-lost{font-family:var(--font-display);font-size:clamp(2.25rem,1.2rem + 4.2vw,4.5rem);font-weight:var(--font-weight-extrabold);color:var(--coral-ink);line-height:1}.marks-skill-name{font-size:var(--text-section);font-weight:var(--font-weight-bold);color:var(--ink);text-wrap:balance;line-height:1.2}.marks-ruler{opacity:0;block-size:0;transition:opacity .28s var(--ease-out);position:absolute;inset-inline:0}.marks-visual[data-pose=line] .marks-ruler{opacity:1}.marks-ruler:before{content:"";inset-inline:0;background:var(--rule);border-radius:2px;block-size:3px;position:absolute;top:0}.marks-ruler-kept{block-size:var(--tile);background:var(--paper-deep);box-shadow:0 4px 0 var(--paper-edge);border-radius:0 .5rem .5rem 0;position:absolute;bottom:8px;left:0}.marks-grade{position:absolute;bottom:0}.marks-grade:before{content:"";inline-size:3px;block-size:calc(var(--tile) + 2.5rem);background:var(--ink);border-radius:2px;position:absolute;bottom:-.75rem;left:-1.5px}.marks-grade-name{left:0;bottom:calc(var(--tile) + 2.25rem);aspect-ratio:1;inline-size:clamp(2.25rem,1.6rem + 2.4vw,3.5rem);font-family:var(--font-display);font-size:clamp(1.25rem,.9rem + 1.4vw,2rem);font-weight:var(--font-weight-extrabold);color:var(--on-calm);background:var(--calm);box-shadow:0 4px 0 var(--calm-edge);border-radius:28%;place-items:center;line-height:1;display:grid;position:absolute;translate:-50%}@media (width<40rem){.marks-skill-name{font-size:var(--text-caption)}}.website-scroll-timeline:not([data-active]) .marks-stack{row-gap:calc(var(--spacing) * 8)}.website-scroll-timeline:not([data-active]) .marks-copy{display:contents}.website-scroll-timeline:not([data-active]) .marks-beat{opacity:1;order:2;grid-area:auto}.website-scroll-timeline:not([data-active]) .marks-beat:first-child{order:0}.website-scroll-timeline:not([data-active]) .marks-visual{order:1;block-size:clamp(12rem,58vw,20rem)}.website-scroll-timeline:not([data-active]) .marks-example{order:1;margin-block-start:calc(var(--spacing) * -5)}.times-card[data-time=sprint]{--times-field:var(--green);--times-ink:var(--on-green)}.times-card[data-time=lesson]{--times-field:var(--calm);--times-ink:var(--on-calm)}.times-card[data-time=paper]{--times-field:var(--ink);--times-ink:var(--paper)}.times-field{background:var(--times-field)}.times-dial{--fill:clamp(0, (var(--enter,1) - .5) * 2.4, 1);aspect-ratio:1;block-size:min(100%,24rem);color:var(--times-ink);place-content:center;justify-items:center;margin:0;display:grid;position:relative;container-type:size}.times-dial svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;block-size:100%;inline-size:100%;position:absolute;inset:0}.times-dial line{opacity:.24}.times-dial line[data-lit]{opacity:clamp(.24, var(--fill) * var(--lit,0) - var(--i) + .24, 1)}.times-figure{font-family:var(--font-display);font-size:36cqb;font-weight:var(--font-weight-extrabold);line-height:.9}.times-unit{font-size:clamp(var(--text-meta), 6.5cqb, var(--text-section));font-weight:var(--font-weight-semibold)}.demo-stack{row-gap:clamp(1.5rem,5svh,3.5rem)}.demo-screen{inline-size:min(100%,64rem,177.778svh - 39.1111rem);min-inline-size:min(100%,18rem)}.fit-stack{row-gap:clamp(1.5rem,5svh,3.5rem)}.fit-head{justify-items:center;gap:clamp(.5rem,1.5svh,1rem);display:grid}.fit-line{max-inline-size:36ch;font-size:var(--text-section);font-weight:var(--font-weight-medium);color:var(--ink-soft);text-wrap:balance}.fit-piles{text-align:start;gap:clamp(1.5rem,4svh,2.5rem) clamp(1.5rem,5vw,5rem);inline-size:min(100%,62rem);display:grid}@media (width>=48rem){.fit-piles{grid-template-columns:repeat(2,minmax(0,1fr))}}.fit-pile{align-content:start;gap:clamp(.75rem,2svh,1.25rem);display:grid}.fit-word{font-family:var(--font-display);font-size:var(--text-headline);font-weight:var(--font-weight-extrabold);line-height:1}.fit-pile[data-pile=yes] .fit-word{color:var(--green-ink)}.fit-pile[data-pile=no] .fit-word{color:var(--ink-soft)}.fit-tiles{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.fit-tile{border-radius:var(--radius-key);font-size:var(--text-section);font-weight:var(--font-weight-semibold);padding:.875rem 1.125rem;line-height:1.25}.fit-pile[data-pile=yes] .fit-tile{color:var(--on-green);background:var(--green);box-shadow:inset 0 2px 0 var(--shine), 0 4px 0 var(--green-edge)}.fit-pile[data-pile=no] .fit-tile{color:var(--ink-soft);background-color:var(--paper);background-image:repeating-linear-gradient(-45deg, var(--hatch) 0 1.5px, transparent 1.5px 6px);box-shadow:inset 0 0 0 2px var(--rule)}@media (width<48rem){.fit-stack{row-gap:1rem}.fit-piles{row-gap:.875rem}.fit-pile{gap:.5rem}.fit-word{font-size:var(--text-title)}.fit-tiles{gap:.375rem}.fit-tile{font-size:var(--text-body);padding:.4375rem .75rem}}.price-stack{row-gap:clamp(1.25rem,4.5svh,3rem)}.demo-title,.fit-title,.price-title,.stairs-title,.close-title{font-family:var(--font-display);font-weight:var(--font-weight-extrabold);text-wrap:balance}.demo-title,.fit-title,.price-title,.stairs-title{font-size:var(--text-display);line-height:var(--text-display--line-height);letter-spacing:var(--text-display--letter-spacing)}.price-figure{justify-items:center;gap:clamp(.75rem,2.5svh,1.5rem);display:grid}.price-amount{font-family:var(--font-display);font-size:min(clamp(5rem,2rem + 14vw,12rem),26svh);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;color:var(--ink);line-height:.9}.price-holds{font-size:var(--text-section);font-weight:var(--font-weight-semibold);color:var(--ink);flex-wrap:wrap;justify-content:center;gap:.5rem 1.75rem;margin:0;padding:0;list-style:none;display:flex}.price-holds li{align-items:center;gap:.5rem;display:inline-flex}.price-choice{inline-size:min(100%,38rem)}.price-choice-label{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--ink);margin-block-end:calc(var(--spacing) * 5)}.price-more{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.25em;text-decoration-thickness:2px}.price-more:hover{text-decoration-color:currentColor}.stairs-stack{row-gap:clamp(1.5rem,6svh,4rem)}.stairs-head{justify-items:center;gap:calc(var(--spacing) * 4);display:grid}.close-title{font-size:var(--text-hero);line-height:var(--text-hero--line-height);letter-spacing:var(--text-hero--letter-spacing)}.stairs-steps{--stairs-base:clamp(3.25rem, 9svh, 5.5rem);--stairs-rise:clamp(.625rem, 4svh, 2.25rem);grid-template-columns:repeat(var(--steps,1), minmax(0, 1fr));align-items:end;gap:clamp(.25rem,1vw,1rem);inline-size:min(100%,68rem);margin:0;padding:0;list-style:none;display:grid}.stairs-step{--up:clamp(0, (var(--enter,1) - .45 - var(--i) * .05) * 5, 1);overflow-clip-margin:4px;justify-items:center;gap:.75rem;min-inline-size:0;display:grid;overflow:clip}.stairs-block{box-sizing:border-box;inline-size:100%;block-size:calc(var(--stairs-base) + var(--i) * var(--stairs-rise));background:var(--paper-deep);translate:0 calc((1 - var(--up)) * 101%);border-radius:clamp(.5rem,1.2vw,1rem);align-content:start;justify-items:center;padding-block-start:clamp(.375rem,1vw,.875rem);display:grid}.stairs-glyph{aspect-ratio:1;background:var(--green);inline-size:min(100% - .5rem,3.5rem);color:var(--on-green);box-shadow:inset 0 2px 0 var(--shine), 0 3px 0 var(--green-edge);border-radius:28%;place-items:center;display:grid}.stairs-top .stairs-block{background:var(--ink)}.stairs-top .stairs-glyph{background:var(--calm);color:var(--on-calm);box-shadow:inset 0 2px 0 var(--shine), 0 3px 0 var(--calm-edge)}.stairs-name{min-block-size:2.4em;font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--ink);text-wrap:balance;opacity:var(--up);line-height:1.2}@media (width<48rem){.stairs-name{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.close-stack{row-gap:clamp(1.25rem,4svh,2.75rem)}.close-gigi{aspect-ratio:1;inline-size:clamp(4rem,12svh,7rem);display:block}.close-title{max-inline-size:14ch}.close-weeks{justify-content:center;gap:clamp(2px,.45vw,6px);inline-size:min(100%,60rem);margin:0;padding:0;list-style:none;display:flex}.close-weeks li{aspect-ratio:1;background:var(--paper);max-inline-size:1.5rem;box-shadow:0 2px 0 var(--paper-edge);border-radius:30%;flex:1 1 0}.close-weeks li[data-now]{background:var(--gold);box-shadow:0 2px 0 var(--gold-edge)}.close-weeks li[data-exam]{background:var(--calm);box-shadow:0 2px 0 var(--calm-edge)}.close-act{justify-items:center;gap:calc(var(--spacing) * 4);display:grid}.close-fine{font-size:var(--text-caption);letter-spacing:.025em;color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){.marks-tile,.marks-skill,.marks-ruler{transition:none}}
