:root{--tk-bg:#f6f4ec;--tk-surface:#fffdf7;--tk-ink:#1d1a17;--tk-muted:#6f675f;--tk-border:#ddd5ca;--tk-accent:#165d4a;--tk-accent-soft:#e3f0ea;--tk-warn:#8b5b00;--tk-warn-soft:#fff1cf;--tk-danger:#8a1f1f;--tk-danger-soft:#fde3e0}.tk-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tk-grid-compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.tk-card{background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:18px;color:var(--tk-ink);padding:1rem;box-shadow:0 12px 30px rgba(29,26,23,.05)}.tk-card p,.tk-card span{color:var(--tk-muted)}.tk-card-head{margin-bottom:.75rem}.tk-pill-row{display:flex;flex-wrap:wrap;gap:.5rem}.tk-pill{border-radius:999px;border:1px solid var(--tk-border);display:inline-flex;font-size:.8rem;gap:.3rem;padding:.35rem .7rem}.tk-pill-success{background:var(--tk-accent-soft);color:var(--tk-accent)}.tk-pill-warn{background:var(--tk-warn-soft);color:var(--tk-warn)}.tk-pill-danger{background:var(--tk-danger-soft);color:var(--tk-danger)}.tk-pill-muted{background:transparent;color:var(--tk-muted)}.tk-blocked{border-style:dashed}.tk-note{color:var(--tk-muted);font-size:.95rem}.tk-code{background:#1f1f1f;border-radius:14px;color:#f4f1ea;display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto;padding:.85rem 1rem;white-space:pre-wrap}.tk-button{align-items:center;border-radius:999px;display:inline-flex;font-weight:600;gap:.4rem;padding:.65rem 1rem;text-decoration:none}.tk-button-ghost{border:1px solid var(--tk-border);color:var(--tk-ink)}.tk-plan{min-height:180px}.tk-plan-head,.tk-price{display:flex;justify-content:space-between;margin-bottom:.6rem}:root{--lf-bg:#080d18;--lf-bg-2:#0c1225;--lf-bg-3:#101829;--lf-panel:#111a2e;--lf-panel-soft:#0d1422;--lf-border:hsla(0,0%,100%,.07);--lf-border-strong:hsla(0,0%,100%,.13);--lf-ink:#e2e8f0;--lf-ink-2:#cbd5e1;--lf-muted:#64748b;--lf-muted-2:#94a3b8;--lf-teal:#14b8a6;--lf-teal-dim:rgba(20,184,166,.12);--lf-teal-glow:rgba(20,184,166,.25);--lf-amber:#f59e0b;--lf-amber-dim:rgba(245,158,11,.12);--lf-shadow:0 24px 64px rgba(0,0,0,.55);--lf-shadow-sm:0 8px 24px rgba(0,0,0,.35);--lf-radius-lg:16px;--lf-radius-md:12px;--lf-radius-sm:8px;--lf-max:1120px;--starter-bg:var(--lf-bg);--starter-bg-accent:var(--lf-teal-dim);--starter-panel:var(--lf-panel);--starter-panel-soft:var(--lf-panel-soft);--starter-border:var(--lf-border);--starter-border-strong:var(--lf-border-strong);--starter-ink:var(--lf-ink);--starter-muted:var(--lf-muted-2);--starter-accent:var(--lf-teal);--starter-accent-strong:#0d9488;--starter-accent-ink:#fff;--starter-success:#10b981;--starter-success-bg:rgba(16,185,129,.12);--starter-warn:#f59e0b;--starter-warn-bg:rgba(245,158,11,.12);--starter-danger:#f87171;--starter-danger-bg:hsla(0,91%,71%,.12);--starter-shadow:var(--lf-shadow);--starter-radius-lg:var(--lf-radius-lg);--starter-radius-md:var(--lf-radius-md);--starter-radius-sm:var(--lf-radius-sm);--starter-max:var(--lf-max)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--lf-bg);color:var(--lf-ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{border:0;background:none}.lf-site{min-height:100vh;background:var(--lf-bg)}.lf-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(8,13,24,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--lf-border)}.lf-nav-inner{justify-content:space-between;gap:1rem;height:64px;width:min(calc(100% - clamp(24px, 4vw, 64px)),var(--lf-max));margin:0 auto}.lf-nav-inner,.lf-wordmark{display:flex;align-items:center}.lf-wordmark{font-size:1.1rem;font-weight:700;letter-spacing:-.03em;color:var(--lf-ink);gap:.5rem}.lf-wordmark-dot{width:8px;height:8px;background:var(--lf-teal);border-radius:50%;flex-shrink:0}.lf-nav-links{display:flex;align-items:center;gap:1.5rem}.lf-nav-links a{font-size:.9rem;color:var(--lf-muted-2);transition:color .15s ease}.lf-nav-links a:hover{color:var(--lf-ink)}.lf-nav-cta{display:inline-flex;align-items:center;height:36px;padding:0 1rem;background:var(--lf-teal);color:#fff!important;font-size:.875rem;font-weight:600;border-radius:6px;transition:background .15s ease,transform .15s ease}.lf-nav-cta:hover{background:#0d9488;transform:translateY(-1px)}.lf-wrap{width:min(calc(100% - clamp(24px, 4vw, 64px)),var(--lf-max));margin:0 auto}.lf-hero{padding:clamp(72px,12vw,120px) 0 clamp(56px,10vw,96px);text-align:center}.lf-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .9rem;background:var(--lf-teal-dim);border:1px solid rgba(20,184,166,.2);border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lf-teal);margin-bottom:1.75rem}.lf-eyebrow-dot{width:6px;height:6px;background:var(--lf-teal);border-radius:50%}.lf-hero-title{margin:0 auto;max-width:840px;font-size:clamp(2.4rem,6vw,4.25rem);font-weight:800;letter-spacing:-.04em;line-height:1.02;color:#f1f5f9}.lf-hero-title em{font-style:normal;color:var(--lf-teal)}.lf-hero-sub{margin:1.5rem auto 0;max-width:600px;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.65;color:var(--lf-muted-2)}.lf-hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.85rem;margin-top:2.5rem}.lf-btn-primary{display:inline-flex;align-items:center;gap:.5rem;height:52px;padding:0 1.75rem;background:var(--lf-teal);color:#fff;font-size:1rem;font-weight:600;border-radius:8px;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;cursor:pointer;border:none}.lf-btn-primary:hover{background:#0d9488;transform:translateY(-2px);box-shadow:0 12px 32px rgba(20,184,166,.3)}.lf-btn-secondary{display:inline-flex;align-items:center;height:52px;padding:0 1.75rem;background:transparent;color:var(--lf-muted-2);font-size:1rem;font-weight:500;border-radius:8px;border:1px solid var(--lf-border-strong);transition:border-color .15s ease,color .15s ease;cursor:pointer}.lf-btn-secondary:hover{border-color:hsla(0,0%,100%,.22);color:var(--lf-ink)}.lf-demo{margin:3.5rem auto 0;max-width:860px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:1.5rem;gap:1.5rem}.lf-demo-panel{background:var(--lf-panel);border:1px solid var(--lf-border-strong);border-radius:var(--lf-radius-md);padding:1.5rem;text-align:left}.lf-demo-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lf-muted);margin-bottom:.85rem}.lf-demo-input-text{font-size:.975rem;line-height:1.6;color:var(--lf-ink-2);font-style:italic}.lf-demo-latex{font-family:Menlo,Monaco,Fira Code,ui-monospace,monospace;font-size:1.05rem;color:var(--lf-amber);letter-spacing:.01em;line-height:1.5;background:transparent;white-space:pre-wrap}.lf-demo-arrow{font-size:1.5rem;color:var(--lf-teal);font-weight:700;flex-shrink:0;text-align:center}.lf-demo-badge{display:block;margin-top:.75rem;font-size:.75rem;font-weight:600;color:var(--lf-teal)}.lf-section{padding:clamp(64px,10vw,96px) 0}.lf-section-border{border-top:1px solid var(--lf-border)}.lf-section-header{margin-bottom:clamp(2rem,4vw,3rem)}.lf-section-header h2{margin:0;font-size:clamp(1.8rem,4vw,2.75rem);font-weight:700;letter-spacing:-.035em;line-height:1.1;color:#f1f5f9}.lf-section-header p{margin:.75rem 0 0;font-size:1.05rem;color:var(--lf-muted-2);max-width:540px}.lf-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}.lf-problem-card{background:var(--lf-panel);border:1px solid var(--lf-border-strong);border-radius:var(--lf-radius-md);padding:1.75rem}.lf-problem-number{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lf-muted);margin-bottom:.85rem}.lf-problem-card h3{margin:0 0 .75rem;font-size:1rem;font-weight:700;color:var(--lf-ink);letter-spacing:-.02em}.lf-problem-card p{margin:0;font-size:.93rem;line-height:1.65;color:var(--lf-muted-2)}.lf-code-inline{font-family:Menlo,Monaco,ui-monospace,monospace;font-size:.88em;color:var(--lf-amber);background:var(--lf-amber-dim);padding:.1em .35em;border-radius:4px}.lf-features-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;gap:1.25rem}.lf-feature-card{background:var(--lf-panel);border:1px solid var(--lf-border-strong);border-radius:var(--lf-radius-md);padding:1.75rem;display:flex;flex-direction:column;gap:.75rem}.lf-feature-icon{width:36px;height:36px;background:var(--lf-teal-dim);border:1px solid rgba(20,184,166,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.lf-feature-card h3{margin:0;font-size:1.025rem;font-weight:700;color:var(--lf-ink);letter-spacing:-.02em}.lf-feature-card p{margin:0;font-size:.93rem;line-height:1.65;color:var(--lf-muted-2)}.lf-pricing-wrap{max-width:740px}.lf-pricing-card{background:var(--lf-panel);border:1px solid rgba(20,184,166,.22);border-radius:var(--lf-radius-lg);padding:clamp(2rem,4vw,2.75rem)}.lf-pricing-top{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;flex-wrap:wrap}.lf-pricing-name{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lf-teal);margin-bottom:.5rem}.lf-pricing-price{font-size:clamp(2.25rem,5vw,3rem);font-weight:800;letter-spacing:-.04em;color:#f1f5f9;line-height:1}.lf-pricing-price span{font-size:1rem;font-weight:500;color:var(--lf-muted-2);letter-spacing:0}.lf-pricing-compare{background:rgba(0,0,0,.3);border:1px solid var(--lf-border-strong);border-radius:var(--lf-radius-sm);padding:.85rem 1rem;font-size:.875rem;color:var(--lf-muted-2);line-height:1.5}.lf-pricing-compare strong{color:var(--lf-ink);display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}.lf-pricing-divider{border:0;border-top:1px solid var(--lf-border);margin:1.75rem 0}.lf-pricing-features{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem;margin-bottom:2rem}.lf-pricing-feature{display:flex;align-items:flex-start;gap:.6rem;font-size:.93rem;color:var(--lf-ink-2)}.lf-pricing-check{color:var(--lf-teal);font-weight:700;flex-shrink:0;margin-top:.05em}.lf-footer{border-top:1px solid var(--lf-border);padding:2.5rem 0}.lf-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.lf-footer-brand{font-size:.95rem;font-weight:700;letter-spacing:-.02em;color:var(--lf-ink)}.lf-footer-tagline{font-size:.85rem;color:var(--lf-muted);margin-top:.25rem}.lf-footer-links{display:flex;gap:1.5rem}.lf-footer-links a{font-size:.875rem;color:var(--lf-muted);transition:color .15s ease}.lf-footer-links a:hover{color:var(--lf-ink-2)}.starter-app-shell,.starter-site-shell{min-height:100vh}.starter-site-shell{display:flex;align-items:center;padding:clamp(48px,9vw,112px) 0}.starter-wrap{width:min(calc(100% - clamp(24px, 4vw, 64px)),var(--starter-max));margin:0 auto}.starter-card,.starter-landing-card,.starter-status-banner{border:1px solid var(--starter-border-strong);background:var(--starter-panel);box-shadow:var(--starter-shadow)}.starter-card,.starter-landing-card{border-radius:var(--starter-radius-lg)}.starter-landing-card{max-width:760px;padding:clamp(28px,4vw,44px)}.starter-stack{display:grid;grid-gap:1rem;gap:1rem}.starter-app-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(8,13,24,.9);border-bottom:1px solid var(--starter-border)}.starter-app-header-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.starter-app-main{padding:32px 0 56px}.starter-brand{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;letter-spacing:-.03em;color:var(--starter-ink)}.starter-brand-dot{width:7px;height:7px;background:var(--lf-teal);border-radius:50%}.starter-actions,.starter-app-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.starter-app-nav a{color:var(--starter-muted);font-size:.9rem;transition:color .14s ease}.starter-app-nav a:hover{color:var(--starter-ink)}.starter-eyebrow{margin:0 0 .8rem;color:var(--starter-accent);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.starter-title,.starter-title-sm{margin:0;letter-spacing:-.035em;line-height:1.08;color:#f1f5f9}.starter-title{font-size:clamp(2.4rem,6vw,4.5rem)}.starter-title-sm{font-size:clamp(1.4rem,3vw,1.9rem)}.starter-copy,.starter-field label,.starter-key-value dt,.starter-note,.starter-status-copy span{color:var(--starter-muted)}.starter-copy{margin:1rem 0 0;font-size:1.05rem}.starter-note{margin:0;font-size:.9rem}.starter-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:0 1.1rem;border-radius:8px;border:1px solid var(--starter-border-strong);background:hsla(0,0%,100%,.05);color:var(--starter-ink);cursor:pointer;font-size:.925rem;font-weight:500;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.starter-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.3)}.starter-button-primary{background:var(--starter-accent);color:#fff;border-color:var(--starter-accent)}.starter-button-primary:hover{background:#0d9488;border-color:#0d9488}.starter-button-secondary{background:hsla(0,0%,100%,.06);border-color:var(--starter-border-strong)}.starter-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.starter-actions{margin-top:1.25rem}.starter-actions-compact{margin-top:1rem}.starter-card{padding:1.25rem}.starter-card-soft{background:hsla(0,0%,100%,.03);border:1px solid var(--starter-border);border-radius:var(--starter-radius-md);padding:1rem}.starter-section-card{padding:clamp(20px,3vw,28px)}.starter-status-banner{border-radius:var(--starter-radius-md);padding:1rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.starter-status-copy{display:grid;grid-gap:.25rem;gap:.25rem}.starter-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 .75rem;border-radius:999px;font-size:.82rem;font-weight:600;background:hsla(0,0%,100%,.07);color:var(--starter-muted)}.starter-pill-success{background:var(--starter-success-bg);color:var(--starter-success)}.starter-pill-warn{background:var(--starter-warn-bg);color:var(--starter-warn)}.starter-pill-danger{background:var(--starter-danger-bg);color:var(--starter-danger)}.starter-pill-muted{background:hsla(0,0%,100%,.06);color:var(--lf-muted-2)}.starter-field,.starter-form{display:grid;grid-gap:.85rem;gap:.85rem}.starter-field label{font-size:.9rem;font-weight:600;color:var(--lf-ink-2)}.starter-input,.starter-textarea{width:100%;border:1px solid var(--starter-border-strong);border-radius:var(--starter-radius-sm);background:hsla(0,0%,100%,.04);color:var(--starter-ink);padding:.8rem .95rem}.starter-input::placeholder,.starter-textarea::placeholder{color:var(--lf-muted)}.starter-input:focus,.starter-textarea:focus{outline:2px solid rgba(20,184,166,.25);outline-offset:1px;border-color:var(--starter-accent)}.starter-textarea{min-height:120px;resize:vertical}.starter-alert,.starter-response{border-radius:var(--starter-radius-sm);padding:.85rem .95rem;background:rgba(20,184,166,.08);border:1px solid rgba(20,184,166,.15);color:var(--lf-ink-2);font-size:.92rem}.starter-alert-error{background:var(--starter-danger-bg);border-color:hsla(0,91%,71%,.2);color:var(--starter-danger)}.starter-account-grid{grid-gap:1rem;gap:1rem}.starter-account-grid,.starter-key-value{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.starter-key-value{margin:1rem 0 0;grid-gap:.9rem 1rem;gap:.9rem 1rem}.starter-key-value div{min-width:0}.starter-key-value dd,.starter-key-value dt{margin:0}.starter-key-value dt{font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.starter-key-value dd{margin-top:.3rem;font-weight:600;color:var(--lf-ink);word-break:break-word}@media (max-width:900px){.lf-features-grid,.lf-problem-grid{grid-template-columns:1fr}.lf-pricing-top{flex-direction:column;gap:1rem}.lf-pricing-features,.starter-account-grid{grid-template-columns:1fr}}@media (max-width:700px){.lf-demo{grid-template-columns:1fr;gap:1rem}.lf-demo-arrow{text-align:center;transform:rotate(90deg)}.lf-footer-inner{flex-direction:column;align-items:flex-start;gap:1rem}.lf-nav-links{display:none}}@media (max-width:760px){.starter-actions,.starter-app-header-inner,.starter-status-banner{flex-direction:column;align-items:stretch}.starter-app-header-inner{padding:12px 0}.starter-actions,.starter-app-nav,.starter-key-value{width:100%}.starter-app-nav{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.starter-key-value{grid-template-columns:1fr}.starter-app-nav a,.starter-brand,.starter-button{justify-content:center}}