:root{
  --shell-1:#0f2548;
  --shell-2:#17335f;
  --shell-3:#1f4275;
  --page:#edf3f9;
  --page-2:#f6f9fd;
  --card:#ffffff;
  --card-soft:#f8fbff;
  --line:#dfe7f1;
  --text:#13263f;
  --muted:#73859d;
  --blue:#2067e8;
  --blue-2:#204ccf;
  --green:#4ba170;
  --green-soft:#e7f6ec;
  --amber:#c38432;
  --amber-soft:#faeedc;
  --violet:#786adf;
  --violet-soft:#eeebff;
  --shadow-xl:0 34px 90px rgba(9,21,40,.22);
  --shadow-lg:0 18px 44px rgba(16,37,72,.12);
  --shadow-md:0 10px 24px rgba(16,37,72,.08);
  --radius-xxl:34px;
  --radius-xl:26px;
  --radius-lg:20px;
  --radius-md:14px;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:var(--font);color:var(--text)}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 15% -10%, rgba(255,255,255,.10), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(114,165,255,.14), transparent 22%),
    linear-gradient(180deg,var(--shell-3) 0%, var(--shell-2) 42%, var(--shell-1) 100%);
}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
button{cursor:pointer;border:none}
.tc-wrap{min-height:100vh;padding:18px}
.tc-frame{
  min-height:calc(100vh - 36px);
  border-radius:var(--radius-xxl);
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.00));
  box-shadow:var(--shadow-xl);
  border:1px solid rgba(255,255,255,.08);
}
.tc-header{
  padding:18px 22px 0;
}
.tc-header-shell{
  border-radius:28px;
  background:
    radial-gradient(circle at 85% 10%, rgba(255,255,255,.16), transparent 20%),
    linear-gradient(180deg,#17335f 0%, #10284c 100%);
  border:1px solid rgba(255,255,255,.08);
  color:#eef5ff;
  box-shadow:0 18px 42px rgba(12,28,56,.18);
  padding:14px 16px;
}
.tc-nav{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.tc-brand{display:flex;align-items:center;gap:12px}
.tc-mark{
  width:40px;height:40px;border-radius:14px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#2f9eff,#2e56e8);
  color:#fff;font-weight:800;font-size:15px;
  box-shadow:0 14px 28px rgba(34,108,255,.35);
}
.tc-brand-title{font-size:19px;font-weight:740;line-height:1.1}
.tc-brand-sub{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.54);margin-top:4px}
.tc-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tc-link{
  min-height:38px;padding:0 12px;border-radius:12px;
  display:inline-flex;align-items:center;
  color:rgba(238,245,255,.82);font-size:13px;font-weight:650;
}
.tc-link:hover{background:rgba(255,255,255,.08)}
.tc-btn{
  min-height:42px;padding:0 16px;border-radius:14px;
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:760;transition:.18s ease;
}
.tc-btn:hover{transform:translateY(-1px)}
.tc-btn.light{background:#fff;color:#243a57;box-shadow:none}
.tc-btn.ghost{background:rgba(255,255,255,.10);color:#eef5ff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.tc-btn.primary{
  background:linear-gradient(135deg,#2c8eff,#2b56e8);
  color:#fff;box-shadow:0 16px 28px rgba(36,104,232,.28)
}
.tc-chip{
  min-height:36px;padding:0 12px;border-radius:12px;
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.10);
  color:#eef5ff;font-size:12px;font-weight:650;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.tc-page{padding:18px 22px 26px;display:grid;gap:16px}
.tc-hero{
  display:grid;grid-template-columns:1.02fr .98fr;gap:16px;
}
.tc-card{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(223,231,241,.96);
  border-radius:26px;
  box-shadow:var(--shadow-lg);
}
.tc-glass{
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.90));
}
.tc-hero-copy{padding:28px}
.tc-overline{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8d9db2}
.tc-h1{
  margin-top:14px;
  font-size:56px;line-height:.98;font-weight:800;letter-spacing:-.06em;color:#13263f;
  max-width:620px;
}
.tc-subcopy{
  margin-top:16px;max-width:580px;
  font-size:17px;line-height:1.7;color:var(--muted);
}
.tc-hero-actions{margin-top:24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tc-trust{margin-top:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tc-mini-chip{
  min-height:32px;padding:0 12px;border-radius:999px;
  display:inline-flex;align-items:center;
  background:#f5f8fd;border:1px solid var(--line);color:#4e617b;font-size:12px;font-weight:700;
}
.tc-metrics{
  margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
}
.tc-metric{
  border-radius:18px;padding:16px;background:linear-gradient(180deg,#fff 0%, #f9fbfe 100%);
  border:1px solid var(--line);
}
.tc-metric-num{font-size:30px;font-weight:800;letter-spacing:-.05em;color:#20344f}
.tc-metric-copy{margin-top:6px;font-size:13px;color:var(--muted)}

.tc-showcase{padding:18px}
.tc-showcase-shell{
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(34,108,255,.10), transparent 28%),
    linear-gradient(180deg,#fff 0%,#f7fbff 100%);
  border:1px solid var(--line);
  overflow:hidden;
}
.tc-showcase-top{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:16px 16px;border-bottom:1px solid #e8eef5;
}
.tc-showcase-title{font-size:16px;font-weight:760}
.tc-showcase-copy{margin-top:4px;font-size:13px;color:var(--muted)}
.tc-dot-row{display:flex;align-items:center;gap:8px}
.tc-dot{width:10px;height:10px;border-radius:50%;background:#d3deec}
.tc-live{
  min-height:28px;padding:0 10px;border-radius:999px;background:#ecf8f0;color:#459368;font-size:11px;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;
}
.tc-table{width:100%;border-collapse:separate;border-spacing:0}
.tc-table thead th{
  text-align:left;padding:14px 16px;
  font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:#8698af;background:#fbfdff;border-bottom:1px solid #e8eef5;
}
.tc-table tbody td{
  padding:14px 16px;background:#fff;border-bottom:1px solid #edf2f7;
  font-size:14px;color:#30465f;
}
.tc-table tbody tr:hover td{background:#fbfdff}
.tc-tt{font-size:14px;font-weight:760;color:#19324f}
.tc-ts{margin-top:4px;font-size:12px;color:var(--muted)}
.tc-tag{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:28px;padding:0 10px;border-radius:10px;font-size:12px;font-weight:760
}
.tc-tag.source-blue{background:#eef5ff;color:#2e74df}
.tc-tag.source-violet{background:#f2efff;color:#755add}
.tc-tag.green{background:var(--green-soft);color:var(--green)}
.tc-tag.amber{background:var(--amber-soft);color:var(--amber)}
.tc-tag.violet{background:var(--violet-soft);color:var(--violet)}
.tc-score{font-size:22px;font-weight:820;letter-spacing:-.04em}
.tc-score.green{color:#4ba170}
.tc-score.blue{color:#2876e8}
.tc-budget{font-weight:760;color:#203751}

.tc-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tc-section{padding:22px}
.tc-title{font-size:28px;font-weight:790;letter-spacing:-.04em;color:#13263f}
.tc-copy{margin-top:8px;font-size:15px;line-height:1.7;color:var(--muted)}
.tc-feature{
  padding:20px;border-radius:22px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border:1px solid var(--line);
}
.tc-icon{
  width:44px;height:44px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,#eaf3ff,#f6f9ff);
  color:#286ee7;font-weight:900;margin-bottom:14px;
}
.tc-feature-title{font-size:18px;font-weight:760}
.tc-feature-copy{margin-top:8px;font-size:14px;line-height:1.7;color:var(--muted)}

.tc-process{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px;
}
.tc-step{
  padding:18px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f9fbfe 100%);
}
.tc-step-no{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8fa1b8}
.tc-step-title{margin-top:12px;font-size:18px;font-weight:760}
.tc-step-copy{margin-top:8px;font-size:14px;line-height:1.65;color:var(--muted)}

.tc-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tc-price{
  padding:22px;border-radius:24px;border:1px solid var(--line);
  background:linear-gradient(180deg,#fff 0%,#f9fbfe 100%);
  position:relative;
}
.tc-price.featured{
  background:
    radial-gradient(circle at 100% 0%, rgba(34,108,255,.10), transparent 28%),
    linear-gradient(180deg,#fff 0%,#f7fbff 100%);
  border-color:#cfe0fb;
}
.tc-price-badge{
  position:absolute;right:18px;top:18px;
  min-height:24px;padding:0 10px;border-radius:999px;background:#eef5ff;color:#2c73df;font-size:10px;font-weight:800;
  display:inline-flex;align-items:center;
}
.tc-plan{font-size:18px;font-weight:760}
.tc-plan-copy{margin-top:6px;font-size:14px;color:var(--muted)}
.tc-plan-price{margin-top:18px;font-size:42px;font-weight:820;letter-spacing:-.05em}
.tc-plan-price span{font-size:15px;font-weight:700;color:var(--muted)}
.tc-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.tc-list li{font-size:14px;color:#32465f;display:flex;gap:10px}
.tc-list li:before{content:"✓";color:#4ba170;font-weight:800}

.tc-testimonials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tc-quote{
  padding:22px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f9fbfe 100%);
}
.tc-quote-text{font-size:18px;line-height:1.7;color:#20344f}
.tc-quote-meta{margin-top:14px;font-size:14px;color:var(--muted)}

.tc-faq{display:grid;gap:12px;margin-top:18px}
.tc-faq-item{
  padding:18px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f9fbfe 100%);
}
.tc-faq-q{font-size:16px;font-weight:760}
.tc-faq-a{margin-top:8px;font-size:14px;line-height:1.7;color:var(--muted)}

.tc-cta{
  padding:28px;border-radius:28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(34,108,255,.12), transparent 22%),
    linear-gradient(180deg,#17335f 0%, #10284c 100%);
  color:#eef5ff;
  box-shadow:0 18px 42px rgba(12,28,56,.18);
}
.tc-cta-title{font-size:40px;font-weight:800;letter-spacing:-.05em;max-width:760px}
.tc-cta-copy{margin-top:10px;font-size:16px;line-height:1.7;color:rgba(238,245,255,.72);max-width:760px}
.tc-cta-actions{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}

.tc-footer{
  padding:0 22px 22px;color:rgba(238,245,255,.72);font-size:13px
}
.tc-footer-shell{
  border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
  padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}

@media (max-width:1200px){
  .tc-hero,.tc-grid-3,.tc-pricing,.tc-testimonials{grid-template-columns:1fr}
  .tc-process{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .tc-wrap{padding:10px}
  .tc-header,.tc-page,.tc-footer{padding-left:14px;padding-right:14px}
  .tc-h1{font-size:42px}
  .tc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tc-process{grid-template-columns:1fr}
}