@layer components{.hero{isolation:isolate;padding-block:8px 56px;position:relative;overflow-x:clip}@media (min-width:768px){.hero{padding-block:40px 96px}}.hero:before{content:"";z-index:-2;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.55;pointer-events:none;background-position:top;background-size:28px 28px;position:absolute;inset:-120px 0 0;-webkit-mask-image:radial-gradient(70% 72% at 50% 38%,#000 20%,#0000 100%);mask-image:radial-gradient(70% 72% at 50% 38%,#000 20%,#0000 100%)}.hero:after{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--hl) 42%, transparent) 0%, transparent 62%);filter:blur(8px);opacity:.7;pointer-events:none;border-radius:50%;width:min(70vw,620px);animation:7s ease-in-out infinite alternate glow-breathe;position:absolute;inset-block-start:-40px;inset-inline-end:-10%}@keyframes glow-breathe{to{opacity:.9;transform:translate(-3%,4%)scale(1.08)}}.hero-copy{z-index:1;position:relative}.hero-title{font-family:var(--font-display);text-wrap:balance;animation:rise-in .7s var(--ease) .14s backwards;margin-block-start:20px;font-size:clamp(31px,5.4vw + 14px,96px);font-weight:800;line-height:1.24}.hero-stroke{z-index:0;white-space:nowrap;padding-inline-end:1.02em;display:inline-block;position:relative}.hero-stroke:before{content:"";z-index:-1;clip-path:inset(0);animation:stroke-draw 1s var(--ease-swipe) .52s backwards;background:url(/school/brand/strokes/yellow-5.png) 50%/100% 100% no-repeat;position:absolute;inset-block:.3em .02em;inset-inline:-.14em -.04em}@keyframes stroke-draw{0%{clip-path:inset(0 0 0 100%)}}.hero-face{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-origin:50% 80%;width:.8em;height:.6em;animation:face-pop .56s var(--ease-bounce) 1.34s backwards;position:absolute;inset-block-end:.2em;inset-inline-end:.1em}.hero-face svg{width:100%;height:100%;display:block;overflow:visible}.hero-face ellipse{fill:var(--mascot-ink)}.hero-face path{fill:none;stroke:var(--mascot-ink);stroke-width:2.3px;stroke-linecap:round}.hero-face .eye{transform:translate(calc(var(--look-x,0) * 1.6px), calc(var(--look-y,0) * 1.3px));transition:transform .14s linear}.hero-face .eye ellipse{transform-box:fill-box;transform-origin:50%;animation:5.4s 3s infinite face-blink}@keyframes face-pop{0%{transform:scale(0)rotate(-20deg)}}@keyframes face-blink{0%,95%,to{transform:none}97%{transform:scaleY(.1)}}.hero-face[data-hop]{animation:face-hop .62s var(--ease-bounce)}@keyframes face-hop{30%{transform:translateY(-.3em)rotate(-12deg)scale(1.12)}62%{transform:translateY(.03em)scale(1.12,.86)}}@media (hover:hover){.hero-face:not([data-hop]):hover{animation:face-wiggle .6s var(--ease-bounce)}}@keyframes face-wiggle{30%{transform:rotate(-10deg)scale(1.08)}65%{transform:rotate(6deg)}}.hero-face:after{content:attr(data-say);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-float);color:var(--ink);font-family:var(--font-voice);white-space:nowrap;transform-origin:100% 70%;animation:say-pop .48s var(--ease-bounce) 1.82s backwards;border-end-start-radius:4px;padding:8px 14px;font-size:16px;font-weight:600;line-height:1.5;display:none;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + .42em);translate:0 -50%;rotate:2deg}@media (min-width:900px){.hero-face:after{display:block}}@keyframes say-pop{0%{opacity:0;transform:translateY(8px)scale(.6)}}.hero-line{white-space:nowrap;display:inline-block}.hero-sub{max-width:42ch;color:var(--ink-2);animation:rise-in .7s var(--ease) .22s backwards;margin-block-start:14px;font-size:clamp(16px,.5vw + 14px,20px);line-height:1.75}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}.hero-choices{z-index:1;gap:12px;margin-block-start:28px;display:grid;position:relative}@media (min-width:768px){.hero-choices{grid-template-columns:repeat(3,1fr);gap:18px;margin-block-start:44px}}.choice{--tone-soft:var(--canvas-deep);--tone-ink:var(--ink-2);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px));transition:transform .42s var(--ease-spring), box-shadow var(--dur-3) var(--ease);animation:rise-in .7s var(--ease) calc(.3s + var(--i,0) * 90ms) backwards;will-change:transform;align-items:center;gap:14px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.choice-final{--tone-soft:var(--hl-soft);--tone-ink:var(--amber-ink)}.choice-konkur{--tone-soft:var(--blue-soft);--tone-ink:var(--blue-ink)}.choice-books{--tone-soft:var(--sage);--tone-ink:var(--cover-ink-sage)}.choice-glare{background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,0%), #ffffffe6, transparent 55%);opacity:0;transition:opacity var(--dur-3) var(--ease);pointer-events:none;mix-blend-mode:soft-light;position:absolute;inset:0}.choice-icon{background:var(--tone-soft);width:52px;height:52px;color:var(--tone-ink);transition:transform .5s var(--ease-bounce);border-radius:16px;flex:none;place-items:center;display:grid;position:relative}.choice-icon svg{width:26px;height:26px}.choice-text{flex:1;min-width:0}.choice-label{font-size:18px;font-weight:700;line-height:1.5;display:block}.choice-hl{z-index:0;position:relative}.choice-hl:before{content:"";z-index:-1;background:var(--hl);clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);transform-origin:100%;transition:transform .38s var(--ease-swipe);position:absolute;inset-block:.42em .02em;inset-inline:-.12em;transform:scaleX(0)}.choice-count{color:var(--ink-3);font-size:14px;line-height:1.6;display:block}.choice-count b{color:var(--tone-ink);font-weight:700}.choice-go{background:var(--canvas-deep);width:36px;height:36px;color:var(--ink-2);transition:transform .42s var(--ease-spring), background-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.choice-go svg{width:18px;height:18px}@media (hover:hover){.choice:hover{--lift:-4px;box-shadow:var(--shadow-lift)}.choice:hover .choice-glare{opacity:1}.choice:hover .choice-hl:before{transform:scaleX(1)}.choice:hover .choice-icon{transform:rotate(-8deg)scale(1.08)}.choice:hover .choice-go{background:var(--ink);color:var(--surface);transform:translate(-4px)}}.choice:active{--lift:1px;box-shadow:var(--shadow-card);transition-duration:.12s}.choice:active .choice-icon{transform:scale(.9)}.choice:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (min-width:768px){.choice{border-radius:var(--r-xl);grid-template-columns:1fr auto;align-items:start;gap:28px 12px;padding:24px;display:grid}.choice-icon{border-radius:20px;width:60px;height:60px}.choice-icon svg{width:30px;height:30px}.choice-text{grid-area:2/1/auto/-1}.choice-label{font-size:22px}.choice-count{margin-block-start:2px;font-size:15px}.choice-count b{font-size:17px}}.section-head{text-align:center;justify-items:center;gap:10px;margin-block-end:32px;display:grid}@media (min-width:768px){.section-head{margin-block-end:48px}}.story{padding-block:24px 72px}@media (min-width:768px){.story{padding-block:48px 112px}}.story-inner{gap:24px;display:grid}@media (min-width:900px){.story-inner{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:56px}}.story-side{align-content:start;justify-items:start;gap:20px;display:grid}.story-steps{gap:14px;display:grid}.story-step{align-items:flex-start;gap:12px;display:flex}.story-step-n{background:var(--ink);width:34px;height:34px;color:var(--surface);border-radius:12px;flex:none;place-items:center;font-size:16px;font-weight:700;display:grid;transform:rotate(-6deg)}.story-step-title{font-size:19px;font-weight:700;line-height:1.5;display:block}.story-step-sub{color:var(--ink-3);font-size:15px;line-height:1.6;display:block}.story-meter{display:none}.story-scene{gap:16px;display:grid}.story-card-wrap{order:-1}.story-card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-float);padding:16px 16px 26px;position:relative}@media (min-width:768px){.story-card{padding:22px 22px 30px}}.story-card-meta{color:var(--ink-3);font-size:13px;font-weight:600;line-height:1.6}.story-stem{margin-block:6px 12px;font-size:16px;line-height:1.85}@media (min-width:768px){.story-stem{font-size:18px}}.story-opts{gap:8px;display:grid}.story-opt{--opt-line:var(--line);--opt-edge:var(--line-strong);border-radius:var(--r-md);background:var(--surface);min-height:46px;box-shadow:inset 0 0 0 1.5px var(--opt-line), 0 2px 0 var(--opt-edge);align-items:center;gap:10px;padding:6px 12px;display:flex;position:relative}@media (min-width:768px){.story-opt{min-height:52px}}.story-opt-badge{background:var(--canvas-deep);width:28px;height:28px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;line-height:1;display:grid;position:relative}.story-opt-check{stroke-width:3px;opacity:0;width:16px;height:16px;margin:auto;position:absolute;inset:0}.story-opt-text{min-width:0;font-family:var(--font-reading);flex:1;font-size:16px;line-height:1.7}@media (min-width:768px){.story-opt-text{font-size:17px}}.story-opt-text .rich{font:inherit}.story-opt-ink{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(var(--green-mark), var(--green-mark)) right 0 bottom .1em / 0% .62em no-repeat;margin-inline:-.12em;padding-inline:.12em}.story-opt[data-key]{--opt-line:color-mix(in srgb, var(--green-ink) 45%, transparent);--opt-edge:color-mix(in srgb, var(--green-ink) 45%, transparent);background:var(--green-soft)}.story-opt[data-key] .story-opt-badge{background:var(--green-ink);color:var(--surface)}.story-opt[data-key] .story-opt-n{opacity:0}.story-opt[data-key] .story-opt-check{opacity:1}.story-opt[data-key] .story-opt-ink{background-size:100% .62em}.story-opt:not([data-key]){opacity:.55}.story-finger{display:none}.story-key{background:var(--green-ink);min-height:30px;color:var(--surface);box-shadow:0 6px 14px -6px color-mix(in srgb, var(--green-ink) 60%, transparent);border-radius:999px;align-items:center;gap:6px;padding-inline:10px 12px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;inset-block-end:-14px;inset-inline-start:16px;transform:rotate(-3deg)}.story-key svg{stroke-width:3px;width:15px;height:15px}.story-book{aspect-ratio:16/9;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);margin-block-start:6px;position:relative;overflow:hidden}.story-page{width:100%;aspect-ratio:var(--aspect);background:var(--surface);translate:-50% -50%;transform:scale(var(--zoom)) translate(calc((.5 - var(--cx)) * 100%), calc((.5 - var(--cy)) * 100%));position:absolute;top:50%;left:50%}.story-page img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.story-mark{background:var(--hl);mix-blend-mode:multiply;clip-path:polygon(.6% 0,100% 0,99.4% 100%,0 100%);transform-origin:100%;position:absolute}.story-note{justify-items:start;gap:10px;display:grid}.story-why{max-width:52ch;color:var(--ink-2);font-family:var(--font-body);font-size:15px;line-height:1.8}.story-cite{background:var(--surface);min-height:40px;box-shadow:var(--shadow-card);color:var(--ink);transition:box-shadow var(--dur-2) var(--ease);border-radius:999px;justify-self:start;align-items:center;gap:8px;padding-inline:12px 16px;font-size:14px;font-weight:600;display:inline-flex}.story-cite svg{width:18px;height:18px;color:var(--ink-2)}@media (hover:hover){.story-cite:hover{box-shadow:var(--shadow-lift)}}.story-cite:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.numbers{padding-block:16px 80px;overflow-x:clip}@media (min-width:768px){.numbers{padding-block:32px 128px}}.numbers-inner{gap:36px;display:grid}@media (min-width:900px){.numbers-inner{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;gap:64px}}.numbers-lead{justify-items:start;gap:6px;display:grid}.numbers-lead-value{z-index:0;font-family:var(--font-display);font-variant-numeric:tabular-nums;padding-inline:.04em .1em;font-size:clamp(72px,13vw + 22px,200px);font-weight:800;line-height:1.12;position:relative}.numbers-lead-value:before{content:"";z-index:-1;clip-path:inset(0);background:url(/school/brand/strokes/yellow-5.png) 50%/100% 100% no-repeat;position:absolute;inset-block:.46em .04em;inset-inline:-.1em -.06em}html.fx .numbers-lead:not([data-in]) .numbers-lead-value:before{clip-path:inset(0 0 0 100%)}.numbers-lead[data-in] .numbers-lead-value:before{transition:clip-path 1.1s var(--ease-swipe) .2s}.numbers-lead-label{color:var(--ink);font-size:clamp(19px,1.3vw + 14px,32px);font-weight:700;line-height:1.5}.numbers-list{gap:22px;display:grid}@media (min-width:560px) and (max-width:899px){.numbers-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media (min-width:900px){.numbers-list{padding-block-end:.5em}}.number{border-block-start:2px solid var(--ink);gap:2px;padding-block-start:14px;display:grid}.number-value{z-index:0;font-variant-numeric:tabular-nums;justify-self:start;padding-inline:.08em;font-size:clamp(34px,2.4vw + 22px,56px);font-weight:800;line-height:1.25;position:relative}.number-value:before{content:"";z-index:-1;background:var(--hl);clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);transform-origin:100%;position:absolute;inset-block:.5em .06em;inset-inline:-.06em}html.fx .number:not([data-in]) .number-value:before{transform:scaleX(0)}.number[data-in] .number-value:before{transition:transform .7s var(--ease-swipe) calc(.3s + var(--i,0) * .14s)}.number-label{color:var(--ink-3);font-size:15px;line-height:1.6}@media (min-width:768px){.number-label{font-size:16px}}.lsec{padding-block:0 64px}@media (min-width:768px){.lsec{padding-block:0 112px}}.section-lead{max-width:56ch;color:var(--ink-2);text-wrap:pretty;font-size:clamp(15px,.4vw + 14px,18px);line-height:1.9}.lsec-more{justify-content:center;margin-block-start:24px;display:flex}@media (min-width:768px){.lsec-more{margin-block-start:36px}}.lsec-more .btn svg,.plan-go svg{width:18px;height:18px}.majors-grid{gap:16px;display:grid}@media (min-width:900px){.majors-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}.major{border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;gap:18px;padding:20px;display:flex}@media (min-width:768px){.major{gap:22px;padding:28px}}.major-name{font-family:var(--font-display);font-size:clamp(24px,1vw + 20px,32px);font-weight:800;line-height:1.4}.major-name-hl{background:var(--hl);white-space:nowrap;border-radius:5px 10px 6px 11px;padding:0 10px 2px}.major-konkur{border-radius:var(--r-md);background:var(--blue-soft);transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);align-items:center;gap:12px;padding:12px 14px;display:flex}.major-konkur-icon{background:var(--surface);width:44px;height:44px;color:var(--blue-ink);border-radius:14px;flex:none;place-items:center;display:grid}.major-konkur-icon svg{width:24px;height:24px}.major-konkur-text{flex-direction:column;flex:1;min-width:0;line-height:1.7;display:flex}.major-konkur-title{font-size:17px;font-weight:700}.major-konkur-count{color:var(--blue-ink);font-size:14px}.major-go{width:20px;height:20px;color:var(--blue-ink);transition:transform var(--dur-2) var(--ease);flex:none}@media (hover:hover){.major-konkur:hover{box-shadow:0 0 0 2px var(--blue-ink)}.major-konkur:hover .major-go{transform:translate(-4px)}}.major-konkur:active{transform:scale(.99)}.major-group{flex-direction:column;gap:10px;display:flex}.major-group-title{color:var(--ink-3);font-size:14px;font-weight:600;line-height:1.6}.major-chips{--tone-soft:var(--canvas-deep);--tone-ink:var(--ink-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (min-width:640px){.major-chips{flex-wrap:wrap;display:flex}}.major-chips[data-tone=final]{--tone-soft:var(--hl-soft);--tone-ink:var(--amber-ink)}.major-chips[data-tone=types]{--tone-soft:var(--sage);--tone-ink:var(--green-ink)}.major-chip{background:var(--tone-soft);height:100%;min-height:44px;transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);border-radius:14px;flex-direction:column;justify-content:center;padding:8px 12px;line-height:1.6;display:flex}@media (min-width:640px){.major-chip{flex-direction:row;align-items:baseline;gap:8px;padding:9px 14px}}.major[data-slim]{gap:12px}@media (min-width:900px){.major[data-slim]{flex-flow:wrap;grid-column:1/-1;align-items:center;gap:12px 24px;padding-block:20px}.major[data-slim] .major-name{font-size:24px}.major[data-slim] .major-group{flex-direction:row;align-items:center;gap:12px}}.major-note{color:var(--ink-3);font-size:14px}.major-chip-name{font-size:15px;font-weight:700}.major-chip-count{color:var(--tone-ink);white-space:nowrap;font-size:13px;font-weight:500}@media (hover:hover){.major-chip:hover{box-shadow:0 0 0 2px var(--tone-ink);transform:translateY(-1px)}}.major-chip:active{transform:scale(.97)}.landing-lab{display:grid}.landing-lab>.lab-card{height:100%}.plans-grid{gap:16px;display:grid}@media (min-width:820px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}.plan-card{border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;gap:14px;padding:22px 20px;display:flex}@media (min-width:768px){.plan-card{padding:28px}}.plan-card[data-plan=pro]{background:linear-gradient(var(--hl-soft), var(--surface) 140px);box-shadow:0 0 0 2px var(--ink)}.plan-name{font-family:var(--font-display);font-size:26px;font-weight:800;line-height:1.5}.plan-lead{color:var(--ink-2);margin-block-start:-6px}.plan-list{flex-direction:column;gap:10px;line-height:1.8;display:flex}.plan-list li{align-items:flex-start;gap:10px;display:flex}.plan-list svg{background:var(--sage);width:20px;height:20px;color:var(--green-ink);border-radius:50%;flex:none;margin-block-start:5px;padding:3px}.plan-card[data-plan=pro] .plan-list svg{background:var(--hl);color:var(--ink)}.plan-go{align-self:flex-start;margin-block-start:auto}.news-cards{gap:14px;display:grid}@media (min-width:900px){.news-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.news-cards>li{display:grid}.news-card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);flex-direction:column;gap:8px;padding:20px;display:flex}.news-card-date{background:var(--canvas-deep);color:var(--ink-2);border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:13px}.news-card-title{text-wrap:balance;font-size:18px;font-weight:700;line-height:1.7}.news-card-summary{color:var(--ink-2);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.9;display:-webkit-box;overflow:hidden}.news-card-go{align-items:center;gap:6px;margin-block-start:auto;padding-block-start:6px;font-size:15px;font-weight:600;display:inline-flex}.news-card-go svg{width:16px;height:16px;transition:transform var(--dur-2) var(--ease)}@media (hover:hover){.news-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.news-card:hover .news-card-go svg{transform:translate(-4px)}}.news-card:active{transform:scale(.99)}.faq-list{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card)}.faq-fold+.faq-fold{border-block-start:1px solid var(--line)}.faq-fold summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:12px 20px;font-size:17px;font-weight:700;line-height:1.7;list-style:none;display:flex}.faq-fold summary::-webkit-details-marker{display:none}.faq-fold summary:after{content:"";background:linear-gradient(var(--ink), var(--ink)) center / 12px 2px no-repeat, linear-gradient(var(--ink), var(--ink)) center / 2px 12px no-repeat, var(--canvas-deep);width:28px;height:28px;transition:transform var(--dur-3) var(--ease-spring), background-color var(--dur-2) var(--ease);border-radius:50%;flex:none}.faq-fold[open] summary:after{background-color:var(--hl);transform:rotate(45deg)}.faq-fold p{color:var(--ink-2);padding:0 20px 18px;line-height:2}@media (prefers-reduced-motion:reduce){.faq-fold summary:after{transition:none}}.landing-shelf{padding-block:0 56px}@media (min-width:768px){.landing-shelf{padding-block:0 96px}}.try{padding-block:8px 24px}.try-card{border-radius:var(--r-xl);background:linear-gradient(90deg, transparent calc(100% - 34px), color-mix(in srgb, var(--red) 45%, transparent) calc(100% - 34px), color-mix(in srgb, var(--red) 45%, transparent) calc(100% - 32px), transparent calc(100% - 32px)), repeating-linear-gradient(transparent 0 35px, color-mix(in srgb, var(--blue-ink) 12%, transparent) 35px 36px), var(--hl-soft);gap:8px;padding:28px 22px 26px;display:grid;position:relative;overflow:hidden}@media (min-width:900px){.try-card{grid-template-columns:1fr 260px;align-items:center;gap:32px;padding:56px 72px 56px 48px}}.try-copy{gap:10px;padding-inline-start:22px;display:grid}@media (min-width:900px){.try-copy{padding-inline-start:24px}}.try-copy .kicker{justify-self:start}.try-sentence{text-wrap:balance;-webkit-user-select:none;user-select:none;touch-action:pan-y;margin-block:10px 6px;font-size:clamp(26px,2.4vw + 16px,42px);font-weight:700;line-height:1.75}.try-word{z-index:0;color:inherit;font:inherit;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M6 26l4-10 14-12 4 4-12 14z' fill='%23FFE24A' stroke='%2317161B' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M6 26l4-10 6 6z' fill='%2317161B'/%3E%3C/svg%3E") 4 28,pointer;background:0 0;border:0;padding:0;display:inline;position:relative}.try-word:before{content:"";z-index:-1;background:var(--hl);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);transform-origin:100%;transition:transform .3s var(--ease-swipe), opacity var(--dur-2) var(--ease);position:absolute;inset-block:.5em .12em;inset-inline:-.14em;transform:scaleX(0)}.try-card{--hl-on-soft:var(--hl-deep)}.try-word.is-marked:before{background:color-mix(in srgb, var(--hl) 60%, var(--hl-deep));transform:scaleX(1)}@media (hover:hover){.try-word:not(.is-marked):hover:before{opacity:.45;transform:scaleX(.35)}}.try-word:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}.try-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-block-start:8px;display:flex}.try-go.is-ready{animation:ready-wiggle .7s var(--ease-bounce)}@keyframes ready-wiggle{20%{transform:rotate(-3deg)scale(1.06)}45%{transform:rotate(2.5deg)scale(1.04)}70%{transform:rotate(-1deg)}}.try-mascot{order:-1;justify-items:center;margin-block-end:-6px;display:grid}.try-mascot .mascot{--mascot-w:150px!important}@media (min-width:900px){.try-mascot{order:0;justify-items:center;margin:0}.try-mascot .mascot{--mascot-w:240px!important}}}
@layer components{.hero:before{opacity:.38}.hero:after{opacity:.5}.hero-title{letter-spacing:0}@media (min-width:768px){.choice{box-shadow:0 0 0 1px var(--line);padding:26px 26px 24px}.choice-label{color:var(--ink-2);font-size:17px;font-weight:600}.choice-count{align-items:baseline;gap:8px;margin-block-start:6px;display:flex}.choice-count b{color:var(--ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(32px,1.4vw + 18px,44px);font-weight:800;line-height:1.15}}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.landing-shelf .section-head{animation:linear both head-focus;animation-timeline:view();animation-range:entry}@keyframes head-focus{0%{opacity:0;filter:blur(8px);transform:translateY(36px)scale(.97)}}.numbers-lead{view-timeline:--lead block}html.fx .numbers-lead .numbers-lead-value:before,.numbers-lead-value:before{transition:none;animation:linear both lead-stroke;animation-timeline:--lead;animation-range:entry 30% cover 55%}@keyframes lead-stroke{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.numbers-lead-value{transform-origin:100% 100%;animation:linear both lead-rise;animation-timeline:--lead;animation-range:entry cover 45%}@keyframes lead-rise{0%{transform:translateY(18%)scale(.92)}}.number{view-timeline:--number block}html.fx .number .number-value:before,.number-value:before{transition:none;animation:linear both number-stroke;animation-timeline:--number;animation-range:entry 60% cover 50%}@keyframes number-stroke{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.landing-shelf,.try{overflow-x:clip}.landing-shelf .shelf{animation:linear both shelf-tip;animation-timeline:view();animation-range:entry cover 42%}@keyframes shelf-tip{0%{opacity:.15;transform:perspective(1400px)rotateX(30deg)translateY(70px)scale(.92)}}.try-card{animation:linear both notebook-down;animation-timeline:view();animation-range:entry cover 45%}@keyframes notebook-down{0%{opacity:.2;transform:perspective(1600px)rotateX(22deg)translateY(90px)scale(.94)}}}@media (prefers-reduced-motion:no-preference) and (min-height:600px){.story{--stage-top:58px;--stage-bottom:calc(64px + env(safe-area-inset-bottom));--stage-h:calc(100svh - var(--stage-top) - var(--stage-bottom));padding-block:0;overflow-x:clip}@media (min-width:768px){.story{--stage-top:92px;--stage-bottom:0px}}.story-track{height:calc(var(--stage-h) + 260svh);view-timeline:--story block;view-timeline-inset:var(--stage-top) var(--stage-bottom)}.story-stage{top:var(--stage-top);height:var(--stage-h);position:sticky}.story-inner{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"steps""meter""scene""go";gap:10px;height:100%;padding-block:12px 14px}.story-side{display:contents}.story-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.story-steps{grid-area:steps}.story-go{grid-area:go;justify-self:stretch}.story-step{grid-area:1/1;align-items:center;animation:linear both story-step-1;animation-timeline:--story;animation-range:contain}.story-step:nth-child(2){animation-name:story-step-2}.story-step:nth-child(3){animation-name:story-step-3}.story-step-sub{display:none}@keyframes story-step-1{0%,21%{opacity:1;transform:none}25%,to{opacity:0;transform:translateY(-10px)}}@keyframes story-step-2{0%,22%{opacity:0;transform:translateY(10px)}26%,43%{opacity:1;transform:none}47%,to{opacity:0;transform:translateY(-10px)}}@keyframes story-step-3{0%,44%{opacity:0;transform:translateY(10px)}48%,to{opacity:1;transform:none}}.story-meter{grid-area:meter;grid-template-columns:24fr 22fr 54fr;gap:6px;display:grid}.story-meter-part{background:var(--line);border-radius:999px;height:4px;overflow:hidden}.story-meter-part:before{content:"";background:var(--hl-deep);transform-origin:100%;height:100%;animation:linear both story-fill;animation-timeline:--story;animation-range:contain contain 24%;display:block}.story-meter-part:nth-child(2):before{animation-range:contain 24% contain 46%}.story-meter-part:nth-child(3):before{animation-range:contain 46%}@keyframes story-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.story-scene{min-height:0;margin-inline:calc(-1 * var(--gutter));background:radial-gradient(ellipse 80% 70% at 50% 45%, var(--canvas-deep), color-mix(in srgb, var(--canvas-deep) 70%, var(--line))), var(--canvas-deep);grid-area:scene;display:block;position:relative;overflow:hidden;container-type:size}.story-book{aspect-ratio:auto;box-shadow:none;background:0 0;border-radius:0;margin:0;animation:linear both story-book-in;animation-timeline:--story;animation-range:entry;position:absolute;inset:0;overflow:visible}@keyframes story-book-in{0%{opacity:.3;transform:translateY(14%)}}.story-page{--zoom-wide:1.1;--s-end:calc(var(--zoom) * var(--zoom-wide));--tx-end:calc((.5 - var(--cx)) * 100%);--ty-end:min(calc((.5 - var(--cy)) * 100%), calc(50% - (50cqh - 24px) / var(--s-end)));width:min(100cqw - 24px, calc((100cqh - 24px) * var(--aspect)));animation:linear both story-camera;animation-timeline:--story;animation-range:contain;box-shadow:0 0 0 1px #17161b0f,0 18px 40px -16px #17161b4d}@keyframes story-camera{0%{transform:scale(.9)translate(0)rotate(-2.5deg)}46%{transform:scale(.93)translate(0)rotate(-2deg)}78%{transform:scale(var(--s-end)) translate(var(--tx-end), var(--ty-end)) rotate(0deg)}to{transform:scale(calc(var(--s-end) * 1.04)) translate(var(--tx-end), var(--ty-end)) rotate(0deg)}}.story-page:after{content:"";background:var(--canvas-deep);pointer-events:none;animation:linear both story-veil;animation-timeline:--story;animation-range:contain;position:absolute;inset:0}@keyframes story-veil{0%,44%{opacity:.5}58%,to{opacity:0}}.story-mark{animation:linear both story-mark;animation-timeline:--story;animation-range:contain calc(62% + var(--i) * 6%) contain calc(72% + var(--i) * 6%)}@keyframes story-mark{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.story-card-wrap{z-index:1;pointer-events:none;grid-template-rows:minmax(0,1fr);place-items:center;padding:12px 16px;animation:linear both story-card-in;animation-timeline:--story;animation-range:entry entry 80%;display:grid;position:absolute;inset:0}@keyframes story-card-in{0%{opacity:0;transform:translateY(18%)rotate(3deg)}}.story-card{--leave-x:-125%;pointer-events:auto;width:min(100%,440px);animation:linear both story-card-leave;animation-timeline:--story;animation-range:contain}@keyframes story-card-leave{0%{transform:translate(0)rotate(1deg)}44%{transform:translateY(-1%)rotate(-1deg)}58%,to{transform:translate(var(--leave-x), 16%) rotate(-16deg)}}@container (max-height:470px){.story-card{padding:12px 12px 22px}.story-stem{margin-block:4px 8px;font-size:15px;line-height:1.75}.story-opts{gap:6px}.story-opt{min-height:40px;padding:4px 10px}.story-opt-badge{width:24px;height:24px;font-size:13px}.story-opt-text{font-size:15px;line-height:1.6}}@container (max-height:380px){.story-card{scale:.92}}.story-opt[data-key]{animation:linear both story-opt-key;animation-timeline:--story;animation-range:contain}@keyframes story-opt-key{0%,15%{background-color:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line), 0 2px 0 var(--line-strong)}17%,27%{background-color:var(--surface);box-shadow:inset 0 0 0 2px var(--ink), 0 2px 0 var(--ink)}31%,to{background-color:var(--green-soft);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--green-ink) 45%, transparent), 0 2px 0 color-mix(in srgb, var(--green-ink) 45%, transparent)}}.story-opt[data-key] .story-opt-badge{animation:linear both story-badge-key;animation-timeline:--story;animation-range:contain}@keyframes story-badge-key{0%,15%{background-color:var(--canvas-deep);color:var(--ink-2);transform:none}17%{background-color:var(--ink);color:var(--surface);transform:scale(1.18)rotate(-8deg)}20%,27%{background-color:var(--ink);color:var(--surface);transform:none}31%,to{background-color:var(--green-ink);color:var(--surface);transform:none}}.story-opt[data-key] .story-opt-n{animation:linear both story-n-out;animation-timeline:--story;animation-range:contain 28% contain 31%}@keyframes story-n-out{0%{opacity:1}to{opacity:0}}.story-opt[data-key] .story-opt-check{animation:linear both story-check-in;animation-timeline:--story;animation-range:contain 29% contain 34%}@keyframes story-check-in{0%{opacity:0;transform:scale(.3)rotate(-30deg)}70%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:none}}.story-opt[data-key] .story-opt-ink{animation:linear both story-ink;animation-timeline:--story;animation-range:contain 29% contain 37%}@keyframes story-ink{0%{background-size:0% .62em}to{background-size:100% .62em}}.story-opt:not([data-key]){animation:linear both story-rest;animation-timeline:--story;animation-range:contain 30% contain 37%}@keyframes story-rest{0%{opacity:1}to{opacity:.5}}.story-key{animation:linear both story-stamp;animation-timeline:--story;animation-range:contain 33% contain 39%}@keyframes story-stamp{0%{opacity:0;transform:translateY(8px)scale(1.6)rotate(-12deg)}70%{opacity:1;transform:scale(.94)rotate(-2deg)}to{opacity:1;transform:rotate(-3deg)}}.story-finger{pointer-events:none;background:#17161b24;border-radius:50%;width:38px;height:38px;margin:-19px;animation:linear both story-finger;animation-timeline:--story;animation-range:contain;display:block;position:absolute;inset-block-start:50%;inset-inline-start:42%;box-shadow:0 0 0 3px #17161b3d,0 10px 22px -6px #17161b59}@keyframes story-finger{0%,4%{opacity:0;transform:translate(90px,120px)scale(1.3)}13%{opacity:1;transform:translate(0)scale(1)}16%{opacity:1;transform:scale(.7)}19%{opacity:1;transform:scale(1)}25%,to{opacity:0;transform:scale(1.6)}}.story-note{z-index:2;border-radius:var(--r-lg);background:var(--surface);width:auto;max-width:460px;box-shadow:var(--shadow-float);margin-inline:auto;padding:12px 14px;animation:linear both story-note;animation-timeline:--story;animation-range:contain;position:absolute;inset-block-end:12px;inset-inline:12px}.story-why{font-size:14px;line-height:1.75}.story-note .story-cite{min-height:36px;box-shadow:inset 0 0 0 1px var(--line)}@keyframes story-note{0%,80%{visibility:hidden;opacity:0;transform:translateY(14px)scale(.9)}86%,to{visibility:visible;opacity:1;transform:none}}@media (min-width:900px){.story-inner{grid-template:"side scene"minmax(0,1fr)/minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:56px;padding-block:20px 28px}.story-side{grid-area:side;gap:26px;display:grid}.story-steps,.story-meter,.story-go{grid-area:auto}.story-title{clip-path:none;white-space:normal;width:auto;height:auto;position:static;overflow:visible}.story-steps{gap:4px}.story-step{border-inline-start:3px solid var(--line);grid-area:auto;align-items:flex-start;padding-block:12px;padding-inline-start:16px;animation-name:story-line-1}.story-step:nth-child(2){animation-name:story-line-2}.story-step:nth-child(3){animation-name:story-line-3}.story-step-sub{display:block}.story-meter{display:none}.story-go{justify-self:start}.story-scene{border-radius:var(--r-xl);align-self:stretch;max-height:760px;margin-inline:0}.story-page{--zoom-wide:1.3}.story-card{--leave-x:-170%;width:min(100%,460px)}@keyframes story-line-1{0%,21%{opacity:1;border-color:var(--hl-deep)}25%,to{opacity:.32;border-color:var(--line)}}@keyframes story-line-2{0%,22%{opacity:.32;border-color:var(--line)}26%,43%{opacity:1;border-color:var(--hl-deep)}47%,to{opacity:.32;border-color:var(--line)}}@keyframes story-line-3{0%,44%{opacity:.32;border-color:var(--line)}48%,to{opacity:1;border-color:var(--hl-deep)}}}}}