:root{--color-paper: oklch(96.5% .012 85);--color-paper-2: oklch(99% .007 85);--color-paper-3: oklch(92% .018 80);--color-ink: oklch(27% .045 255);--color-ink-soft: oklch(41% .035 255);--color-muted: oklch(52% .02 75);--color-line: oklch(86% .02 82);--color-line-strong: oklch(72% .03 80);--color-accent: oklch(56% .16 47);--color-accent-deep: oklch(46% .15 45);--color-accent-deeper: oklch(40% .135 43);--color-accent-wash: oklch(93% .04 60);--color-focus: oklch(52% .17 47);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Instrument Sans", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-display-s: clamp(2.75rem, 7vw, 4.5rem);--text-display: clamp(3.5rem, 12vw, 8.5rem);--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--space-64: 64px;--space-96: 96px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .14s;--dur: .24s;--dur-slow: .52s;--rule-hair: 1px;--rule-thick: 3px;--radius-sm: 6px;--radius: 12px;--radius-lg: 18px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-style:normal;font-weight:600;line-height:1.04;margin:0;overflow-wrap:anywhere;min-width:0}a{color:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:var(--space-24)}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in oklch,var(--color-paper) 88%,transparent);-webkit-backdrop-filter:saturate(1.1) blur(8px);backdrop-filter:saturate(1.1) blur(8px);border-bottom:var(--rule-hair) solid var(--color-line)}.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);min-height:64px}.wordmark{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);letter-spacing:-.01em;color:var(--color-ink);text-decoration:none;display:inline-flex;align-items:baseline;gap:.4ch}.wordmark__dot{color:var(--color-accent)}.auth{display:flex;align-items:center;gap:var(--space-12)}.btn-google{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-ink);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-line-strong);border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn-google:hover,.btn-google.is-hover{background:var(--color-paper-3);border-color:var(--color-ink-soft)}.btn-google:focus-visible,.btn-google.is-focus{outline:var(--rule-thick) solid var(--color-focus);outline-offset:2px}.btn-google:active,.btn-google.is-active{transform:translateY(1px)}.btn-google[disabled]{opacity:.55;cursor:not-allowed}.btn-google__g{width:16px;height:16px;flex:none}.user{display:flex;align-items:center;gap:var(--space-8)}.user__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:var(--rule-hair) solid var(--color-line-strong);background:var(--color-paper-3)}.user__name{font-size:var(--text-sm);font-weight:600;max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user__signout{font-size:var(--text-sm);color:var(--color-muted);background:none;border:none;cursor:pointer;padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.user__signout:hover,.user__signout.is-hover{color:var(--color-ink);background:var(--color-paper-3)}.user__signout:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.is-hidden{display:none!important}.hero{position:relative;padding-block:var(--space-64) var(--space-48);border-bottom:var(--rule-thick) solid var(--color-ink);overflow:clip}.hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--space-48);align-items:end}.hero__eyebrow{display:inline-flex;align-items:center;gap:.6ch;font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;color:var(--color-accent-deep);margin-bottom:var(--space-16)}.hero__eyebrow:before{content:"";width:28px;height:var(--rule-hair);background:var(--color-accent)}.hero__title{font-size:var(--text-display);letter-spacing:-.02em;color:var(--color-ink)}.hero__sub{margin-top:var(--space-24);max-width:46ch;font-size:var(--text-lg);line-height:1.5;color:var(--color-ink-soft)}.hero__meta{margin-top:var(--space-24);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12)}.badge{display:inline-flex;align-items:center;gap:.5ch;font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:var(--space-4) var(--space-12);border-radius:999px;border:var(--rule-hair) solid var(--color-line-strong);color:var(--color-ink-soft);background:var(--color-paper-2)}.badge--cefr{color:var(--color-accent-deep);border-color:color-mix(in oklch,var(--color-accent) 40%,var(--color-line));background:var(--color-accent-wash)}.hero__cta{margin-top:var(--space-32);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-16)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-16) var(--space-32);font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;color:var(--color-paper);background:var(--color-accent-deep);border:none;border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn-primary:hover,.btn-primary.is-hover{background:var(--color-accent-deeper)}.btn-primary:focus-visible,.btn-primary.is-focus{outline:var(--rule-thick) solid var(--color-focus);outline-offset:3px}.btn-primary:active,.btn-primary.is-active{transform:translateY(1px)}.hero__free{font-size:var(--text-sm);color:var(--color-muted)}.hero__free strong{color:var(--color-ink-soft);font-weight:600}.hero__art{align-self:stretch;display:flex;align-items:flex-end;justify-content:center}.hero__art svg{width:100%;height:auto;max-height:420px}.coming{padding-block:var(--space-64);flex:1}.coming__head{display:flex;align-items:baseline;gap:var(--space-16);margin-bottom:var(--space-32)}.coming__title{font-size:var(--text-2xl);color:var(--color-ink)}.coming__note{font-size:var(--text-sm);color:var(--color-muted)}.coming__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--space-24)}.pack-card{position:relative;display:flex;flex-direction:column;border:var(--rule-hair) solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-paper-2);overflow:clip}.pack-card--soon{opacity:.85}.pack-card__cover{aspect-ratio:16 / 10;display:grid;place-items:center;background:repeating-linear-gradient(135deg,transparent 0 11px,color-mix(in oklch,var(--color-ink) 4%,transparent) 11px 12px),var(--color-paper-3);border-bottom:var(--rule-hair) solid var(--color-line)}.pack-card__soonmark{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-muted)}.pack-card__body{padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-8);flex:1}.pack-card__title{font-size:var(--text-xl);color:var(--color-ink)}.pack-card__sub{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-8)}.pack-card__foot{margin-top:auto;display:flex;align-items:center;gap:var(--space-8);padding-top:var(--space-12)}.foot{border-top:var(--rule-hair) solid var(--color-line);background:var(--color-paper-2)}.foot__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-16);padding-block:var(--space-32)}.foot__brand{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink)}.foot__tag{font-size:var(--text-sm);color:var(--color-muted);max-width:40ch}.foot__by{font-size:var(--text-xs);color:var(--color-muted)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:rise var(--dur-slow) var(--ease-out) both}.rise-2{animation:rise var(--dur-slow) var(--ease-out) both;animation-delay:90ms}.rise-3{animation:rise var(--dur-slow) var(--ease-out) both;animation-delay:.17s}@media (max-width: 860px){.hero__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-32)}.hero__art{order:-1;justify-content:flex-start}.hero__art svg{max-height:240px}.hero{padding-block:var(--space-48) var(--space-32)}}@media (max-width: 520px){.wrap{padding-inline:var(--space-16)}.coming__head{flex-direction:column;gap:var(--space-4)}.user__name{display:none}}@media (prefers-reduced-motion: reduce){.rise,.rise-2,.rise-3{animation:none}*{transition-duration:1ms!important}}