:root{--paper:#f6f0e2;--paper-deep:#efe6d0;--grid-line:#7c8ec2;--margin-red:#bf3b2c;--ink:#1d2b49;--ink-soft:#4a5578;--pen-red:#b23a2e;--pen-red-deep:#8a281e;--pen-green:#3f6b45;--gold:#b8862e;--doodle-blue:#2f5aa8;--card-bg:#fffdf6;--shadow:28,43,74}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--paper);color:var(--ink);font-family:var(--font-literata), Georgia, serif;-webkit-font-smoothing:antialiased;margin:0;font-size:16.5px;line-height:1.6;overflow-x:hidden}.page{background-image:repeating-linear-gradient(0deg,#7c8ec229 0 1px,#0000 1px 21px),repeating-linear-gradient(90deg,#7c8ec229 0 1px,#0000 1px 21px);position:relative}.margin-line{background:var(--margin-red);opacity:.5;width:2px;position:absolute;top:0;bottom:0;left:60px}@media (max-width:640px){.margin-line{left:24px}}.noise{pointer-events:none;z-index:1;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.wrap{max-width:1040px;margin:0 auto;padding:0 108px 0 116px;position:relative}@media (max-width:1180px){.wrap{padding:0 40px 0 116px}}@media (max-width:640px){.wrap{padding:0 20px 0 44px}}h1,h2,h3{font-family:var(--font-fraunces), var(--font-literata), serif;color:var(--ink);letter-spacing:-.01em;margin:0;font-weight:700}h1{font-size:clamp(2.1rem,4.4vw,3.1rem);font-weight:900;line-height:1.08}h2{font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.18}h3{font-size:1.12rem;font-weight:600}p{margin:0 0 .85em}.lede{color:var(--ink-soft);max-width:600px;font-size:1.08rem}.hand{font-family:var(--font-caveat), cursive;color:var(--pen-red);font-weight:600}.mono{font-family:var(--font-jetbrains), monospace}.oneliner{font-family:var(--font-jetbrains), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.75rem}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(14px)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:70ms}.reveal.d2{transition-delay:.14s}.reveal.d3{transition-delay:.21s}.reveal.d4{transition-delay:.28s}.spiral{flex-direction:column;align-items:center;gap:24px;width:22px;padding-top:34px;display:flex;position:absolute;top:0;left:12px}.spiral span{background:radial-gradient(circle at 35% 30%, #fff, var(--paper-deep) 60%, #cfc4a6 100%);border-radius:50%;width:15px;height:15px;box-shadow:inset 0 0 0 2px #5a503240,0 1px 2px #00000026}@media (max-width:640px){.spiral{display:none}}.doodle{opacity:.85;color:var(--doodle-blue);pointer-events:none;z-index:0;position:absolute}.doodle svg{width:100%;height:100%;overflow:visible}.doodle-left{left:-102px}.doodle-right{right:-102px}@media (max-width:1180px){.doodle-right{display:none}}@media (max-width:900px){.doodle{display:none}}.margin-note{font-family:var(--font-caveat), cursive;font-size:1.35rem;font-weight:600;line-height:1.2}.margin-note.doodle-left{text-align:right}.margin-note.doodle-right{text-align:left}header.hero{padding:52px 0 40px;position:relative}.stamp-tag{font-family:var(--font-jetbrains), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--pen-green);border:1.5px solid var(--pen-green);border-radius:3px;align-items:center;gap:8px;margin-bottom:16px;padding:4px 9px;font-size:.7rem;display:inline-flex;transform:rotate(-3deg)}.stamp-tag:before{content:"●";font-size:.6rem}.hero-grid{grid-template-columns:1.15fr .95fr;align-items:start;gap:44px;display:grid}@media (max-width:880px){.hero-grid{grid-template-columns:1fr}}.hero h1 span.highlight{white-space:nowrap;padding:0 .05em;position:relative}.hero h1 span.highlight:before{content:"";z-index:-1;background:linear-gradient(96deg,#f4c94cad,#f4c94c6b 55%,#f4c94cad);border-radius:3px 10px 4px 11px/8px 4px 10px 5px;position:absolute;inset:8% -3% 4%}.cta-primary{background:var(--ink);color:var(--paper);font-family:var(--font-jetbrains), monospace;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:12px;margin-top:22px;padding:19px 30px;font-size:1.02rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:5px 5px #bf3b2c99}.cta-primary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #bf3b2cb3}.cta-primary:active{transform:translate(1px,1px);box-shadow:3px 3px #bf3b2c99}.cta-primary .arrow{transition:transform .15s}.cta-primary:hover .arrow{transform:translate(4px)}.card{background:var(--card-bg);box-shadow:0 16px 34px -16px rgba(var(--shadow),.35), 0 2px 0 rgba(var(--shadow),.06);border:1px solid #1d2b491f;border-radius:4px;padding:22px 22px 20px;position:relative}.card:before{content:"";background:linear-gradient(90deg,#0000,#bf3b2c66,#0000);height:1px;position:absolute;top:0;left:20px;right:20px}.ex-card{transform:rotate(1deg)}.ex-card .ex-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ex-badge{font-family:var(--font-jetbrains), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border:1px solid #1d2b4940;border-radius:20px;padding:3px 9px;font-size:.7rem}.ex-level{font-family:var(--font-jetbrains), monospace;color:var(--gold);font-size:.7rem;font-weight:700}.ex-sentence{font-family:var(--font-literata), Georgia, serif;margin-bottom:4px;font-size:1.1rem}.ex-translation{color:var(--ink-soft);margin-bottom:14px;font-size:.88rem;font-style:italic}.ex-row{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.ex-input-wrap{border-bottom:2px solid var(--ink);flex:180px;align-items:center;padding:5px 4px;display:flex}.ex-input-wrap span.prefix{font-family:var(--font-literata), Georgia, serif;color:var(--ink-soft);margin-right:6px}.ex-input-wrap input{font-family:var(--font-literata), Georgia, serif;color:var(--ink);background:0 0;border:none;outline:none;width:100%;font-size:1.02rem}.accents{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.accents button{font-family:var(--font-literata), Georgia, serif;cursor:pointer;width:26px;height:26px;color:var(--ink-soft);background:0 0;border:1px solid #1d2b4940;border-radius:3px;font-size:.9rem}.accents button:hover{background:#1d2b490f}.ex-buttons{flex-wrap:wrap;gap:10px;margin-bottom:4px;display:flex}.btn-check{font-family:var(--font-jetbrains), monospace;background:var(--ink);color:var(--paper);cursor:pointer;border:none;border-radius:3px;padding:9px 14px;font-size:.8rem}.btn-check:hover{background:#2a3a63}.btn-reveal{font-family:var(--font-jetbrains), monospace;color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #1d2b494d;border-radius:3px;padding:9px 14px;font-size:.8rem}.btn-reveal:hover{border-color:var(--ink);color:var(--ink)}.ex-feedback{min-height:30px;font-family:var(--font-caveat), cursive;margin-top:8px;font-size:1.3rem;font-weight:600}.ex-feedback.ok{color:var(--pen-green)}.ex-feedback.bad,.ex-feedback.reveal-answer{color:var(--pen-red)}.ex-progress{border-top:1px dashed #1d2b4940;align-items:center;gap:12px;margin-top:14px;padding-top:12px;display:flex}.ex-progress .bar{background:#1d2b491a;border-radius:6px;flex:1;height:7px;overflow:hidden}.ex-progress .bar i{background:linear-gradient(to right, var(--pen-green), #6fa876);border-radius:6px;width:23%;height:100%;display:block}.ex-progress .label{font-family:var(--font-jetbrains), monospace;color:var(--ink-soft);white-space:nowrap;font-size:.7rem}.perf{height:24px;margin:4px 0;position:relative}.perf:before{content:"";border-top:2px dashed #1d2b4947;height:0;position:absolute;top:11px;left:0;right:0}.perf .hole{background:var(--paper);border-radius:50%;width:14px;height:14px;position:absolute;top:4px;box-shadow:inset 0 0 0 2px #1d2b4926}section{padding:38px 0;position:relative}.section-kicker{font-family:var(--font-jetbrains), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px;font-size:.72rem}.section-head{max-width:640px;margin-bottom:22px}.section-head p{color:var(--ink-soft);margin-top:8px}.intro-text{max-width:760px}.feat-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:760px){.feat-grid{grid-template-columns:1fr}}.feat-card{background:var(--card-bg);border:1px solid #1d2b491a;border-radius:4px;padding:16px 18px;position:relative}.feat-card h3{margin-bottom:4px;font-size:1.02rem}.feat-card p{color:var(--ink-soft);margin:0;font-size:.92rem}.feat-icon{font-family:var(--font-jetbrains), monospace;background:var(--ink);width:28px;height:28px;color:var(--paper);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:.78rem;font-weight:700;display:inline-flex}.levels-strip{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.level-pill{background:var(--card-bg);border:1px solid #1d2b4924;border-radius:4px;flex:150px;align-items:baseline;gap:8px;padding:10px 14px;display:flex}.level-pill b{font-family:var(--font-jetbrains), monospace;color:var(--gold);font-size:.78rem}.level-pill span{color:var(--ink-soft);font-size:.88rem}.level-arrow{color:var(--margin-red);font-family:var(--font-jetbrains), monospace;align-self:center}@media (max-width:760px){.level-arrow{display:none}}.situation-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}@media (max-width:760px){.situation-grid{grid-template-columns:1fr}}.situation-grid .col-pain{border-left:3px solid var(--pen-red);padding-left:16px}.situation-grid .col-fix{border-left:3px solid var(--pen-green);padding-left:16px}.situation-grid h3{text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.98rem}.situation-grid .col-pain h3{color:var(--pen-red)}.situation-grid .col-fix h3{color:var(--pen-green)}.situation-grid p{color:var(--ink-soft);font-size:.95rem}.vs-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:760px){.vs-grid{grid-template-columns:1fr}}.vs-card{background:var(--card-bg);border:1px solid #1d2b491a;border-radius:4px;padding:16px 18px}.vs-card .vs-name{font-family:var(--font-jetbrains), monospace;margin-bottom:6px;font-size:.82rem;font-weight:700}.vs-card p{color:var(--ink-soft);margin:0;font-size:.9rem}.vs-card p .us{color:var(--pen-green);font-weight:600}.faq-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:820px){.faq-grid{grid-template-columns:1fr}}.faq-card{background:var(--card-bg);border:1px solid #1d2b491a;border-radius:4px;padding:16px 18px}.faq-card .q{font-family:var(--font-fraunces), var(--font-literata), serif;margin-bottom:6px;font-size:.98rem;font-weight:600}.faq-card .a{color:var(--ink-soft);margin:0;font-size:.88rem}.final-cta{text-align:center;padding:52px 0 60px}.final-cta h2{margin-bottom:12px}.final-cta .lede{margin:0 auto 4px}footer{font-family:var(--font-jetbrains), monospace;color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;padding:26px 0 40px;font-size:.72rem;display:flex}footer a{color:inherit;text-underline-offset:3px;text-decoration:underline}footer a:hover{color:var(--ink)}.legal{max-width:860px}.legal h1{overflow-wrap:anywhere;margin:6px 0 14px;font-size:clamp(1.7rem,7.5vw,3.1rem)}.legal .oneliner a{color:inherit}.legal .updated{font-family:var(--font-jetbrains), monospace;color:var(--ink-soft);font-size:.75rem}.legal section{padding:18px 0 4px}.legal h2{margin-bottom:8px;font-size:1.3rem}.legal section p{color:var(--ink-soft);max-width:680px}.legal section a{color:var(--doodle-blue);text-underline-offset:3px}::selection{background:#bf3b2c40}