*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#3a2f1c;-webkit-font-smoothing:antialiased;background:radial-gradient(120% 90% at 50% 0,#f6eed8 0%,#efe3c6 45%,#e7d8b7 100%);min-height:100vh;font-family:Spectral,Georgia,serif}a{color:#a5623c;text-decoration:none}a:hover{color:#7d4526}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#785f2d4d;border-radius:6px}::-webkit-scrollbar-track{background:0 0}@keyframes floatIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes textShimmer{0%{background-position:0%}to{background-position:220%}}@keyframes glowPulse{0%,to{box-shadow:0 6px 20px #7d452657}50%{box-shadow:0 8px 30px #c9a24a9e}}@keyframes sweep{0%{transform:translate(-140%)skew(-16deg)}55%,to{transform:translate(360%)skew(-16deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:none}}@keyframes slideBubble{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.tc-hover{transition:transform .2s,box-shadow .2s,opacity .2s}.tc-hover:hover{transform:translateY(-5px)}.tc-card{position:relative}.tc-card:disabled{cursor:default}.tc-face{transition:transform .2s cubic-bezier(.2,.7,.3,1),filter .2s}.tc-card:not(:disabled):hover{z-index:4}.tc-card:not(:disabled):hover .tc-face{filter:drop-shadow(0 13px 22px #3c280f6b);transform:translateY(-8px)scale(1.045)}.font-legible,.font-legible *{font-family:Atkinson Hyperlegible,Spectral,sans-serif!important}.font-dyslexia,.font-dyslexia *{font-family:Lexend,Spectral,sans-serif!important}.font-legible .wordmark,.font-dyslexia .wordmark{-webkit-text-fill-color:#3a2f1c;background:0 0}.rboard-card{cursor:help;position:relative}.rboard-tip{color:#f4e9cd;opacity:0;pointer-events:none;z-index:60;text-align:center;background:#2b2312;border:1px solid #c9a24a73;border-radius:11px;width:190px;max-width:46vw;padding:11px 13px;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(5px);box-shadow:0 14px 32px #140e048c}.rboard-tip:after{content:"";border:7px solid #0000;border-top-color:#2b2312;position:absolute;top:100%;left:50%;transform:translate(-50%)}.rboard-card:hover .rboard-tip{opacity:1;transform:translate(-50%)translateY(0)}.app-main{max-width:1180px;margin:0 auto;padding:22px clamp(16px,4vw,40px) 80px}@media (min-width:1300px){.app-main{max-width:1360px}}@media (min-width:1650px){.app-main{max-width:1520px}}.draw-wrap{grid-template-columns:1fr;align-items:start;gap:22px;display:grid}.card-rail{min-width:0}.lib-grid{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:12px;padding:2px 2px 12px;display:flex;overflow-x:auto}.lib-grid>*{scroll-snap-align:center;flex:0 0 29vw;max-width:128px}@media (min-width:620px){.lib-grid>*{flex-basis:120px}}@media (min-width:920px){.draw-wrap{grid-template-columns:minmax(0,1fr) 360px}.card-rail{background:#fffaee80;border:1px solid #785f2d33;border-radius:14px;max-height:calc(100vh - 28px);padding:14px;position:sticky;top:14px;overflow:auto}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));padding:0;display:grid;overflow:visible}.lib-grid>*{flex:none;max-width:none}}@media (min-width:1300px){.draw-wrap{grid-template-columns:minmax(0,1fr) 460px}}.read-wrap{grid-template-columns:1fr;align-items:start;gap:26px;display:grid}@media (min-width:960px){.read-wrap.with-mentor{grid-template-columns:minmax(0,1fr) minmax(320px,392px)}}.note-input{color:#3a2f1c;resize:vertical;box-sizing:border-box;background:#fffcf4bf;border:1px solid #785f2d47;border-radius:10px;outline:none;width:100%;padding:11px 13px;font-family:inherit;font-size:14.5px;line-height:1.55;transition:border-color .15s,background .15s}.note-input:focus{background:#fffdf6;border-color:#a5623c}.note-label{letter-spacing:.14em;text-transform:uppercase;color:#a5623c;margin:16px 0 7px;font-family:IBM Plex Mono,monospace;font-size:10px;display:block}.wordmark{background:linear-gradient(100deg,#3a2f1c 0% 35%,#c9a24a 50%,#3a2f1c 65% 100%) 0 0/220% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite textShimmer}.cloth{position:relative;overflow:hidden}.cloth:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff0c829,#0000);width:40%;animation:5.5s ease-in-out infinite sweep;position:absolute;top:0;bottom:0;transform:translate(-140%)skew(-16deg)}.stagger>*{animation:.5s both popIn}.stagger>:first-child{animation-delay:40ms}.stagger>:nth-child(2){animation-delay:.12s}.stagger>:nth-child(3){animation-delay:.2s}.stagger>:nth-child(4){animation-delay:.28s}.stagger>:nth-child(5){animation-delay:.36s}.stagger>:nth-child(6){animation-delay:.44s}.stagger>:nth-child(7){animation-delay:.52s}.stagger>:nth-child(8){animation-delay:.6s}.stagger>:nth-child(9){animation-delay:.68s}.stagger>:nth-child(10){animation-delay:.76s}@media (prefers-reduced-motion:reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important}}:root{--ink:#3a2f1c;--ink-soft:#5a4a30;--ink-faint:#8a7550;--terracotta:#a5623c;--terracotta-deep:#7d4526;--gold:#c9a24a;--rule:#785f2d3d;--rule-strong:#785f2d61;--panel:#fffcf4a8;--panel-solid:#fdf6e7;--display:"Cormorant Garamond", Georgia, serif;--body:"Spectral", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, monospace}.shell{max-width:1080px;margin:0 auto;padding:0 clamp(18px,5vw,36px)}.shell--narrow{max-width:760px}.skip-link{z-index:100;background:var(--panel-solid);color:var(--terracotta-deep);border:1px solid var(--rule-strong);font-family:var(--mono);border-radius:0 0 10px;padding:12px 18px;font-size:12px;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.site-head{border-bottom:1px solid var(--rule);z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6eed8e0;position:sticky;top:0}.site-head__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding-top:10px;padding-bottom:10px;display:flex}.brand{align-items:baseline;gap:11px;display:flex}.brand__mark{font-family:var(--display);letter-spacing:.02em;color:var(--ink);font-size:25px;font-weight:700}.brand__sub{font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--terracotta);font-size:9.5px}@media (max-width:560px){.brand__sub{display:none}}.site-nav{flex-wrap:wrap;align-items:center;gap:clamp(6px,2vw,20px);display:flex}.site-nav a{font-family:var(--mono);letter-spacing:.07em;color:var(--ink-faint);border-bottom:1px solid #0000;padding:6px 2px;font-size:11.5px}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--terracotta-deep);border-bottom-color:var(--terracotta)}.btn{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:13px 24px;font-size:12.5px;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--terracotta);color:#fffaf0;box-shadow:0 6px 20px #7d45264d}.btn--primary:hover{background:var(--terracotta-deep);color:#fffaf0;box-shadow:0 10px 28px #7d452661}.btn--ghost{border-color:var(--rule-strong);color:var(--ink-soft);background:0 0}.btn--ghost:hover{border-color:var(--terracotta);color:var(--terracotta-deep);background:#a5623c12}.btn--coffee{background:var(--gold);color:#2b2312;text-transform:none;letter-spacing:.03em;border-color:#5a461459;font-size:13px;box-shadow:0 5px 16px #c9a24a66}.btn--coffee:hover{color:#2b2312;background:#d9b45c;box-shadow:0 9px 24px #c9a24a85}.btn__icon{font-size:21px;line-height:1;position:relative;top:1px}.eyebrow{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--terracotta);margin:0 0 14px;font-size:10px}.display{font-family:var(--display);letter-spacing:.005em;color:var(--ink);margin:0;font-weight:600;line-height:1.08}h1.display{font-size:clamp(38px,7vw,68px)}h2.display{font-size:clamp(27px,4vw,39px)}h3.display{font-size:clamp(20px,2.5vw,25px)}.lede{color:var(--ink-soft);margin:20px 0 0;font-size:clamp(17px,2vw,20px);line-height:1.62}.prose{color:var(--ink-soft);font-size:17px;line-height:1.72}.prose p{margin:0 0 18px}.prose h2{margin:44px 0 14px}.prose h3{margin:32px 0 10px}.prose ul,.prose ol{margin:0 0 18px;padding-left:22px}.prose li{margin-bottom:9px}.prose strong{color:var(--ink);font-weight:600}.prose a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.section{padding:clamp(48px,7vw,84px) 0}.section--tight{padding:clamp(32px,5vw,54px) 0}.section--hero{padding-top:clamp(18px,3vw,40px)}.section+.section{border-top:1px solid var(--rule)}.rule{border:0;border-top:1px solid var(--rule);margin:0}.grid{gap:clamp(18px,3vw,28px);display:grid}.grid--2,.grid--3,.grid--4{grid-template-columns:minmax(0,1fr)}@media (min-width:520px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:680px){.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1020px){.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.grid--hero{grid-template-columns:minmax(0,1fr);gap:clamp(18px,3vw,28px);display:grid}@media (min-width:940px){.grid--hero{grid-template-columns:minmax(0,1fr) minmax(0,400px)}}.panel{background:var(--panel);border:1px solid var(--rule);border-radius:16px;padding:clamp(20px,3vw,30px)}.panel h3{margin-top:0}.panel p:last-child{margin-bottom:0}.step__n{font-family:var(--display);color:var(--gold);margin-bottom:12px;font-size:40px;font-weight:700;line-height:1;display:block}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-soft);background:#a5623c17;border:1px solid #a5623c3d;border-radius:999px;padding:6px 13px;font-size:11.5px;display:inline-block}.chip--rev{background:#5a6b3a1a;border-color:#5a6b3a47}.card-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.card-list>li{display:flex}.card-link{border:1px solid var(--rule);background:#fffcf480;border-radius:12px;flex-direction:column;justify-content:center;width:100%;padding:13px 16px;transition:border-color .16s,background .16s,transform .16s;display:flex}.card-link:hover{border-color:var(--terracotta);background:var(--panel-solid);transform:translateY(-2px)}.card-link__name{font-family:var(--display);color:var(--ink);font-size:20px;font-weight:600;display:block}.card-link:hover .card-link__name{color:var(--terracotta-deep)}.card-link__meta{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-top:3px;font-size:10px;display:block}.crumbs{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-faint);flex-wrap:wrap;gap:8px;margin:0 0 20px;font-size:11px;display:flex}.crumbs a{color:var(--ink-faint)}.crumbs a:hover{color:var(--terracotta-deep)}.meaning{border-left:2px solid var(--gold);margin:0 0 30px;padding-left:20px}.meaning--rev{border-left-color:#5c6b3a}.meaning h3{margin:0 0 8px}.pager{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:12px;display:flex}.pager a{font-family:var(--mono);letter-spacing:.05em;font-size:12px}.site-foot{border-top:1px solid var(--rule);margin-top:40px;padding:46px 0 60px}.site-foot__cols{grid-template-columns:1fr;gap:30px;display:grid}@media (min-width:720px){.site-foot__cols{grid-template-columns:2fr 1fr 1fr}}.site-foot h2{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--terracotta);margin:0 0 14px;font-size:10px;font-weight:400}.site-foot ul{margin:0;padding:0;list-style:none}.site-foot li{margin-bottom:9px}.site-foot a{color:var(--ink-soft);font-size:14.5px}.site-foot a:hover{color:var(--terracotta-deep)}.site-foot__fine{border-top:1px solid var(--rule);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:38px;padding-top:22px;font-size:13px;display:flex}.support{text-align:center;background:linear-gradient(135deg,#c9a24a21,#a5623c17);border:1px solid #c9a24a66;border-radius:18px;padding:clamp(26px,4vw,40px)}.support p{max-width:52ch;margin-left:auto;margin-right:auto}.hero__fan{perspective:900px;justify-content:center;align-items:center;gap:clamp(-10px,-1vw,0px);display:flex}.hero__fan .fan-card{border-radius:10px;width:clamp(88px,22vw,152px);height:auto;animation:.7s both floatIn;box-shadow:0 16px 38px #3c280f57}.hero__fan .fan-card:first-child{z-index:1;margin-right:-8%;animation-delay:50ms;transform:rotate(-9deg)translateY(14px)}.hero__fan .fan-card:nth-child(2){z-index:3;animation-delay:.16s;transform:translateY(-10px)scale(1.06)}.hero__fan .fan-card:nth-child(3){z-index:2;margin-left:-8%;animation-delay:.27s;transform:rotate(9deg)translateY(14px)}@media (max-width:679px){.hero__fan{margin-top:40px}}.showcase{border:1px solid var(--rule-strong);background:#fbf4e4;border-radius:16px;max-width:940px;margin:0 auto;overflow:hidden;box-shadow:0 26px 60px #3c280f42,0 3px 10px #3c280f1a}.showcase__chrome{border-bottom:1px solid var(--rule);background:#e7d8b78c;align-items:center;gap:7px;padding:11px 16px;display:flex}.showcase__dot{background:#785f2d4d;border-radius:50%;width:9px;height:9px}.showcase__url{text-align:center;font-family:var(--mono);letter-spacing:.1em;color:var(--ink-faint);flex:1;font-size:10px}.showcase__body{grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:780px){.showcase__body{grid-template-columns:minmax(0,1fr) minmax(0,290px)}}.showcase__eyebrow{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--terracotta);margin:0 0 16px;font-size:9px}.showcase__board{padding:22px clamp(16px,3vw,26px) 26px}.showcase__slots{justify-content:center;gap:clamp(10px,2.5vw,20px);display:flex}.demo-slot{text-align:center;min-width:0}.demo-slot__label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px;font-size:8.5px;display:block}.demo-card{display:inline-block;position:relative}.demo-card img{border-radius:7px;width:clamp(70px,17vw,112px);height:auto;display:block;box-shadow:0 8px 20px #3c280f4d}.demo-card__rev{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#5c6b3a;white-space:nowrap;background:#fbf4e4;border:1px solid #5a6b3a66;border-radius:999px;padding:2px 7px;font-size:7.5px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.demo-glance{border:1px solid var(--rule);background:#fffcf4cc;border-radius:11px;margin-top:30px;padding:14px 16px}.demo-glance__title{font-family:var(--display);color:#312812;margin:0 0 11px;font-size:15px;font-weight:600}.demo-bars{flex-direction:column;gap:7px;display:flex}.demo-bar{align-items:center;gap:10px;display:flex}.demo-bar__label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);flex:none;width:42px;font-size:8.5px}.demo-bar__track{background:#785f2d29;border-radius:3px;flex:1;height:5px}.demo-bar__fill{transform-origin:0;border-radius:3px;height:100%;display:block}.demo-glance__note{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-faint);margin:12px 0 0;font-size:9px}.showcase__mentor{border-top:1px solid var(--rule);background:#f5eace80;padding:22px clamp(16px,3vw,22px) 26px}@media (min-width:780px){.showcase__mentor{border-top:0;border-left:1px solid var(--rule)}}.demo-bubble{color:var(--ink-soft);border:1px solid var(--rule);background:#fffdf6;border-radius:12px 12px 12px 4px;margin-bottom:10px;padding:10px 13px;font-size:12.5px;line-height:1.62}.demo-bubble--user{color:var(--ink);background:#a5623c1f;border-color:#a5623c47;border-radius:12px 12px 4px;margin-left:22px}.demo-typing{gap:4px;padding:6px 4px 12px;animation:13s linear infinite demoTyping;display:flex}.demo-typing span{background:var(--terracotta);border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite demoDot}.demo-typing span:nth-child(2){animation-delay:.18s}.demo-typing span:nth-child(3){animation-delay:.36s}.demo-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.demo-chip{font-family:var(--mono);letter-spacing:.04em;color:var(--terracotta-deep);border:1px solid #a5623c59;border-radius:999px;padding:5px 10px;font-size:9px}.demo-step{animation:13s ease-out infinite both demoStep}.demo-deal{animation:13s cubic-bezier(.2,.7,.3,1) infinite both demoDeal}.demo-grow{animation:13s ease-out infinite both demoGrow}@keyframes demoStep{0%{opacity:0;transform:translateY(10px)}5%,88%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(-6px)}}@keyframes demoDeal{0%{opacity:0;transform:translateY(34px)rotate(-7deg)scale(.88)}7%,88%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(-8px)scale(.97)}}@keyframes demoGrow{0%{transform:scaleX(0)}8%,88%{transform:scaleX(1)}96%,to{transform:scaleX(0)}}@keyframes demoTyping{0%,29%{opacity:0}31%,39%{opacity:1}41%,to{opacity:0}}@keyframes demoDot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.showcase .demo-step,.showcase .demo-deal,.showcase .demo-grow{opacity:1!important;animation:none!important;transform:none!important}.showcase .demo-typing{display:none!important}}.mentor-panel{background:#302814f5;border-radius:16px;flex-direction:column;max-height:calc(100vh - 40px);display:flex;position:sticky;top:16px;overflow:hidden;box-shadow:0 12px 40px #281e0a4d}.mentor-body{flex-direction:column;flex:1;min-height:0;display:flex}.mentor-toggle{display:none}@media (max-width:959px){.mentor-panel{z-index:80;background:#302814;border-radius:16px 16px 0 0;max-height:min(84vh,620px);position:fixed;inset:auto 0 0;box-shadow:0 -12px 40px #281e0a73}.mentor-panel:not(.is-expanded) .mentor-body{display:none}.mentor-toggle{display:flex}.read-wrap{padding-bottom:74px}}@supports (padding:max(0px)){@media (max-width:959px){.mentor-panel{padding-bottom:env(safe-area-inset-bottom)}}}