: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{--starter-bg:#080d18;--starter-bg-accent:rgba(59,130,246,.07);--starter-panel:rgba(13,21,42,.96);--starter-panel-soft:rgba(18,28,52,.98);--starter-border:hsla(0,0%,100%,.07);--starter-border-strong:hsla(0,0%,100%,.14);--starter-ink:#e2e8f0;--starter-muted:#64748b;--starter-accent:#3b82f6;--starter-accent-strong:#2563eb;--starter-accent-ink:#fff;--starter-success:#4ade80;--starter-success-bg:rgba(74,222,128,.13);--starter-warn:#fbbf24;--starter-warn-bg:rgba(251,191,36,.13);--starter-danger:#f87171;--starter-danger-bg:hsla(0,91%,71%,.13);--starter-shadow:0 20px 48px rgba(0,0,0,.5);--starter-radius-lg:18px;--starter-radius-md:12px;--starter-radius-sm:8px;--starter-max:1160px;--mfy-output:#10b981;--mfy-output-bg:rgba(16,185,129,.12);--mfy-code-bg:#0d1729;--mfy-mono:ui-monospace,"JetBrains Mono","Fira Code",SFMono-Regular,Menlo,monospace;--mfy-gradient:linear-gradient(135deg,#1e3a8a,#0f172a)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--starter-bg);color:var(--starter-ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{line-height:1.55}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}.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);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:780px;padding:clamp(28px,4vw,48px)}.starter-stack{display:grid;grid-gap:1rem;gap:1rem}.starter-app-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(8,13,24,.85);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:36px 0 64px}.starter-brand{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:800;letter-spacing:-.03em;color:var(--starter-ink)}.starter-actions,.starter-app-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.starter-app-nav a{color:var(--starter-muted);font-size:.95rem;transition:color .12s ease}.starter-app-nav a:hover{color:var(--starter-ink)}.starter-eyebrow{margin:0 0 .8rem;color:var(--starter-accent);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.starter-title,.starter-title-sm{margin:0;letter-spacing:-.04em;line-height:1.05;color:var(--starter-ink)}.starter-title{font-size:clamp(2.2rem,5.5vw,4rem)}.starter-title-sm{font-size:clamp(1.4rem,2.8vw,2rem)}.starter-copy,.starter-field label,.starter-key-value dt,.starter-note,.starter-status-copy span{color:var(--starter-muted)}.starter-copy{margin:.9rem 0 0;font-size:1.05rem}.starter-note{margin:0;font-size:.92rem}.starter-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:42px;padding:0 1.1rem;border-radius:999px;border:1px solid var(--starter-border-strong);background:hsla(0,0%,100%,.05);color:var(--starter-ink);cursor:pointer;font-size:.95rem;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.starter-button:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.3);background:hsla(0,0%,100%,.09)}.starter-button-primary{background:var(--starter-accent);color:#fff;border-color:var(--starter-accent)}.starter-button-primary:hover{background:var(--starter-accent-strong);border-color:var(--starter-accent-strong);box-shadow:0 8px 24px rgba(59,130,246,.35)}.starter-button-secondary{background:hsla(0,0%,100%,.06);color:var(--starter-ink)}.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:var(--starter-panel-soft);border:1px solid var(--starter-border);border-radius:var(--starter-radius-md);padding:1rem}.starter-section-card{padding:clamp(20px,3vw,32px)}.starter-status-banner{border-radius:var(--starter-radius-md);padding:.9rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-color:var(--starter-border-strong)}.starter-status-copy{display:grid;grid-gap:.2rem;gap:.2rem}.starter-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 .7rem;border-radius:999px;font-size:.82rem;font-weight:600;background:hsla(0,0%,100%,.08);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(--starter-muted)}.starter-field,.starter-form{display:grid;grid-gap:.8rem;gap:.8rem}.starter-field label{font-size:.92rem;font-weight:600;color:var(--starter-muted)}.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:.75rem .9rem}.starter-input::placeholder,.starter-textarea::placeholder{color:rgba(100,116,139,.6)}.starter-input:focus,.starter-textarea:focus{outline:2px solid rgba(59,130,246,.35);outline-offset:1px;border-color:var(--starter-accent)}.starter-textarea{min-height:110px;resize:vertical}.starter-alert,.starter-response{border-radius:var(--starter-radius-sm);padding:.8rem .9rem;background:rgba(59,130,246,.1);color:var(--starter-ink);border:1px solid rgba(59,130,246,.2);font-size:.9rem}.starter-alert-error{background:var(--starter-danger-bg);color:var(--starter-danger);border-color:hsla(0,91%,71%,.25)}.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:.25rem;font-weight:600;word-break:break-word;color:var(--starter-ink)}.mfy-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(8,13,24,.88);border-bottom:1px solid var(--starter-border)}.mfy-nav-inner{height:60px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.mfy-logo{font-size:1.1rem;font-weight:800;letter-spacing:-.04em;color:var(--starter-ink)}.mfy-logo span{color:var(--starter-accent)}.mfy-nav-actions{display:flex;align-items:center;gap:.75rem}.mfy-nav-link{color:var(--starter-muted);font-size:.9rem;font-weight:500;transition:color .12s ease;padding:0 .25rem}.mfy-nav-link:hover{color:var(--starter-ink)}.mfy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:38px;padding:0 1.1rem;border-radius:999px;font-size:.88rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;border:1px solid transparent;transition:all .14s ease}.mfy-btn-primary{background:var(--starter-accent);color:#fff;border-color:var(--starter-accent)}.mfy-btn-primary:hover{background:var(--starter-accent-strong);border-color:var(--starter-accent-strong);box-shadow:0 6px 20px rgba(59,130,246,.4);transform:translateY(-1px)}.mfy-btn-ghost{background:hsla(0,0%,100%,.06);color:var(--starter-ink);border-color:var(--starter-border-strong)}.mfy-btn-ghost:hover{background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.mfy-btn-lg{height:50px;padding:0 1.75rem;font-size:1rem}.mfy-section{padding:clamp(64px,9vw,120px) 0}.mfy-section-sm{padding:clamp(48px,6vw,80px) 0}.mfy-label{display:inline-block;margin:0 0 1.2rem;color:var(--starter-accent);font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.mfy-h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1;color:#f8fafc}.mfy-h1,.mfy-h2{margin:0;font-weight:800;letter-spacing:-.04em}.mfy-h2{font-size:clamp(1.7rem,3.5vw,2.8rem);line-height:1.1;color:#f1f5f9}.mfy-h3{margin:0 0 .5rem;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--starter-ink)}.mfy-lead{margin:1.2rem 0 0;font-size:clamp(1rem,1.8vw,1.2rem);max-width:580px}.mfy-body,.mfy-lead{color:var(--starter-muted);line-height:1.65}.mfy-body{margin:0;font-size:.95rem}.mfy-hero{padding:clamp(72px,11vw,148px) 0 clamp(64px,9vw,120px);position:relative;overflow:hidden}.mfy-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(59,130,246,.1) 0,transparent 70%);pointer-events:none}.mfy-hero-inner{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}.mfy-hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.5rem;padding:.35rem 1rem;border-radius:999px;border:1px solid rgba(59,130,246,.25);background:rgba(59,130,246,.08);color:#93c5fd;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.mfy-hero-cta{margin-top:2.25rem;display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;justify-content:center}.mfy-hero-note{margin-top:1rem;font-size:.82rem;color:rgba(100,116,139,.7)}.mfy-problem{padding:clamp(64px,9vw,112px) 0;background:hsla(0,0%,100%,.015);border-top:1px solid var(--starter-border);border-bottom:1px solid var(--starter-border)}.mfy-problem-grid{margin-top:3rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:1.5rem;gap:1.5rem}.mfy-after,.mfy-before{border-radius:var(--starter-radius-lg);border:1px solid var(--starter-border);background:var(--mfy-code-bg);overflow:hidden}.mfy-after{border-color:rgba(59,130,246,.25)}.mfy-pane-label{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.1rem;border-bottom:1px solid var(--starter-border);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--starter-muted)}.mfy-pane-label-out{color:var(--starter-accent)}.mfy-pane-dot{width:8px;height:8px;border-radius:50%;background:var(--starter-muted);opacity:.4}.mfy-pane-dot-out{background:var(--starter-accent);opacity:.8}.mfy-code{font-family:var(--mfy-mono);font-size:.88rem;line-height:1.7;color:#94a3b8;padding:1.1rem 1.2rem;margin:0;white-space:pre-wrap;word-break:break-word}.mfy-code-out{color:#7dd3fc}.mfy-badge-success{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;margin:0 1.2rem 1.1rem;border-radius:999px;background:var(--mfy-output-bg);border:1px solid rgba(16,185,129,.25);color:var(--mfy-output);font-size:.8rem;font-weight:700}.mfy-arrow-col{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--starter-accent);font-size:1.5rem;font-weight:300}.mfy-arrow-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--starter-muted);writing-mode:vertical-lr;transform:rotate(180deg)}.mfy-features{padding:clamp(64px,9vw,112px) 0}.mfy-features-header{max-width:560px}.mfy-features-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;gap:1px;border:1px solid var(--starter-border);border-radius:var(--starter-radius-lg);overflow:hidden;background:var(--starter-border)}.mfy-feature-card{background:var(--mfy-code-bg);padding:1.75rem;transition:background .14s ease}.mfy-feature-card:hover{background:rgba(13,23,41,.98)}.mfy-feature-icon{width:40px;height:40px;border-radius:10px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.2);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.1rem}.mfy-pricing{padding:clamp(64px,9vw,112px) 0;background:hsla(0,0%,100%,.015);border-top:1px solid var(--starter-border);border-bottom:1px solid var(--starter-border)}.mfy-pricing-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(2,minmax(0,420px));grid-gap:1.5rem;gap:1.5rem;justify-content:center}.mfy-plan-card{border:1px solid var(--starter-border);border-radius:var(--starter-radius-lg);background:var(--mfy-code-bg);padding:2rem;position:relative}.mfy-plan-card-pro{border-color:rgba(59,130,246,.35);background:rgba(13,23,41,.98)}.mfy-plan-badge{position:absolute;top:-1px;right:1.5rem;padding:.3rem .85rem;border-radius:0 0 8px 8px;background:var(--starter-accent);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.mfy-plan-name{margin:0 0 .3rem;font-size:1.1rem;font-weight:800;letter-spacing:-.03em;color:var(--starter-ink)}.mfy-plan-price{display:flex;align-items:baseline;gap:.3rem;margin:.75rem 0}.mfy-price-amount{font-size:2.6rem;font-weight:800;letter-spacing:-.05em;line-height:1;color:#f8fafc}.mfy-plan-tagline,.mfy-price-period{font-size:.9rem;color:var(--starter-muted)}.mfy-plan-tagline{margin:0 0 1.25rem;line-height:1.5}.mfy-plan-features{list-style:none;margin:0 0 1.75rem;padding:0;display:grid;grid-gap:.65rem;gap:.65rem}.mfy-plan-features li{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--starter-muted)}.mfy-check{flex-shrink:0;margin-top:.1rem;color:var(--starter-accent);font-weight:700}.mfy-plan-divider{border:none;border-top:1px solid var(--starter-border);margin:1.5rem 0}.mfy-compare{margin-top:2.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 2rem;font-size:.82rem;color:rgba(100,116,139,.6)}.mfy-compare span{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.mfy-cta{padding:clamp(80px,11vw,140px) 0;text-align:center;position:relative;overflow:hidden}.mfy-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(59,130,246,.1) 0,transparent 70%);pointer-events:none}.mfy-cta-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.1rem}.mfy-cta-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center}.mfy-footer{border-top:1px solid var(--starter-border);padding:1.75rem 0}.mfy-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.82rem;color:rgba(100,116,139,.5)}@media (max-width:860px){.mfy-problem-grid{grid-template-columns:1fr}.mfy-arrow-col{transform:rotate(90deg);padding:.5rem 0}.mfy-arrow-label{writing-mode:horizontal-tb;transform:none}.mfy-pricing-grid{max-width:440px;margin-left:auto;margin-right:auto}.mfy-features-grid,.mfy-pricing-grid{grid-template-columns:1fr}}@media (max-width:700px){.starter-account-grid{grid-template-columns:1fr}.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}.mfy-nav-actions{gap:.5rem}.mfy-hero-cta{flex-direction:column;align-items:center}}