/* ============================================================
   SEEKRANKTECH — PROFESSIONAL CSS v5
   Clean · Minimal · Perfectly Spaced · Fully Responsive
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

/* ── DESIGN TOKENS ─────────────────────────────────────── */
:root {
  /* Surfaces */
  --ink:       #06051A;
  --surface:   #0C0A22;
  --surface2:  #111029;
  --card:      #161340;
  --card2:     #1C1948;

  /* Brand */
  --violet:    #5B35E5;
  --violet-dk: #3E22B2;
  --violet-lt: rgba(91,53,229,.1);
  --violet-glow: rgba(91,53,229,.28);

  /* Accents */
  --electric:  #00DEFF;
  --electric-lt: rgba(0,222,255,.08);
  --jade:      #0DC87C;
  --amber:     #FFB020;
  --rose:      #E84D7E;
  --ember:     #FF6340;

  /* Text */
  --text:      #EEE9F8;
  --text2:     #ABA5C8;
  --muted:     #6B6590;
  --subtle:    #2A2652;

  /* UI */
  --border:    rgba(255,255,255,.065);
  --border2:   rgba(255,255,255,.12);

  /* Shadows */
  --shadow-lg: 0 24px 64px rgba(0,0,0,.5);
  --shadow-md: 0 12px 32px rgba(0,0,0,.35);
  --shadow-sm: 0 4px 16px rgba(0,0,0,.25);

  /* Shape */
  --r:    12px;
  --r-sm: 8px;
  --r-xs: 5px;

  /* Type */
  --font-h: 'Syne', sans-serif;
  --font-b: 'Plus Jakarta Sans', sans-serif;

  /* Motion */
  --ease:        cubic-bezier(.4,0,.2,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);

  /* Layout */
  --max-w: 1200px;
  --max-c: 1040px;

  /* Spacing scale: use these only */
  --s1:  8px;
  --s2:  12px;
  --s3:  16px;
  --s4:  20px;
  --s5:  24px;
  --s6:  32px;
  --s7:  40px;
  --s8:  48px;
  --s9:  64px;
  --s10: 80px;
}

/* ── RESET ─────────────────────────────────────────────── */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; font-size:16px; -webkit-text-size-adjust:100%; }
body {
  font-family: var(--font-b);
  background: var(--surface);
  color: var(--text);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a  { text-decoration:none; color:inherit; transition:color .2s var(--ease); }
img { max-width:100%; height:auto; display:block; }
button { cursor:pointer; font-family:var(--font-b); border:none; background:none; }
input, textarea, select { font-family:var(--font-b); font-size:inherit; }
ul, ol { list-style:none; }
::selection { background:var(--violet); color:#fff; }
:focus-visible { outline:2px solid var(--violet); outline-offset:3px; border-radius:3px; }

/* ── ACCESSIBILITY ─────────────────────────────────────── */
.skip-link {
  position:absolute; top:-999px; left:-999px;
  background:var(--violet); color:#fff;
  padding:10px 18px; border-radius:var(--r-xs);
  z-index:9999; font-size:13px; font-weight:700;
}
.skip-link:focus { top:8px; left:8px; }
.screen-reader-text {
  clip:rect(1px,1px,1px,1px);
  height:1px; overflow:hidden;
  position:absolute; width:1px;
}

/* ── LAYOUT CONTAINERS ─────────────────────────────────── */
.srt-container        { max-width:var(--max-w); margin:0 auto; padding:0 var(--s6); }
.srt-container-narrow { max-width:var(--max-c); margin:0 auto; padding:0 var(--s6); }

/* ── ICONS ─────────────────────────────────────────────── */
.srt-icon { display:inline-flex; vertical-align:middle; flex-shrink:0; }
.srt-icon svg { display:block; }

/* ================================================================
   HEADER
   ================================================================ */
#srt-header {
  position:sticky; top:0; z-index:500;
  background: rgba(6,5,26,.82);
  backdrop-filter: blur(24px) saturate(1.4);
  -webkit-backdrop-filter: blur(24px) saturate(1.4);
  border-bottom: 1px solid var(--border);
  transition: background .3s var(--ease), box-shadow .3s var(--ease);
}
#srt-header.scrolled {
  background: rgba(6,5,26,.96);
  box-shadow: 0 2px 24px rgba(0,0,0,.4);
}
.srt-header-inner {
  max-width: var(--max-w); margin:0 auto;
  padding: 0 var(--s6); height: 66px;
  display: flex; align-items: center; gap: var(--s6);
}

/* Logo */
.srt-logo {
  display:flex; align-items:center; gap:9px;
  font-family:var(--font-h); font-size:17px; font-weight:800;
  color:var(--text); flex-shrink:0; letter-spacing:0;
  text-decoration:none;
}
.srt-logo-icon {
  width:32px; height:32px;
  background: linear-gradient(135deg,var(--violet),var(--violet-dk));
  border-radius:9px;
  display:flex; align-items:center; justify-content:center;
  color:#fff; flex-shrink:0;
  box-shadow:0 4px 14px var(--violet-glow);
  transition:transform .3s var(--ease-spring), box-shadow .3s;
}
.srt-logo-icon svg { width:16px; height:16px; display:block; }
.srt-logo:hover .srt-logo-icon { transform:scale(1.08) rotate(-3deg); }
.srt-logo .accent { color:var(--electric); }
.srt-logo img { height:34px; width:auto; }

/* Primary Nav */
.srt-nav { display:flex; align-items:center; gap:2px; flex:1; }
.srt-nav ul { display:flex; align-items:center; gap:0; }
.srt-nav ul li { position:relative; }
.srt-nav ul li a {
  display:flex; align-items:center;
  padding:6px 12px; border-radius:var(--r-xs);
  font-size:13.5px; font-weight:500;
  color:var(--text2); letter-spacing:0;
  transition:all .18s var(--ease); position:relative;
}
.srt-nav ul li a:hover,
.srt-nav ul li.current-menu-item > a,
.srt-nav ul li.current_page_item > a {
  color:var(--text);
  background:rgba(255,255,255,.05);
}
/* active underline */
.srt-nav ul li a::after {
  content:''; position:absolute; bottom:3px; left:12px; right:12px;
  height:1.5px; background:var(--electric);
  transform:scaleX(0); transform-origin:left;
  transition:transform .22s var(--ease); border-radius:2px;
}
.srt-nav ul li a:hover::after,
.srt-nav ul li.current-menu-item > a::after,
.srt-nav ul li.current_page_item > a::after { transform:scaleX(1); }

/* Dropdown */
.srt-nav ul li ul {
  position:absolute; top:calc(100% + 8px); left:0;
  min-width:210px; background:var(--card2);
  border:1px solid var(--border2); border-radius:var(--r-sm);
  box-shadow:var(--shadow-lg); padding:6px;
  opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:all .22s var(--ease); z-index:200;
}
.srt-nav ul li:hover > ul { opacity:1; visibility:visible; transform:none; }
.srt-nav ul li ul li a {
  font-size:13px; padding:9px 12px;
  border-radius:var(--r-xs); color:var(--text2);
}
.srt-nav ul li ul li a::after { display:none; }
.srt-nav ul li ul li a:hover { background:var(--violet-lt); color:var(--electric); padding-left:16px; }

/* Nav Actions */
.srt-nav-actions { display:flex; align-items:center; gap:8px; margin-left:auto; }

.srt-btn-ghost {
  padding:8px 18px; border-radius:var(--r-xs);
  border:1px solid var(--border2); background:transparent;
  color:var(--text2); font-size:13px; font-weight:500;
  transition:all .18s var(--ease); white-space:nowrap;
}
.srt-btn-ghost:hover { background:rgba(255,255,255,.06); color:var(--text); }

.srt-btn-primary {
  padding:9px 20px; border-radius:var(--r-xs);
  background:var(--violet); color:#fff;
  font-size:13px; font-weight:700;
  transition:all .2s var(--ease);
  position:relative; overflow:hidden;
  box-shadow:0 4px 14px rgba(91,53,229,.3);
  display:inline-flex; align-items:center; gap:6px;
  white-space:nowrap;
}
.srt-btn-primary::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 60%);
  opacity:0; transition:opacity .18s;
}
.srt-btn-primary:hover {
  background:var(--violet-dk);
  transform:translateY(-1px);
  box-shadow:0 8px 24px rgba(91,53,229,.45);
}
.srt-btn-primary:hover::before { opacity:1; }
.srt-btn-primary:active { transform:translateY(0); }
.srt-btn-primary svg { display:inline-flex; flex-shrink:0; }
.srt-btn-lg { padding:13px 30px; font-size:15px; border-radius:var(--r-sm); }

.srt-btn-outline-e {
  padding:9px 20px; border-radius:var(--r-xs);
  border:1.5px solid rgba(0,222,255,.35);
  background:rgba(0,222,255,.06);
  color:var(--electric); font-size:13px; font-weight:600;
  transition:all .2s var(--ease);
  display:inline-flex; align-items:center; gap:6px;
  white-space:nowrap;
}
.srt-btn-outline-e:hover {
  background:rgba(0,222,255,.13); border-color:var(--electric);
  transform:translateY(-1px);
}
.srt-btn-outline-ghost {
  padding:13px 30px; border-radius:var(--r-sm);
  border:1.5px solid var(--border2); background:transparent;
  color:var(--text2); font-size:15px; font-weight:500;
  transition:all .2s var(--ease);
}
.srt-btn-outline-ghost:hover {
  border-color:var(--border2); color:var(--text);
  background:rgba(255,255,255,.04);
}

/* Mobile Toggle */
.srt-mobile-toggle {
  display:none; padding:8px; border:1px solid var(--border2);
  border-radius:var(--r-xs); color:var(--text2);
  transition:all .18s; align-items:center; justify-content:center;
}
.srt-mobile-toggle svg { width:20px; height:20px; display:block; }
.srt-mobile-toggle:hover { background:rgba(255,255,255,.06); color:var(--text); }

/* Mobile Nav */
.srt-mobile-nav {
  display:none; background:rgba(8,6,28,.97);
  border-top:1px solid var(--border);
  padding:var(--s3) var(--s5) var(--s5);
  flex-direction:column; gap:2px;
}
.srt-mobile-nav.active { display:flex; animation:srt-slide-nav .22s var(--ease); }
@keyframes srt-slide-nav { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:none} }
.srt-mobile-nav ul { flex-direction:column; gap:2px; width:100%; }
.srt-mobile-nav ul li a {
  display:block; padding:11px 14px; font-size:14.5px;
  font-weight:500; color:var(--text2);
  border-radius:var(--r-xs); transition:.15s;
}
.srt-mobile-nav ul li a:hover { background:rgba(255,255,255,.05); color:var(--text); }
.srt-mobile-nav ul li ul {
  position:static; opacity:1; visibility:visible;
  transform:none; box-shadow:none; background:transparent;
  border:none; padding:0 0 0 14px;
}
.srt-mobile-actions {
  display:flex; gap:8px; margin-top:14px;
}
.srt-mobile-actions .srt-btn-ghost,
.srt-mobile-actions .srt-btn-primary {
  flex:1; text-align:center; justify-content:center; padding:11px 14px;
}
.srt-mobile-nav.active::before {
  content:''; position:fixed; inset:0;
  background:rgba(6,5,26,.65);
  backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
  z-index:-1;
}

/* ================================================================
   HERO
   ================================================================ */
.srt-hero {
  position:relative; overflow:hidden;
  background:var(--ink);
  padding:80px var(--s6) 72px;
  text-align:center;
  display:flex; flex-direction:column; align-items:center;
}
.srt-hero-grid {
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 100%);
}
.srt-hero-orb {
  position:absolute; border-radius:50%;
  filter:blur(80px); pointer-events:none;
  animation:srt-float 10s ease-in-out infinite;
}
.srt-hero-orb-1 { width:480px;height:480px;background:radial-gradient(circle,var(--violet),transparent 70%);top:-200px;left:-100px;opacity:.38;animation-delay:0s }
.srt-hero-orb-2 { width:400px;height:400px;background:radial-gradient(circle,var(--electric),transparent 70%);top:-100px;right:-80px;opacity:.28;animation-delay:-3s }
.srt-hero-orb-3 { width:300px;height:300px;background:radial-gradient(circle,#E84D7E,transparent 70%);bottom:-100px;left:30%;opacity:.16;animation-delay:-5s }
@keyframes srt-float { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-24px) scale(1.04)} }

.srt-hero-badge {
  position:relative;
  display:inline-flex; align-items:center; gap:7px;
  background:var(--electric-lt); border:1px solid rgba(0,222,255,.25);
  color:var(--electric); font-size:10.5px; font-weight:700;
  letter-spacing:1.8px; text-transform:uppercase;
  padding:6px 16px; border-radius:50px; margin-bottom:20px;
  animation:srt-down .65s var(--ease) both;
}
.srt-hero-badge svg { width:11px; height:11px; flex-shrink:0; }
@keyframes srt-down { from{opacity:0;transform:translateY(-16px)} to{opacity:1;transform:none} }

.srt-hero-title {
  font-family:var(--font-h);
  font-size:clamp(30px,4.2vw,56px);
  font-weight:800; line-height:1.12; letter-spacing:-.3px;
  max-width:780px; position:relative;
  background:linear-gradient(150deg,#fff 30%,var(--text2) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  margin-bottom:18px;
  animation:srt-down .7s var(--ease) .1s both;
}
.srt-hero-title .grad {
  background:linear-gradient(90deg,var(--violet),var(--electric));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.srt-hero-desc {
  font-size:15.5px; color:var(--text2); max-width:490px;
  line-height:1.65; margin-bottom:28px; font-weight:400;
  letter-spacing:0; position:relative;
  animation:srt-down .7s var(--ease) .2s both;
}
.srt-hero-btns {
  display:flex; gap:12px; justify-content:center; flex-wrap:wrap;
  position:relative; animation:srt-down .7s var(--ease) .3s both;
}
.srt-hero-trust {
  margin-top:36px; position:relative;
  display:flex; align-items:center; gap:20px;
  flex-wrap:wrap; justify-content:center;
  animation:srt-down .7s var(--ease) .4s both;
}
.srt-hero-avatars { display:flex; }
.srt-hero-av {
  width:32px; height:32px; border-radius:50%;
  border:2px solid var(--ink);
  display:flex; align-items:center; justify-content:center;
  font-size:10px; font-weight:800; color:#fff;
  margin-left:-8px; transition:transform .2s var(--ease-spring);
}
.srt-hero-av:first-child { margin-left:0; }
.srt-hero-av:hover { transform:translateY(-2px) scale(1.1); z-index:2; }
.srt-hero-rating { display:flex; align-items:center; gap:7px; }
.srt-hero-stars { display:flex; gap:2px; color:var(--amber); }
.srt-hero-stars svg { width:13px; height:13px; fill:currentColor; }
.srt-hero-rating span { font-size:12.5px; color:var(--text2); font-weight:500; }
.srt-hero-rating span strong { color:var(--text); font-weight:700; }
.srt-trust-sep { width:1px; height:22px; background:var(--border2); flex-shrink:0; }
.srt-trust-item {
  display:flex; align-items:center; gap:6px;
  font-size:12px; color:var(--text2); font-weight:500;
}
.srt-trust-item svg { width:13px; height:13px; flex-shrink:0; }
.srt-scroll-hint {
  position:absolute; bottom:22px; left:50%; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:5px;
  color:var(--muted); font-size:10px; font-weight:600;
  letter-spacing:1.2px; text-transform:uppercase;
  animation:srt-bob 2.5s ease-in-out infinite;
}
.srt-scroll-hint svg { width:16px; height:16px; }
@keyframes srt-bob { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(6px)} }

/* Typewriter */
.srt-typewriter { display:inline; position:relative; }
.srt-typewriter.grad {
  background:linear-gradient(90deg,var(--violet),var(--electric));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.srt-typewriter::after {
  content:'|'; display:inline-block; font-weight:200;
  -webkit-text-fill-color:var(--electric); color:var(--electric);
  animation:srt-blink .8s step-start infinite;
  margin-left:1px; opacity:.8;
}
@keyframes srt-blink { 0%,100%{opacity:.8} 50%{opacity:0} }

/* ================================================================
   LOGOS STRIP
   ================================================================ */
.srt-logos-strip {
  background:var(--surface);
  padding:20px var(--s6);
  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
}
.srt-logos-label {
  text-align:center; font-size:10px; color:var(--muted);
  font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:16px;
}
.srt-logos-track-wrap { overflow:hidden; }
.srt-logos-track {
  display:flex; gap:40px; align-items:center;
  justify-content:center; flex-wrap:wrap;
}
.srt-logo-item {
  display:flex; align-items:center; gap:8px;
  color:var(--subtle); font-family:var(--font-h);
  font-size:13.5px; font-weight:700; letter-spacing:.3px;
  transition:color .22s; cursor:default; flex-shrink:0;
}
.srt-logo-item:hover { color:var(--muted); }
.srt-logo-item svg { width:15px; height:15px; opacity:.45; }

/* ================================================================
   STATS
   ================================================================ */
.srt-stats-section { background:var(--surface2); padding:56px var(--s6); }
.srt-stats-grid {
  max-width:var(--max-c); margin:0 auto;
  display:grid; grid-template-columns:repeat(4,1fr);
  border:1px solid var(--border); border-radius:var(--r); overflow:hidden;
}
.srt-stat-box {
  padding:28px 22px; text-align:center;
  border-right:1px solid var(--border);
  position:relative; overflow:hidden; transition:background .3s;
}
.srt-stat-box:last-child { border-right:none; }
.srt-stat-box::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg,var(--violet-lt),transparent);
  opacity:0; transition:opacity .3s;
}
.srt-stat-box:hover::before { opacity:1; }
.srt-stat-icon {
  color:var(--violet); opacity:.7; margin-bottom:10px;
  transition:transform .3s var(--ease-spring), opacity .3s;
}
.srt-stat-icon svg { width:22px; height:22px; display:block; margin:0 auto; }
.srt-stat-box:hover .srt-stat-icon { opacity:1; transform:scale(1.12); }
.srt-stat-number {
  font-family:var(--font-h); font-size:40px; font-weight:800;
  line-height:1; letter-spacing:-.5px;
  background:linear-gradient(135deg,#fff,var(--text2));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  margin-bottom:3px;
}
.srt-stat-number em {
  font-style:normal; font-size:22px; letter-spacing:0;
  background:linear-gradient(135deg,var(--violet),var(--electric));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.srt-stat-label { color:var(--muted); font-size:11.5px; font-weight:600; letter-spacing:.3px; line-height:1.4; }

/* ================================================================
   SECTION COMMONS
   ================================================================ */
.srt-section        { padding:72px var(--s6); }
.srt-section-alt    { background:var(--surface2); }
.srt-section-dark   { background:var(--ink); }
.srt-section-inner  { max-width:var(--max-c); margin:0 auto; }
.srt-section-inner-wide { max-width:var(--max-w); margin:0 auto; }

.srt-sec-head { text-align:center; margin-bottom:44px; }
.srt-sec-kicker {
  display:inline-flex; align-items:center; gap:8px;
  font-size:10px; font-weight:700; letter-spacing:2px;
  text-transform:uppercase; color:var(--violet); margin-bottom:10px;
}
.srt-sec-kicker::before, .srt-sec-kicker::after {
  content:''; display:block; width:22px; height:1.5px;
  background:currentColor; opacity:.45; border-radius:2px;
}
.srt-sec-title {
  font-family:var(--font-h);
  font-size:clamp(24px,3vw,38px);
  font-weight:800; letter-spacing:-.2px;
  color:var(--text); margin-bottom:12px; line-height:1.2;
}
.srt-sec-title .hl {
  background:linear-gradient(90deg,var(--violet),var(--electric));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.srt-sec-desc {
  font-size:14.5px; color:var(--text2);
  max-width:480px; margin:0 auto; line-height:1.6; font-weight:400;
}
.srt-gradient-divider {
  height:1px;
  background:linear-gradient(90deg,transparent,var(--violet),var(--electric),var(--violet),transparent);
}

/* ================================================================
   SERVICE CARDS
   ================================================================ */
.srt-services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.srt-svc-card {
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--r); padding:24px;
  transition:transform .3s var(--ease), border-color .3s, box-shadow .3s;
  cursor:pointer; position:relative; overflow:hidden;
  display:flex; flex-direction:column;
}
.srt-svc-card::before {
  content:''; position:absolute; inset:0; border-radius:var(--r);
  background:linear-gradient(135deg,var(--violet-lt),transparent 55%);
  opacity:0; transition:opacity .3s;
}
.srt-svc-card::after {
  content:''; position:absolute; left:0; top:8px; bottom:8px;
  width:0; background:var(--violet); border-radius:0 2px 2px 0;
  transition:width .3s var(--ease);
}
.srt-svc-card:hover {
  transform:translateY(-4px);
  border-color:rgba(91,53,229,.35);
  box-shadow:0 16px 48px rgba(0,0,0,.4);
}
.srt-svc-card:hover::before { opacity:1; }
.srt-svc-card:hover::after  { width:3px; }
.srt-svc-icon-wrap {
  width:44px; height:44px; border-radius:11px;
  background:var(--violet-lt); border:1px solid rgba(91,53,229,.22);
  display:flex; align-items:center; justify-content:center;
  color:var(--violet); margin-bottom:16px;
  transition:all .3s var(--ease-spring); position:relative; z-index:1; flex-shrink:0;
}
.srt-svc-icon-wrap svg { width:20px; height:20px; display:block; }
.srt-svc-card:hover .srt-svc-icon-wrap { background:var(--violet); color:#fff; border-color:var(--violet); transform:scale(1.08); }
.srt-svc-tags { display:flex; gap:5px; flex-wrap:wrap; margin-bottom:10px; position:relative; z-index:1; }
.srt-svc-tag {
  font-size:9.5px; font-weight:700; padding:2px 9px; border-radius:20px;
  background:rgba(255,255,255,.05); color:var(--muted);
  border:1px solid var(--border); letter-spacing:.5px; text-transform:uppercase;
}
.srt-svc-card h4 {
  font-family:var(--font-h); font-size:16px; font-weight:700;
  color:var(--text); margin-bottom:8px; position:relative; z-index:1; line-height:1.25;
}
.srt-svc-card p {
  font-size:13px; color:var(--text2); line-height:1.58;
  margin-bottom:16px; position:relative; z-index:1; flex:1; font-weight:400;
}
.srt-svc-link {
  display:inline-flex; align-items:center; gap:6px;
  font-size:13px; font-weight:700; color:var(--violet);
  transition:all .18s var(--ease); position:relative; z-index:1; margin-top:auto;
}
.srt-svc-link svg { width:14px; height:14px; transition:transform .18s var(--ease-spring); }
.srt-svc-link:hover { color:var(--electric); }
.srt-svc-link:hover svg { transform:translateX(4px); }

/* ================================================================
   WHY US
   ================================================================ */
.srt-why-layout { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.srt-why-left .srt-sec-head { text-align:left; margin-bottom:24px; }
.srt-why-left .srt-sec-kicker { justify-content:flex-start; }
.srt-why-left .srt-sec-kicker::before { display:none; }
.srt-why-left .srt-sec-desc { margin:0; text-align:left; }
.srt-why-list { display:flex; flex-direction:column; gap:10px; margin-top:8px; }
.srt-why-item {
  display:flex; gap:13px; align-items:flex-start;
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--r-sm); padding:14px 16px;
  transition:all .25s var(--ease);
}
.srt-why-item:hover { border-color:rgba(91,53,229,.28); transform:translateX(4px); }
.srt-why-icon {
  width:36px; height:36px; border-radius:9px;
  background:var(--violet-lt); border:1px solid rgba(91,53,229,.2);
  display:flex; align-items:center; justify-content:center;
  color:var(--violet); flex-shrink:0; transition:all .25s var(--ease);
}
.srt-why-icon svg { width:16px; height:16px; display:block; }
.srt-why-item:hover .srt-why-icon { background:var(--violet); color:#fff; border-color:var(--violet); }
.srt-why-body h5 { font-size:13.5px; font-weight:700; color:var(--text); margin-bottom:3px; }
.srt-why-body p  { font-size:12.5px; color:var(--text2); line-height:1.55; font-weight:400; }

/* Metric Cards */
.srt-why-right { display:flex; flex-direction:column; gap:14px; }
.srt-metric-card {
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--r); padding:22px;
  position:relative; overflow:hidden; transition:transform .3s, border-color .3s;
}
.srt-metric-card::after {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,var(--violet),var(--electric));
}
.srt-metric-card:hover { transform:translateY(-2px); border-color:rgba(91,53,229,.2); }
.srt-metric-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.srt-metric-label { font-size:11px; font-weight:700; color:var(--muted); letter-spacing:.5px; text-transform:uppercase; }
.srt-metric-badge { font-size:10px; font-weight:700; padding:3px 9px; border-radius:20px; }
.srt-badge-jade   { background:rgba(13,200,124,.1); color:var(--jade); border:1px solid rgba(13,200,124,.2); }
.srt-badge-violet { background:var(--violet-lt); color:var(--violet); border:1px solid rgba(91,53,229,.2); }
.srt-badge-amber  { background:rgba(255,176,32,.08); color:var(--amber); border:1px solid rgba(255,176,32,.18); }
.srt-metric-value { font-family:var(--font-h); font-size:34px; font-weight:800; color:var(--text); line-height:1; letter-spacing:-.3px; }
.srt-metric-sub   { font-size:11.5px; color:var(--muted); margin-top:4px; line-height:1.45; font-weight:400; }
.srt-metric-bar-row { display:flex; justify-content:space-between; font-size:10.5px; color:var(--muted); margin:12px 0 5px; font-weight:600; }
.srt-metric-bar { background:rgba(255,255,255,.06); border-radius:4px; height:5px; overflow:hidden; }
.srt-metric-bar-fill { height:100%; border-radius:4px; background:linear-gradient(90deg,var(--violet),var(--electric)); }

/* ================================================================
   PROCESS
   ================================================================ */
.srt-process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; position:relative; }
.srt-process-grid::before {
  content:''; position:absolute; top:32px; left:12.5%; right:12.5%; height:1px;
  background:linear-gradient(90deg,transparent,var(--violet),var(--electric),var(--violet),transparent); z-index:0;
}
.srt-process-step { text-align:center; position:relative; z-index:1; }
.srt-process-num {
  width:60px; height:60px; border-radius:50%;
  background:linear-gradient(135deg,var(--violet),var(--violet-dk));
  border:3px solid var(--surface);
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 18px;
  font-family:var(--font-h); font-size:19px; font-weight:800; color:#fff;
  box-shadow:0 0 0 7px var(--violet-lt), 0 6px 20px rgba(91,53,229,.3);
  transition:all .3s var(--ease-spring);
}
.srt-process-step:hover .srt-process-num { transform:scale(1.1); box-shadow:0 0 0 12px var(--violet-lt), 0 8px 28px rgba(91,53,229,.4); }
.srt-process-step h5 { font-family:var(--font-h); font-size:14.5px; font-weight:700; color:var(--text); margin-bottom:7px; }
.srt-process-step p  { font-size:13px; color:var(--text2); line-height:1.55; max-width:180px; margin:0 auto; font-weight:400; }

/* ================================================================
   TESTIMONIALS
   ================================================================ */
.srt-testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.srt-testi-card {
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--r); padding:22px;
  transition:all .3s var(--ease); position:relative;
}
.srt-testi-card::before {
  content:''; position:absolute; top:0; left:20px; right:20px; height:1px;
  background:linear-gradient(90deg,transparent,var(--violet-glow),transparent);
}
.srt-testi-card:hover { transform:translateY(-4px); border-color:rgba(91,53,229,.22); box-shadow:var(--shadow-md); }
.srt-testi-stars { display:flex; gap:2px; color:var(--amber); margin-bottom:12px; }
.srt-testi-stars svg { width:13px; height:13px; fill:currentColor; }
.srt-testi-quote { position:absolute; top:18px; right:22px; color:var(--violet); opacity:.18; font-size:48px; font-family:Georgia,serif; line-height:1; pointer-events:none; }
.srt-testi-text { font-size:13.5px; color:var(--text2); line-height:1.65; margin-bottom:20px; font-style:italic; font-weight:400; }
.srt-testi-author { display:flex; align-items:center; gap:11px; border-top:1px solid var(--border); padding-top:14px; }
.srt-testi-av { width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--font-h); font-size:13px; font-weight:800; color:#fff; flex-shrink:0; }
.srt-testi-name { font-size:13.5px; font-weight:700; color:var(--text); }
.srt-testi-role { font-size:11.5px; color:var(--muted); margin-top:1px; }
.srt-testi-verified { margin-left:auto; display:flex; align-items:center; gap:4px; font-size:10.5px; color:var(--jade); font-weight:700; flex-shrink:0; }
.srt-testi-verified svg { width:13px; height:13px; }

/* ================================================================
   CTA BANNER
   ================================================================ */
.srt-cta-banner {
  position:relative; overflow:hidden; padding:68px var(--s6); text-align:center;
  background:linear-gradient(135deg,var(--violet-dk) 0%,var(--violet) 50%,#8344FF 100%);
}
.srt-cta-banner::before {
  content:''; position:absolute; inset:0;
  background-image:
    repeating-linear-gradient(0deg,transparent,transparent 47px,rgba(255,255,255,.035) 48px),
    repeating-linear-gradient(90deg,transparent,transparent 47px,rgba(255,255,255,.035) 48px);
}
.srt-cta-orb { position:absolute; border-radius:50%; filter:blur(80px); pointer-events:none; }
.srt-cta-orb-1 { width:380px;height:380px;background:var(--electric);opacity:.22;top:-180px;right:-80px; }
.srt-cta-orb-2 { width:280px;height:280px;background:#fff;opacity:.08;bottom:-140px;left:-50px; }
.srt-cta-inner { position:relative; max-width:660px; margin:0 auto; }
.srt-cta-banner h2 { font-family:var(--font-h); font-size:clamp(22px,3.5vw,40px); font-weight:800; letter-spacing:-.2px; color:#fff; margin-bottom:12px; line-height:1.18; }
.srt-cta-banner p  { font-size:15px; color:rgba(255,255,255,.8); margin-bottom:28px; line-height:1.6; font-weight:400; }
.srt-cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.srt-btn-white {
  padding:13px 28px; border-radius:var(--r-sm);
  background:#fff; color:var(--violet); font-size:14.5px; font-weight:700;
  box-shadow:0 6px 24px rgba(0,0,0,.2); transition:all .22s var(--ease);
  display:inline-flex; align-items:center; gap:7px;
}
.srt-btn-white:hover { transform:translateY(-2px); box-shadow:0 12px 36px rgba(0,0,0,.28); }
.srt-btn-white svg { width:15px; height:15px; }
.srt-btn-outline-white {
  padding:13px 28px; border-radius:var(--r-sm);
  border:1.5px solid rgba(255,255,255,.4); background:transparent;
  color:#fff; font-size:14.5px; font-weight:600;
  transition:all .22s var(--ease);
}
.srt-btn-outline-white:hover { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.65); }

/* ================================================================
   FOOTER
   ================================================================ */
#srt-footer { background:var(--ink); border-top:1px solid var(--border); padding:56px var(--s6) 28px; }
.srt-footer-inner { max-width:var(--max-w); margin:0 auto; }
.srt-footer-grid { display:grid; grid-template-columns:1.8fr 1fr 1fr 1fr; gap:40px; margin-bottom:40px; }
.srt-footer-logo {
  font-family:var(--font-h); font-size:17px; font-weight:800;
  color:var(--text); display:flex; align-items:center; gap:8px;
  margin-bottom:13px; text-decoration:none;
}
.srt-footer-logo .srt-logo-icon { width:30px; height:30px; }
.srt-footer-logo .accent { color:var(--electric); }
.srt-footer-desc { font-size:13px; color:var(--muted); line-height:1.6; margin-bottom:20px; max-width:260px; }
.srt-footer-socials { display:flex; gap:8px; }
.srt-social-btn {
  width:34px; height:34px; border-radius:var(--r-xs);
  background:var(--card); border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  color:var(--muted); transition:all .22s var(--ease-spring);
}
.srt-social-btn svg { width:14px; height:14px; display:block; }
.srt-social-btn:hover { background:var(--violet); color:#fff; border-color:var(--violet); transform:translateY(-2px); }
.srt-footer-col h6 { font-size:10px; font-weight:800; color:var(--text); letter-spacing:1.8px; text-transform:uppercase; margin-bottom:14px; }
.srt-footer-link {
  display:flex; align-items:center; gap:6px;
  font-size:13px; color:var(--muted); margin-bottom:8px;
  transition:all .18s var(--ease); font-weight:400;
}
.srt-footer-link svg { width:11px; height:11px; flex-shrink:0; opacity:.55; }
.srt-footer-link:hover { color:var(--text); padding-left:4px; }
.srt-footer-newsletter { display:flex; gap:7px; margin-top:20px; }
.srt-footer-input {
  flex:1; background:var(--card); border:1px solid var(--border2);
  border-radius:var(--r-xs); padding:10px 14px;
  font-size:13px; color:var(--text); outline:none;
  transition:border-color .18s, box-shadow .18s;
}
.srt-footer-input:focus { border-color:var(--violet); box-shadow:0 0 0 3px var(--violet-lt); }
.srt-footer-input::placeholder { color:var(--muted); }
.srt-footer-bottom {
  border-top:1px solid var(--border); padding-top:20px;
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
}
.srt-footer-copy { font-size:12px; color:var(--muted); }
.srt-footer-legal { display:flex; gap:18px; }
.srt-footer-legal a { font-size:12px; color:var(--muted); transition:.18s; }
.srt-footer-legal a:hover { color:var(--text); }
.srt-newsletter-msg { font-size:12.5px; font-weight:600; margin-top:7px; }
.srt-newsletter-msg.success { color:var(--jade); }
.srt-newsletter-msg.error   { color:var(--rose); }

/* ================================================================
   PAGE HERO (inner pages)
   ================================================================ */
.srt-page-hero {
  background:var(--ink); padding:68px var(--s6) 60px;
  text-align:center; position:relative; overflow:hidden;
}
.srt-page-hero::after {
  content:''; position:absolute; bottom:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,var(--violet),var(--electric),var(--violet),transparent);
}
.srt-page-badge {
  display:inline-flex; align-items:center; gap:7px;
  background:var(--electric-lt); border:1px solid rgba(0,222,255,.2);
  color:var(--electric); font-size:10px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase;
  padding:6px 16px; border-radius:50px; margin-bottom:18px;
}
.srt-page-badge svg { width:11px; height:11px; }
.srt-page-hero h1 {
  font-family:var(--font-h); font-size:clamp(24px,3.8vw,48px);
  font-weight:800; color:var(--text);
  margin-bottom:14px; line-height:1.15; letter-spacing:-.2px;
}
.srt-page-hero p { font-size:15px; color:var(--text2); max-width:500px; margin:0 auto 26px; line-height:1.6; font-weight:400; }
.srt-page-hero-btns { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }

/* BREADCRUMB */
.srt-breadcrumb {
  background:var(--surface2); border-bottom:1px solid var(--border);
  padding:11px var(--s6); display:flex; align-items:center;
  gap:6px; font-size:12.5px; color:var(--muted); flex-wrap:wrap;
}
.srt-breadcrumb a { color:var(--muted); transition:.18s; }
.srt-breadcrumb a:hover { color:var(--text); }
.srt-breadcrumb-sep { color:var(--subtle); }
.srt-breadcrumb-sep svg { width:11px; height:11px; }
.srt-breadcrumb .current { color:var(--text2); font-weight:600; }

/* ================================================================
   FEATURES GRID
   ================================================================ */
.srt-features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.srt-feat-card {
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--r); padding:24px; transition:all .3s var(--ease);
}
.srt-feat-card:hover { border-color:rgba(91,53,229,.28); transform:translateY(-4px); box-shadow:var(--shadow-md); }
.srt-feat-icon { color:var(--violet); margin-bottom:16px; }
.srt-feat-icon svg { width:24px; height:24px; display:block; }
.srt-feat-card h4 { font-family:var(--font-h); font-size:16px; font-weight:700; color:var(--text); margin-bottom:8px; }
.srt-feat-card p  { font-size:13px; color:var(--text2); line-height:1.58; margin-bottom:16px; font-weight:400; }
.srt-check-list { display:flex; flex-direction:column; gap:8px; }
.srt-check-item { display:flex; align-items:center; gap:9px; font-size:13px; color:var(--text2); font-weight:400; }
.srt-check-item svg { width:14px; height:14px; color:var(--jade); flex-shrink:0; }

/* ================================================================
   PRICING
   ================================================================ */
.srt-pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.srt-price-card {
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--r); padding:28px; position:relative;
  overflow:hidden; transition:all .3s var(--ease); display:flex; flex-direction:column;
}
.srt-price-card.featured { border-color:var(--violet); background:linear-gradient(160deg,var(--card2),var(--card)); }
.srt-price-card.featured::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--violet),var(--electric)); }
.srt-price-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); }
.srt-price-pop {
  position:absolute; top:14px; right:14px;
  background:linear-gradient(135deg,var(--violet),var(--electric));
  color:#fff; font-size:9px; font-weight:800; letter-spacing:1px; text-transform:uppercase;
  padding:3px 11px; border-radius:20px; display:flex; align-items:center; gap:3px;
}
.srt-price-pop svg { width:9px; height:9px; }
.srt-price-tier { font-size:10.5px; font-weight:800; color:var(--muted); letter-spacing:2px; text-transform:uppercase; margin-bottom:12px; }
.srt-price-val { font-family:var(--font-h); font-size:44px; font-weight:800; color:var(--text); line-height:1; margin-bottom:6px; letter-spacing:-.5px; }
.srt-price-val sup { font-size:22px; vertical-align:top; margin-top:12px; display:inline-block; }
.srt-price-val span { font-size:14px; color:var(--muted); font-weight:400; }
.srt-price-desc { font-size:13px; color:var(--text2); margin-bottom:20px; line-height:1.55; flex:1; font-weight:400; }
.srt-price-divider { height:1px; background:var(--border); margin-bottom:18px; }
.srt-price-feature { display:flex; align-items:center; gap:9px; font-size:13px; color:var(--text2); margin-bottom:9px; font-weight:400; }
.srt-price-feature .pf-check { color:var(--jade); flex-shrink:0; width:15px; height:15px; }
.srt-price-feature .pf-x     { color:var(--muted); opacity:.4; flex-shrink:0; width:15px; height:15px; }
.srt-price-cta { width:100%; margin-top:20px; justify-content:center; }

/* ================================================================
   FAQ
   ================================================================ */
.srt-faq-list { max-width:740px; margin:0 auto; }
.srt-faq-item { border-bottom:1px solid var(--border); overflow:hidden; }
.srt-faq-q { display:flex; justify-content:space-between; align-items:center; padding:18px 0; cursor:pointer; gap:16px; }
.srt-faq-q-text { font-size:14.5px; font-weight:600; color:var(--text); transition:.18s; line-height:1.45; }
.srt-faq-toggle {
  width:32px; height:32px; border-radius:50%;
  background:var(--card); border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  color:var(--muted); flex-shrink:0; transition:all .22s var(--ease);
}
.srt-faq-toggle svg { width:15px; height:15px; transition:transform .28s var(--ease); }
.srt-faq-item.open .srt-faq-toggle { background:var(--violet); color:#fff; border-color:var(--violet); }
.srt-faq-item.open .srt-faq-toggle svg { transform:rotate(45deg); }
.srt-faq-item.open .srt-faq-q-text { color:var(--electric); }
.srt-faq-a { font-size:14px; color:var(--text2); line-height:1.65; max-height:0; overflow:hidden; transition:max-height .35s var(--ease),padding .35s; padding-bottom:0; font-weight:400; }
.srt-faq-item.open .srt-faq-a { max-height:500px; padding-bottom:18px; }

/* ================================================================
   ABOUT — VALUES (team section removed)
   ================================================================ */
.srt-values-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.srt-val-card {
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--r); padding:24px 20px; text-align:center;
  transition:all .3s var(--ease); position:relative; overflow:hidden;
}
.srt-val-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:2.5px; opacity:0; transition:opacity .3s; }
.srt-val-card:nth-child(1)::after { background:linear-gradient(90deg,var(--violet),var(--electric)); }
.srt-val-card:nth-child(2)::after { background:linear-gradient(90deg,var(--jade),var(--electric)); }
.srt-val-card:nth-child(3)::after { background:linear-gradient(90deg,var(--ember),var(--amber)); }
.srt-val-card:nth-child(4)::after { background:linear-gradient(90deg,var(--rose),var(--violet)); }
.srt-val-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); }
.srt-val-card:hover::after { opacity:1; }
.srt-val-icon-wrap {
  width:48px; height:48px; border-radius:13px;
  background:var(--violet-lt); border:1px solid rgba(91,53,229,.2);
  display:flex; align-items:center; justify-content:center;
  color:var(--violet); margin:0 auto 16px; transition:all .28s var(--ease-spring);
}
.srt-val-icon-wrap svg { width:22px; height:22px; display:block; }
.srt-val-card:hover .srt-val-icon-wrap { background:var(--violet); color:#fff; border-color:var(--violet); transform:scale(1.08) rotate(-4deg); }
.srt-val-card h5 { font-family:var(--font-h); font-size:15px; font-weight:700; color:var(--text); margin-bottom:8px; }
.srt-val-card p  { font-size:13px; color:var(--text2); line-height:1.6; font-weight:400; }

/* ================================================================
   BLOG
   ================================================================ */
.srt-blog-layout { display:grid; grid-template-columns:1fr 300px; gap:32px; max-width:var(--max-w); margin:0 auto; }
.srt-blog-featured {
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--r); overflow:hidden; margin-bottom:20px;
  display:grid; grid-template-columns:1fr 1fr;
  transition:all .3s var(--ease); cursor:pointer; text-decoration:none;
}
.srt-blog-featured:hover { border-color:rgba(91,53,229,.25); box-shadow:var(--shadow-md); transform:translateY(-2px); }
.srt-blog-feat-img { background:linear-gradient(135deg,var(--violet-dk),var(--violet)); min-height:240px; display:flex; align-items:flex-end; padding:20px; position:relative; overflow:hidden; }
.srt-blog-feat-cat { background:var(--violet); color:#fff; font-size:9.5px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; padding:4px 12px; border-radius:20px; position:relative; z-index:1; }
.srt-blog-feat-body { padding:24px; }
.srt-blog-meta { display:flex; align-items:center; gap:12px; margin-bottom:11px; flex-wrap:wrap; }
.srt-blog-meta-item { display:flex; align-items:center; gap:4px; font-size:11.5px; color:var(--muted); font-weight:500; }
.srt-blog-meta-item svg { width:11px; height:11px; }
.srt-blog-feat-body h2 { font-family:var(--font-h); font-size:19px; font-weight:700; color:var(--text); margin-bottom:10px; line-height:1.3; }
.srt-blog-feat-body p { font-size:13.5px; color:var(--text2); line-height:1.6; margin-bottom:16px; font-weight:400; }
.srt-blog-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.srt-blog-card {
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--r-sm); overflow:hidden;
  transition:all .3s var(--ease); display:flex; flex-direction:column; text-decoration:none;
}
.srt-blog-card:hover { border-color:rgba(91,53,229,.25); transform:translateY(-3px); box-shadow:var(--shadow-md); }
.srt-blog-card-img { height:130px; display:flex; align-items:flex-end; padding:12px; overflow:hidden; }
.srt-blog-card-body { padding:16px; flex:1; display:flex; flex-direction:column; }
.srt-blog-cat { font-size:9px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; padding:3px 10px; border-radius:20px; display:inline-block; margin-bottom:8px; }
.cat-seo     { background:rgba(91,53,229,.1);  color:var(--violet); }
.cat-brand   { background:rgba(13,200,124,.08);color:var(--jade); }
.cat-content { background:rgba(255,176,32,.08);color:var(--amber); }
.cat-social  { background:rgba(232,77,126,.08);color:var(--rose); }
.cat-ppc     { background:rgba(255,99,64,.08); color:var(--ember); }
.srt-blog-card-body h3 { font-size:14px; font-weight:700; color:var(--text); margin-bottom:6px; line-height:1.38; flex:1; }
.srt-blog-card-footer  { display:flex; align-items:center; justify-content:space-between; font-size:11.5px; color:var(--muted); margin-top:12px; }
.srt-blog-read-more { display:flex; align-items:center; gap:4px; color:var(--violet); font-weight:700; font-size:12px; transition:.18s; }
.srt-blog-read-more svg { width:11px; height:11px; transition:transform .18s var(--ease-spring); }
.srt-blog-read-more:hover { color:var(--electric); }
.srt-blog-read-more:hover svg { transform:translateX(3px); }

/* Cat Filter */
.srt-cat-filter { background:var(--surface2); border-bottom:1px solid var(--border); padding:14px var(--s6); display:flex; gap:7px; flex-wrap:wrap; }
.srt-cat-pill { padding:7px 16px; border-radius:50px; font-size:12.5px; font-weight:600; border:1px solid var(--border); color:var(--muted); background:var(--card); transition:all .2s var(--ease); }
.srt-cat-pill:hover, .srt-cat-pill.active { background:var(--violet); color:#fff; border-color:var(--violet); transform:translateY(-1px); }

/* Sidebar */
.srt-sidebar {}
.srt-widget { background:var(--card); border:1px solid var(--border); border-radius:var(--r-sm); padding:20px; margin-bottom:16px; }
.srt-widget-title { font-family:var(--font-h); font-size:13px; font-weight:700; color:var(--text); margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:7px; }
.srt-widget-title svg { width:13px; height:13px; color:var(--violet); }
.srt-widget-cat { display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px solid var(--border); transition:all .18s; text-decoration:none; font-weight:500; }
.srt-widget-cat:last-child { border-bottom:none; padding-bottom:0; }
.srt-widget-cat span { font-size:13px; color:var(--text2); }
.srt-widget-cat:hover { padding-left:5px; }
.srt-widget-cat:hover span { color:var(--text); }
.srt-cat-count { background:var(--violet-lt); color:var(--violet); font-size:10px; font-weight:700; padding:2px 8px; border-radius:20px; }
.srt-widget-post { display:flex; gap:10px; padding:9px 0; border-bottom:1px solid var(--border); text-decoration:none; }
.srt-widget-post:last-child { border-bottom:none; padding-bottom:0; }
.srt-widget-post-img { width:44px; height:44px; border-radius:var(--r-xs); flex-shrink:0; background:linear-gradient(135deg,var(--violet-dk),var(--violet)); }
.srt-widget-post h6 { font-size:12.5px; font-weight:600; color:var(--text); margin-bottom:3px; line-height:1.38; }
.srt-widget-post span { font-size:11px; color:var(--muted); }
.srt-cta-widget { background:linear-gradient(135deg,var(--violet-dk),var(--violet)); border:none; text-align:center; }
.srt-cta-widget .srt-widget-title { color:#fff; border-bottom-color:rgba(255,255,255,.18); }
.srt-cta-widget p { font-size:13px; color:rgba(255,255,255,.75); margin-bottom:14px; line-height:1.55; }
.srt-tag-cloud { display:flex; gap:7px; flex-wrap:wrap; padding-top:3px; }
.srt-tag-pill { display:inline-block; padding:5px 12px; border-radius:20px; font-size:11.5px; font-weight:600; background:var(--card2); border:1px solid var(--border); color:var(--muted); transition:all .18s; text-decoration:none; }
.srt-tag-pill:hover { background:var(--violet-lt); color:var(--violet); border-color:rgba(91,53,229,.28); }

/* ================================================================
   CONTACT
   ================================================================ */
.srt-contact-info-row { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:36px; }
.srt-contact-info-card { background:var(--card); border:1px solid var(--border); border-radius:var(--r); padding:22px; display:flex; align-items:flex-start; gap:14px; transition:all .3s var(--ease); }
.srt-contact-info-card:hover { border-color:rgba(91,53,229,.25); transform:translateY(-3px); }
.srt-ci-icon-wrap { width:42px; height:42px; border-radius:10px; background:var(--violet-lt); border:1px solid rgba(91,53,229,.2); display:flex; align-items:center; justify-content:center; color:var(--violet); flex-shrink:0; transition:all .25s; }
.srt-ci-icon-wrap svg { width:18px; height:18px; display:block; }
.srt-contact-info-card:hover .srt-ci-icon-wrap { background:var(--violet); color:#fff; border-color:var(--violet); }
.srt-ci-label { font-size:10px; font-weight:800; color:var(--muted); letter-spacing:1.2px; text-transform:uppercase; margin-bottom:4px; }
.srt-ci-value { font-size:14px; font-weight:700; color:var(--text); margin-bottom:2px; }
.srt-ci-sub   { font-size:12px; color:var(--muted); font-weight:400; }
.srt-contact-form-layout { display:grid; grid-template-columns:1.2fr 1fr; gap:28px; align-items:start; }
.srt-form-card { background:var(--card); border:1px solid var(--border); border-radius:var(--r); padding:30px; }
.srt-form-card h3 { font-family:var(--font-h); font-size:22px; font-weight:800; color:var(--text); margin-bottom:6px; }
.srt-form-card > p { font-size:13.5px; color:var(--text2); margin-bottom:24px; line-height:1.55; font-weight:400; }
.srt-form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.srt-form-group { margin-bottom:14px; }
.srt-form-label { display:block; font-size:12.5px; font-weight:700; color:var(--text2); margin-bottom:5px; }
.srt-form-input,.srt-form-select,.srt-form-textarea {
  width:100%; background:var(--surface2); border:1px solid var(--border2);
  border-radius:var(--r-xs); padding:11px 14px;
  font-size:14px; color:var(--text); outline:none; transition:all .18s var(--ease);
}
.srt-form-input:focus,.srt-form-select:focus,.srt-form-textarea:focus { border-color:var(--violet); background:var(--surface); box-shadow:0 0 0 3px var(--violet-lt); }
.srt-form-input::placeholder,.srt-form-textarea::placeholder { color:var(--muted); }
.srt-form-select { appearance:none; cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B6590' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; padding-right:36px; }
.srt-form-textarea { height:120px; resize:vertical; line-height:1.6; }
.srt-form-submit { width:100%; margin-top:6px; justify-content:center; gap:8px; }
.srt-form-submit svg { width:15px; height:15px; }
.srt-contact-aside { display:flex; flex-direction:column; gap:14px; }
.srt-aside-card { background:var(--card); border:1px solid var(--border); border-radius:var(--r); padding:22px; transition:.28s; }
.srt-aside-card:hover { border-color:rgba(91,53,229,.18); }
.srt-aside-card h4 { font-family:var(--font-h); font-size:15px; font-weight:700; color:var(--text); margin-bottom:8px; display:flex; align-items:center; gap:7px; }
.srt-aside-card h4 svg { width:15px; height:15px; color:var(--violet); }
.srt-aside-card p { font-size:13px; color:var(--text2); line-height:1.6; margin-bottom:14px; font-weight:400; }
.srt-map-placeholder { background:var(--card); border:1px solid var(--border); border-radius:var(--r); height:180px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:var(--muted); position:relative; overflow:hidden; }
.srt-map-placeholder::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px); background-size:30px 30px; }
.srt-map-placeholder svg { width:32px; height:32px; color:var(--violet); position:relative; z-index:1; }
.srt-map-placeholder p { font-size:12.5px; position:relative; z-index:1; font-weight:500; }
.srt-response-table { display:flex; flex-direction:column; gap:9px; }
.srt-response-row { display:flex; justify-content:space-between; align-items:center; font-size:13px; }
.srt-response-row .label { color:var(--text2); display:flex; align-items:center; gap:7px; font-weight:400; }
.srt-response-row .label svg { width:13px; height:13px; }
.srt-response-row .value { color:var(--jade); font-weight:700; font-size:12.5px; }

/* ================================================================
   THANK YOU / 404 / COMING SOON
   ================================================================ */
.srt-ty-wrap { flex:1; background:var(--ink); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:80px var(--s6); text-align:center; position:relative; overflow:hidden; min-height:70vh; }
.srt-ty-check { width:80px; height:80px; border-radius:50%; background:linear-gradient(135deg,var(--jade),#08976E); display:flex; align-items:center; justify-content:center; margin-bottom:24px; color:#fff; box-shadow:0 0 0 16px rgba(13,200,124,.08); animation:srt-pop-in .5s var(--ease-spring); }
.srt-ty-check svg { width:38px; height:38px; }
@keyframes srt-pop-in { 0%{transform:scale(0)} 75%{transform:scale(1.1)} 100%{transform:scale(1)} }
.srt-ty-wrap h1 { font-family:var(--font-h); font-size:clamp(26px,4vw,40px); font-weight:800; color:var(--text); margin-bottom:13px; }
.srt-ty-wrap > p { font-size:15px; color:var(--text2); max-width:440px; margin-bottom:36px; line-height:1.65; font-weight:400; }
.srt-ty-steps { background:var(--card); border:1px solid var(--border); border-radius:var(--r); padding:26px 30px; max-width:460px; width:100%; margin-bottom:30px; text-align:left; }
.srt-ty-steps h4 { font-family:var(--font-h); font-size:14px; font-weight:700; color:var(--text); margin-bottom:18px; display:flex; align-items:center; gap:8px; }
.srt-ty-steps h4 svg { width:15px; height:15px; color:var(--violet); }
.srt-ty-step { display:flex; align-items:flex-start; gap:13px; margin-bottom:14px; }
.srt-ty-step:last-child { margin-bottom:0; }
.srt-ty-num { width:27px; height:27px; border-radius:50%; background:var(--violet); display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; color:#fff; flex-shrink:0; }
.srt-ty-step p { font-size:13.5px; color:var(--text2); line-height:1.55; padding-top:3px; font-weight:400; }
.srt-ty-btns { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }

.srt-404-wrap { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:80px var(--s6); text-align:center; background:var(--ink); position:relative; overflow:hidden; min-height:70vh; }
.srt-404-bg-num { position:absolute; font-family:var(--font-h); font-size:clamp(180px,28vw,340px); font-weight:800; line-height:.9; background:linear-gradient(135deg,var(--violet),var(--electric)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; opacity:.05; user-select:none; pointer-events:none; }
.srt-404-icon { position:relative; z-index:1; margin-bottom:14px; animation:srt-search-blink 2s ease-in-out infinite; }
@keyframes srt-search-blink { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.6;transform:scale(.95)} }
.srt-404-title { font-family:var(--font-h); font-size:clamp(22px,3.5vw,34px); font-weight:800; color:var(--text); margin-bottom:12px; }
.srt-404-sub { font-size:15px; color:var(--text2); max-width:380px; margin-bottom:36px; line-height:1.65; font-weight:400; }
.srt-404-btns { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-bottom:36px; }
.srt-404-chips { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.srt-404-chip { padding:8px 18px; border-radius:50px; font-size:13px; font-weight:600; background:var(--card); border:1px solid var(--border); color:var(--text2); transition:all .2s var(--ease); text-decoration:none; }
.srt-404-chip:hover { background:var(--violet); color:#fff; border-color:var(--violet); transform:translateY(-1px); }

.srt-cs-wrap { flex:1; background:var(--ink); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:80px var(--s6); text-align:center; position:relative; overflow:hidden; min-height:100vh; }
.srt-cs-logo { font-family:var(--font-h); font-size:22px; font-weight:800; display:flex; align-items:center; gap:10px; margin-bottom:28px; color:var(--text); text-decoration:none; }
.srt-cs-badge { display:inline-flex; align-items:center; gap:7px; background:var(--electric-lt); border:1px solid rgba(0,222,255,.2); color:var(--electric); font-size:10px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; padding:6px 18px; border-radius:50px; margin-bottom:22px; }
.srt-cs-badge svg { width:10px; height:10px; }
.srt-cs-wrap h1 { font-family:var(--font-h); font-size:clamp(28px,5vw,56px); font-weight:800; color:var(--text); margin-bottom:14px; line-height:1.12; }
.srt-cs-wrap > p { font-size:15px; color:var(--text2); max-width:400px; margin-bottom:40px; line-height:1.65; font-weight:400; }
.srt-countdown { display:flex; gap:14px; margin-bottom:40px; flex-wrap:wrap; justify-content:center; }
.srt-cd-box { background:var(--card); border:1px solid var(--border); border-radius:var(--r-sm); padding:20px 28px; text-align:center; min-width:88px; position:relative; overflow:hidden; }
.srt-cd-box::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--violet),var(--electric)); }
.srt-cd-num { font-family:var(--font-h); font-size:40px; font-weight:800; color:var(--text); display:block; line-height:1; }
.srt-cd-label { font-size:9.5px; color:var(--muted); font-weight:700; letter-spacing:1.5px; text-transform:uppercase; margin-top:6px; display:block; }
.srt-notify-form { display:flex; gap:8px; max-width:400px; width:100%; }
.srt-notify-input { flex:1; background:var(--card); border:1px solid var(--border2); border-radius:var(--r-xs); padding:11px 16px; font-size:13.5px; color:var(--text); outline:none; transition:border-color .18s; }
.srt-notify-input:focus { border-color:var(--violet); }
.srt-notify-input::placeholder { color:var(--muted); }

/* ================================================================
   LEGAL PAGES
   ================================================================ */
.srt-legal-layout { display:grid; grid-template-columns:220px 1fr; gap:36px; max-width:1000px; margin:0 auto; padding:48px var(--s6); }
.srt-legal-toc { background:var(--card); border:1px solid var(--border); border-radius:var(--r-sm); padding:20px; position:sticky; top:86px; height:fit-content; }
.srt-legal-toc h5 { font-family:var(--font-h); font-size:10.5px; font-weight:800; color:var(--text); letter-spacing:2px; text-transform:uppercase; margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid var(--border); }
.srt-legal-toc-link { display:block; font-size:12.5px; color:var(--muted); padding:7px 0; border-bottom:1px solid var(--border); transition:all .18s; text-decoration:none; font-weight:400; }
.srt-legal-toc-link:last-child { border-bottom:none; }
.srt-legal-toc-link:hover, .srt-legal-toc-link.active { color:var(--electric); padding-left:6px; font-weight:600; }
.srt-legal-badge { display:inline-flex; align-items:center; gap:6px; background:var(--violet-lt); color:var(--violet); font-size:11px; font-weight:700; padding:4px 12px; border-radius:20px; margin-bottom:20px; }
.srt-legal-badge svg { width:11px; height:11px; }
.srt-legal-highlight { background:var(--card); border-left:3px solid var(--violet); border-radius:0 var(--r-sm) var(--r-sm) 0; padding:16px 20px; margin-bottom:28px; }
.srt-legal-highlight p { font-size:14px; color:var(--text2); line-height:1.7; font-style:italic; font-weight:400; }
.srt-legal-section { margin-bottom:40px; }
.srt-legal-section h2 { font-family:var(--font-h); font-size:20px; font-weight:700; color:var(--text); margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid var(--border); }
.srt-legal-section p { font-size:14px; color:var(--text2); line-height:1.75; margin-bottom:13px; font-weight:400; }
.srt-legal-section ul { padding-left:20px; list-style:disc; margin-bottom:13px; }
.srt-legal-section ul li { font-size:14px; color:var(--text2); margin-bottom:7px; line-height:1.65; font-weight:400; }

/* ================================================================
   PROSE CONTENT (page.php, single.php)
   ================================================================ */
.srt-prose-content { font-size:15.5px; color:var(--text2); line-height:1.75; font-weight:400; }
.srt-prose-content h1,.srt-prose-content h2,.srt-prose-content h3,
.srt-prose-content h4,.srt-prose-content h5,.srt-prose-content h6 { font-family:var(--font-h); font-weight:700; color:var(--text); margin-top:1.8em; margin-bottom:.55em; line-height:1.2; }
.srt-prose-content h1 { font-size:2em; }
.srt-prose-content h2 { font-size:1.65em; padding-bottom:.45em; border-bottom:1px solid var(--border); }
.srt-prose-content h3 { font-size:1.35em; }
.srt-prose-content h4 { font-size:1.1em; }
.srt-prose-content p  { margin-bottom:1.1em; }
.srt-prose-content ul,.srt-prose-content ol { padding-left:22px; margin-bottom:1.1em; }
.srt-prose-content ul { list-style:disc; } .srt-prose-content ol { list-style:decimal; }
.srt-prose-content li { margin-bottom:.4em; }
.srt-prose-content strong { color:var(--text); font-weight:700; }
.srt-prose-content em { font-style:italic; }
.srt-prose-content mark { background:rgba(91,53,229,.2); color:var(--text); padding:1px 4px; border-radius:3px; }
.srt-prose-content a { color:var(--electric); text-decoration:underline; text-underline-offset:3px; }
.srt-prose-content a:hover { color:var(--violet); }
.srt-prose-content blockquote { border-left:3px solid var(--violet); background:var(--card); padding:16px 20px; margin:20px 0; font-style:italic; border-radius:0 var(--r-sm) var(--r-sm) 0; }
.srt-prose-content blockquote p { margin-bottom:0; }
.srt-prose-content img { border-radius:var(--r-sm); box-shadow:var(--shadow-sm); margin:16px auto; }
.srt-prose-content hr { border:none; height:1px; background:linear-gradient(90deg,transparent,var(--violet),var(--electric),var(--violet),transparent); margin:2em 0; }
.srt-prose-content code { font-family:'Consolas','Monaco',monospace; font-size:.875em; background:rgba(91,53,229,.13); color:#C4B5FD; padding:2px 6px; border-radius:4px; border:1px solid rgba(91,53,229,.22); }
.srt-prose-content pre { background:var(--card); border:1px solid var(--border2); border-radius:var(--r-sm); padding:18px 20px; overflow-x:auto; margin-bottom:1.2em; }
.srt-prose-content pre code { background:none; border:none; padding:0; color:var(--text2); }
.srt-prose-content table { width:100%; border-collapse:collapse; margin-bottom:1.2em; border:1px solid var(--border2); border-radius:var(--r-sm); overflow:hidden; }
.srt-prose-content th { background:var(--card); color:var(--text); font-weight:700; font-size:12.5px; letter-spacing:.5px; text-transform:uppercase; padding:11px 14px; border-bottom:1px solid var(--border2); text-align:left; }
.srt-prose-content td { color:var(--text2); padding:10px 14px; border-bottom:1px solid var(--border); font-size:14px; }
.srt-prose-content tr:nth-child(even) td { background:rgba(255,255,255,.02); }
.srt-prose-content tr:last-child td { border-bottom:none; }

/* Content + Sidebar layout */
.srt-content-sidebar-layout { display:grid; grid-template-columns:1fr 300px; gap:36px; max-width:var(--max-c); margin:0 auto; }

/* ================================================================
   SEARCH / PAGINATION
   ================================================================ */
.srt-search-form { display:flex; gap:7px; }
.srt-search-form input[type="search"] { flex:1; background:var(--surface2); border:1px solid var(--border2); border-radius:var(--r-xs); padding:10px 14px; font-size:13.5px; color:var(--text); outline:none; transition:border-color .18s; }
.srt-search-form input:focus { border-color:var(--violet); }
.srt-search-form input::placeholder { color:var(--muted); }
.srt-search-form button { background:var(--violet); color:#fff; padding:10px 16px; border-radius:var(--r-xs); display:flex; align-items:center; justify-content:center; transition:.2s; box-shadow:0 3px 12px rgba(91,53,229,.3); }
.srt-search-form button:hover { background:var(--violet-dk); transform:translateY(-1px); }
.srt-search-form button svg { width:15px; height:15px; display:block; }
.srt-pagination { display:flex; justify-content:center; gap:7px; padding:36px 0; }
.srt-pagination a,.srt-pagination span { width:38px; height:38px; border-radius:var(--r-xs); background:var(--card); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:13.5px; color:var(--text2); font-weight:600; transition:all .18s; text-decoration:none; font-family:var(--font-h); }
.srt-pagination a:hover { background:var(--violet-lt); color:var(--violet); border-color:rgba(91,53,229,.28); }
.srt-pagination .current { background:var(--violet); color:#fff; border-color:var(--violet); }

/* ================================================================
   POST CONTENT
   ================================================================ */
.srt-post-hero { background:var(--ink); padding:72px var(--s6) 60px; position:relative; overflow:hidden; }
.srt-post-cats { display:flex; gap:7px; margin-bottom:18px; flex-wrap:wrap; }
.srt-post-meta { display:flex; align-items:center; gap:20px; margin-bottom:18px; flex-wrap:wrap; }
.srt-post-meta-item { display:flex; align-items:center; gap:6px; font-size:12.5px; color:var(--muted); font-weight:500; }
.srt-post-meta-item svg { width:12px; height:12px; }
.srt-post-hero h1 { font-family:var(--font-h); font-size:clamp(24px,4vw,46px); font-weight:800; color:var(--text); line-height:1.12; margin-bottom:18px; max-width:780px; letter-spacing:-.2px; }
.srt-post-excerpt { font-size:16px; color:var(--text2); line-height:1.7; margin-bottom:28px; max-width:760px; font-weight:400; }
.srt-post-author-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; background:var(--card); border:1px solid var(--border); border-radius:var(--r-sm); padding:14px 18px; max-width:760px; }
.srt-post-author { display:flex; align-items:center; gap:11px; }
.srt-post-av { width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,var(--violet),var(--electric)); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:800; color:#fff; flex-shrink:0; }
.srt-post-author-name { font-size:13.5px; font-weight:700; color:var(--text); }
.srt-post-author-role { font-size:11.5px; color:var(--muted); margin-top:1px; }
.srt-post-share { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); font-weight:500; }
.srt-share-btn { width:30px; height:30px; border-radius:var(--r-xs); background:var(--card2); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; color:var(--muted); transition:all .2s; }
.srt-share-btn svg { width:12px; height:12px; display:block; }
.srt-share-btn:hover { background:var(--violet); color:#fff; border-color:var(--violet); transform:translateY(-1px); }
.srt-post-layout { display:grid; grid-template-columns:1fr 280px; gap:36px; max-width:1080px; margin:0 auto; padding:48px var(--s6); }
.srt-post-content { font-size:15.5px; color:var(--text2); line-height:1.78; font-weight:400; }
.srt-post-content h2 { font-family:var(--font-h); font-size:24px; font-weight:700; color:var(--text); margin:36px 0 14px; }
.srt-post-content h3 { font-family:var(--font-h); font-size:19px; font-weight:700; color:var(--text); margin:28px 0 11px; }
.srt-post-content p { margin-bottom:18px; }
.srt-post-content ul,.srt-post-content ol { padding-left:22px; margin-bottom:18px; }
.srt-post-content ul { list-style:disc; } .srt-post-content ol { list-style:decimal; }
.srt-post-content li { margin-bottom:8px; }
.srt-post-content strong { color:var(--text); font-weight:700; }
.srt-post-content a { color:var(--electric); text-decoration:underline; text-underline-offset:3px; }
.srt-highlight-box { background:var(--card); border:1px solid rgba(91,53,229,.22); border-left:3px solid var(--violet); border-radius:0 var(--r-sm) var(--r-sm) 0; padding:17px 22px; margin:24px 0; }
.srt-highlight-box p { margin-bottom:0; }
.srt-toc-widget { background:var(--card); border:1px solid var(--border); border-radius:var(--r-sm); padding:20px; position:sticky; top:86px; }
.srt-toc-widget h4 { font-family:var(--font-h); font-size:12.5px; font-weight:700; color:var(--text); margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:7px; }
.srt-toc-widget h4 svg { width:13px; height:13px; color:var(--violet); }
.srt-toc-link { display:flex; align-items:center; gap:7px; font-size:12.5px; color:var(--muted); padding:7px 0; cursor:pointer; transition:.18s; border-bottom:1px solid var(--border); font-weight:400; text-decoration:none; }
.srt-toc-link:last-child { border-bottom:none; }
.srt-toc-link:hover,.srt-toc-link.active { color:var(--electric); }
.srt-toc-link.active::before { content:''; width:3px; height:3px; border-radius:50%; background:var(--electric); flex-shrink:0; }

/* ================================================================
   COMMENTS
   ================================================================ */
.srt-comments-wrap { max-width:760px; padding:48px 0 0; }
.srt-comment-list .comment { padding:20px 0; border-bottom:1px solid var(--border); }
.srt-comment-list .comment:last-child { border-bottom:none; }
.srt-comment-list .fn { font-weight:700; color:var(--text); font-size:13.5px; }
.srt-comment-list .says { display:none; }
.srt-comment-list .comment-metadata { font-size:11.5px; color:var(--muted); }
.srt-comment-list .comment-metadata a { color:var(--muted); }
.srt-comment-list .comment-body p { font-size:14px; color:var(--text2); line-height:1.7; }
.srt-comment-list .comment-reply-link { font-size:12px; color:var(--violet); font-weight:700; }
.srt-comment-list .children { padding-left:32px; border-left:2px solid var(--border); }
.comment-form label { display:block; font-size:12.5px; font-weight:700; color:var(--text2); margin-bottom:5px; }
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea { width:100%; background:var(--surface2); border:1px solid var(--border2); border-radius:var(--r-xs); padding:11px 14px; font-size:13.5px; color:var(--text); outline:none; margin-bottom:14px; transition:.18s; }
.comment-form input:focus,.comment-form textarea:focus { border-color:var(--violet); }
.comment-form textarea { height:110px; resize:vertical; }
.comment-form input[type="submit"] { background:var(--violet); color:#fff; padding:11px 26px; border-radius:var(--r-xs); font-size:14px; font-weight:700; cursor:pointer; transition:.2s; }
.comment-form input[type="submit"]:hover { background:var(--violet-dk); transform:translateY(-1px); }

/* ================================================================
   PRELOADER · SCROLL-TOP · WHATSAPP · COOKIE
   ================================================================ */
.srt-preloader { position:fixed; inset:0; z-index:9999; background:var(--surface); display:flex; align-items:center; justify-content:center; transition:opacity .4s var(--ease),visibility .4s; }
.srt-preloader.done { opacity:0; visibility:hidden; pointer-events:none; }
.srt-preloader-inner { display:flex; flex-direction:column; align-items:center; gap:18px; }
.srt-preloader-logo { width:48px; height:48px; background:var(--violet); border-radius:12px; display:flex; align-items:center; justify-content:center; color:#fff; animation:srt-logo-pulse 1.2s ease-in-out infinite; }
.srt-preloader-logo svg { width:22px; height:22px; }
@keyframes srt-logo-pulse { 0%,100%{box-shadow:0 0 0 0 var(--violet-glow)} 50%{box-shadow:0 0 0 10px transparent} }
.srt-preloader-bar { width:140px; height:2.5px; background:var(--border2); border-radius:2px; overflow:hidden; }
.srt-preloader-fill { height:100%; background:linear-gradient(90deg,var(--violet),var(--electric)); animation:srt-bar-fill .7s var(--ease) forwards; border-radius:2px; }
@keyframes srt-bar-fill { from{width:0} to{width:100%} }

.srt-reading-progress { position:fixed; top:0; left:0; height:2.5px; width:0%; background:linear-gradient(90deg,var(--violet),var(--electric)); z-index:600; pointer-events:none; }

.srt-scroll-top { position:fixed; bottom:22px; right:22px; width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,var(--violet),var(--violet-dk)); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 16px rgba(91,53,229,.38); z-index:200; transition:all .22s var(--ease); opacity:0; transform:translateY(10px); }
.srt-scroll-top.visible { opacity:1; transform:translateY(0); }
.srt-scroll-top:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(91,53,229,.5); }
.srt-scroll-top svg { width:18px; height:18px; }

.srt-whatsapp-float { position:fixed; bottom:74px; right:22px; width:50px; height:50px; border-radius:50%; background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 16px rgba(37,211,102,.4); z-index:200; transition:all .22s var(--ease); animation:srt-wa-pulse 3s ease-in-out infinite; }
.srt-whatsapp-float:hover { transform:scale(1.1); box-shadow:0 8px 28px rgba(37,211,102,.55); animation:none; }
.srt-whatsapp-float svg { width:24px; height:24px; }
.srt-whatsapp-float::after { content:attr(data-tooltip); position:absolute; right:calc(100% + 8px); top:50%; transform:translateY(-50%); background:var(--card); border:1px solid var(--border2); color:var(--text); font-size:12px; font-weight:600; padding:5px 11px; border-radius:var(--r-xs); white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .18s; font-family:var(--font-b); }
.srt-whatsapp-float:hover::after { opacity:1; }
@keyframes srt-wa-pulse { 0%,100%{box-shadow:0 4px 16px rgba(37,211,102,.4)} 50%{box-shadow:0 4px 22px rgba(37,211,102,.65)} }

.srt-cookie-bar { position:fixed; bottom:0; left:0; right:0; background:rgba(8,6,28,.96); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-top:1px solid var(--border2); padding:14px var(--s6); display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; z-index:400; animation:srt-slide-up .35s var(--ease); }
@keyframes srt-slide-up { from{transform:translateY(100%)} to{transform:translateY(0)} }
.srt-cookie-bar p { font-size:13.5px; color:var(--text2); line-height:1.5; flex:1; min-width:200px; margin:0; }
.srt-cookie-bar p a { color:var(--electric); text-decoration:underline; text-underline-offset:2px; }
.srt-cookie-actions { display:flex; gap:8px; flex-shrink:0; }
.srt-cookie-decline { padding:8px 16px; font-size:12.5px; }
.srt-cookie-accept  { padding:8px 18px; font-size:12.5px; }

/* Form validation states */
.srt-form-input.valid   { border-color:var(--jade); }
.srt-form-input.invalid { border-color:var(--rose); }
.srt-form-input.invalid:focus { box-shadow:0 0 0 3px rgba(232,77,126,.12); }
.srt-field-error { font-size:11.5px; color:var(--rose); font-weight:600; margin-top:3px; display:block; }

/* Submit spinner */
.srt-btn-loading { position:relative; pointer-events:none; }
.srt-btn-loading::after { content:''; position:absolute; width:14px; height:14px; border:2px solid rgba(255,255,255,.35); border-top-color:#fff; border-radius:50%; animation:srt-spin .6s linear infinite; right:13px; top:50%; margin-top:-7px; }
@keyframes srt-spin { to{transform:rotate(360deg)} }

/* Trust badges */
.srt-trust-badges { display:flex; gap:16px; flex-wrap:wrap; margin-top:16px; }
.srt-trust-badge { display:flex; align-items:center; gap:7px; font-size:13px; color:var(--text2); font-weight:500; }
.srt-trust-badge svg { width:14px; height:14px; color:var(--jade); }

/* Dropdown nav */
.srt-nav>ul>li>ul.sub-menu { position:absolute; top:calc(100% + 7px); left:0; min-width:210px; background:var(--card2); border:1px solid var(--border2); border-radius:var(--r-sm); padding:7px; opacity:0; pointer-events:none; transform:translateY(7px); transition:all .2s var(--ease); box-shadow:var(--shadow-md); z-index:200; }
.srt-nav>ul>li:hover>ul.sub-menu,.srt-nav>ul>li:focus-within>ul.sub-menu { opacity:1; pointer-events:all; transform:translateY(0); }
.srt-nav>ul>li>ul.sub-menu li a { display:block; padding:9px 12px; border-radius:var(--r-xs); font-size:13px; color:var(--text2); transition:all .15s; }
.srt-nav>ul>li>ul.sub-menu li a::after { display:none; }
.srt-nav>ul>li>ul.sub-menu li a:hover { background:var(--violet-lt); color:var(--text); padding-left:15px; }

/* ================================================================
   RESPONSIVE — TABLET ≤1024px
   ================================================================ */
@media(max-width:1024px){
  .srt-footer-grid { grid-template-columns:1fr 1fr; gap:32px; }
  .srt-footer-grid > .srt-footer-brand { grid-column:1/-1; }
  .srt-services-grid { grid-template-columns:repeat(2,1fr); }
  .srt-features-grid { grid-template-columns:repeat(2,1fr); }
  .srt-values-grid   { grid-template-columns:repeat(2,1fr); }
  .srt-pricing-grid  { grid-template-columns:1fr; max-width:460px; margin:0 auto; }
  .srt-blog-layout   { grid-template-columns:1fr; }
  .srt-sidebar       { display:none; }
  .srt-why-layout    { grid-template-columns:1fr; gap:40px; }
  .srt-contact-form-layout { grid-template-columns:1fr; }
  .srt-legal-layout  { grid-template-columns:1fr; padding:40px var(--s6); }
  .srt-legal-toc     { display:none; }
  .srt-post-layout   { grid-template-columns:1fr; }
  .srt-post-sidebar  { display:none; }
  .srt-content-sidebar-layout { grid-template-columns:1fr; }
  .srt-stats-grid    { grid-template-columns:repeat(2,1fr); }
  .srt-stat-box      { border-right:none; border-bottom:1px solid var(--border); }
  .srt-stat-box:nth-child(even)  { border-left:1px solid var(--border); }
  .srt-stat-box:nth-last-child(-n+2) { border-bottom:none; }
  .srt-testi-grid    { grid-template-columns:repeat(2,1fr); }
}

/* ================================================================
   RESPONSIVE — MOBILE ≤768px
   ================================================================ */
@media(max-width:768px){
  :root { --s6:20px; }
  .srt-nav { display:none; }
  .srt-nav-actions .srt-btn-ghost { display:none; }
  .srt-nav-actions .srt-btn-primary:not(:last-child) { display:none; }
  .srt-mobile-toggle { display:flex; }
  .srt-header-inner { height:60px; }

  .srt-section { padding:56px var(--s6); }
  .srt-hero { padding:64px var(--s6) 68px; }
  .srt-stats-section { padding:44px var(--s6); }
  .srt-logos-strip { padding:18px var(--s6); }
  .srt-cta-banner { padding:52px var(--s6); }
  #srt-footer { padding:44px var(--s6) 22px; }
  .srt-page-hero { padding:52px var(--s6) 44px; }
  .srt-post-hero { padding:52px var(--s6) 44px; }
  .srt-post-layout { padding:36px var(--s6); }
  .srt-legal-layout { padding:36px var(--s6); }

  .srt-services-grid { grid-template-columns:1fr; }
  .srt-process-grid  { grid-template-columns:repeat(2,1fr); gap:18px; }
  .srt-process-grid::before { display:none; }
  .srt-testi-grid    { grid-template-columns:1fr; }
  .srt-blog-featured { grid-template-columns:1fr; }
  .srt-blog-feat-img { min-height:160px; }
  .srt-blog-grid     { grid-template-columns:1fr; }
  .srt-contact-info-row { grid-template-columns:1fr; }
  .srt-footer-grid   { grid-template-columns:1fr; gap:28px; }
  .srt-footer-bottom { flex-direction:column; text-align:center; gap:9px; }
  .srt-hero-trust    { gap:13px; }
  .srt-trust-sep     { display:none; }
  .srt-sec-head      { margin-bottom:36px; }
  .srt-form-card     { padding:22px 18px; }
  .srt-form-row      { grid-template-columns:1fr; }
  .srt-ty-steps      { padding:22px 18px; }
  .srt-logos-track   { gap:28px; }
  .srt-stats-grid    { border-radius:var(--r-sm); }
  .srt-cookie-bar    { padding:12px var(--s6); flex-direction:column; gap:11px; }
  .srt-cookie-actions { width:100%; }
  .srt-cookie-accept, .srt-cookie-decline { flex:1; text-align:center; }
  .srt-whatsapp-float { bottom:72px; right:16px; width:46px; height:46px; }
  .srt-scroll-top    { bottom:18px; right:16px; width:38px; height:38px; }
}

/* ================================================================
   RESPONSIVE — SMALL MOBILE ≤480px
   ================================================================ */
@media(max-width:480px){
  .srt-hero-title { font-size:clamp(27px,8vw,38px); }
  .srt-hero-desc  { font-size:14.5px; }
  .srt-hero-btns,.srt-cta-btns,.srt-ty-btns,.srt-404-btns,.srt-page-hero-btns {
    flex-direction:column; align-items:stretch; max-width:280px; margin-left:auto; margin-right:auto;
  }
  .srt-btn-primary.srt-btn-lg,.srt-btn-outline-ghost,.srt-btn-white,.srt-btn-outline-white { text-align:center; padding:12px 22px; justify-content:center; }
  .srt-stats-grid    { grid-template-columns:1fr; }
  .srt-stat-box      { border-right:none; border-left:none !important; border-bottom:1px solid var(--border); }
  .srt-stat-box:last-child { border-bottom:none; }
  .srt-process-grid  { grid-template-columns:1fr; }
  .srt-values-grid   { grid-template-columns:1fr; }
  .srt-features-grid { grid-template-columns:1fr; }
  .srt-pricing-grid  { max-width:100%; }
  .srt-cd-box        { padding:16px 20px; min-width:76px; }
  .srt-cd-num        { font-size:34px; }
  .srt-notify-form   { flex-direction:column; }
  .srt-countdown     { gap:9px; }
  .srt-hero-trust    { flex-direction:column; align-items:center; }
  .srt-footer-legal  { gap:13px; flex-wrap:wrap; justify-content:center; }
}

/* ================================================================
   PREFERS REDUCED MOTION
   ================================================================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after {
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
  .srt-hero-orb,.srt-preloader-logo,.srt-whatsapp-float { animation:none !important; }
}