:root{--tt-green:#1DB954;--tt-green-d:#159947;--tt-ink:#0F172A;--tt-muted:#64748B;--tt-bg:#F6F7F9;--tt-card:#FFFFFF;--tt-border:#E5E7EB;--tt-radius:14px}
*{margin:0;padding:0;box-sizing:border-box}
body.tt-page{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--tt-bg);color:var(--tt-ink);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.tt-main{flex:1;width:100%}
.tt-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#fff;border-bottom:1px solid var(--tt-border)}
.tt-brand{font-weight:800;font-size:1.35rem;color:var(--tt-green-d);text-decoration:none}
.tt-brand--footer{color:#fff;margin-bottom:8px;display:inline-block}
.tt-nav-links{display:flex;align-items:center;gap:18px}
.tt-nav-links a{color:var(--tt-ink);text-decoration:none;font-weight:600;font-size:.95rem}
.tt-nav-cta{background:var(--tt-green);color:#fff!important;padding:9px 18px;border-radius:999px;font-weight:700}
.tt-nav-toggle{display:none}
.tt-nav-burger{display:none;cursor:pointer;padding:8px}
.tt-nav-burger span{display:block;width:24px;height:3px;background:var(--tt-ink);border-radius:2px;margin:4px 0}
.tt-hero{max-width:1100px;margin:0 auto;padding:48px 20px 32px;display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}
.tt-hero-copy h1{font-size:2.4rem;line-height:1.15;margin-bottom:14px}
.tt-lead{font-size:1.12rem;color:#334155;margin-bottom:20px}
.tt-cta-row{display:flex;gap:12px;flex-wrap:wrap}
.tt-btn-primary,.tt-btn-ghost{display:inline-block;text-decoration:none;font-weight:800;padding:14px 26px;border-radius:12px;font-size:1rem;text-align:center;min-height:48px}
.tt-btn-primary{background:var(--tt-green);color:#fff;border:2px solid var(--tt-green)}
.tt-btn-ghost{background:#fff;color:var(--tt-green-d);border:2px solid var(--tt-green)}
.tt-hero-art{min-height:260px;border-radius:20px;background:linear-gradient(135deg,#064E3B,#159947 55%,#0F172A)}
.tt-section{max-width:1100px;margin:0 auto;padding:32px 20px}
.tt-steps{list-style:none;display:grid;gap:12px;margin-top:12px}
.tt-steps li{background:var(--tt-card);border:1px solid var(--tt-border);border-radius:var(--tt-radius);padding:16px}
.tt-features{display:grid;gap:14px;margin-top:14px;grid-template-columns:1fr}
.tt-feature{background:var(--tt-card);border:1px solid var(--tt-border);border-radius:var(--tt-radius);padding:20px}
.tt-signin-teaser{background:var(--tt-card);border:2px solid #BBF7D0;border-radius:18px;padding:28px 24px;margin-top:24px}
.tt-example{display:grid;gap:14px;margin:18px 0}
.tt-example-row{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:14px}
.tt-example-label{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--tt-muted);font-weight:600}
.tt-example-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#F1F5F9;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--tt-ink)}
.tt-muted{color:var(--tt-muted)}
.tt-qr{text-align:center}
.tt-qr img{display:block;margin:16px auto;border-radius:12px;background:#fff;padding:12px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.tt-help{font-size:.9rem;color:var(--tt-muted);margin-top:12px}
.tt-form select{width:100%;padding:12px;font-size:16px;border:1px solid var(--tt-border);border-radius:8px;background:#fff;box-sizing:border-box}
.tt-cta-band{background:linear-gradient(135deg,#064E3B,#159947);color:#fff;text-align:center;border-radius:18px;padding:36px 24px;margin-top:24px}
.tt-center{max-width:480px;margin:0 auto;padding:40px 20px;width:100%}
.tt-card{background:var(--tt-card);border:1px solid var(--tt-border);border-radius:18px;padding:28px 24px}
.tt-error{background:#FEF2F2;border:1px solid #FECACA;color:#B91C1C;padding:12px 14px;border-radius:10px;margin-bottom:16px}
.tt-form label{display:block;font-weight:700;font-size:.9rem;margin:14px 0 6px}
.tt-form input{width:100%;font-size:16px;padding:13px 14px;border:1.5px solid var(--tt-border);border-radius:10px}
.tt-form .tt-btn-primary{width:100%;margin-top:20px;border:0;cursor:pointer}
.tt-footer{background:#0F172A;color:#CBD5E1;margin-top:40px}
.tt-footer-grid{max-width:1100px;margin:0 auto;padding:36px 20px 20px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}
.tt-footer-bottom{text-align:center;padding:16px;border-top:1px solid #1E293B;font-size:.85rem;color:#94A3B8}
@media(min-width:600px){.tt-features{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.tt-features{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:959px){.tt-hero{grid-template-columns:1fr}.tt-hero-art{display:none}.tt-hero-copy h1{font-size:1.9rem}}
@media(max-width:720px){.tt-nav-burger{display:block}.tt-nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 20px 18px;border-bottom:1px solid var(--tt-border)}.tt-nav-links a{padding:12px 4px;border-top:1px solid var(--tt-border)}.tt-nav-toggle:checked~.tt-nav-links{display:flex}.tt-nav{position:sticky;flex-wrap:wrap}.tt-footer-grid{grid-template-columns:1fr}.tt-btn-primary,.tt-btn-ghost{width:100%}.tt-cta-row{flex-direction:column}}

.tt-calc { display:grid; grid-template-columns: 1fr 1fr; gap:24px; margin:24px 0; }
.tt-calc-inputs label { display:grid; grid-template-columns: 1fr auto; gap:8px; align-items:center; margin-bottom:16px; font-size:14px; color:var(--tt-ink); }
.tt-calc-inputs label > span { grid-column: 1 / -1; font-weight:600; }
.tt-calc-inputs input[type=range] { width:100%; }
.tt-calc-inputs output { font-variant-numeric:tabular-nums; font-weight:700; min-width:3ch; text-align:right; }
.tt-calc-inputs select { width:100%; padding:10px; border-radius:8px; border:1px solid var(--tt-border); background:#fff; font-size:14px; }
.tt-calc-results { background:#F8FAFC; border:1px solid var(--tt-border); border-radius:12px; padding:20px; }
.tt-calc-row { display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px solid var(--tt-border); font-size:14px; }
.tt-calc-row:last-child { border-bottom:0; }
.tt-calc-row strong { font-variant-numeric:tabular-nums; }
.tt-calc-highlight { background:#ECFDF5; margin:8px -20px 0 -20px; padding:14px 20px; border-radius:0 0 12px 12px; font-size:15px; }
.tt-calc-highlight strong { color:#047857; font-size:18px; }
@media (max-width: 720px) { .tt-calc { grid-template-columns: 1fr; } }

.tt-scenarios { margin-top:32px; }
.tt-scenarios h3 { margin-bottom:8px; }
.tt-scenarios p { color:var(--tt-muted); font-size:14px; margin-bottom:16px; }
.tt-scenarios-table { width:100%; border-collapse:collapse; font-size:14px; }
.tt-scenarios-table th,
.tt-scenarios-table td { padding:10px 12px; text-align:right; border-bottom:1px solid var(--tt-border); font-variant-numeric:tabular-nums; }
.tt-scenarios-table th:first-child,
.tt-scenarios-table td:first-child { text-align:left; }
.tt-scenarios-table th { font-weight:600; color:var(--tt-muted); text-transform:uppercase; font-size:12px; letter-spacing:.04em; }
.tt-scenarios-table tr:last-child td { border-bottom:0; font-weight:700; }
@media (max-width:520px) {
  .tt-scenarios-table th, .tt-scenarios-table td { padding:8px 6px; font-size:13px; }
}