:root{--ink:#292d36;--muted:#626570;--accent:#a34d37;--accent-dark:#853b2a;--cream:#fffaf6;--peach:#fbeee3;--green:#486d59;--green-soft:#eef2ef;--line:#e6e2df;--gold:#fff3d9;--shell:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font:16px/1.65 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--cream)}[hidden]{display:none!important}img{display:block;max-width:100%}a{color:inherit}button,summary{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(2.65rem,4.5vw,4.5rem);margin-bottom:25px}h2{font-size:clamp(2rem,3.4vw,3.25rem);margin-bottom:23px}h3{font-size:clamp(1.65rem,2.8vw,2.5rem);margin-bottom:20px}h4{font-size:1.4rem;margin-bottom:25px}p{color:var(--muted);margin-bottom:20px}.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}.section{padding-block:86px}.eyebrow{font-size:.72rem;letter-spacing:.12em;font-weight:800;color:var(--accent);margin-bottom:17px}.lead{font-size:1.1rem;line-height:1.7}.small-note,.hero-note{font-size:.83rem;line-height:1.6}.section-heading{max-width:770px;margin-bottom:35px}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:15px;background:var(--ink);color:white}.skip-link:focus{top:0}.concept-bar{padding:5px 20px;background:var(--green);color:white;text-align:center;font-size:.73rem}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,246,.98);border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;text-decoration:none;white-space:nowrap}.brand img{object-fit:contain}.nav-links{display:flex;gap:26px;margin-left:auto}.nav-links a{text-decoration:none;font-size:.87rem;font-weight:650}.nav-links a:hover{color:var(--accent)}.mobile-menu{display:none;margin-left:auto;position:relative}.mobile-menu summary{cursor:pointer;padding:10px 15px;border:1px solid var(--line);border-radius:12px;font-size:.9rem;font-weight:700}.mobile-menu-links{position:absolute;right:0;top:calc(100% + 10px);min-width:240px;max-height:70vh;overflow:auto;background:var(--cream);padding:8px;border:1px solid var(--line);border-radius:15px;box-shadow:0 12px 35px #292d3615}.mobile-menu-links a{display:block;padding:10px 15px;text-decoration:none;border-radius:8px}.mobile-menu-links a:hover{background:var(--peach)}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border:1px solid var(--line);border-radius:13px;text-decoration:none;font-size:.9rem;font-weight:750;text-align:center;line-height:1.4;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-primary{color:white;background:var(--accent);border-color:var(--accent)}.button-primary:hover{background:var(--accent-dark)}.button-dark{background:var(--green);color:white;border-color:var(--green)}.button-outline,.button-small{background:white}.button-small{min-height:42px;padding:10px 15px}.text-link{color:var(--accent);font-weight:750;text-underline-offset:5px}.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:65px;padding-block:66px 62px}.hero h1 span{color:var(--green)}.hero-lead{font-size:1.06rem;max-width:590px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-block:28px 20px}.hero-note{max-width:470px;margin-bottom:0}.hero-board{padding:30px 32px 18px;border:1px solid #e7d3c2;background:var(--peach);border-radius:28px;box-shadow:10px 12px 0 #f0e1d2;transform:rotate(1deg)}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.66rem;letter-spacing:.08em;font-weight:800;color:var(--accent);margin-bottom:22px}.tiny-pill{background:white;padding:4px 10px;border-radius:20px;letter-spacing:0;color:var(--muted);font-weight:500}.hero-board h2{font-size:1.9rem}.journey-row{display:flex;gap:15px;align-items:start;padding:17px 0;border-top:1px solid #e3cfc0}.journey-dot{width:29px;height:29px;flex-shrink:0;background:white;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:.8rem;font-weight:800}.journey-row strong{font-size:.96rem}.journey-row p{font-size:.85rem;line-height:1.5;margin:5px 0 0}.board-bottom{display:flex;align-items:center;gap:20px}.board-bottom img{object-fit:contain}.board-bottom p{font-size:.8rem;margin:0;line-height:1.5}.feature-ribbon{background:var(--green);color:white}.feature-ribbon .shell{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px 25px;padding-block:21px}.feature-ribbon a{font-size:.8rem;font-weight:650;text-decoration:none}.feature-ribbon a:hover{text-decoration:underline;text-underline-offset:5px}
.feature-tabs{display:flex;gap:8px;padding:7px;background:#eee8e2;border-radius:16px;margin-bottom:20px}.feature-tabs button{flex:1;min-height:52px;border:0;border-radius:11px;color:var(--ink);background:transparent;font-size:.86rem;font-weight:700;padding:12px}.feature-tabs button[aria-selected=true]{background:var(--green);color:white;box-shadow:0 3px 7px #292d3610}.feature-panel{display:grid;grid-template-columns:1.08fr 1fr;gap:55px;align-items:center;background:white;border:1px solid var(--line);border-radius:26px;padding:45px;min-height:510px;margin-bottom:20px}.feature-panel:focus{outline:none}.panel-copy p{font-size:.97rem}.check-list{list-style:none;margin:23px 0;padding:0}.check-list li{position:relative;padding-left:25px;margin:11px 0;font-size:.92rem;line-height:1.6}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:800}.info-detail{font-size:.83rem;margin-top:25px}.info-detail summary{cursor:pointer;font-weight:700;color:var(--green);padding:8px 0}.info-detail p{font-size:.82rem;margin:10px 0 0}.demo-card{padding:28px;background:var(--peach);border-radius:21px;min-width:0}.demo-caption{font-size:.61rem;letter-spacing:.08em;color:var(--accent);font-weight:800;margin-bottom:21px}.demo-item{display:flex;align-items:center;gap:12px;background:white;border-radius:12px;padding:15px;margin:10px 0}.demo-item strong{font-size:.87rem}.demo-item small{display:block;color:var(--muted);font-size:.74rem;line-height:1.6;margin-top:4px}.item-icon{background:var(--green-soft);color:var(--green);font-size:.8rem;font-weight:800;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.demo-bottom{display:flex;align-items:center;gap:17px;margin-top:16px}.demo-bottom img{object-fit:contain}.demo-bottom p{font-size:.78rem;line-height:1.6;margin:0}.demo-green{background:var(--green-soft)}.message{padding:20px;border-radius:16px 16px 16px 3px;background:white;margin:15px 0 15px 0;max-width:95%}.message-student{background:var(--green);color:white;margin-left:auto;border-radius:16px 16px 3px 16px}.message small{font-size:.7rem;font-weight:700}.message p{color:inherit;font-size:.95rem;margin:6px 0 0}.demo-save{font-size:.8rem;color:var(--green);margin-top:25px}.demo-paper{background:var(--gold);position:relative;min-height:345px}.export-list{list-style:none;padding:0;font-size:.9rem;line-height:2.4}.file-label{display:inline-flex;gap:12px;padding:12px 15px;background:white;border-radius:12px;color:var(--accent);font-weight:800;font-size:.76rem;margin-top:22px}.file-label span{font-weight:500;color:var(--ink)}.paper-mascot{margin:15px 0 0 auto;object-fit:contain}
.spotlight{background:var(--green-soft);border-block:1px solid #dce4dd}.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.ai-example{padding:30px;background:white;border:1px solid #dce4dd;border-radius:25px;box-shadow:8px 10px 0 #dce4dd}.ai-name{display:flex;gap:18px;align-items:center;margin-bottom:15px}.ai-name img{object-fit:contain}.ai-name strong{font-size:1.15rem}.ai-name small{display:block;color:var(--muted);font-size:.75rem}.question-bubble{padding:18px 20px;border:1px solid var(--line);border-radius:17px 17px 3px 17px;background:var(--cream);color:var(--ink);font-size:.98rem;margin-bottom:12px}.ai-example .button{margin-top:12px;width:100%}.mentor-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.mentor-features article{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid var(--line)}.mentor-features article>span{display:grid;place-items:center;align-self:start;width:42px;height:42px;flex-shrink:0;border-radius:12px;background:var(--peach);color:var(--accent);font-size:.85rem;font-weight:800}.mentor-features h3{font-size:1.3rem;letter-spacing:-.025em;margin-bottom:9px}.mentor-features p{margin:0;font-size:.94rem}.community-section{background:var(--peach)}.community-grid{display:grid;grid-template-columns:1fr 320px;gap:100px;align-items:center}.topic-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.topic-tags span{padding:6px 12px;background:white;border-radius:20px;font-size:.8rem;font-weight:650}.tea-friends{object-fit:contain;margin-top:20px}.app-screenshot{margin:0}.app-screenshot a{display:block;background:white;padding:8px;border:1px solid #e5d6c7;border-radius:26px;box-shadow:10px 12px 0 #ecd9c9}.app-screenshot img{width:100%;height:auto;border-radius:19px}.app-screenshot figcaption{margin-top:22px;font-size:.73rem;color:var(--muted);text-align:center}.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.extra-card{padding:35px;background:white;border:1px solid var(--line);border-radius:23px}.extra-card>.eyebrow{display:block}.extra-card h3{font-size:1.8rem}.extra-green{background:var(--green-soft);border-color:#dce4dd}.note-example{padding:28px 20px;background:var(--gold);border-radius:4px 4px 22px 4px;font-size:.94rem;color:#65512c;margin-top:30px;transform:rotate(-1deg)}.flash-demo{margin-top:25px;background:white;border-radius:17px;padding:23px}.flash-demo summary{cursor:pointer;list-style:none}.flash-demo summary::-webkit-details-marker{display:none}.flash-demo small{display:block;font-size:.62rem;color:var(--green);font-weight:800;letter-spacing:.07em}.flash-demo strong{display:block;font-size:1.1rem;line-height:1.5;margin:12px 0}.flash-demo summary>span{color:var(--accent);font-size:.8rem;font-weight:700}.flash-demo p{border-top:1px solid var(--line);margin:18px 0 0;padding-top:15px;font-size:.92rem}.flash-demo p strong{display:inline}
.faq-section{background:white}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:20px 25px 20px 0;cursor:pointer;font-size:.95rem;font-weight:650}.faq-list p{font-size:.88rem;padding-bottom:10px}.final-card{display:flex;justify-content:space-between;align-items:center;gap:35px}.final-card p{margin-bottom:0}.final-actions{display:flex;flex-direction:column;gap:12px;min-width:230px}.site-footer{border-top:1px solid var(--line);padding:50px 0 25px;background:white}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px;align-items:start}.footer-grid>div>a{display:block;font-size:.85rem;margin-bottom:10px;text-decoration:none}.footer-grid p{font-size:.76rem}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:35px;color:var(--muted);font-size:.73rem}
@media(max-width:1000px){.nav-links{display:none}.mobile-menu{display:block}.hero{gap:35px;grid-template-columns:1.05fr 1fr}.hero-board{padding:24px}.hero-board h2{font-size:1.5rem}.hero h1{font-size:3rem}.feature-panel{gap:30px;padding:30px}.ai-grid,.mentor-grid{gap:40px}.community-grid{gap:50px;grid-template-columns:1fr 280px}.faq-grid{gap:40px}.hero-actions{gap:18px}.board-bottom img{width:70px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-block:45px;gap:40px}.hero-copy{max-width:600px}.hero h1{font-size:clamp(2.55rem,8vw,3.8rem)}.hero-board{transform:none;max-width:550px;width:100%;margin-inline:auto}.hero-note{max-width:none}.feature-ribbon .shell{display:grid;grid-template-columns:1fr 1fr;gap:16px}.section{padding-block:60px}.feature-panel,.ai-grid,.mentor-grid,.community-grid,.faq-grid,.extras-grid{grid-template-columns:1fr}.feature-tabs{display:grid;grid-template-columns:1fr 1fr}.feature-tabs button{font-size:.8rem}.feature-panel{padding:27px;min-height:0}.panel-copy h3{font-size:1.9rem}.community-grid{gap:40px}.app-screenshot{width:min(100%,320px);margin-inline:auto}.tea-friends{display:none}.ai-example{box-shadow:5px 7px 0 #dce4dd}.final-card{flex-direction:column;align-items:start}.final-actions{width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>.brand{grid-column:1/-1}.nav-cta{display:none}.nav{min-height:68px}.demo-bottom img{width:80px}}
@media(max-width:400px){.shell{width:calc(100% - 32px)}.hero h1{font-size:2.6rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .text-link{text-align:center}.hero-board{padding:23px 18px;box-shadow:5px 7px 0 #f0e1d2}.feature-ribbon a{font-size:.73rem}.feature-panel,.extra-card{padding:23px 18px}.demo-card,.ai-example{padding:20px}.board-bottom{gap:12px}.board-bottom strong{font-weight:600}.ai-name{gap:12px}.ai-name img{width:65px}.footer-bottom{flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.community-links{font-size:.83rem;line-height:1.8}
/* Keep the phone introduction short; the same examples are available in the feature panels. */
@media(max-width:760px){.hero-board{display:none}.hero{padding-block:40px}.hero-note{font-size:.9rem}.feature-ribbon .shell{padding-block:20px}}