/* v25.79 Modern Tech + SEO-safe visual polish
   This layer keeps content server-rendered and accessible while adding a premium SaaS look. */
:root{
  --t24-tech-navy:#07162f;
  --t24-tech-blue:#2563eb;
  --t24-tech-cyan:#06b6d4;
  --t24-tech-violet:#7c3aed;
  --t24-tech-slate:#475569;
  --t24-tech-ink:#0f172a;
  --t24-tech-card:#ffffff;
  --t24-tech-soft:#f6f9ff;
  --t24-tech-border:rgba(37,99,235,.16);
  --t24-tech-shadow:0 24px 70px rgba(15,23,42,.12);
  --t24-tech-radius:28px;
}
body{background:linear-gradient(180deg,#f8fbff 0%,#fff 40%,#f8fbff 100%)}
.t24-modern-tech-hero{position:relative;margin:clamp(2rem,5vw,4.5rem) 0;padding:clamp(1.4rem,4vw,3rem);border:1px solid var(--t24-tech-border);border-radius:34px;background:radial-gradient(circle at top left,rgba(6,182,212,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(124,58,237,.16),transparent 34%),linear-gradient(135deg,#07162f 0%,#102a5c 52%,#083344 100%);box-shadow:var(--t24-tech-shadow);overflow:hidden;color:white;isolation:isolate}
.t24-modern-tech-hero:before{content:"";position:relative;inset:-2px;background:linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:44px 44px;opacity:.2;mask-image:linear-gradient(180deg,#000,transparent);z-index:-1}
.t24-modern-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.t24-modern-copy h2{font-size:clamp(2rem,5vw,4.25rem);line-height:.98;letter-spacing:-.055em;margin:0 0 1rem;font-weight:850;max-width:840px}
.t24-modern-copy p{font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.75;color:rgba(255,255,255,.82);max-width:760px;margin-bottom:1.25rem}
.t24-modern-kicker{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:#a5f3fc;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);padding:.55rem .85rem;border-radius:999px;margin-bottom:1rem}
.t24-modern-kicker:before{content:"";width:.55rem;height:.55rem;border-radius:999px;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.12)}
.t24-modern-actions{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;flex-wrap:wrap;gap:.85rem;margin:1.5rem 0 1rem}
.t24-modern-primary,.t24-modern-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;font-weight:800;text-decoration:none;padding:.85rem 1.15rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;background:#fff;color:#0f172a;box-shadow:0 14px 36px rgba(0,0,0,.22)}
.t24-modern-secondary{background:rgba(255,255,255,.09);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:none}
.t24-modern-primary:hover,.t24-modern-secondary:hover{transform:translateY(-2px);color:inherit;text-decoration:none}.t24-modern-primary:hover{box-shadow:0 18px 44px rgba(0,0,0,.28)}
.t24-modern-seo-proof{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;flex-wrap:wrap;gap:.55rem;margin-top:1.25rem}.t24-modern-seo-proof span{font-size:.82rem;font-weight:700;color:rgba(255,255,255,.82);background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);padding:.45rem .7rem;border-radius:999px}
.t24-modern-product-stack{position:relative;min-height:420px}.t24-modern-window{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.54);border-radius:26px;color:var(--t24-tech-ink);box-shadow:0 24px 70px rgba(0,0,0,.22)}.t24-window-main{position:relative;inset:24px 0 auto auto;width:min(100%,520px);overflow:hidden}.t24-window-bar{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;align-items:center;gap:.45rem;padding:.9rem 1rem;border-bottom:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,rgba(248,250,252,.95),rgba(241,245,249,.85))}.t24-window-bar span{width:10px;height:10px;border-radius:999px;background:#cbd5e1}.t24-window-bar span:first-child{background:#ef4444}.t24-window-bar span:nth-child(2){background:#f59e0b}.t24-window-bar span:nth-child(3){background:#22c55e}.t24-window-bar strong{margin-left:.35rem;font-size:.88rem;color:#334155}.t24-window-body{padding:1.2rem}.t24-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.t24-kpi-row div{background:linear-gradient(180deg,#f8fafc,#eef6ff);border:1px solid rgba(37,99,235,.12);border-radius:18px;padding:.9rem}.t24-kpi-row strong{display:block;font-size:1.65rem;letter-spacing:-.04em;color:#0f172a}.t24-kpi-row small{display:block;color:#64748b;font-weight:700}.t24-modern-chart{height:150px;display:flex; flex-wrap:wrap; align-items:center; justify-content:center;align-items:end;gap:.65rem;margin:1.1rem 0;padding:1rem;background:linear-gradient(180deg,#f8fbff,#eef6ff);border-radius:20px;border:1px solid rgba(37,99,235,.10)}.t24-modern-chart span{flex:1;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,var(--t24-tech-cyan),var(--t24-tech-blue));box-shadow:0 12px 28px rgba(37,99,235,.18)}.t24-modern-next{border-radius:18px;background:#0f172a;color:#dbeafe;padding:.95rem 1rem;font-size:.94rem}.t24-modern-next strong{color:white}.t24-window-floating-one,.t24-window-floating-two{position:relative;display:flex; flex-wrap:wrap; align-items:center; justify-content:center;gap:.8rem;align-items:center;padding:.85rem 1rem;max-width:300px}.t24-window-floating-one{left:0;top:0}.t24-window-floating-two{right:12px;bottom:0}.t24-window-mini-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#cffafe);font-weight:900;color:#1d4ed8}.t24-modern-window small{display:block;color:#64748b;font-weight:650}.t24-modern-faq{margin:clamp(2rem,5vw,4.5rem) 0}.t24-modern-faq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.t24-modern-faq-grid article{background:#fff;border:1px solid var(--t24-tech-border);box-shadow:0 16px 40px rgba(15,23,42,.07);border-radius:24px;padding:1.25rem;transition:transform .18s ease,box-shadow .18s ease}.t24-modern-faq-grid article:hover{transform:translateY(-3px);box-shadow:0 24px 56px rgba(15,23,42,.10)}.t24-modern-faq-grid h3{font-size:1.02rem;font-weight:850;letter-spacing:-.02em;color:var(--t24-tech-ink)}.t24-modern-faq-grid p{color:#475569;line-height:1.65;margin:0}.conv-feature-card,.conv-service-card,.t24-trust-item,.t24-step,.t24-dashboard-shell{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.conv-feature-card:hover,.conv-service-card:hover,.t24-trust-item:hover,.t24-step:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(15,23,42,.10)!important}.btn,.conv-premium-primary,.conv-premium-secondary,.t24-btn-primary,.t24-btn-secondary{transition:transform .18s ease,box-shadow .18s ease}.btn:hover,.conv-premium-primary:hover,.conv-premium-secondary:hover,.t24-btn-primary:hover,.t24-btn-secondary:hover{transform:translateY(-1px)}.t24-modern-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.t24-modern-reveal.is-visible{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.t24-modern-reveal{opacity:1;transform:none}}
@media (max-width: 992px){.t24-modern-grid{grid-template-columns:1fr}.t24-modern-product-stack{min-height:500px}.t24-modern-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 576px){.t24-modern-tech-hero{border-radius:24px;padding:1.2rem}.t24-modern-product-stack{min-height:auto}.t24-window-main,.t24-window-floating-one,.t24-window-floating-two{position:relative;inset:auto;width:100%;margin-top:1rem}.t24-kpi-row{grid-template-columns:1fr}.t24-modern-faq-grid{grid-template-columns:1fr}.t24-modern-copy h2{font-size:2.15rem}.t24-modern-actions a{width:100%}}