:root{--navy:#152645;--navy-2:#22375C;--ink:#14203A;--sand:#EDE8DC;--paper:#FCFAF6;--brass:#B4873C;--rule:#DCD5C5;--muted:#6C7688;--tint:rgba(21,38,69,.09);--tint-2:rgba(21,38,69,.05);--display:"Bitter",Georgia,serif;--body:"Onest","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:"JetBrains Mono",Consolas,monospace;--r:16px;--r-s:10px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--sand);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none}a,button{color:inherit}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:22px;height:64px;padding:0 22px;background:var(--navy);color:#EEF1F7}.brand{display:flex;align-items:baseline;gap:10px;flex-shrink:0;text-decoration:none}.brand b{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:.11em}.brand span{color:#93A2BC;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.mainnav{display:flex;gap:4px;flex:1 1;min-width:0;overflow-x:auto;scrollbar-width:none}.mainnav::-webkit-scrollbar{display:none}.mainnav a{padding:8px 14px;border-radius:100px;white-space:nowrap;color:#C3CDDE;font-size:14px;text-decoration:none}.mainnav a:hover{background:rgba(255,255,255,.09);color:#fff}.mainnav a[aria-current=true]{background:rgba(255,255,255,.14);color:#fff}.acct{flex-shrink:0;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:7px 14px;font-size:14px;text-decoration:none}.acct:hover{background:rgba(255,255,255,.09)}.dot{width:7px;height:7px;border-radius:50%;background:var(--brass)}.badge{background:rgba(255,255,255,.16);border-radius:100px;padding:1px 7px;font-family:var(--mono);font-size:10px}.layout{display:flex;align-items:flex-start;max-width:1340px;margin:0 auto}.rail{width:262px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto;padding:24px 16px 40px}.rail .grouphead{color:var(--muted);margin:18px 8px 8px}.rail .grouphead:first-child{margin-top:0}.navitem{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:var(--r-s);text-align:left;font-size:14px;color:#33405C;margin-bottom:2px;text-decoration:none}.navitem:hover{background:var(--tint-2)}.navitem[aria-current=true]{background:var(--tint);color:var(--navy);font-weight:500}.navitem em{font-style:normal;font-family:var(--mono);font-size:10px;color:var(--muted)}.navitem.sub{padding-left:22px;font-size:13.5px}.content{flex:1 1;min-width:0;padding:32px 28px 90px}h1{font-family:var(--display);font-weight:700;font-size:33px;line-height:1.16;margin:0 0 10px;letter-spacing:-.01em}h2{font-size:20px;margin:36px 0 14px}h2,h3{font-family:var(--display);font-weight:600}h3{font-size:17px;margin:0 0 4px}.eyebrow{color:var(--brass);margin-bottom:10px}.lede{color:#465268;max-width:62ch;margin:0 0 26px;font-size:16px}.rule{height:1px;background:var(--rule);margin:24px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:14px;gap:14px}.tile{display:flex;flex-direction:column;gap:8px;text-align:left;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r);padding:20px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}a.tile:hover{transform:translateY(-2px);border-color:#BFB6A2;box-shadow:0 8px 22px rgba(21,38,69,.08)}.tile h4{font-family:var(--display);font-weight:600;font-size:17px;line-height:1.3;margin:0}.tile p{margin:0;color:#525E72;font-size:13.5px;line-height:1.5}.tile .foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;color:var(--muted)}.tile.soon{background:none;border-style:dashed}.tile.soon h4{color:#4A566C}.price{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.03em;color:var(--navy)}.price.free{color:var(--brass)}.lessons{display:flex;flex-direction:column;gap:10px}.lessonrow{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r);padding:16px 20px;text-decoration:none}.lessonrow:hover{border-color:#BFB6A2;background:#fff}.lessonrow .num{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--tint);color:var(--navy);display:grid;place-items:center;font-family:var(--mono);font-size:12px;font-weight:700}.lessonrow .txt{flex:1 1;min-width:0}.lessonrow h4{margin:0 0 2px;font-family:var(--display);font-size:16px;font-weight:600}.lessonrow p{margin:0;color:#525E72;font-size:13.5px}.lessonrow .side{flex-shrink:0;text-align:right}.buybar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--navy);color:#EEF1F7;border-radius:var(--r);padding:20px 24px;margin-bottom:26px}.buybar div{flex:1 1;min-width:200px}.buybar b{display:block;font-family:var(--display);font-size:17px;font-weight:600;margin-bottom:3px}.buybar span{color:#B6C2D6;font-size:13.5px}.btn{background:var(--navy);color:var(--paper);padding:11px 20px;border-radius:100px;font-size:15px;font-weight:500;text-decoration:none;display:inline-block}.btn:hover{background:var(--navy-2)}.btn:disabled{opacity:.6;cursor:default}.btn.light{background:#fff;color:var(--navy)}.btn.light:hover{background:#E6EAF2}.btn.ghost{background:none;color:var(--navy);border:1px solid var(--rule)}.btn.ghost:hover{background:var(--tint-2)}.exlist{display:flex;flex-direction:column;gap:10px;margin:8px 0 0}.ex{position:relative;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r);padding:18px 54px 16px 20px}.ex h5{margin:0 0 5px;font-family:var(--display);font-size:15.5px;font-weight:600}.ex p{margin:0;color:#525E72;font-size:13.5px;line-height:1.5}.ex .meta{margin-top:10px;color:var(--muted)}.plus{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;border:1px solid var(--rule);display:grid;place-items:center;font-size:17px;line-height:1;color:var(--navy);background:#fff}.plus:hover{background:var(--tint);border-color:transparent}.plus[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff;font-size:14px}.reader{max-width:780px}.reader h1{font-size:28px}.reader p{max-width:64ch;margin:0 0 16px;font-size:16px;line-height:1.68}.rmeta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);margin:0 0 24px}.reader figure{margin:1.5rem 0}.reader figcaption{font-size:.875rem;color:var(--muted);margin-top:.5rem}.reader img,.reader video{max-width:100%;border-radius:var(--r)}.reader aside.quote{border-left:3px solid var(--brass);padding:.25rem 0 .25rem 1rem;margin:1.5rem 0;font-family:var(--display);font-size:1.125rem}.reader aside.callout{background:var(--tint);border-radius:var(--r);padding:1rem 1.25rem;margin:1.5rem 0}.watermarked{position:relative}.watermarked:after{content:attr(data-watermark);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:rotate(-24deg);font-family:var(--mono);font-size:1.5rem;color:rgba(21,38,69,.06);pointer-events:none;white-space:nowrap;overflow:hidden}.barrier{margin:38px 0 0}.barrier .note{text-align:center;margin-bottom:14px}.barrier .note b{display:block;font-family:var(--display);font-size:19px;font-weight:600;margin-bottom:4px}.barrier .note span{color:var(--muted);font-size:14px}.fence{position:relative;height:112px}.standard{position:absolute;bottom:0;width:11px;height:112px;background:var(--navy);border-radius:6px}.standard.l{left:7%}.standard.r{right:7%}.standard:after,.standard:before{content:"";position:absolute;left:-3px;width:17px;height:5px;background:var(--brass);border-radius:2px}.standard:before{top:24px}.standard:after{top:60px}.poles{left:7%;right:7%;bottom:0;height:112px}.pole,.poles{position:absolute}.pole{left:0;right:0;height:13px;border-radius:7px;background:repeating-linear-gradient(115deg,#F7F4EC 0 13px,var(--navy-2) 13px 26px)}.pole.p1{top:20px}.pole.p2{top:56px}.pole.p3{top:92px;background:repeating-linear-gradient(115deg,#F7F4EC 0 13px,var(--brass) 13px 26px)}.gated{margin-top:22px;padding:22px 24px;border:1px solid var(--rule);border-radius:var(--r);background:#F5F1E8}.buy{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.buy small{color:var(--muted);font-size:13px;width:100%}.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));grid-gap:14px;gap:14px;align-items:start}.panel{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r);padding:24px}.panel .hint{color:var(--muted);font-size:13px;margin:0 0 18px}.field{margin-bottom:12px}.field label{display:block;margin-bottom:5px;color:var(--muted)}.field input{width:100%;padding:10px 13px;border:1px solid var(--rule);border-radius:var(--r-s);background:#fff;font:inherit;font-size:14px}.field input:focus{outline:none;border-color:var(--navy-2)}.list{list-style:none;margin:0;padding:0}.list li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--rule);font-size:14px}.list li:last-child{border-bottom:none}.list li span{color:var(--muted);font-family:var(--mono);font-size:11px;flex-shrink:0}.empty{background:none;border:1px dashed var(--rule);border-radius:var(--r);padding:34px 28px;text-align:center;max-width:560px}.empty b{display:block;font-family:var(--display);font-size:18px;font-weight:600;margin-bottom:6px}.empty p{margin:0 0 16px;color:#525E72;font-size:14px}.news{display:flex;flex-direction:column;gap:10px}.newsitem{display:flex;gap:18px;align-items:baseline;width:100%;text-align:left;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r);padding:16px 20px;text-decoration:none}.newsitem:hover{border-color:#BFB6A2}.newsitem time{flex-shrink:0;width:82px;color:var(--muted);font-family:var(--mono);font-size:11px}.newsitem h4{margin:0 0 3px;font-family:var(--display);font-size:16px;font-weight:600}.newsitem p{margin:0;color:#525E72;font-size:13.5px}.auth-form{display:flex;flex-direction:column;gap:.75rem;max-width:28rem;margin-top:2rem}.auth-form label{font-size:.9375rem;font-weight:600}.auth-form input[type=text]{font:inherit;padding:.7rem .9rem;border:1px solid var(--rule);border-radius:var(--r-s);background:#fff;color:inherit}.auth-form .checkbox{display:flex;align-items:flex-start;gap:.6rem;font-weight:400;font-size:.9375rem;color:var(--muted)}.auth-form .checkbox input{margin-top:.3rem}.auth-form .btn{margin-top:.5rem;align-self:flex-start}.auth-links{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1rem}.link{color:var(--navy-2);text-decoration:underline;font-size:.9375rem;padding:0}.link:disabled{color:var(--muted);text-decoration:none;cursor:default}.dev-code{background:var(--tint);border-radius:var(--r-s);padding:.75rem 1rem;font-family:var(--mono);font-size:.9375rem}.btn-error{color:#8B2E2E;font-size:.875rem;margin-top:.75rem}.btn-hint{display:block;font-size:.8125rem;color:var(--muted);margin-top:.35rem}@media (max-width:900px){.layout{flex-direction:column}.rail{position:static;width:100%;height:auto;padding:14px 14px 4px}.content{padding:20px 14px 70px;width:100%}h1{font-size:26px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}