:root{--bg:#f5efe2;--panel:#171b22eb;--panel-soft:#202630cc;--ink:#151515;--cream:#faf6ee;--muted:#637082;--line:#ffffff14;--accent:#e85d3f;--accent-soft:#e85d3f29;--teal:#0e8f8f;--gold:#c79b45;--shadow:0 20px 60px #10131729;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--font-display:"Avenir Next", "Gill Sans", "Segoe UI", sans-serif;--font-body:"Iowan Old Style", "Palatino Linotype", Georgia, serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 0 0,#e85d3f38,#0000 32%),radial-gradient(circle at 100% 0,#0e8f8f38,#0000 28%),linear-gradient(#f9f2e6 0%,#efe5d5 100%)}body{color:var(--ink);font-family:var(--font-body);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}p{line-height:1.6}h1,h2,h3,h4,strong{font-family:var(--font-display);letter-spacing:-.03em}.page-shell,.landing-shell{width:min(1180px,100vw - 32px);margin:0 auto}.landing-shell{padding:28px 0 56px}.marketing-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);background:#faf6eec7;border:1px solid #15151514;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.nav-links{color:var(--muted);font-family:var(--font-display);align-items:center;gap:18px;display:flex}.cta-row,.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.newsletter-hero{border-radius:var(--radius-md);background:#ffffff8a;border:1px solid #15151514;gap:14px;margin:28px 0 16px;padding:18px;display:grid}.newsletter-kicker{color:var(--accent);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.82rem}.newsletter-hero strong{font-size:1.05rem}.newsletter-form-row{flex-wrap:wrap;gap:12px;display:flex}.newsletter-form-row input{min-width:0;font:inherit;color:var(--ink);background:#faf6eee0;border:1px solid #1515151f;border-radius:999px;flex:280px;padding:14px 16px}.newsletter-feedback{color:var(--teal);font-family:var(--font-display);margin:0 0 8px}.public-footer{border-radius:var(--radius-md);background:#faf6eead;border:1px solid #15151514;margin:36px 0 8px;padding:18px 20px}.public-footer.compact{margin:0}.public-footer p{color:var(--muted);margin:0;font-size:.96rem}.public-footer a,.public-footer strong{color:var(--ink)}.button-primary,.button-secondary{font-family:var(--font-display);border-radius:999px;justify-content:center;align-items:center;padding:14px 18px;font-size:.95rem;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button-primary{background:var(--ink);color:var(--cream);box-shadow:0 10px 30px #1515152e}.button-secondary{background:#ffffff6b;border:1px solid #15151514}.button-primary:hover,.button-secondary:hover{transform:translateY(-1px)}.hero-grid,.three-grid,.two-grid,.insight-grid,.results-grid,.dropzone-grid,.detail-grid,.metric-grid{gap:20px;display:grid}.hero-grid{grid-template-columns:1.3fr .9fr;margin-top:28px}.hero-panel,.proof-panel,.feature-card,.dark-feature-card,.insight-card,.stat-card,.dropzone,.study-hero,.app-card,.list-card,.auth-card{border-radius:var(--radius-lg);box-shadow:var(--shadow)}.hero-panel{background:linear-gradient(135deg,#faf6eef0,#f6ead5eb);border:1px solid #1515150f;padding:42px}.hero-panel h1{margin:12px 0 18px;font-size:clamp(2.8rem,5vw,5.1rem);line-height:.95}.hero-panel p,.section-heading p,.feature-card p,.dark-feature-card p,.insight-card p,.dropzone p,.auth-card p,.list-card p,.app-card p{color:var(--muted)}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0;font-size:.78rem}.proof-panel,.dark-feature-card,.sidebar,.topbar-pill,.study-hero{color:var(--cream);background:radial-gradient(circle at 100% 0,#e85d3f2e,#0000 28%),linear-gradient(#171b22fa,#12151bfa)}.proof-panel{border:1px solid var(--line);padding:28px}.hero-visual{flex-direction:column;gap:18px;display:flex}.proof-metric{border-top:1px solid var(--line);gap:8px;padding:16px 0;display:grid}.proof-metric strong{font-size:2rem}.section-block{padding:32px 0 0}.section-heading{max-width:700px;margin-bottom:20px}.section-heading h2{margin:10px 0;font-size:clamp(2rem,3vw,3rem)}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-grid,.insight-grid,.detail-grid,.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.app-card,.list-card,.auth-card,.dropzone,.stat-card,.insight-card,.stack-node{background:#faf6eed1;border:1px solid #1515150f}.feature-card,.dark-feature-card,.app-card,.list-card,.auth-card,.dropzone,.study-hero{padding:28px}.dark-feature-card{border:1px solid var(--line)}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:22px}.stat-label{color:var(--muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.82rem}.stat-card strong{margin:10px 0 8px;font-size:2rem;display:block}.app-frame{background:linear-gradient(#f7efe2e6,#f4ebdce6);grid-template-columns:320px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;padding:32px 28px;display:flex}.sidebar h1{margin:10px 0;font-size:2.1rem}.sidebar-copy{color:#faf6eeb8}.sidebar-nav{gap:10px;display:grid}.sidebar-nav a{border-radius:var(--radius-sm);font-family:var(--font-display);background:#ffffff0a;padding:14px 16px}.app-main{padding:28px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar h2{margin:8px 0 0;font-size:2rem}.topbar-pill{border:1px solid var(--line);font-family:var(--font-display);border-radius:999px;padding:14px 18px}.app-card,.list-card,.insight-card{padding:24px}.list-row,.timeline-row{border-top:1px solid #15151514;justify-content:space-between;gap:20px;padding:14px 0;display:flex}.list-row:first-child,.timeline-row:first-child{border-top:none;padding-top:0}.tag{background:var(--accent-soft);color:var(--accent);font-family:var(--font-display);border-radius:999px;padding:6px 10px;font-size:.8rem;display:inline-flex}.storage-banner{background:linear-gradient(#fff7ebf5,#faefddeb)}.template-row{border-top:1px solid #15151514;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px 0;display:grid}.template-row:first-of-type{border-top:none;padding-top:0}.template-row .tag{white-space:normal;text-align:right;border-radius:18px;align-self:start;max-width:220px;line-height:1.4}.inline-label{color:var(--ink);font-family:var(--font-display)}.dropzone-panel{border-radius:var(--radius-md);background:#1515150a;padding:18px}.notebook-preview{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(#fffaf2f0,#f8f1e6f0);border:1px solid #15151514;padding:28px}.notebook-full{padding:34px}.notebook-toolbar{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.notebook-toolbar h2{margin:8px 0 0}.notebook-print-shell{padding-bottom:40px}.notebook-print-controls{z-index:5;position:sticky;top:0}.notebook-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.notebook-header h3,.notebook-summary h4,.notebook-section h4{margin:8px 0 0}.notebook-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.notebook-meta-card,.notebook-reference{border-radius:var(--radius-md);background:#ffffff94;border:1px solid #15151514;padding:18px}.notebook-meta-card strong,.notebook-reference p:last-child{color:var(--ink)}.notebook-meta-card strong{margin-top:8px;display:block}.notebook-summary{border-radius:var(--radius-md);background:#ffffff8a;border:1px solid #15151514;margin-top:18px;padding:20px}.notebook-reference{margin-top:18px}.notebook-reference p{margin:0}.notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.notebook-section{border-radius:var(--radius-md);background:#ffffff94;border:1px solid #15151514;padding:20px}.notebook-section ul{margin:12px 0 0;padding-left:18px}.notebook-section li{color:var(--muted);line-height:1.6}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-stack{gap:18px;width:min(780px,100%);display:grid}.auth-card{width:min(680px,100%)}.auth-options{gap:12px;margin-top:20px;display:grid}.stack-form{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#faf6eed1;border:1px solid #1515150f;gap:14px;padding:24px;display:grid}.stack-form label,.stack-form fieldset{border:none;gap:8px;margin:0;padding:0;display:grid}.stack-form span,.stack-form legend{font-family:var(--font-display);font-size:.92rem}.stack-form input,.stack-form textarea{border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--ink);background:#ffffffb3;border:1px solid #1515151f;padding:14px 16px}.stack-checks{gap:10px;display:grid}.check-row{align-items:center;gap:10px;display:flex}.auth-option{border-radius:var(--radius-sm);background:#ffffff75;border:1px solid #15151514;padding:16px}.kicker{color:var(--gold);font-family:var(--font-display)}.stack-diagram{gap:14px;display:grid}.stack-node{border-radius:var(--radius-md);padding:18px}.stack-node strong{color:var(--ink)}.signal-bars{grid-template-columns:repeat(6,1fr);align-items:end;gap:8px;min-height:120px;padding-top:12px;display:grid}.signal-bar{background:linear-gradient(180deg, var(--accent), var(--teal));opacity:.9;border-radius:999px}.signal-bar.tall{height:116px}.signal-bar.mid{height:78px}.signal-bar.short{height:46px}.results-grid .insight-card strong,.study-hero strong,.app-card strong{font-size:1.06rem}@media print{html,body{background:#fff}.sidebar,.topbar,.notebook-print-controls,.public-footer{display:none!important}.page-shell,.landing-shell,.app-main{width:100%;margin:0;padding:0}.notebook-preview,.notebook-full,.app-card,.list-card,.study-hero,.insight-card{box-shadow:none;border:1px solid #1515151f}}@media (max-width:960px){.hero-grid,.three-grid,.two-grid,.insight-grid,.results-grid,.detail-grid,.metric-grid,.dropzone-grid,.app-frame{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line)}.topbar{flex-direction:column;align-items:flex-start}.newsletter-form-row{flex-direction:column}.auth-card{width:100%}.notebook-toolbar,.notebook-header{flex-direction:column}.notebook-meta-grid,.notebook-grid,.template-row{grid-template-columns:1fr}.template-row .tag{text-align:left;max-width:none}}
