/* seotrafficboost.com -- style.css */
/* Design: Periwinkle #F0F2FF + Indigo #4338CA + Fuchsia #DB2777 (LIGHT TECH) */
/* CSS prefix: stb-  |  Plus Jakarta Sans (headings) + Figtree (body) */
/* Nav: SPLIT NAV with centered logo (left links | LOGO | right links) */
/* Hero: ASYMMETRIC -- indigo left panel + dashboard SVG right */
/* Services: TAB INTERFACE */
/* Pricing: TOGGLE monthly/annual + horizontal card grid */
/* Testimonials: MASONRY 3-column */
/* Process: NUMBERED VERTICAL TIMELINE with connecting line */

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

/* ── TOKENS ─────────────────────────────────────────── */
:root {
  --stb-bg:      #F0F2FF;
  --stb-panel:   #E8ECFF;
  --stb-white:   #FFFFFF;
  --stb-ink:     #0E1236;
  --stb-indigo:  #4338CA;
  --stb-indigo2: #3730A3;
  --stb-indigo3: #EEF0FF;  /* very light indigo */
  --stb-fuchsia: #DB2777;
  --stb-fuchsia2:#BE185D;
  --stb-cyan:    #0EA5E9;
  --stb-cyan2:   #0284C7;
  --stb-muted:   rgba(14,18,54,.4);
  --stb-muted2:  rgba(14,18,54,.65);
  --stb-border:  rgba(14,18,54,.09);
  --stb-border2: rgba(14,18,54,.16);

  --stb-fh: 'Plus Jakarta Sans', system-ui, sans-serif;
  --stb-fb: 'Figtree', system-ui, sans-serif;

  --stb-r:   6px; --stb-rmd: 12px; --stb-rlg: 18px; --stb-rxl: 24px;
  --stb-max: 1200px;
  --stb-ease: 0.22s cubic-bezier(.4,0,.2,1);
  --stb-sh:  0 4px 24px rgba(67,56,202,.12);
  --stb-shd: 0 8px 40px rgba(67,56,202,.22);
  --stb-shf: 0 8px 32px rgba(219,39,119,.2);
  --stb-nav: 68px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}
body{font-family:var(--stb-fb);font-size:1rem;line-height:1.7;color:var(--stb-muted2);background:var(--stb-bg);overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
ul,ol{list-style:none;}
button{cursor:pointer;border:none;background:none;font-family:inherit;}
input,textarea,select{font-family:inherit;}

.stb-frame{max-width:var(--stb-max);margin:0 auto;padding:0 2.5rem;}

/* ── SPLIT NAV (centered logo) -- UNIQUE ─────────────── */
.stb-skybar{position:sticky;top:0;left:0;right:0;z-index:900;background:rgba(240,242,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--stb-border);height:var(--stb-nav);}
.stb-splitnav{height:var(--stb-nav);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0;max-width:var(--stb-max);margin:0 auto;padding:0 2.5rem;}
.stb-nav-wing{display:flex;align-items:center;gap:.2rem;}
.stb-nav-wing--r{justify-content:flex-end;}
.stb-nav-jewel{font-family:var(--stb-fh);font-size:.97rem;font-weight:700;color:var(--stb-muted);padding:.4rem .85rem;border-radius:var(--stb-r);transition:color var(--stb-ease),background var(--stb-ease);white-space:nowrap;}
.stb-nav-jewel:hover,.stb-nav-jewel.stb-on{color:var(--stb-ink);background:var(--stb-indigo3);}
.stb-nav-gem{display:flex;align-items:center;gap:.4rem;padding:0 1.5rem;flex-shrink:0;}
.stb-nav-gem-mark{width:30px;height:30px;flex-shrink:0;}
.stb-nav-gem-mark svg{width:30px;height:30px;}
.stb-nav-gem-nm{font-family:var(--stb-fh);font-size:.88rem;font-weight:800;color:var(--stb-ink);letter-spacing:-.03em;white-space:nowrap;}
.stb-nav-gem-nm em{color:var(--stb-indigo);font-style:normal;}
.stb-nav-right-items{display:flex;align-items:center;gap:.5rem;}
.stb-lang-toggle{display:flex;border:1px solid var(--stb-border2);border-radius:var(--stb-r);overflow:hidden;}
.stb-lang-toggle a{font-family:var(--stb-fh);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.22rem .5rem;color:var(--stb-muted);transition:var(--stb-ease);}
.stb-lang-toggle a.stb-lact,.stb-lang-toggle a:hover{background:var(--stb-indigo);color:white;}
.stb-nav-cta{font-family:var(--stb-fh);font-size:.84rem;font-weight:700;padding:.52rem 1.25rem;background:var(--stb-indigo);color:white;border-radius:var(--stb-r);transition:background var(--stb-ease),box-shadow var(--stb-ease);}
.stb-nav-cta:hover{background:var(--stb-indigo2);box-shadow:var(--stb-sh);}
.stb-ham{display:none;align-items:center;justify-content:center;width:34px;height:34px;}
.stb-ham svg{width:16px;height:16px;color:var(--stb-ink);}
/* Mobile drawer */
.stb-drawer{display:none;position:fixed;inset:0;background:var(--stb-white);z-index:950;padding:5rem 2rem 2rem;overflow-y:auto;}
.stb-drawer.stb-open{display:block;}
.stb-drawer-x{position:absolute;top:1.5rem;right:1.5rem;font-size:1.2rem;color:var(--stb-muted);cursor:pointer;}
.stb-drawer-a{display:block;font-family:var(--stb-fh);font-size:1rem;font-weight:700;color:var(--stb-muted);padding:.65rem 0;border-bottom:1px solid var(--stb-border);}
.stb-drawer-a:hover{color:var(--stb-ink);}

/* ── TYPOGRAPHY ─────────────────────────────────────── */
h1{font-family:var(--stb-fh);font-size:clamp(2.8rem,5vw,6rem);font-weight:800;line-height:.98;letter-spacing:-.04em;color:var(--stb-ink);}
h2{font-family:var(--stb-fh);font-size:clamp(1.8rem,2.8vw,3rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--stb-ink);}
h3{font-family:var(--stb-fh);font-size:1.05rem;font-weight:700;color:var(--stb-ink);}

.stb-chip{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--stb-fh);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .85rem;border-radius:100px;}
.stb-chip--ind{background:rgba(67,56,202,.1);color:var(--stb-indigo);}
.stb-chip--fch{background:rgba(219,39,119,.1);color:var(--stb-fuchsia);}
.stb-chip--cyn{background:rgba(14,165,233,.1);color:var(--stb-cyan2);}
.stb-chip--muted{background:var(--stb-panel);color:var(--stb-muted);}

/* ── BUTTONS ─────────────────────────────────────────── */
.stb-go,.stb-go-outline,.stb-go-ghost,.stb-go-light{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--stb-fh);font-size:.9rem;font-weight:700;padding:.82rem 2rem;border-radius:var(--stb-r);cursor:pointer;transition:var(--stb-ease);white-space:nowrap;}
.stb-go{background:var(--stb-indigo);color:white;border:none;}
.stb-go:hover{background:var(--stb-indigo2);transform:translateY(-2px);box-shadow:var(--stb-shd);}
.stb-go--fch{background:var(--stb-fuchsia);color:white;}
.stb-go--fch:hover{background:var(--stb-fuchsia2);transform:translateY(-2px);box-shadow:var(--stb-shf);}
.stb-go-outline{background:transparent;border:2px solid var(--stb-indigo);color:var(--stb-indigo);}
.stb-go-outline:hover{background:var(--stb-indigo);color:white;}
.stb-go-ghost{background:transparent;border:1.5px solid var(--stb-border2);color:var(--stb-ink);}
.stb-go-ghost:hover{background:var(--stb-indigo3);border-color:rgba(67,56,202,.25);}
.stb-go-light{background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.25);color:white;}
.stb-go-light:hover{background:rgba(255,255,255,.25);}

/* ── ASYMMETRIC HERO (UNIQUE -- diagonal clip left panel) ── */
.stb-aperture{min-height:94vh;display:grid;grid-template-columns:1.18fr 1fr;position:relative;overflow:hidden;}
.stb-aper-left{background:var(--stb-indigo);position:relative;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--stb-nav) + 5rem) 4rem 6rem calc((100vw - var(--stb-max))/2 + 2.5rem);clip-path:polygon(0 0, 100% 0, 90% 100%, 0 100%);z-index:2;}
.stb-aper-left::before{content:'';position:absolute;top:-20%;right:15%;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none;}
.stb-aper-left::after{content:'';position:absolute;bottom:-10%;left:5%;width:300px;height:300px;border-radius:50%;background:rgba(219,39,119,.08);pointer-events:none;}
.stb-aper-right{background:var(--stb-white);display:flex;align-items:center;justify-content:center;padding:calc(var(--stb-nav) + 3rem) 3.5rem 4rem 2rem;position:relative;}
.stb-aper-right::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(67,56,202,.06) 0%,transparent 70%);pointer-events:none;}

.stb-aper-left .stb-chip{margin-bottom:1.75rem;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.75);background:rgba(255,255,255,.08);}
.stb-ap-h1{color:white;margin-bottom:1.5rem;}
.stb-ap-sub{color:rgba(255,255,255,.65);font-family:var(--stb-fb);font-size:1rem;max-width:40ch;margin-bottom:3rem;line-height:1.75;}
.stb-ap-ctas{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:3.5rem;}
.stb-ap-trust{display:flex;align-items:center;gap:.75rem;}
.stb-trust-row{display:flex;}
.stb-trust-av{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-family:var(--stb-fh);font-size:.62rem;font-weight:800;color:white;margin-left:-8px;flex-shrink:0;background:rgba(255,255,255,.15);}
.stb-trust-av:first-child{margin-left:0;}
.stb-ap-trust-txt{font-family:var(--stb-fb);font-size:.78rem;color:rgba(255,255,255,.5);}
.stb-ap-trust-txt strong{color:rgba(255,255,255,.85);font-weight:600;}

/* Dashboard card in right panel */
.stb-dash-card{background:var(--stb-ink);border-radius:var(--stb-rxl);overflow:hidden;width:100%;max-width:440px;box-shadow:0 20px 60px rgba(14,18,54,.25);}

/* ── BENTO STATS (below hero) ─────────────────────────── */
.stb-pulses{background:var(--stb-indigo2);padding:0;}
.stb-pulse-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.stb-pulse-item{padding:2.5rem 2rem;border-right:1px solid rgba(255,255,255,.08);text-align:center;}
.stb-pulse-item:last-child{border-right:none;}
.stb-pulse-n{font-family:var(--stb-fh);font-size:3rem;font-weight:800;letter-spacing:-.06em;color:white;line-height:1;}
.stb-pulse-l{font-family:var(--stb-fh);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.3);margin-top:.35rem;}

/* ── SECTION COMMON ──────────────────────────────────── */
.stb-sect{padding:7rem 0;}
.stb-sect--panel{padding:7rem 0;background:var(--stb-panel);}
.stb-sect--ink{padding:7rem 0;background:var(--stb-ink);}
.stb-sect--white{padding:7rem 0;background:var(--stb-white);}
.stb-sect-head{max-width:48ch;margin-bottom:4rem;}
.stb-sect-head--c{max-width:52ch;margin:0 auto 4rem;text-align:center;}

/* ── SERVICE TABS (UNIQUE -- not scroll rail, not numbered list) */
.stb-compass{padding:7rem 0;background:var(--stb-white);}
.stb-compass-tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:3rem;border-bottom:2px solid var(--stb-border);}
.stb-compass-tab{font-family:var(--stb-fh);font-size:.82rem;font-weight:700;padding:.75rem 1.1rem;color:var(--stb-muted);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--stb-ease),border-color var(--stb-ease);white-space:nowrap;display:flex;align-items:center;gap:.4rem;}
.stb-compass-tab svg{width:13px;height:13px;}
.stb-compass-tab:hover{color:var(--stb-ink);}
.stb-compass-tab.stb-tab-on{color:var(--stb-indigo);border-bottom-color:var(--stb-indigo);}
.stb-compass-pane{display:none;}
.stb-compass-pane.stb-pane-on{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center;}
.stb-compass-pane-txt{}
.stb-compass-pane-img{border-radius:var(--stb-rxl);overflow:hidden;aspect-ratio:4/3;}
.stb-compass-pane-img img{width:100%;height:100%;object-fit:cover;}
.stb-cp-title{font-family:var(--stb-fh);font-size:clamp(1.5rem,2.5vw,2.4rem);font-weight:800;letter-spacing:-.03em;color:var(--stb-ink);margin:1rem 0 .65rem;line-height:1.05;}
.stb-cp-tagline{font-family:var(--stb-fb);font-size:.88rem;color:var(--stb-muted2);font-style:italic;margin-bottom:1.25rem;line-height:1.65;}
.stb-cp-desc{font-family:var(--stb-fb);font-size:.9rem;color:var(--stb-muted2);line-height:1.78;margin-bottom:1.75rem;}
.stb-cp-price-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1.75rem;padding:1rem;background:var(--stb-indigo3);border-radius:var(--stb-rmd);border-left:4px solid var(--stb-indigo);}
.stb-cp-price{font-family:var(--stb-fh);font-size:2rem;font-weight:800;color:var(--stb-indigo);letter-spacing:-.04em;}
.stb-cp-unit{font-family:var(--stb-fh);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--stb-muted);}
.stb-cp-del{font-family:var(--stb-fb);font-size:.75rem;color:var(--stb-muted);margin-left:auto;}
.stb-cp-ctas{display:flex;gap:.65rem;flex-wrap:wrap;}

/* ── VERTICAL TIMELINE PROCESS (UNIQUE) ───────────────── */
.stb-waypoints{position:relative;padding:7rem 0;}
.stb-wp-track{position:absolute;left:calc((100vw - var(--stb-max))/2 + 2.5rem + 28px);top:9rem;bottom:4rem;width:2px;background:linear-gradient(to bottom,var(--stb-indigo),rgba(67,56,202,.1));pointer-events:none;}
.stb-waypoint{display:grid;grid-template-columns:64px 1fr;gap:3rem;margin-bottom:4rem;position:relative;}
.stb-waypoint:last-child{margin-bottom:0;}
.stb-wp-num-col{display:flex;flex-direction:column;align-items:center;}
.stb-wp-circle{width:58px;height:58px;border-radius:50%;background:var(--stb-white);border:2px solid var(--stb-indigo);display:flex;align-items:center;justify-content:center;font-family:var(--stb-fh);font-size:.82rem;font-weight:800;color:var(--stb-indigo);flex-shrink:0;position:relative;z-index:2;}
.stb-waypoint:nth-child(even) .stb-wp-circle{background:var(--stb-indigo);color:white;border-color:var(--stb-indigo);}
.stb-wp-body{background:var(--stb-white);border-radius:var(--stb-rxl);padding:2.5rem;border:1px solid var(--stb-border);transition:box-shadow var(--stb-ease);}
.stb-wp-body:hover{box-shadow:var(--stb-sh);}
.stb-wp-h{font-family:var(--stb-fh);font-size:1.2rem;font-weight:800;color:var(--stb-ink);letter-spacing:-.02em;margin-bottom:.65rem;}
.stb-wp-p{font-family:var(--stb-fb);font-size:.88rem;color:var(--stb-muted2);line-height:1.78;}
.stb-wp-img{margin-top:1.5rem;border-radius:var(--stb-rlg);overflow:hidden;aspect-ratio:16/7;}
.stb-wp-img img{width:100%;height:100%;object-fit:cover;}

/* ── CASE STUDIES (grid -- different from magazine and masonry) */
.stb-showcases{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem;}
.stb-showcase{background:var(--stb-white);border:1px solid var(--stb-border);border-radius:var(--stb-rxl);overflow:hidden;transition:transform var(--stb-ease),box-shadow var(--stb-ease);}
.stb-showcase:hover{transform:translateY(-4px);box-shadow:var(--stb-sh);}
.stb-showcase-img{aspect-ratio:16/9;overflow:hidden;}
.stb-showcase-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.stb-showcase:hover .stb-showcase-img img{transform:scale(1.03);}
.stb-showcase-accent{height:3px;}
.stb-showcase-body{padding:1.75rem;}
.stb-sc-sector{font-family:var(--stb-fh);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.2rem;}
.stb-sc-loc{font-family:var(--stb-fh);font-size:.62rem;font-weight:600;color:var(--stb-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.55rem;}
.stb-sc-title{font-family:var(--stb-fh);font-size:.88rem;font-weight:700;color:var(--stb-ink);line-height:1.4;margin-bottom:1.1rem;}
.stb-sc-kpis{display:flex;gap:1.25rem;padding-top:.85rem;border-top:1px solid var(--stb-border);}
.stb-sc-kpi-n{font-family:var(--stb-fh);font-size:1.5rem;font-weight:800;letter-spacing:-.03em;line-height:1;}
.stb-sc-kpi-l{font-family:var(--stb-fh);font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--stb-muted);margin-top:.18rem;}

/* ── MASONRY TESTIMONIALS (UNIQUE -- 3 cols, cards vary height) */
.stb-chorus{padding:7rem 0;background:var(--stb-indigo);}
.stb-chorus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:start;margin-top:3rem;}
.stb-chorus-note{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--stb-rxl);padding:1.75rem;transition:background var(--stb-ease);}
.stb-chorus-note:hover{background:rgba(255,255,255,.12);}
.stb-chorus-note:nth-child(1){margin-top:2rem;}
.stb-chorus-note:nth-child(3){margin-top:3.5rem;}
.stb-chorus-note:nth-child(5){margin-top:1.5rem;}
.stb-cn-quote{font-family:var(--stb-fb);font-size:.88rem;color:rgba(255,255,255,.75);line-height:1.76;margin-bottom:1.5rem;font-style:italic;}
.stb-cn-who{display:flex;align-items:center;gap:.65rem;}
.stb-cn-av{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-family:var(--stb-fh);font-size:.72rem;font-weight:800;color:white;flex-shrink:0;}
.stb-cn-nm{font-family:var(--stb-fh);font-size:.88rem;font-weight:700;color:white;}
.stb-cn-rl{font-family:var(--stb-fb);font-size:.72rem;color:rgba(255,255,255,.4);}

/* ── PRICING TOGGLE + CARDS (UNIQUE) ─────────────────── */
.stb-tariff{padding:7rem 0;background:var(--stb-bg);}
.stb-tariff-toggle{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3.5rem;}
.stb-tariff-sw{position:relative;width:46px;height:24px;cursor:pointer;}
.stb-tariff-sw input{opacity:0;width:0;height:0;position:absolute;}
.stb-tariff-sw-track{position:absolute;inset:0;background:var(--stb-border2);border-radius:100px;transition:background .2s;}
.stb-tariff-sw input:checked ~ .stb-tariff-sw-track{background:var(--stb-indigo);}
.stb-tariff-sw-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;transition:transform .2s;box-shadow:0 1px 4px rgba(0,0,0,.2);}
.stb-tariff-sw input:checked ~ .stb-tariff-sw-track .stb-tariff-sw-thumb{transform:translateX(22px);}
.stb-tariff-toggle-lbl{font-family:var(--stb-fh);font-size:.84rem;font-weight:700;color:var(--stb-muted);}
.stb-tariff-toggle-lbl.stb-tl-active{color:var(--stb-ink);}
.stb-tariff-save{display:inline-block;font-family:var(--stb-fh);font-size:.62rem;font-weight:700;padding:.15rem .6rem;background:rgba(67,56,202,.12);color:var(--stb-indigo);border-radius:100px;margin-left:.25rem;}
.stb-tariff-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
.stb-tariff-card{background:var(--stb-white);border:1.5px solid var(--stb-border);border-radius:var(--stb-rxl);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--stb-ease),box-shadow var(--stb-ease);}
.stb-tariff-card:hover{transform:translateY(-3px);box-shadow:var(--stb-sh);}
.stb-tariff-card--feat{border-color:var(--stb-indigo);border-width:2px;box-shadow:var(--stb-sh);}
.stb-tariff-card--feat:hover{transform:translateY(-6px);box-shadow:var(--stb-shd);}
.stb-tariff-head{padding:2rem;}
.stb-tariff-card--feat .stb-tariff-head{background:var(--stb-indigo);}
.stb-tariff-badge{font-family:var(--stb-fh);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:inline-block;padding:.15rem .6rem;border-radius:100px;margin-bottom:.85rem;}
.stb-tariff-card--feat .stb-tariff-badge{background:rgba(255,255,255,.2);color:rgba(255,255,255,.85);}
.stb-tb-std{background:var(--stb-panel);color:var(--stb-muted);}
.stb-tb-ent{background:rgba(14,165,233,.1);color:var(--stb-cyan2);}
.stb-tariff-name{font-family:var(--stb-fh);font-size:1.05rem;font-weight:800;color:var(--stb-ink);}
.stb-tariff-card--feat .stb-tariff-name{color:white;}
.stb-tariff-price{font-family:var(--stb-fh);font-size:2.4rem;font-weight:800;letter-spacing:-.04em;color:var(--stb-indigo);line-height:1;margin:.6rem 0 .25rem;}
.stb-tariff-card--feat .stb-tariff-price{color:white;}
.stb-tariff-freq{font-family:var(--stb-fh);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--stb-muted);}
.stb-tariff-card--feat .stb-tariff-freq{color:rgba(255,255,255,.45);}
.stb-tariff-desc{font-family:var(--stb-fb);font-size:.8rem;color:var(--stb-muted);margin-top:.55rem;line-height:1.65;font-style:italic;}
.stb-tariff-card--feat .stb-tariff-desc{color:rgba(255,255,255,.45);}
.stb-tariff-body{padding:1.75rem 2rem;flex:1;border-top:1px solid var(--stb-border);}
.stb-tariff-feat{display:flex;align-items:flex-start;gap:.5rem;font-family:var(--stb-fb);font-size:.82rem;color:var(--stb-muted2);padding:.3rem 0;}
.stb-tariff-feat-chk{color:var(--stb-indigo);flex-shrink:0;margin-top:.08rem;}
.stb-tariff-foot{padding:1.5rem 2rem;}
.stb-tariff-btn{display:block;width:100%;padding:.78rem;text-align:center;font-family:var(--stb-fh);font-size:.88rem;font-weight:700;border-radius:var(--stb-r);transition:var(--stb-ease);}
.stb-tb-ind{background:var(--stb-indigo);color:white;}
.stb-tb-ind:hover{background:var(--stb-indigo2);}
.stb-tb-wh{background:var(--stb-white);color:var(--stb-indigo);border:1.5px solid rgba(67,56,202,.3);}
.stb-tb-wh:hover{background:var(--stb-indigo3);}
.stb-tb-cyn{background:var(--stb-cyan);color:white;}
.stb-tb-cyn:hover{background:var(--stb-cyan2);}

/* Price display: monthly vs annual */
.stb-price-yr{display:none;}
.stb-show-yr .stb-price-mo{display:none;}
.stb-show-yr .stb-price-yr{display:block;}

/* ── FAQ SINGLE COLUMN ACCORDION ──────────────────────── */
.stb-queries{max-width:760px;margin:3rem auto 0;}
.stb-query{border-left:3px solid var(--stb-border2);padding-left:1.5rem;margin-bottom:.75rem;transition:border-color .2s;}
.stb-query.stb-q-on{border-left-color:var(--stb-indigo);}
.stb-query-trigger{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;cursor:pointer;background:none;border:none;width:100%;text-align:left;padding:.75rem 0;}
.stb-query-q{font-family:var(--stb-fh);font-size:.92rem;font-weight:700;color:var(--stb-ink);line-height:1.35;}
.stb-query-ico{width:20px;height:20px;border:1.5px solid var(--stb-border2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--stb-ease);}
.stb-query-ico svg{width:9px;height:9px;color:var(--stb-muted);transition:transform .2s;}
.stb-query.stb-q-on .stb-query-ico{background:var(--stb-indigo);border-color:var(--stb-indigo);}
.stb-query.stb-q-on .stb-query-ico svg{color:white;transform:rotate(45deg);}
.stb-query-body{display:none;padding-bottom:.85rem;}
.stb-query-body p{font-family:var(--stb-fb);font-size:.86rem;color:var(--stb-muted2);line-height:1.76;}
.stb-query.stb-q-on .stb-query-body{display:block;}

/* ── CROWN (inner page header) ────────────────────────── */
.stb-crown{background:var(--stb-panel);border-bottom:1px solid var(--stb-border);padding:5.5rem 0 4.5rem;text-align:center;position:relative;overflow:hidden;}
.stb-crown::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(67,56,202,.08) 0%,transparent 70%);pointer-events:none;}
.stb-crown h1{position:relative;z-index:1;}
.stb-crown p{color:var(--stb-muted2);max-width:50ch;margin:.8rem auto 0;font-size:.95rem;line-height:1.72;position:relative;z-index:1;}
.stb-breadcrumb{display:flex;justify-content:center;align-items:center;gap:.4rem;font-family:var(--stb-fh);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--stb-muted);margin-bottom:1.35rem;position:relative;z-index:1;}
.stb-breadcrumb a{color:var(--stb-muted);transition:color var(--stb-ease);}
.stb-breadcrumb a:hover{color:var(--stb-indigo);}
.stb-breadcrumb-sep{color:var(--stb-border2);}

/* ── SERVICE SINGLE PAGE ──────────────────────────────── */
.stb-svc-layout{display:grid;grid-template-columns:1fr 280px;gap:4rem;margin-top:4rem;align-items:start;}
.stb-svc-article h2{font-family:var(--stb-fh);font-size:1.25rem;font-weight:700;color:var(--stb-ink);margin:2.25rem 0 .6rem;letter-spacing:-.02em;}
.stb-svc-article p{font-family:var(--stb-fb);font-size:.88rem;color:var(--stb-muted2);line-height:1.78;margin-bottom:.85rem;}
.stb-svc-article ul{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem;}
.stb-svc-article li{display:flex;align-items:flex-start;gap:.5rem;font-family:var(--stb-fb);font-size:.85rem;color:var(--stb-muted2);}
.stb-svc-article li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--stb-indigo);flex-shrink:0;margin-top:.72em;}
.stb-svc-rail{position:sticky;top:calc(var(--stb-nav) + 1.5rem);}
.stb-svc-box{background:var(--stb-white);border:1.5px solid var(--stb-border);border-radius:var(--stb-rxl);overflow:hidden;}
.stb-svc-box-top{padding:2rem;background:var(--stb-panel);border-bottom:1px solid var(--stb-border);}
.stb-svc-box-lbl{font-family:var(--stb-fh);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--stb-muted);margin-bottom:.25rem;}
.stb-svc-box-price{font-family:var(--stb-fh);font-size:2.6rem;font-weight:800;color:var(--stb-indigo);letter-spacing:-.04em;line-height:1;}
.stb-svc-box-unit{font-family:var(--stb-fh);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--stb-muted);margin-top:.2rem;}
.stb-svc-rows{padding:1.25rem;}
.stb-svc-row{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--stb-border);font-size:.8rem;}
.stb-svc-row:last-child{border-bottom:none;}
.stb-svc-rk{font-family:var(--stb-fh);color:var(--stb-muted);}
.stb-svc-rv{font-family:var(--stb-fh);color:var(--stb-ink);font-weight:600;}
.stb-svc-box-cta{display:block;margin:0 1.25rem 1.25rem;text-align:center;padding:.78rem;background:var(--stb-indigo);color:white;border-radius:var(--stb-r);font-family:var(--stb-fh);font-size:.84rem;font-weight:700;transition:background var(--stb-ease);}
.stb-svc-box-cta:hover{background:var(--stb-indigo2);}

/* ── BUILDER (forge) ──────────────────────────────────── */
.stb-forge{display:grid;grid-template-columns:1fr 270px;gap:2.5rem;margin-top:3.5rem;align-items:start;}
.stb-forge-panels{display:flex;flex-direction:column;gap:1.25rem;}
.stb-forge-blk{background:var(--stb-white);border:1.5px solid var(--stb-border);border-radius:var(--stb-rxl);overflow:hidden;}
.stb-forge-blk-hd{background:var(--stb-panel);padding:1.1rem 1.5rem;border-bottom:1px solid var(--stb-border);display:flex;align-items:center;gap:.65rem;}
.stb-forge-step{width:22px;height:22px;border-radius:50%;background:var(--stb-indigo);font-family:var(--stb-fh);font-size:.65rem;font-weight:800;color:white;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.stb-forge-lbl{font-family:var(--stb-fh);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--stb-muted);}
.stb-forge-blk-bd{padding:1.25rem;}
.stb-forge-cat{font-family:var(--stb-fh);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--stb-muted);margin:.75rem 0 .55rem;}
.stb-forge-cat:first-child{margin-top:.25rem;}
.stb-radio-pick{display:flex;align-items:center;gap:.85rem;padding:.7rem 1rem;border:1.5px solid var(--stb-border);border-radius:var(--stb-rmd);cursor:pointer;margin-bottom:.4rem;transition:var(--stb-ease);background:var(--stb-bg);}
.stb-radio-pick:hover{border-color:rgba(67,56,202,.4);}
.stb-radio-pick.stb-pick-on{border-color:var(--stb-indigo);background:rgba(67,56,202,.05);}
.stb-radio-pick input[type="radio"]{accent-color:var(--stb-indigo);flex-shrink:0;}
.stb-rp-body{flex:1;}
.stb-rp-nm{font-family:var(--stb-fh);font-size:.84rem;font-weight:700;color:var(--stb-ink);}
.stb-rp-sm{font-family:var(--stb-fb);font-size:.7rem;color:var(--stb-muted);}
.stb-rp-pr{font-family:var(--stb-fh);font-size:.9rem;font-weight:700;color:var(--stb-ink);white-space:nowrap;}
.stb-chk-pick{display:flex;align-items:center;gap:.85rem;padding:.65rem 1rem;border:1.5px solid var(--stb-border);border-radius:var(--stb-rmd);cursor:pointer;margin-bottom:.4rem;transition:var(--stb-ease);background:var(--stb-bg);}
.stb-chk-pick:hover{border-color:rgba(67,56,202,.4);}
.stb-chk-pick.stb-chk-on{border-color:var(--stb-indigo);background:rgba(67,56,202,.05);}
.stb-chk-pick input[type="checkbox"]{accent-color:var(--stb-indigo);flex-shrink:0;}
.stb-ck-lbl{flex:1;font-family:var(--stb-fh);font-size:.84rem;font-weight:600;color:var(--stb-ink);}
.stb-ck-amt{font-family:var(--stb-fh);font-size:.84rem;font-weight:700;color:var(--stb-ink);white-space:nowrap;}
.stb-slide-row{display:flex;align-items:center;gap:1.25rem;margin-top:.5rem;}
.stb-hr-range{flex:1;accent-color:var(--stb-indigo);}
.stb-hr-readout{font-family:var(--stb-fh);font-size:.82rem;font-weight:700;color:var(--stb-ink);min-width:155px;text-align:right;}
/* TALLY PANEL */
.stb-tally{position:sticky;top:calc(var(--stb-nav) + 1.5rem);background:var(--stb-ink);border-radius:var(--stb-rxl);overflow:hidden;}
.stb-tally-hd{padding:1.1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);}
.stb-tally-hd-txt{font-family:var(--stb-fh);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.3);}
.stb-tally-bd{padding:1.5rem;}
.stb-tally-rows{min-height:48px;display:flex;flex-direction:column;gap:.4rem;margin-bottom:.65rem;}
.stb-tally-row{display:flex;justify-content:space-between;gap:.5rem;}
.stb-tally-rk{font-family:var(--stb-fh);font-size:.8rem;color:rgba(255,255,255,.4);}
.stb-tally-rv{font-family:var(--stb-fh);font-size:.8rem;font-weight:600;color:rgba(255,255,255,.85);text-align:right;}
.stb-tally-div{height:1px;background:rgba(255,255,255,.08);margin:.65rem 0;}
.stb-tally-total-row{display:flex;justify-content:space-between;align-items:baseline;}
.stb-tally-tl{font-family:var(--stb-fh);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.3);}
.stb-tally-tv{font-family:var(--stb-fh);font-size:2.6rem;font-weight:800;letter-spacing:-.05em;color:white;}
.stb-tally-go{display:block;width:100%;margin-top:1.25rem;padding:.82rem;background:var(--stb-fuchsia);color:white;border:none;border-radius:var(--stb-r);font-family:var(--stb-fh);font-size:.88rem;font-weight:700;cursor:pointer;transition:background var(--stb-ease);text-align:center;}
.stb-tally-go:hover{background:var(--stb-fuchsia2);}
.stb-tally-go:disabled{opacity:.25;cursor:not-allowed;}
.stb-tally-note{font-family:var(--stb-fb);font-size:.62rem;color:rgba(255,255,255,.25);text-align:center;margin-top:.5rem;}

/* ── FORMS ─────────────────────────────────────────────── */
.stb-field{margin-bottom:1rem;}
.stb-label{display:block;font-family:var(--stb-fh);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--stb-muted);margin-bottom:.35rem;}
.stb-input{width:100%;padding:.74rem 1.05rem;border:1.5px solid var(--stb-border2);border-radius:var(--stb-rmd);font-family:var(--stb-fb);font-size:.9rem;color:var(--stb-ink);background:var(--stb-white);transition:border-color var(--stb-ease),box-shadow var(--stb-ease);}
.stb-input:focus{border-color:var(--stb-indigo);box-shadow:0 0 0 3px rgba(67,56,202,.1);outline:none;}
.stb-input::placeholder{color:var(--stb-muted);}
.stb-col2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.stb-submit{display:block;width:100%;padding:.84rem;background:var(--stb-indigo);color:white;border:none;border-radius:var(--stb-r);font-family:var(--stb-fh);font-size:.9rem;font-weight:700;cursor:pointer;transition:background var(--stb-ease);margin-top:1rem;}
.stb-submit:hover{background:var(--stb-indigo2);}
.stb-agree-row{display:flex;align-items:flex-start;gap:.55rem;margin-top:.85rem;}
.stb-agree-row input{width:13px;height:13px;margin-top:3px;accent-color:var(--stb-indigo);flex-shrink:0;}
.stb-agree-row label{font-family:var(--stb-fb);font-size:.82rem;color:var(--stb-muted2);line-height:1.5;cursor:pointer;}
.stb-agree-row label a{color:var(--stb-indigo);}

/* ── CHECKOUT ──────────────────────────────────────────── */
.stb-settle{display:grid;grid-template-columns:1.6fr 1fr;gap:2.5rem;margin-top:3rem;align-items:start;}
.stb-settle-form{background:var(--stb-white);border:1.5px solid var(--stb-border);border-radius:var(--stb-rxl);padding:2.5rem;}
.stb-settle-ledger{background:var(--stb-panel);border:1.5px solid var(--stb-border);border-radius:var(--stb-rxl);padding:2rem;position:sticky;top:calc(var(--stb-nav) + 1.5rem);}

/* ── ABOUT ─────────────────────────────────────────────── */
.stb-identity{display:grid;grid-template-columns:1fr 1fr;gap:5.5rem;align-items:center;}
.stb-id-img{position:relative;}
.stb-id-img-main{border-radius:var(--stb-rxl);overflow:hidden;aspect-ratio:3/4;}
.stb-id-img-main img{width:100%;height:100%;object-fit:cover;}
.stb-id-float{position:absolute;bottom:-1.5rem;right:-1.5rem;background:var(--stb-indigo);border-radius:var(--stb-rlg);padding:1.5rem;text-align:center;min-width:120px;}
.stb-id-float-n{font-family:var(--stb-fh);font-size:2.2rem;font-weight:800;color:white;line-height:1;}
.stb-id-float-l{font-family:var(--stb-fh);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5);margin-top:.2rem;}
.stb-id-pts{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:2rem;}
.stb-id-pt{background:var(--stb-panel);border-radius:var(--stb-rmd);padding:.85rem 1rem;border-left:3px solid var(--stb-indigo);}
.stb-id-pt h4{font-family:var(--stb-fh);font-size:.84rem;font-weight:700;color:var(--stb-ink);}
.stb-id-pt p{font-size:.72rem;color:var(--stb-muted);margin:0;line-height:1.5;}

/* ── CONTACT ───────────────────────────────────────────── */
.stb-reach{display:grid;grid-template-columns:1fr 1.5fr;gap:5rem;align-items:start;margin-top:4rem;}
.stb-reach-info-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.65rem;}
.stb-reach-ico{width:38px;height:38px;border-radius:var(--stb-rmd);background:rgba(67,56,202,.1);border:1px solid rgba(67,56,202,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.stb-reach-ico svg{width:13px;height:13px;color:var(--stb-indigo);}
.stb-reach-lbl{font-family:var(--stb-fh);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--stb-muted);margin-bottom:.1rem;}
.stb-reach-val{font-family:var(--stb-fb);font-size:.9rem;color:var(--stb-muted2);}
.stb-reach-val a{color:var(--stb-indigo);}

/* ── LEGAL ─────────────────────────────────────────────── */
.stb-legal-doc{max-width:780px;margin:3.5rem auto;}
.stb-legal-doc h2{font-family:var(--stb-fh);font-size:1.2rem;font-weight:700;color:var(--stb-ink);margin:2.5rem 0 .6rem;letter-spacing:-.02em;}
.stb-legal-doc h3{font-family:var(--stb-fh);font-size:.92rem;font-weight:700;color:var(--stb-ink);margin:1.5rem 0 .3rem;}
.stb-legal-doc p,.stb-legal-doc li{font-family:var(--stb-fb);font-size:.87rem;color:var(--stb-muted2);line-height:1.78;margin-bottom:.85rem;}
.stb-legal-doc a{color:var(--stb-indigo);}
.stb-legal-stamp{display:inline-block;font-family:var(--stb-fh);font-size:.62rem;color:var(--stb-muted);background:var(--stb-panel);padding:.2rem .7rem;border-radius:100px;margin-bottom:1.5rem;}

/* ── RESULT PAGES ──────────────────────────────────────── */
.stb-result-view{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem;}
.stb-result-card{max-width:400px;width:100%;text-align:center;background:var(--stb-white);border:1.5px solid var(--stb-border);border-radius:var(--stb-rxl);padding:3rem;}
.stb-res-badge{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;}
.stb-res-ok{background:rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.25);}
.stb-res-ok svg{width:22px;height:22px;color:var(--stb-cyan2);}
.stb-res-no{background:var(--stb-panel);}
.stb-res-no svg{width:22px;height:22px;color:var(--stb-muted);}

/* ── CTA STRIP ─────────────────────────────────────────── */
.stb-cta-strip{background:var(--stb-fuchsia);padding:6rem 0;text-align:center;}
.stb-cta-strip h2{color:white;}
.stb-cta-strip p{color:rgba(255,255,255,.5);max-width:44ch;margin:.8rem auto 0;font-size:.9rem;}

/* ── FOOTER ────────────────────────────────────────────── */
.stb-anchor{background:var(--stb-ink);padding:5.5rem 0 2.5rem;}
.stb-anchor-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3.5rem;border-bottom:1px solid rgba(255,255,255,.07);}
.stb-anchor-brand-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.65rem;}
.stb-anchor-bmark{width:24px;height:24px;flex-shrink:0;}
.stb-anchor-bmark svg{width:24px;height:24px;}
.stb-anchor-bnm{font-family:var(--stb-fh);font-size:.88rem;font-weight:800;color:white;}
.stb-anchor-bnm em{color:var(--stb-cyan);font-style:normal;}
.stb-anchor-tag{font-family:var(--stb-fb);font-size:.75rem;color:rgba(255,255,255,.25);margin-bottom:1.1rem;font-style:italic;}
.stb-anchor-addr{font-family:var(--stb-fb);font-size:.72rem;color:rgba(255,255,255,.25);line-height:1.9;}
.stb-anchor-addr a{color:rgba(255,255,255,.25);transition:color var(--stb-ease);}
.stb-anchor-addr a:hover{color:rgba(255,255,255,.6);}
.stb-anchor-socs{display:flex;gap:.4rem;margin-top:1rem;}
.stb-soc{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);transition:var(--stb-ease);}
.stb-soc:hover{border-color:var(--stb-cyan);color:var(--stb-cyan);}
.stb-soc svg{width:10px;height:10px;}
.stb-anchor-col h4{font-family:var(--stb-fh);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.2);margin-bottom:.85rem;}
.stb-anchor-col ul{display:flex;flex-direction:column;gap:.4rem;}
.stb-anchor-col li a{font-family:var(--stb-fb);font-size:.75rem;color:rgba(255,255,255,.28);transition:color var(--stb-ease);}
.stb-anchor-col li a:hover{color:rgba(255,255,255,.7);}
.stb-anchor-base{padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;}
.stb-anchor-copy{font-family:var(--stb-fh);font-size:.63rem;color:rgba(255,255,255,.18);}
.stb-anchor-dig{font-family:var(--stb-fb);font-size:.63rem;color:rgba(255,255,255,.18);font-style:italic;}
.stb-anchor-leg{display:flex;gap:1rem;}
.stb-anchor-leg a{font-family:var(--stb-fh);font-size:.63rem;color:rgba(255,255,255,.18);transition:color var(--stb-ease);}
.stb-anchor-leg a:hover{color:rgba(255,255,255,.5);}

/* ── COOKIE ─────────────────────────────────────────────── */
.stb-crumb{position:fixed;bottom:1.25rem;right:1.25rem;width:300px;background:var(--stb-ink);border:1px solid rgba(255,255,255,.12);border-radius:var(--stb-rxl);padding:1.5rem;box-shadow:var(--stb-shd);z-index:9999;transition:opacity .3s,transform .3s;}
.stb-crumb.stb-ck-gone{opacity:0;pointer-events:none;transform:translateY(8px);}
.stb-crumb-txt{font-family:var(--stb-fb);font-size:.8rem;color:rgba(255,255,255,.5);line-height:1.6;margin-bottom:.85rem;}
.stb-crumb-txt a{color:var(--stb-cyan);}
.stb-crumb-btns{display:flex;gap:.45rem;}
.stb-ck-accept{flex:1;padding:.5rem;background:var(--stb-indigo);color:white;border:none;border-radius:var(--stb-r);font-family:var(--stb-fh);font-size:.75rem;font-weight:700;cursor:pointer;transition:background var(--stb-ease);}
.stb-ck-accept:hover{background:var(--stb-indigo2);}
.stb-ck-decline{flex:1;padding:.5rem;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.4);background:none;border-radius:var(--stb-r);font-size:.75rem;font-family:var(--stb-fh);cursor:pointer;transition:var(--stb-ease);}
.stb-ck-decline:hover{border-color:rgba(255,255,255,.4);color:rgba(255,255,255,.7);}

/* ── CHAT / SIGNAL ───────────────────────────────────────── */
.stb-signal-btn{position:fixed;bottom:1.25rem;left:1.25rem;width:48px;height:48px;border-radius:50%;background:var(--stb-fuchsia);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--stb-shf);z-index:800;border:none;transition:transform var(--stb-ease);}
.stb-signal-btn:hover{transform:scale(1.1);}
.stb-signal-btn svg{width:16px;height:16px;color:white;}
.stb-signal-box{position:fixed;bottom:calc(1.25rem + 48px + .75rem);left:1.25rem;width:290px;background:var(--stb-white);border:1.5px solid var(--stb-border);border-radius:var(--stb-rxl);box-shadow:var(--stb-sh);z-index:800;overflow:hidden;transform:translateY(10px) scale(.96);opacity:0;pointer-events:none;transition:transform .2s,opacity .2s;}
.stb-signal-box.stb-sig-open{transform:none;opacity:1;pointer-events:auto;}
.stb-signal-hd{background:var(--stb-fuchsia);padding:1rem 1.25rem;display:flex;align-items:center;gap:.55rem;}
.stb-signal-av{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-family:var(--stb-fh);font-size:.65rem;font-weight:800;color:white;}
.stb-signal-hd h4{font-family:var(--stb-fh);font-size:.82rem;font-weight:700;color:white;}
.stb-signal-hd span{font-family:var(--stb-fb);font-size:.65rem;color:rgba(255,255,255,.4);}
.stb-signal-bd{padding:1.1rem;background:var(--stb-bg);}
.stb-signal-intro{font-family:var(--stb-fb);font-size:.78rem;color:var(--stb-muted2);margin-bottom:.8rem;font-style:italic;}
.stb-signal-fn,.stb-signal-msg{width:100%;padding:.5rem .85rem;border:1.5px solid var(--stb-border2);border-radius:var(--stb-rmd);font-family:var(--stb-fb);font-size:.78rem;color:var(--stb-ink);background:var(--stb-white);margin-bottom:.4rem;}
.stb-signal-msg{resize:none;height:56px;}
.stb-signal-fn:focus,.stb-signal-msg:focus{border-color:var(--stb-indigo);outline:none;}
.stb-signal-send{width:100%;padding:.55rem;background:var(--stb-fuchsia);color:white;border:none;border-radius:var(--stb-r);font-family:var(--stb-fh);font-size:.78rem;font-weight:700;cursor:pointer;transition:background var(--stb-ease);}
.stb-signal-send:hover{background:var(--stb-fuchsia2);}
.stb-signal-done{display:none;text-align:center;padding:.85rem;font-family:var(--stb-fh);font-size:.82rem;color:var(--stb-indigo);font-weight:600;}

/* ── ANIMATION ───────────────────────────────────────────── */
.stb-rise{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease;}
.stb-rise.stb-vis{opacity:1;transform:none;}
.stb-d1{transition-delay:.07s;}
.stb-d2{transition-delay:.14s;}
.stb-d3{transition-delay:.21s;}
.stb-d4{transition-delay:.28s;}

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media(max-width:1024px){
  .stb-nav-wing,.stb-nav-wing--r .stb-nav-jewel{display:none;}
  .stb-ham{display:flex;}
  .stb-aperture{grid-template-columns:1fr;}
  .stb-aper-right{display:none;}
  .stb-aper-left{clip-path:none;padding:calc(var(--stb-nav) + 3rem) 2.5rem 4.5rem;}
  .stb-pulse-grid{grid-template-columns:1fr 1fr;}
  .stb-compass-pane.stb-pane-on{grid-template-columns:1fr;}
  .stb-showcases{grid-template-columns:1fr 1fr;}
  .stb-chorus-grid{grid-template-columns:1fr 1fr;}
  .stb-tariff-deck{grid-template-columns:1fr;}
  .stb-svc-layout{grid-template-columns:1fr;}
  .stb-svc-rail{position:static;}
  .stb-forge{grid-template-columns:1fr;}
  .stb-tally{position:static;}
  .stb-settle{grid-template-columns:1fr;}
  .stb-settle-ledger{position:static;}
  .stb-identity{grid-template-columns:1fr;gap:3rem;}
  .stb-reach{grid-template-columns:1fr;gap:3rem;}
  .stb-anchor-grid{grid-template-columns:1fr 1fr;}
  .stb-waypoints{padding-left:0;}
  .stb-wp-track{display:none;}
}
@media(max-width:768px){
  .stb-frame{padding:0 1.25rem;}
  .stb-splitnav{padding:0 1.25rem;}
  .stb-sect,.stb-sect--panel,.stb-sect--ink,.stb-sect--white,.stb-compass,.stb-waypoints,.stb-tariff,.stb-chorus{padding:4.5rem 0;}
  .stb-showcases{grid-template-columns:1fr;}
  .stb-chorus-grid{grid-template-columns:1fr;}
  .stb-chorus-note{margin-top:0!important;}
  .stb-col2{grid-template-columns:1fr;}
  .stb-anchor-grid{grid-template-columns:1fr;}
  .stb-pulse-grid{grid-template-columns:1fr 1fr;}
  .stb-waypoint{grid-template-columns:1fr;}
  .stb-wp-num-col{flex-direction:row;margin-bottom:.5rem;}
}