:root{--ink:#17302d;--teal:#1f5c57;--teal-dark:#143f3b;--teal-tint:#e7f0ee;--paper:#fff;--folder:#f5f4f0;--amber:#c97b2e;--correct:#3f7d53;--miss:#b14a3d}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.display,h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:500}.mono{font-family:IBM Plex Mono,monospace}a{color:inherit}.promo-bar{background:var(--teal);color:#fff;text-align:center;font-size:13px;padding:10px 16px}.promo-bar a{color:#fff;text-decoration:underline}.topnav{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(23,48,45,.1);flex-wrap:wrap;row-gap:10px}.topnav .wordmark{font-size:22px;color:var(--teal);text-decoration:none}.topnav .navlinks{display:flex;gap:18px;font-size:14px;font-weight:600;flex-wrap:wrap}.topnav .navlinks a{text-decoration:none;color:var(--ink);white-space:nowrap}@media (max-width:640px){.topnav{padding:14px 16px}.topnav .navlinks{width:100%;justify-content:flex-start;gap:14px;font-size:13px}}.inner{max-width:720px}.inner,.inner-wide{margin:0 auto;padding:24px 20px}.inner-wide{max-width:960px}.hero-photo{height:130px;background:linear-gradient(180deg,rgba(20,63,59,.05),rgba(20,63,59,.55)),radial-gradient(circle at 30% 20%,#cfa98f 0,#b9876a 40%,#5b3d33 100%);position:relative;overflow:hidden}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,var(--paper) 100%)}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin-bottom:10px}h1.hero{font-size:34px;line-height:1.15;margin:0 0 16px;color:var(--teal-dark)}p.lead{font-size:16px;line-height:1.6;color:rgba(23,48,45,.8);margin:0 0 22px}.btn{display:inline-block;background:var(--teal);color:#fff;padding:14px 24px;font-weight:600;font-size:14px;border:none;border-radius:100px;text-decoration:none;cursor:pointer}.btn:active{background:var(--teal-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--teal);border:1px solid var(--teal)}.browser-mock{margin-top:30px;border-radius:14px;overflow:hidden;border:1px solid rgba(23,48,45,.15);box-shadow:0 12px 30px rgba(23,48,45,.12)}.browser-bar{background:#2a2a2a;color:#ddd;font-size:12px;padding:10px 14px;display:flex;align-items:center;gap:10px}.browser-bar .url{background:#444;border-radius:8px;padding:5px 10px;flex:1 1;text-align:center;font-family:IBM Plex Mono,monospace}.browser-content{padding:20px}.browser-content,.card{background:var(--folder)}.card{border:1px solid rgba(23,48,45,.15);border-radius:10px;padding:18px;margin-bottom:14px}.card-link{text-decoration:none;color:inherit;display:block}.plan-title{font-size:21px;margin:0 0 4px;color:var(--teal-dark)}.plan-price{font-size:13px;color:rgba(23,48,45,.65);margin:0 0 14px}.plan-btn{width:100%;background:var(--teal);color:#fff;border:none;padding:12px;font-weight:600;font-size:14px;border-radius:100px;cursor:pointer}.plan-btn:disabled{opacity:.5;cursor:not-allowed}.consent{display:flex;gap:8px;font-size:13px;align-items:flex-start;margin:16px 0;line-height:1.5}.consent input{margin-top:3px}a.link{color:var(--teal);text-decoration:underline;cursor:pointer}input[type=email],input[type=text]{width:100%;padding:12px;border:1px solid rgba(23,48,45,.2);background:var(--paper);font-size:15px;border-radius:8px;margin-bottom:10px}.banner{border:1px solid rgba(31,92,87,.3);background:var(--teal-tint);padding:14px;border-radius:10px;font-size:13px;margin-top:20px}.quiz-choice{display:block;width:100%;text-align:left;padding:12px;border:1px solid rgba(23,48,45,.15);background:var(--paper);font-size:14px;margin-bottom:8px;border-radius:8px;cursor:pointer}.quiz-choice.correct{border-color:var(--correct);background:rgba(63,125,83,.1)}.quiz-choice.wrong{border-color:var(--miss);background:rgba(177,74,61,.1)}.quiz-choice:disabled{cursor:default}.feedback{font-size:14px;margin-top:10px}.feedback.correct-text{color:var(--correct);font-weight:600}.feedback.wrong-text{color:var(--miss);font-weight:600}.rationale{color:rgba(23,48,45,.7);margin-top:6px}.next-btn{margin-top:12px;background:var(--teal);color:#fff;border:none;padding:10px 18px;font-weight:600;font-size:14px;border-radius:100px;cursor:pointer}.note{font-size:12px;color:rgba(23,48,45,.55);margin-top:30px;padding-top:16px;border-top:1px solid rgba(23,48,45,.15)}.legal-block{font-size:14px;line-height:1.6;margin-bottom:18px}.legal-block h3{font-size:16px;margin:0 0 4px;color:var(--teal-dark)}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-top:20px}.module-card{border:1px solid rgba(23,48,45,.15);background:var(--folder);border-radius:12px;padding:18px;text-decoration:none;color:inherit;display:block}.module-card .tag{font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--teal)}.module-card h3{font-size:17px;margin:6px 0}.module-card p{font-size:13px;color:rgba(23,48,45,.7);margin:0}.progress-bar-track{height:6px;background:rgba(23,48,45,.1);border-radius:100px;margin-top:10px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--teal);border-radius:100px}.lesson-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.lesson-nav button{border:1px solid rgba(23,48,45,.15);background:var(--paper);padding:8px 14px;border-radius:100px;font-size:12px;font-weight:600;cursor:pointer}.lesson-nav button.active{background:var(--teal);color:#fff;border-color:var(--teal)}.lesson-body h2{font-size:20px;margin-top:32px;color:#fff;background:var(--teal);padding:8px 14px;border-radius:8px;display:inline-block}.lesson-body h3{font-size:16px;margin-top:22px;color:var(--teal-dark);border-left:4px solid var(--amber);padding-left:10px}.lesson-body li,.lesson-body p{font-size:15px;line-height:1.65;color:rgba(23,48,45,.85)}.lesson-body ul{padding-left:20px}.lesson-body strong{color:var(--teal-dark)}.lesson-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:13.5px;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(23,48,45,.08)}.lesson-body thead th{background:var(--teal);color:#fff;text-align:left;padding:10px 12px;font-weight:600;font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.lesson-body tbody td{padding:10px 12px;border-bottom:1px solid rgba(23,48,45,.1);vertical-align:top}.lesson-body tbody tr:nth-child(2n){background:var(--teal-tint)}.lesson-body tbody tr:nth-child(odd){background:var(--paper)}.lesson-body tbody tr:hover{background:#fdf1e2}.lesson-body blockquote{border-left:4px solid var(--amber);background:#fdf5e8;margin:16px 0;padding:10px 16px;border-radius:0 8px 8px 0;font-size:14px;color:var(--teal-dark)}.lesson-body code{background:var(--teal-tint);color:var(--teal-dark);padding:2px 6px;border-radius:4px;font-family:IBM Plex Mono,monospace;font-size:13px}.bubble{position:fixed;bottom:20px;right:20px;width:52px;height:52px;background:var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 6px 16px rgba(23,48,45,.3);text-decoration:none}footer.site-footer{border-top:1px solid rgba(23,48,45,.1);padding:24px 20px;font-size:12px;color:rgba(23,48,45,.55);text-align:center}.track-splash{position:fixed;inset:0;z-index:1000;background:linear-gradient(160deg,var(--teal-dark) 0,var(--teal) 100%);display:flex;align-items:center;justify-content:center;padding:24px;animation:track-splash-fade-in .4s ease}.track-splash-closing{animation:track-splash-fade-out .35s ease forwards}@keyframes track-splash-fade-in{0%{opacity:0}to{opacity:1}}@keyframes track-splash-fade-out{0%{opacity:1}to{opacity:0}}.track-splash-intro{text-align:center;color:#fff}.track-splash-cycle{font-family:Fraunces,Georgia,serif;font-size:42px;color:#fff;animation:track-splash-word-fade .55s ease;min-height:52px}@keyframes track-splash-word-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.track-splash-select{text-align:center;color:#fff;max-width:640px;width:100%;animation:track-splash-word-fade .5s ease}.track-splash-title{font-family:Fraunces,Georgia,serif;font-size:26px;color:#fff;margin:8px 0 28px}.track-splash-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}@media (max-width:520px){.track-splash-grid{grid-template-columns:1fr}}.track-splash-card{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.25);border-radius:14px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;color:#fff;transition:background .15s ease,transform .15s ease}.track-splash-card:hover{background:hsla(0,0%,100%,.16);transform:translateY(-2px)}.track-splash-card-label{font-family:Fraunces,Georgia,serif;font-size:20px}.track-splash-card-full{font-size:12px;opacity:.75;text-align:center}.track-splash-card-soon{opacity:.85}.track-splash-soon-badge{margin-top:6px;font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:hsla(0,0%,100%,.15);padding:4px 10px;border-radius:100px}.track-splash-soon-badge-dim{opacity:.6}.sample-choice{padding:10px 12px;border:1px solid rgba(23,48,45,.15);background:var(--paper);border-radius:8px;font-size:13px;margin-bottom:6px}.sample-choice.correct{border-color:var(--correct);background:rgba(63,125,83,.1)}