
/* v25.78 Professional Platform Polish
   Enterprise-grade design system layer. Additive only; does not remove existing navbar or product content. */
:root {
  --t24-navy:#0f172a;
  --t24-blue:#2563eb;
  --t24-blue-2:#1d4ed8;
  --t24-cyan:#06b6d4;
  --t24-indigo:#4f46e5;
  --t24-green:#16a34a;
  --t24-amber:#f59e0b;
  --t24-red:#dc2626;
  --t24-slate:#475569;
  --t24-muted:#64748b;
  --t24-bg:#f8fafc;
  --t24-soft:#eef6ff;
  --t24-border:#dbeafe;
  --t24-card:#ffffff;
  --t24-radius:24px;
  --t24-radius-sm:16px;
  --t24-shadow:0 22px 60px rgba(15,23,42,.10);
  --t24-shadow-sm:0 12px 32px rgba(15,23,42,.08);
}
body { color:var(--t24-navy); background:linear-gradient(180deg,#ffffff 0%, #f8fbff 40%, #ffffff 100%); }
.t24-pro-wrap { max-width:1180px; margin:0 auto; padding:0 1rem; }
.t24-section { padding:4.5rem 0; }
.t24-section-tight { padding:3rem 0; }
.t24-kicker { color:var(--t24-blue); text-transform:uppercase; letter-spacing:.11em; font-size:.78rem; font-weight:800; margin-bottom:.6rem; }
.t24-title-xl { font-size:clamp(2.1rem,5vw,4.75rem); line-height:.98; letter-spacing:-.055em; font-weight:900; color:var(--t24-navy); }
.t24-title { font-size:clamp(1.8rem,3vw,3.1rem); line-height:1.02; letter-spacing:-.04em; font-weight:900; color:var(--t24-navy); }
.t24-lead { color:var(--t24-slate); font-size:1.08rem; line-height:1.75; max-width:760px; }
.t24-card { background:rgba(255,255,255,.92); border:1px solid rgba(219,234,254,.95); border-radius:var(--t24-radius); box-shadow:var(--t24-shadow-sm); padding:1.35rem; height:100%; }
.t24-card:hover { transform:translateY(-2px); box-shadow:var(--t24-shadow); transition:.22s ease; }
.t24-card h3, .t24-card h4 { color:var(--t24-navy); font-weight:850; letter-spacing:-.025em; }
.t24-card p { color:var(--t24-muted); line-height:1.62; }
.t24-pill { display:inline-flex; align-items:center; gap:.45rem; border:1px solid var(--t24-border); background:#fff; border-radius:999px; padding:.46rem .75rem; color:var(--t24-slate); font-weight:700; font-size:.88rem; }
.t24-hero-panel { background:radial-gradient(circle at 12% 12%,rgba(6,182,212,.22),transparent 32%), radial-gradient(circle at 88% 8%,rgba(37,99,235,.18),transparent 30%), linear-gradient(135deg,#ffffff,#eef6ff); border:1px solid var(--t24-border); border-radius:32px; box-shadow:var(--t24-shadow); padding:clamp(1.4rem,4vw,3rem); overflow:hidden; }
.t24-hero-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex-wrap:wrap; gap:.75rem; margin-top:1.35rem; }
.t24-btn-primary { display:inline-flex; justify-content:center; align-items:center; gap:.55rem; min-height:48px; padding:.8rem 1.15rem; border-radius:999px; background:linear-gradient(135deg,var(--t24-blue),var(--t24-indigo)); color:#fff !important; font-weight:800; text-decoration:none; box-shadow:0 14px 35px rgba(37,99,235,.24); border:0; }
.t24-btn-secondary { display:inline-flex; justify-content:center; align-items:center; gap:.55rem; min-height:48px; padding:.8rem 1.15rem; border-radius:999px; background:#fff; color:var(--t24-blue-2) !important; font-weight:800; text-decoration:none; border:1px solid var(--t24-border); }
.t24-grid-4 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.t24-grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.t24-grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.t24-stat { padding:1rem; border-radius:20px; background:rgba(255,255,255,.82); border:1px solid var(--t24-border); }
.t24-stat strong { display:block; font-size:1.6rem; color:var(--t24-navy); line-height:1; }
.t24-stat span { color:var(--t24-muted); font-size:.9rem; font-weight:700; }
.t24-preview-screen { min-height:280px; border-radius:28px; background:linear-gradient(145deg,#0f172a,#172554 58%,#0e7490); position:relative; overflow:hidden; box-shadow:var(--t24-shadow); color:#fff; padding:1.2rem; }
.t24-preview-screen:before { content:""; position:relative; inset:-20%; background:radial-gradient(circle at 18% 35%,rgba(56,189,248,.35),transparent 24%), radial-gradient(circle at 75% 20%,rgba(129,140,248,.30),transparent 22%); pointer-events:none; }
.t24-preview-node { position:relative; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.20); border-radius:18px; padding:.9rem; backdrop-filter:blur(10px); margin-bottom:.75rem; }
.t24-preview-metric { position:relative; display:grid; grid-template-columns:1fr auto; gap:.55rem; align-items:center; padding:.65rem .8rem; border-radius:14px; background:rgba(255,255,255,.10); margin:.45rem 0; }
.t24-progress { height:10px; border-radius:999px; background:#dbeafe; overflow:hidden; }
.t24-progress > span { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--t24-blue),var(--t24-cyan)); }
.t24-empty-state { border:1px dashed #bfdbfe; border-radius:24px; background:linear-gradient(135deg,#fff,#f0f7ff); padding:1.25rem; color:var(--t24-slate); }
.t24-empty-state h3 { font-size:1.15rem; font-weight:850; color:var(--t24-navy); }
.t24-trust-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; }
.t24-trust-item { border:1px solid var(--t24-border); background:#fff; border-radius:18px; padding:1rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.75rem; align-items:flex-start; min-height:105px; }
.t24-trust-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:14px; background:#eff6ff; color:var(--t24-blue); font-weight:900; flex:0 0 auto; }
.t24-journey { display:grid; grid-template-columns:repeat(5,1fr); gap:.75rem; }
.t24-step { background:#fff; border:1px solid var(--t24-border); border-radius:18px; padding:1rem; position:relative; }
.t24-step-num { width:32px; height:32px; border-radius:50%; background:var(--t24-blue); color:white; display:grid; place-items:center; font-weight:900; margin-bottom:.7rem; }
.t24-dashboard-shell { background:#fff; border:1px solid var(--t24-border); border-radius:30px; box-shadow:var(--t24-shadow); overflow:hidden; }
.t24-dashboard-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 1.2rem; background:#f8fbff; border-bottom:1px solid var(--t24-border); }
.t24-dashboard-body { padding:1.2rem; }
.t24-timeline { position:relative; padding-left:1.25rem; }
.t24-timeline:before { content:""; position:relative; left:.35rem; top:.25rem; bottom:.25rem; width:2px; background:#bfdbfe; }
.t24-timeline-item { position:relative; margin-bottom:1rem; padding:.9rem; background:#fff; border:1px solid var(--t24-border); border-radius:16px; }
.t24-timeline-item:before { content:""; position:relative; left:-1.02rem; top:1.05rem; width:10px; height:10px; border-radius:50%; background:var(--t24-blue); box-shadow:0 0 0 4px #dbeafe; }
.t24-report-card { background:#fff; border:1px solid #e2e8f0; border-radius:22px; box-shadow:var(--t24-shadow-sm); padding:1.25rem; }
.t24-report-header { border-bottom:1px solid #e2e8f0; padding-bottom:.85rem; margin-bottom:1rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; justify-content:space-between; align-items:flex-start; gap:1rem; }
.t24-certificate { border:8px solid #dbeafe; border-radius:28px; background:radial-gradient(circle at 50% 0%,#eff6ff, #ffffff 44%); padding:2rem; text-align:center; box-shadow:var(--t24-shadow); }
.t24-certificate h1 { font-weight:950; letter-spacing:-.05em; color:var(--t24-navy); }
.t24-skeleton { background:linear-gradient(90deg,#eef2ff,#f8fafc,#eef2ff); background-size:200% 100%; animation:t24Skeleton 1.3s ease infinite; border-radius:14px; min-height:18px; }
@keyframes t24Skeleton { 0%{background-position:0% 0} 100%{background-position:200% 0} }
@media (max-width: 991.98px) { .t24-grid-4,.t24-grid-3,.t24-trust-row,.t24-journey { grid-template-columns:repeat(2,minmax(0,1fr)); } .t24-title-xl{font-size:2.8rem;} }
@media (max-width: 575.98px) { .t24-grid-4,.t24-grid-3,.t24-grid-2,.t24-trust-row,.t24-journey { grid-template-columns:1fr; } .t24-section{padding:3rem 0;} .t24-hero-actions .t24-btn-primary,.t24-hero-actions .t24-btn-secondary{width:100%;} }
@media print { .navbar, .site-footer, .t24-btn-primary, .t24-btn-secondary { display:none !important; } .t24-report-card, .t24-certificate { box-shadow:none; } }
