.hero{display:grid;grid-template-columns:1fr 1.12fr;min-height:650px;max-width:1400px;margin:auto;align-items:center;padding:40px 5% 48px;gap:5%}.hero-copy h1{font-size:clamp(48px,5.3vw,76px);max-width:8ch;margin-bottom:28px}.hero-copy p{max-width:36ch;font-size:17px;line-height:1.8;color:var(--muted);margin-bottom:32px}.hero-copy small{display:block;color:var(--muted);margin-top:14px}.hero-tree{position:relative;height:530px}.hero-tree svg{width:100%;height:100%}.demo-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:var(--muted)}
.landing-section{padding:86px 8%;border-top:1px solid var(--line)}.landing-section h2{font-size:40px;max-width:17ch;margin-bottom:20px}.landing-section p{max-width:48ch;color:var(--muted);line-height:1.8}.how-section{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;background:var(--surface)}.how-section h2{grid-column:1}.how-section p{grid-column:1}.work-example{grid-column:2;grid-row:1/3;align-self:center;padding:24px 0;border-block:1px solid var(--line)}.work-example>span{font:24px var(--font-display)}.work-example ul{padding:0;list-style:none;line-height:2.5}.work-example li{display:flex;gap:14px;align-items:center}.work-example li:before{content:'';width:16px;height:16px;border:1px solid var(--leaf-ghost);border-radius:50%}.work-example .example-done:before{background:var(--leaf);border-color:var(--leaf)}.example-done{color:var(--muted);text-decoration:line-through}.styles-section{display:grid;grid-template-columns:1fr 1fr;gap:20px 8%}.style-controls{grid-column:1;display:flex;flex-wrap:wrap;gap:8px;align-self:start}.style-controls button,.period-control button{padding:9px 14px;background:transparent;border:1px solid var(--line);border-radius:8px;font-size:13px;min-height:44px}.style-controls button[aria-pressed=true],.period-control button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}#style-preview{grid-column:2;grid-row:1/3;height:380px}#style-tree{width:100%;height:100%}.composer-section{background:var(--surface);text-align:center}.composer-section h2,.composer-section p{margin-inline:auto}.composer-example{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:550px;margin:36px auto 0;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--bg);text-align:left;color:var(--muted)}.composer-example svg{width:24px;height:24px;color:var(--accent)}.final-cta{text-align:center}.final-cta h2{margin:0 auto 32px}.final-cta>a{margin-inline:10px}
.auth-layout{min-height:calc(100dvh - 76px);display:grid;grid-template-columns:1fr 1fr}.auth-tree{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.auth-tree svg{width:min(450px,100%);height:420px}.auth-tree p{color:var(--muted);font-family:var(--font-display);font-size:20px;text-align:center}.auth-panel{display:flex;align-items:center;padding:48px 12%;background:var(--surface);border-left:1px solid var(--line)}.auth-content{width:100%;max-width:400px}.auth-content h1{font-size:38px;margin-bottom:32px}.auth-switch{font-size:13px;margin-top:28px}.forgot-link{display:inline-block;font-size:12px;margin-top:20px}
.pricing-page{max-width:1160px;margin:auto;padding:64px 5%}.pricing-page>h1{font-size:48px;text-align:center;margin-bottom:18px}.page-intro{text-align:center;color:var(--muted)}.period-control{display:flex;justify-content:center;gap:8px;margin:30px 0 44px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.plan{border-top:1px solid var(--line);padding:28px 0;display:flex;flex-direction:column}.plan h2{font-size:30px;margin-bottom:12px}.plan-price{display:flex;align-items:baseline;gap:8px;margin:22px 0 0}.plan-price strong{font-size:36px;font-weight:600;letter-spacing:-.03em}.plan-price span{font-size:12px;color:var(--muted)}.plan ul{padding:0;list-style:none;font-size:13px;margin:24px 0 32px;line-height:2.4;flex:1}.plan .button{align-self:start}.reading-page{max-width:750px;padding:64px 24px;margin:auto;min-height:60vh}.reading-page h1{font-size:42px}.reading-page p{line-height:1.8;color:var(--muted)}pre{padding:24px;background:var(--surface);border-radius:8px;overflow:auto;font-size:13px}
@media(max-width:860px){.hero{grid-template-columns:1fr 1fr;min-height:580px;gap:12px}.hero-copy h1{font-size:48px}.hero-tree{height:450px}.auth-panel{padding:40px 8%}.landing-section{padding:64px 6%}.landing-section h2{font-size:34px}}
@media(max-width:600px){.hero{display:flex;flex-direction:column;padding:38px 24px 24px;gap:16px;min-height:0}.hero-copy{width:100%}.hero-copy h1{font-size:46px;max-width:9ch;margin-bottom:18px}.hero-copy p{font-size:14px;line-height:1.7;margin-bottom:22px}.hero-copy .button{font-size:12px}.hero-copy small{font-size:10px;margin-top:10px}.hero-tree{height:320px;width:100%}.landing-section{padding:48px 24px}.landing-section h2{font-size:30px}.how-section,.styles-section{display:block}.work-example{margin-top:32px}.style-controls{margin-top:26px}#style-preview{height:320px;margin-top:18px}.auth-layout{display:block;min-height:calc(100dvh - 64px)}.auth-tree{display:none}.auth-panel{border:0;padding:44px 24px;min-height:calc(100dvh - 64px);align-items:start}.auth-content{max-width:none}.auth-content h1{font-size:32px;margin-bottom:30px}.pricing-page{padding:40px 24px}.pricing-page>h1{font-size:34px}.pricing-grid{grid-template-columns:1fr;gap:16px}.plan{padding:24px 0}.plan ul{margin:20px 0}.reading-page{padding-top:40px}.reading-page h1{font-size:32px}}

/* Taskwood public surfaces extend the existing sage/green, flat serif world. */
.public-page h1{max-width:11ch}.public-page p{overflow-wrap:anywhere}.public-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.public-hero-actions .button{white-space:normal;text-align:center}.public-page .hero-copy small{max-width:40ch;line-height:1.7}.public-page .hero-tree{height:530px;min-width:0}.public-page .hero-tree svg{height:calc(100% - 26px)}.public-page .demo-caption{padding:0 20px;font-size:11px;line-height:1.5}.public-how h2{max-width:20ch}.public-how ol{padding:0;margin:36px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.public-how li{border-top:1px solid var(--line);padding-top:20px}.public-page h3{font-size:17px;font-weight:600;line-height:1.4;margin-bottom:12px}.public-how li p{font-size:14px}.public-page .styles-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 8%}.public-page .style-controls{margin-top:28px;gap:8px}.public-stage{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;font-size:12px;max-width:420px;margin-top:26px}.public-stage input{grid-column:1/-1;padding:0;border:0;min-height:44px;background:transparent;accent-color:var(--accent)}.public-stage output{grid-column:2;text-align:right;color:var(--muted);min-width:0}.public-page #style-preview{grid-row:auto;height:390px;align-self:center}.public-page #style-tree{height:calc(100% - 30px)}.public-preview-caption{text-align:center;font-size:11px;margin:8px 0}.public-composer{background:var(--surface);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center}.public-feature-note{font-size:12px;max-width:48ch}.public-demo-panel{border-block:1px solid var(--line);padding:26px 0;min-width:0}.public-demo-panel h3{font-size:14px}.public-demo-panel form{display:flex;gap:8px}.public-demo-panel form input{flex:1;min-width:0}.public-demo-panel form .button{width:44px;flex:none;padding:10px}.public-voice-example{display:flex;align-items:center;gap:12px;margin-top:12px;min-height:44px}.public-voice-example>.button{font-size:12px}.public-demo-wave{height:25px;display:flex;align-items:center;gap:3px;flex:none}.public-demo-wave i{height:22px;width:2px;background:var(--accent);transform:scaleY(var(--bar));animation:public-example-wave 800ms ease-in-out infinite alternate}.public-demo-wave i:nth-child(2n){animation-delay:-300ms}.public-demo-note,.public-demo-status,.public-demo-progress{font-size:11px;line-height:1.6;margin:8px 0;color:var(--muted)}.public-demo-status{min-height:18px}.public-demo-tasks{list-style:none;padding:0;margin:16px 0 0}.public-demo-tasks li{padding:10px 0;border-top:1px solid var(--line)}.public-demo-tasks label{display:flex;align-items:flex-start;gap:12px;font-size:13px;overflow-wrap:anywhere}.public-demo-tasks input{min-height:18px;width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--accent)}.public-demo-tasks input:checked+span{color:var(--muted);text-decoration:line-through}.public-feature-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:32px}.public-feature-lines>div{padding-top:20px;border-top:1px solid var(--line)}.public-feature-lines p{font-size:14px}.public-feature-lines small{color:var(--muted)}.public-connections dl{margin:32px 0}.public-connections dl>div{display:grid;grid-template-columns:180px 1fr;gap:24px;max-width:850px;padding:22px 0;border-top:1px solid var(--line)}.public-connections dt{font-size:15px;font-weight:600}.public-connections dt small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:8px}.public-connections dd{margin:0;line-height:1.8;color:var(--muted);font-size:14px;max-width:58ch}.public-plans{background:var(--surface)}.public-plans>h2{max-width:20ch}.public-price-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:30px 0 38px;max-width:760px;margin-inline:auto}.public-price-controls .period-control{margin:0;justify-content:flex-start}.public-currency{display:flex;gap:12px;align-items:center;font-size:12px}.public-currency select{min-width:105px;width:auto}.public-page .pricing-grid{gap:32px;min-width:0}.public-page .plan h3{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1.2}.public-page .plan>p{font-size:14px;margin-bottom:8px}.public-page .plan-price{margin-top:20px;flex-wrap:wrap}.public-page .plan-price strong{font-variant-numeric:tabular-nums;font-size:36px}.public-page .plan ul{line-height:1.6;display:grid;gap:10px;margin:24px 0;min-width:0}.public-page .plan ul li{overflow-wrap:anywhere}.public-page .plan .button{text-align:center;white-space:normal}.public-saving{font-size:12px!important;color:var(--accent);font-weight:600;margin:10px 0 0!important}.public-checkout-note{font-size:13px;line-height:1.8;padding-top:20px;border-top:1px solid var(--line);max-width:78ch!important}.public-price-note{font-size:12px!important;line-height:1.8;color:var(--muted);max-width:85ch!important}.public-plans>a{display:inline-flex;align-items:center;gap:10px;margin-top:18px}.public-plans>a svg{width:20px;height:20px}.public-page.pricing-page>h1{max-width:18ch;margin-inline:auto}.public-page.pricing-page .page-intro{max-width:58ch;margin-inline:auto}.public-comparison{margin-top:64px;padding-top:36px;border-top:1px solid var(--line)}.public-comparison h2,.public-faq-section h2{font-size:36px;max-width:22ch;margin-bottom:22px}.public-table-scroll{overflow-x:auto;margin:26px 0;max-width:100%;scrollbar-color:var(--leaf-ghost) var(--surface)}.public-table-scroll table{border-collapse:collapse;width:100%;min-width:650px;table-layout:fixed;font-size:12px;line-height:1.7;text-align:left;font-variant-numeric:tabular-nums}.public-table-scroll th,.public-table-scroll td{padding:18px 16px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}.public-table-scroll th:first-child{width:24%;padding-left:0}.public-table-scroll thead{background:var(--surface)}.public-table-scroll thead th{font-weight:700}.public-table-scroll tbody th{font-weight:600}.feature-planned{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:4px}.public-faq-section{margin-top:60px}.landing-section.public-faq-section{margin-top:0}.public-faq{max-width:800px}.public-faq details{border-top:1px solid var(--line);padding:20px 0}.public-faq details:last-child{border-bottom:1px solid var(--line)}.public-faq summary{font-size:15px;font-weight:600;cursor:pointer;min-height:24px;line-height:1.6}.public-faq details p{margin:16px 0 0;line-height:1.8;font-size:14px;max-width:68ch}.public-faq details a{display:inline-block;margin-top:10px;font-size:13px}.public-page .final-cta p{margin:0 auto 28px;max-width:48ch}.public-footer{flex-wrap:wrap}.public-footer nav{flex-wrap:wrap;row-gap:12px}.public-legal .public-draft{font-size:12px}.public-legal h2{font-size:25px;margin-top:36px;margin-bottom:14px}.public-legal section p{font-size:14px}.public-health-result{font-size:18px!important;padding:24px 0;border-block:1px solid var(--line);margin:28px 0}.public-status>p:last-child{margin-top:28px}
@keyframes public-example-wave{to{transform:scaleY(calc(var(--bar)*.45))}}
@media(max-width:860px){.public-page .hero-tree{height:450px}.public-how ol,.public-feature-lines{gap:24px}.public-composer{gap:32px}.public-connections dl>div{grid-template-columns:140px minmax(0,1fr)}}
@media(max-width:600px){.public-page .hero-copy h1{font-size:44px;max-width:10ch}.public-page .hero-tree{height:320px;width:100%}.public-page .demo-caption{padding:0;font-size:10px}.public-hero-actions{gap:10px;align-items:flex-start}.public-hero-actions .button{font-size:12px}.public-how ol,.public-feature-lines{grid-template-columns:1fr;gap:22px}.public-how ol{margin-top:24px}.public-how li,.public-feature-lines>div{padding-top:16px}.public-page .styles-section{display:block}.public-page #style-preview{height:320px;margin-top:24px}.public-stage{max-width:none}.public-composer{display:block}.public-demo-panel{margin-top:30px}.public-connections dl>div{grid-template-columns:1fr;gap:10px;padding:20px 0}.public-connections dt{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.public-connections dt small{margin-top:0}.public-price-controls{display:grid;gap:16px;justify-content:start;margin:26px 0}.public-currency{flex-wrap:wrap}.public-page .pricing-grid{grid-template-columns:1fr;gap:4px}.public-page .plan{padding:24px 0}.public-page .plan h3{font-size:28px}.public-page .plan-price strong{font-size:34px}.public-comparison{margin-top:36px;padding-top:26px}.public-comparison h2,.public-faq-section h2{font-size:30px}.public-table-scroll table{min-width:620px}.public-table-scroll th,.public-table-scroll td{padding:15px 12px}.public-faq-section{margin-top:40px}.public-footer nav{gap:16px}.public-faq summary{font-size:14px}.public-faq details{padding:18px 0}.public-legal h2{font-size:24px}.public-page.pricing-page>h1{max-width:13ch}}
@media(prefers-reduced-motion:reduce){.public-demo-wave i{animation:none}.public-demo-wave{display:none}}