:root{
  --tsm-bg:#0b1020;
  --tsm-card:rgba(255,255,255,.06);
  --tsm-border:rgba(255,255,255,.12);
  --tsm-text:#e9eefc;
  --tsm-muted:rgba(233,238,252,.72);
  --tsm-accent:rgba(0,255,196,.55);
}

body{margin:0;background:var(--tsm-bg);color:var(--tsm-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}

.tsm-wrap{max-width:1200px;margin:0 auto;padding:0 16px;}

.tsm-top{position:sticky;top:0;z-index:30;background:rgba(11,16,32,.75);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.tsm-top .tsm-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;}

.tsm-brand{display:flex;align-items:center;gap:12px;min-width:230px}
.tsm-logo{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg, rgba(99,102,241,.55), rgba(0,255,196,.35));border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.tsm-brand-name{font-weight:900;letter-spacing:.2px}
.tsm-muted{color:var(--tsm-muted)}

.tsm-nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}
.tsm-nav-link{color:var(--tsm-text);text-decoration:none;opacity:.85;font-size:13px}
.tsm-nav-link:hover{opacity:1}
.tsm-cta{display:flex;gap:10px;align-items:center}

.tsm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(0,255,196,.14);color:var(--tsm-text);text-decoration:none;font-weight:800;cursor:pointer;user-select:none}
.tsm-btn:hover{transform:translateY(-1px)}
.tsm-btn:active{transform:translateY(0)}
.tsm-btn--ghost{background:rgba(255,255,255,.06)}
.tsm-btn--full{width:100%}

.tsm-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;padding:28px 0 10px;align-items:stretch}
.tsm-pill{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:12px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);width:max-content}
.tsm-h1{font-size:44px;line-height:1.05;margin:14px 0 10px;letter-spacing:-.4px}
.tsm-lede{font-size:16px;line-height:1.5;color:var(--tsm-muted);max-width:52ch;margin:0}
.tsm-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

.tsm-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.tsm-trust-item{flex:0 0 auto;display:flex;gap:8px;align-items:baseline;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22)}
.tsm-trust-item strong{font-size:14px}
.tsm-trust-item span{font-size:12px;color:var(--tsm-muted)}

.tsm-hero-card{height:100%;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(0,0,0,.22));padding:16px;box-shadow:0 16px 60px rgba(0,0,0,.35)}
.tsm-hero-card-h{font-weight:900;margin-bottom:10px}
.tsm-bullets{margin:0;padding-left:18px;color:var(--tsm-muted)}
.tsm-bullets li{margin:7px 0}
.tsm-hero-note{margin-top:10px;font-size:12px;color:rgba(233,238,252,.6)}

.tsm-section{padding:28px 0}
.tsm-section-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.tsm-h2{margin:0;font-size:24px;font-weight:900}

.tsm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tsm-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

.tsm-plan{position:relative;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);padding:16px;box-shadow:0 16px 55px rgba(0,0,0,.28)}
.tsm-plan--featured{background:linear-gradient(180deg, rgba(99,102,241,.18), rgba(255,255,255,.06));border-color:rgba(99,102,241,.35)}
.tsm-badge{position:absolute;top:12px;right:12px;font-size:11px;font-weight:900;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.25)}
.tsm-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.tsm-plan-name{font-weight:950;font-size:18px}
.tsm-plan-sub{color:var(--tsm-muted);font-size:12px;margin-top:2px}
.tsm-price-main{font-weight:950;font-size:28px;letter-spacing:-.3px}

.tsm-field label{display:block;font-size:12px;color:rgba(233,238,252,.8);margin-bottom:6px;font-weight:800}
.tsm-input,.tsm-select,.tsm-textarea{width:100%;padding:11px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.25);color:var(--tsm-text);outline:none}
.tsm-textarea{resize:vertical;min-height:92px}

.tsm-addon{margin:12px 0}
.tsm-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:rgba(233,238,252,.9)}
.tsm-check input{transform:translateY(2px)}

.tsm-feature-list{margin:12px 0 12px;padding:0 0 0 18px;color:var(--tsm-muted)}
.tsm-feature-list li{margin:8px 0}
.tsm-mini{margin-top:10px;color:rgba(233,238,252,.65);font-size:12px}

.tsm-info{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);margin-bottom:12px;color:rgba(233,238,252,.9)}
.tsm-results{margin-top:12px;border-top:1px solid rgba(255,255,255,.10);padding-top:12px}
.tsm-results-h{font-weight:900;margin-bottom:6px}
.tsm-results ul{margin:0;padding-left:18px;color:var(--tsm-muted)}
.tsm-note{margin-top:14px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.22);color:rgba(233,238,252,.9)}

.tsm-mini-card{border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);padding:14px}
.tsm-mini-card-h{font-weight:900;margin-bottom:6px}

.tsm-lead{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:start}
.tsm-form{border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);padding:16px}
.tsm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tsm-form-actions{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}

.tsm-faq{display:grid;gap:10px}
.tsm-faq-item{border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);padding:12px}
.tsm-faq-item summary{cursor:pointer;font-weight:900}
.tsm-faq-body{margin-top:8px;color:var(--tsm-muted);line-height:1.5}

.tsm-footer{padding:22px 0 34px;border-top:1px solid rgba(255,255,255,.08)}
.tsm-link{color:rgba(233,238,252,.92);text-decoration:none}
.tsm-link:hover{text-decoration:underline}

@media (max-width: 1000px){
  .tsm-hero{grid-template-columns:1fr;}
  .tsm-grid-3{grid-template-columns:1fr;}
  .tsm-lead{grid-template-columns:1fr;}
}

@media (max-width: 720px){
  .tsm-grid-2{grid-template-columns:1fr;}
  .tsm-nav{display:none}
  .tsm-h1{font-size:34px}
  .tsm-form-row{grid-template-columns:1fr;}
}
