@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";
:root{--bg:#f6f7f9;--surface:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--accent:#22c070;--shadow-card:0 10px 40px #0f172a0f}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,Segoe UI,Helvetica Neue,Arial,sans-serif}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a{color:inherit}.route-shell{max-width:1120px;margin:0 auto;padding:28px 20px 56px}.route-shell--compact{max-width:760px}.route-shell--docs{max-width:1180px}.route-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:18px;padding:24px}.route-card--narrow{max-width:560px;margin:0 auto}.route-shell section[aria-label=Board\ menu],.route-shell section[aria-label=Board\ actions],.route-shell section[aria-label=Share\ board],.route-shell section[aria-label=Pending\ invites],.route-shell section[aria-label=Account]{border:1px solid var(--border);background:#fff;border-radius:14px;margin-top:14px;padding:16px}.route-shell input,.route-shell select,.route-shell button{font:inherit}.route-shell input,.route-shell select{border:1px solid #d1d5db;border-radius:8px;min-height:34px;padding:6px 10px}.route-shell button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-height:34px;padding:6px 10px}.route-shell button#addtaskfab,.route-shell button#addlistfab,.route-shell button#storesave,.route-shell button#shelfsave,.route-shell button#savestoreb{background:var(--accent);color:#fff;border-color:#1ca25f}.route-shell #maincontainer table{border-collapse:collapse;width:100%}.route-shell #maincontainer th,.route-shell #maincontainer td{text-align:left;border:1px solid #e5e7eb;padding:8px}.form-grid{gap:10px;display:grid}.form-grid input{border:1px solid #d1d5db;border-radius:10px;height:42px;padding:0 12px}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;height:44px;font-weight:700}.btn-subtle{color:var(--muted);cursor:pointer;background:0 0;border:0}.form-error{color:#b91c1c;margin:0}.docs-layout-grid{grid-template-columns:280px 1fr;gap:20px;display:grid}.docs-nav-rail{align-self:start;position:sticky;top:20px}.docs-nav-rail h2{margin-top:0}.docs-nav-rail ul{margin:0;padding-left:18px;line-height:1.8}.docs-nav-rail a{color:#0f172a;text-decoration:none}.docs-nav-rail a[aria-current=page]{color:var(--accent);font-weight:700}.docs-content h1{margin-top:0}.docs-description{color:#475569;margin-bottom:20px}.docs-section{margin-top:20px}.docs-section p,.docs-section li,.legal-card p,.legal-card li{color:#334155;line-height:1.7}.blog-card{max-width:860px;margin:0 auto}.blog-card h1{margin-top:0}.blog-date{color:#64748b}.blog-card pre{color:#e2e8f0;background:#0f172a;border-radius:10px;padding:12px;overflow-x:auto}.blog-card figure{margin:20px 0}.blog-card img{border:1px solid #dbeafe;border-radius:8px;max-width:100%;height:auto}.landing-root{background:0 0;border:0;max-width:none;margin:0;padding:0}.landing-shell{max-width:1120px;margin:0 auto;padding:36px 24px 56px}.landing-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.landing-brand{color:#6b7280;margin:0;font-weight:700}.landing-header-links{align-items:center;gap:32px;display:flex}.landing-docs-link{color:#111827;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.landing-docs-icon{background:#222;border-radius:2px;width:14px;height:11px;position:relative}.landing-docs-icon:before{content:"";background:#222;border-radius:2px 2px 0 0;width:7px;height:4px;position:absolute;top:-3px;left:2px}.landing-header-login{color:var(--accent);font-weight:700;text-decoration:none}.landing-hero-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card);border-radius:24px;grid-template-columns:1.15fr .85fr;gap:30px;padding:28px;display:grid}.landing-hero-content h1{margin:0 0 18px;font-size:clamp(34px,3.4vw,56px);line-height:1.05}.landing-hero-lead{color:#111827;max-width:570px;margin:0 0 12px;font-size:clamp(17px,1.85vw,21px);font-weight:600;line-height:1.45}.landing-pills{flex-wrap:wrap;gap:14px 18px;margin:18px 0 26px;display:flex}.landing-pills a{color:var(--accent);font-weight:500;text-decoration:none}.landing-cta-row{align-items:center;gap:14px;display:flex}.landing-cta-primary,.landing-cta-secondary{border-radius:999px;justify-content:center;align-items:center;width:160px;height:46px;font-weight:700;text-decoration:none;display:inline-flex}.landing-cta-primary{background:var(--accent);color:#fff;box-shadow:0 10px 30px #22c07052}.landing-cta-secondary{color:var(--accent);background:#fff;border:1px solid #d1d5db}.landing-throwaway-row{align-items:center;gap:10px;margin-top:24px;display:inline-flex}.landing-throwaway-row a{color:var(--accent);font-weight:700;text-decoration:none}.landing-hero-visual{flex-direction:column;align-items:center;display:flex}.landing-image-frame{background:#f8fafc;justify-content:center;align-items:center;width:100%;min-height:610px;display:flex}.landing-image-frame img{object-fit:contain;width:auto;height:min(560px,75vh)}.landing-image-caption{text-align:right;max-width:360px;color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.5}.landing-features-section{background:#fff;padding:58px 24px 64px}.landing-features-shell{text-align:center;max-width:1120px;margin:0 auto}.landing-section-kicker{color:#6b7280;letter-spacing:.04em;margin:0;font-size:13px}.landing-features-shell h2{margin:10px 0 14px;font-size:42px;line-height:1.1}.landing-section-copy{color:#6b7280;max-width:760px;margin:0 auto;font-size:28px;line-height:1.35}.landing-feature-grid{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:36px;display:grid}.landing-feature-card{border:1px solid var(--border);background:#fff;border-radius:18px;min-height:190px;padding:22px}.landing-feature-card h3{margin:0 0 10px;font-size:30px}.landing-feature-card p{color:#4b5563;margin:0 0 18px;font-size:24px;line-height:1.35}.landing-feature-card a{color:var(--accent);font-weight:600;text-decoration:none}@media (max-width:1200px){.landing-hero-card{grid-template-columns:1fr}.landing-image-frame{min-height:420px}.landing-image-caption{text-align:center}.landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.docs-layout-grid{grid-template-columns:1fr}.docs-nav-rail{position:static}}@media (max-width:700px){.route-shell{padding:20px 12px 38px}.route-card{padding:16px}.landing-shell{padding:22px 14px 34px}.landing-header{gap:12px;margin-bottom:16px}.landing-header-links{gap:14px}.landing-hero-card{border-radius:16px;gap:18px;padding:16px}.landing-hero-content h1{font-size:clamp(30px,7.8vw,44px)}.landing-hero-lead{font-size:clamp(17px,4.6vw,22px)}.landing-cta-row{flex-direction:column;align-items:stretch}.landing-cta-primary,.landing-cta-secondary{width:100%}.landing-image-frame{min-height:320px}.landing-image-frame img{height:min(420px,65vh)}.landing-features-section{padding:34px 14px 42px}.landing-features-shell h2{font-size:clamp(30px,8.2vw,42px)}.landing-section-copy{font-size:clamp(17px,4.6vw,24px)}.landing-feature-grid{grid-template-columns:1fr}.landing-feature-card h3{font-size:clamp(24px,6.3vw,32px)}.landing-feature-card p{font-size:clamp(17px,4.5vw,24px)}}
