: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:#0d1117;--lf-bg-surface:#161b22;--lf-bg-panel:#1c2128;--lf-bg-panel-soft:#21262d;--lf-border:rgba(240,246,252,.1);--lf-border-strong:rgba(240,246,252,.2);--lf-ink:#e6edf3;--lf-ink-muted:#8b949e;--lf-ink-faint:#484f58;--lf-accent:#00d4aa;--lf-accent-dim:rgba(0,212,170,.15);--lf-accent-strong:#00b894;--lf-accent-ink:#0d1117;--lf-code-bg:#0d1117;--lf-code-ink:#00d4aa;--lf-success:#3fb950;--lf-warn:#d29922;--lf-danger:#f85149;--lf-shadow:0 8px 32px rgba(0,0,0,.4);--lf-shadow-sm:0 2px 8px rgba(0,0,0,.3);--lf-radius-lg:16px;--lf-radius-md:12px;--lf-radius-sm:8px;--lf-max:1120px;--lf-font-mono:"JetBrains Mono","Fira Code","Cascadia Code",ui-monospace,"SF Mono",Consolas,monospace;--starter-bg:var(--lf-bg);--starter-bg-accent:rgba(0,212,170,.05);--starter-panel:var(--lf-bg-panel);--starter-panel-soft:var(--lf-bg-panel-soft);--starter-border:var(--lf-border);--starter-border-strong:var(--lf-border-strong);--starter-ink:var(--lf-ink);--starter-muted:var(--lf-ink-muted);--starter-accent:var(--lf-accent);--starter-accent-strong:var(--lf-accent-strong);--starter-accent-ink:var(--lf-accent-ink);--starter-success:var(--lf-success);--starter-success-bg:rgba(63,185,80,.15);--starter-warn:var(--lf-warn);--starter-warn-bg:rgba(210,153,34,.15);--starter-danger:var(--lf-danger);--starter-danger-bg:rgba(248,81,73,.15);--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}.starter-app-shell,.starter-site-shell{min-height:100vh}.starter-site-shell{display:flex;flex-direction:column;align-items:stretch;padding:0}.starter-wrap{width:min(calc(100% - clamp(24px, 4vw, 64px)),var(--lf-max));margin:0 auto}.starter-card,.starter-landing-card,.starter-status-banner{border:1px solid var(--lf-border);background:var(--lf-bg-panel);box-shadow:var(--lf-shadow)}.starter-card,.starter-landing-card{border-radius:var(--lf-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(13,17,23,.85);border-bottom:1px solid var(--lf-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:-.02em;color:var(--lf-ink)}.lf-brand-accent{color:var(--lf-accent)}.starter-actions,.starter-app-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.starter-app-nav a{color:var(--lf-ink-muted);font-size:.95rem;transition:color .14s ease}.starter-app-nav a:hover{color:var(--lf-ink)}.starter-eyebrow{margin:0 0 .8rem;color:var(--lf-accent);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-family:var(--lf-font-mono)}.starter-title,.starter-title-sm{margin:0;letter-spacing:-.04em;line-height:1.05;color:var(--lf-ink)}.starter-title{font-size:clamp(2.2rem,5.5vw,4.2rem)}.starter-title-sm{font-size:clamp(1.4rem,2.8vw,1.9rem)}.starter-copy,.starter-field label,.starter-key-value dt,.starter-note,.starter-status-copy span{color:var(--lf-ink-muted)}.starter-copy{margin:1rem 0 0;font-size:1.05rem;line-height:1.7}.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.2rem;border-radius:8px;border:1px solid var(--lf-border-strong);background:var(--lf-bg-panel);color:var(--lf-ink);font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.starter-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.3);border-color:var(--lf-border-strong)}.starter-button-primary{background:var(--lf-accent);color:var(--lf-accent-ink);border-color:var(--lf-accent);font-weight:700}.starter-button-primary:hover{background:var(--lf-accent-strong);border-color:var(--lf-accent-strong)}.starter-button-secondary{background:transparent;border-color:var(--lf-border-strong);color:var(--lf-ink-muted)}.starter-button-secondary:hover{color:var(--lf-ink);border-color:var(--lf-ink-muted)}.starter-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.starter-actions{margin-top:1.5rem}.starter-actions-compact{margin-top:.75rem}.starter-card{padding:1.25rem}.starter-card-soft{background:var(--lf-bg-panel-soft);border:1px solid var(--lf-border);border-radius:var(--lf-radius-md);padding:1rem}.starter-section-card{padding:clamp(20px,3vw,28px)}.starter-status-banner{border-radius:var(--lf-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 .65rem;border-radius:999px;font-size:.82rem;font-weight:600;background:var(--lf-bg-panel-soft);color:var(--lf-ink-muted);border:1px solid var(--lf-border)}.starter-pill-success{background:rgba(63,185,80,.15);color:var(--lf-success);border-color:rgba(63,185,80,.3)}.starter-pill-warn{background:rgba(210,153,34,.15);color:var(--lf-warn);border-color:rgba(210,153,34,.3)}.starter-pill-danger{background:rgba(248,81,73,.15);color:var(--lf-danger);border-color:rgba(248,81,73,.3)}.starter-pill-muted{background:var(--lf-bg-panel-soft);color:var(--lf-ink-muted)}.starter-field,.starter-form{display:grid;grid-gap:.85rem;gap:.85rem}.starter-field label{font-size:.9rem;font-weight:600;color:var(--lf-ink-muted)}.starter-input,.starter-textarea{width:100%;border:1px solid var(--lf-border-strong);border-radius:var(--lf-radius-sm);background:var(--lf-bg);color:var(--lf-ink);padding:.75rem .9rem}.starter-input:focus,.starter-textarea:focus{outline:2px solid rgba(0,212,170,.3);outline-offset:1px;border-color:var(--lf-accent)}.starter-textarea{min-height:120px;resize:vertical}.starter-alert,.starter-response{border-radius:var(--lf-radius-sm);padding:.85rem .95rem;background:rgba(0,212,170,.08);color:var(--lf-ink);border:1px solid rgba(0,212,170,.2)}.starter-alert-error{background:rgba(248,81,73,.1);color:var(--lf-danger);border-color:rgba(248,81,73,.2)}.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 dd{margin-top:.3rem;font-weight:600;word-break:break-word;color:var(--lf-ink)}.lf-site-nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;border-bottom:1px solid var(--lf-border);margin-bottom:0}.lf-nav-brand{font-size:1.1rem;font-weight:800;letter-spacing:-.04em;font-family:var(--lf-font-mono);color:var(--lf-ink)}.lf-nav-brand span{color:var(--lf-accent)}.lf-nav-links{display:flex;align-items:center;gap:1.5rem}.lf-nav-links a{color:var(--lf-ink-muted);font-size:.9rem;transition:color .12s}.lf-nav-links a:hover{color:var(--lf-ink)}.lf-hero{padding:clamp(64px,10vw,120px) 0 clamp(48px,8vw,96px)}.lf-hero-tag{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--lf-font-mono);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lf-accent);background:var(--lf-accent-dim);border:1px solid rgba(0,212,170,.25);border-radius:999px;padding:.3rem .85rem;margin-bottom:1.5rem}.lf-hero-headline{font-size:clamp(2.6rem,6.5vw,5rem);font-weight:900;letter-spacing:-.05em;line-height:1;color:var(--lf-ink);margin:0 0 1.5rem;max-width:820px}.lf-hero-headline em{font-style:normal;color:var(--lf-accent)}.lf-hero-sub{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--lf-ink-muted);max-width:600px;margin:0 0 2.5rem;line-height:1.65}.lf-hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.lf-btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--lf-accent);color:var(--lf-accent-ink);font-weight:700;font-size:1rem;padding:.75rem 1.75rem;border-radius:8px;border:none;cursor:pointer;transition:background .12s,transform .12s;text-decoration:none}.lf-btn-primary:hover{background:var(--lf-accent-strong);transform:translateY(-1px)}.lf-btn-ghost{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--lf-ink-muted);font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border-radius:8px;border:1px solid var(--lf-border-strong);cursor:pointer;transition:color .12s,border-color .12s;text-decoration:none}.lf-btn-ghost:hover{color:var(--lf-ink);border-color:var(--lf-ink-muted)}.lf-demo-section{padding:clamp(48px,8vw,88px) 0;border-top:1px solid var(--lf-border)}.lf-section-label{font-family:var(--lf-font-mono);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lf-accent);margin-bottom:.75rem}.lf-section-title{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;letter-spacing:-.04em;color:var(--lf-ink);margin:0 0 1rem}.lf-section-sub{color:var(--lf-ink-muted);font-size:1.05rem;max-width:560px;margin:0 0 2.5rem;line-height:1.65}.lf-demo-grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.lf-demo-example{background:var(--lf-bg-surface);border:1px solid var(--lf-border);border-radius:var(--lf-radius-md);overflow:hidden}.lf-demo-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:0;gap:0}.lf-demo-col{padding:1.25rem 1.5rem}.lf-demo-col-label{display:block;font-family:var(--lf-font-mono);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lf-ink-faint);margin-bottom:.6rem}.lf-demo-natural{font-size:.95rem;color:var(--lf-ink-muted);line-height:1.5;font-style:italic}.lf-demo-arrow{padding:1rem;color:var(--lf-accent);font-size:1.3rem;font-weight:300;border-left:1px solid var(--lf-border);border-right:1px solid var(--lf-border);text-align:center;background:var(--lf-bg-panel);align-self:stretch;display:flex;align-items:center}.lf-demo-latex{font-family:var(--lf-font-mono);font-size:.9rem;color:var(--lf-code-ink);background:var(--lf-code-bg);padding:.6rem .9rem;border-radius:6px;white-space:pre;overflow-x:auto;border:1px solid rgba(0,212,170,.15)}.lf-steps-section{padding:clamp(48px,8vw,88px) 0;border-top:1px solid var(--lf-border)}.lf-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.lf-step{padding:1.75rem;background:var(--lf-bg-surface);border:1px solid var(--lf-border);border-radius:var(--lf-radius-md)}.lf-step-num{font-family:var(--lf-font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--lf-accent);text-transform:uppercase;margin-bottom:.75rem}.lf-step-title{font-size:1.05rem;font-weight:700;color:var(--lf-ink);margin:0 0 .5rem}.lf-step-copy{font-size:.92rem;color:var(--lf-ink-muted);line-height:1.6;margin:0}.lf-features-section{padding:clamp(48px,8vw,88px) 0;border-top:1px solid var(--lf-border)}.lf-features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}.lf-feature{padding:1.5rem;background:var(--lf-bg-surface);border:1px solid var(--lf-border);border-radius:var(--lf-radius-md)}.lf-feature-icon{font-size:1.4rem;margin-bottom:.75rem}.lf-feature-title{font-size:.95rem;font-weight:700;color:var(--lf-ink);margin:0 0 .4rem}.lf-feature-copy{font-size:.88rem;color:var(--lf-ink-muted);line-height:1.6;margin:0}.lf-pricing-section{padding:clamp(48px,8vw,88px) 0;border-top:1px solid var(--lf-border)}.lf-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,420px));grid-gap:1.5rem;gap:1.5rem;justify-content:center}.lf-plan{padding:2rem;background:var(--lf-bg-surface);border:1px solid var(--lf-border);border-radius:var(--lf-radius-lg)}.lf-plan-pro{border-color:var(--lf-accent);background:linear-gradient(160deg,rgba(0,212,170,.07),var(--lf-bg-surface));position:relative}.lf-plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--lf-accent);color:var(--lf-accent-ink);font-size:.7rem;letter-spacing:.12em;padding:.25rem .85rem;border-radius:999px;white-space:nowrap}.lf-plan-badge,.lf-plan-name{font-family:var(--lf-font-mono);font-weight:700;text-transform:uppercase}.lf-plan-name{font-size:.85rem;letter-spacing:.1em;color:var(--lf-ink-muted);margin:0 0 .75rem}.lf-plan-price{font-size:3rem;font-weight:900;letter-spacing:-.05em;color:var(--lf-ink);line-height:1;margin:0 0 .25rem}.lf-plan-price span{font-size:1rem;font-weight:600;color:var(--lf-ink-muted);letter-spacing:0}.lf-plan-tagline{font-size:.88rem;color:var(--lf-ink-muted);margin:0 0 1.5rem}.lf-plan-items{list-style:none;padding:0;margin:0 0 1.75rem;display:grid;grid-gap:.65rem;gap:.65rem}.lf-plan-items li{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--lf-ink-muted);line-height:1.5}.lf-plan-items li:before{content:"✓";color:var(--lf-accent);font-weight:700;flex-shrink:0;margin-top:1px}.lf-footer-cta{padding:clamp(48px,8vw,88px) 0;border-top:1px solid var(--lf-border);text-align:center}.lf-footer-cta-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-.04em;color:var(--lf-ink);margin:0 0 1rem}.lf-footer-cta-sub{color:var(--lf-ink-muted);font-size:1rem;margin:0 0 2rem}.lf-footer{padding:2rem 0;border-top:1px solid var(--lf-border);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.lf-footer-brand{font-family:var(--lf-font-mono);font-size:.9rem;font-weight:700;color:var(--lf-ink-muted)}.lf-footer-brand span{color:var(--lf-accent)}.lf-footer-links{display:flex;gap:1.25rem}.lf-footer-links a{font-size:.85rem;color:var(--lf-ink-faint);transition:color .12s}.lf-footer-links a:hover{color:var(--lf-ink-muted)}@media (max-width:900px){.lf-features-grid,.lf-pricing-grid,.lf-steps-grid,.starter-account-grid{grid-template-columns:1fr}}@media (max-width:760px){.lf-demo-row{grid-template-columns:1fr}.lf-demo-arrow{border:none;border-top:1px solid var(--lf-border);border-bottom:1px solid var(--lf-border);padding:.5rem 1.5rem;justify-content:center}.lf-nav-links{display:none}.lf-hero-actions{flex-direction:column;align-items:flex-start}.starter-actions,.starter-app-header-inner,.starter-status-banner{flex-direction:column;align-items:stretch}.starter-app-header-inner{padding:14px 0}.starter-actions,.starter-app-nav,.starter-key-value{width:100%}.starter-app-nav{display:flex;flex-direction:column;align-items:stretch;gap:.6rem}.starter-key-value{grid-template-columns:1fr}.starter-app-nav a,.starter-brand,.starter-button{justify-content:center}}