/* The StartupLeads / APPROVED BLUE DESIGN SYSTEM / All pages
   Load this AFTER page-specific CSS for all HTML pages.
   All original HTML content, scripts, videos and URLs remain unchanged. */
:root {
 --bg:#0A1120;--bg2:#0D192C;--panel:#14243C;--panel2:#172C49;
 --line:rgba(170,187,208,.14);--line2:#253A55;
 --text:#FFFFFF;--muted:#AABBD0;--dim:#8199B6;
 --accent:#0878E8;--accent2:#25B8F5;--good:#25B8F5;--warn:#F6C257;
 --r:12px;--maxw:1280px;
 --display:'Space Grotesk',sans-serif;--body:'Inter',sans-serif;
}
html,body{max-width:100%;overflow-x:clip}
body{background:#0A1120;color:#FFFFFF;font-family:var(--body);font-size:16px;line-height:1.65}
.wrap{width:calc(100% - 64px);max-width:1280px}
section{padding-block:88px}
h1,h2,h3,.big,.dash-num,.logo{font-family:var(--display)}
h1,h2,h3{font-style:normal;text-transform:none;font-weight:700;letter-spacing:-.035em;line-height:1.1}
h1{font-size:clamp(39px,4.6vw,64px)}
h2{font-size:clamp(30px,3.1vw,44px)}
h3{font-size:clamp(21px,2vw,27px)}
.lead{font-size:clamp(16px,1.32vw,18px);line-height:1.75;color:var(--muted)}
.grad{background:linear-gradient(100deg,#0878E8 10%,#25B8F5 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{color:#25B8F5;letter-spacing:.12em;font-size:13px}
.eyebrow:before{background:#25B8F5}
.btn{border-radius:8px;padding:14px 23px;font-size:15px;font-weight:600;min-height:48px;box-shadow:none}
.btn-primary,.filters button.on{background:#0878E8!important;color:#fff!important;border-color:#0878E8!important;box-shadow:none!important}
.btn-primary:hover,.filters button.on:hover{background:#0752B8!important;box-shadow:0 10px 22px rgba(8,120,232,.20)!important}
.btn-ghost{background:rgba(255,255,255,.025);border:1px solid #37506E;color:#fff}
.btn-ghost:hover{background:rgba(8,120,232,.14);border-color:#0878E8}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #25B8F5!important;outline-offset:3px}
header.nav{top:0;background:rgba(10,17,32,.94);border-bottom:1px solid #253A55;backdrop-filter:blur(12px)}
header.nav.scrolled{background:rgba(10,17,32,.97)}
.nav-in{height:76px}
.logo{font-size:16px;letter-spacing:-.02em;text-transform:none;gap:12px}
.logo b{color:#25B8F5}
.logo-img{filter:brightness(0) saturate(100%) invert(37%) sepia(97%) saturate(2234%) hue-rotate(191deg) brightness(95%) contrast(102%)}
.menu{gap:26px;font-family:var(--body)}
.menu a:hover{color:#25B8F5}
.hero{padding-top:185px;padding-bottom:74px;background:#0A1120}
.hero:before{background:radial-gradient(ellipse 520px 380px at 78% 12%,rgba(8,120,232,.18),transparent 78%),radial-gradient(ellipse 500px 340px at 5% 36%,rgba(37,184,245,.085),transparent 75%)}
.hero:after{background-image:linear-gradient(rgba(37,58,85,.23) 1px,transparent 1px),linear-gradient(90deg,rgba(37,58,85,.23) 1px,transparent 1px);opacity:.50}
.hero .wrap{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:48px}
.hero h1{max-width:720px}
.pill{background:rgba(20,36,60,.72);border-color:#253A55;color:#C7D6E8}
.pill .dot{background:#25B8F5;box-shadow:none;animation:none}
.dash,.card,.res,.tf,.handle,.you,.mag,.google,.rev,.pp,.shot,.vt,.stack,.doc{background-color:#14243C;border-color:#253A55;border-radius:12px}
.dash{background:linear-gradient(150deg,#172B47,#111D31);box-shadow:0 20px 55px rgba(0,0,0,.28)}
.dash:before{background:linear-gradient(140deg,rgba(37,184,245,.58),transparent 40%,transparent 65%,rgba(8,120,232,.6))}
.dash-sub,.dash-num,.dash .after .v{color:#25B8F5}
.bars i{background:linear-gradient(180deg,#0878E8,#14243C)!important}
.chip{background:rgba(20,36,60,.95);border:1px solid #304866;border-radius:9px}
.vsl-frame{background:radial-gradient(500px 280px at 24% 28%,rgba(8,120,232,.18),transparent),linear-gradient(130deg,#13243D,#0C1728);border-color:#253A55;border-radius:12px}
.take,.problem,.reviews-sec,.partners,.social,.results,.founder,.final,.magnet{background-color:transparent}
.take{background-color:#0E1B30}
.hi{border-radius:10px}
.hi::before{color:#25B8F5;background:rgba(8,120,232,.15)}
.hi:hover{background:rgba(8,120,232,.08);border-color:#0878E8}
.you{background:linear-gradient(140deg,#18365A,#14243C);border-color:#315A85}
.tf,.handle{background:#14243C}
.filters button{border-radius:8px}
.soc,.soc-mini a{border-radius:8px}
.soc:hover{border-color:#0878E8;color:#25B8F5}
.home-testimonials{background:#0D192C!important;padding-block:76px!important}
.home-roll-card{background:#14243C!important;border-color:#253A55!important;box-shadow:0 12px 26px rgba(0,0,0,.18)!important}
.home-roll-card:hover,.home-roll-card:focus-visible{border-color:#25B8F5!important;box-shadow:0 12px 30px rgba(8,120,232,.20)!important}
.home-roll-poster{background:#0C1B32!important}
.home-roll-play,.home-video-close{background:#0878E8!important;color:white!important}
.home-roll-caption{background:#14243C}
.home-roll-pause{border-radius:8px!important;background:#14243C!important;color:#fff!important;border-color:#253A55!important}
.home-roll-viewport:before{background:linear-gradient(90deg,#0D192C,transparent)!important}
.home-roll-viewport:after{background:linear-gradient(270deg,#0D192C,transparent)!important}
.home-video-dialog{background:#14243C!important;border-color:#253A55!important}
.home-testimonials-all{border-radius:8px}
.form input,.form select,.form textarea,.modal input{background:#0F1D32;color:#fff;border:1px solid #304766;border-radius:8px}
footer{background:#08101E;color:#AABBD0;border-top:1px solid #253A55}
.modal .box{background:#14243C;border-color:#253A55;border-radius:12px}
.play{background:#0878E8;color:#fff}
.brand-preview-bar{display:none!important;position:fixed;z-index:1000;top:0;left:0;right:0;height:29px;background:#0878E8;color:#fff;display:flex;justify-content:center;align-items:center;gap:10px;font-size:11px;letter-spacing:.13em;font-weight:700}
.brand-preview-bar span{font-weight:400;letter-spacing:0;opacity:.9}
/* Neutralize residual neon green styling from original CSS. */
*[style*="color:var(--accent)"]{color:#25B8F5!important}
@media(max-width:1050px){.hero .wrap{grid-template-columns:1fr;gap:55px}.menu{gap:16px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}section{padding-block:58px}.hero{padding-top:150px}.hero .wrap{gap:40px}.nav-in{height:68px}.home-testimonials{padding-block:54px!important}h1{font-size:clamp(38px,9vw,52px)}h2{font-size:clamp(29px,7vw,38px)}.brand-preview-bar{font-size:9px}}

/* GLOBAL REBRAND: ensure every template follows Midnight Navy / Electric Blue */
:root{color-scheme:dark;--bg:#0A1120;--bg2:#0D192C;--panel:#14243C;--panel2:#172C49;--line:#253A55;--line2:#253A55;--text:#fff;--muted:#AABBD0;--accent:#0878E8;--accent2:#25B8F5;--maxw:1280px}
html{scroll-behavior:smooth} body{background:#0A1120!important;color:#fff;font-family:'Inter',sans-serif} body *{box-sizing:border-box}
.wrap{max-width:1280px!important;width:calc(100% - 64px)!important;margin-inline:auto}
section{scroll-margin-top:84px}
header.nav,.mobile-menu.open{background:#0A1120!important;border-color:#253A55!important}
.menu a,.f-links a{font-family:'Inter',sans-serif}
header .btn-primary,.sticky .btn-primary,.btn-primary{background:#0878E8!important;color:#fff!important;border-color:#0878E8!important;border-radius:8px!important}
.btn-ghost,.btn{border-radius:8px!important}
:is(.card,.res,.dash,.vt,.mag,.handle,.you,.tf,.pp,.rev,.google,.doc,.shot){border-color:#253A55!important}
:is(.card,.res,.dash,.vt,.mag,.handle,.you,.tf,.pp,.rev,.google,.doc,.shot){box-shadow:none}
:is(.chip,.pill,.tag,.res-tag){border-color:#253A55;color:#AABBD0}
:is(input,textarea,select){font-family:'Inter',sans-serif}
:is(a,button,input,textarea,select):focus-visible{outline:2px solid #25B8F5!important;outline-offset:3px}
.logo b{color:#25B8F5!important}
.logo-img{object-fit:contain}
.stars,.ts-stars{color:#FFC642!important} /* Google star color stays recognizable */
/* Dedicated testimonials page */
.ts-hero{background:radial-gradient(ellipse at 50% 10%,rgba(8,120,232,.15),transparent 62%),#0A1120!important;padding:110px 0 78px!important}
.ts-hero h1,.ts-section-top h2,.ts-big-heading,.ts-final-box h2{font-family:'Space Grotesk',sans-serif!important;font-style:normal!important;font-weight:700!important;letter-spacing:-.045em!important;text-transform:none!important}
.ts-hero h1{font-size:clamp(44px,5vw,64px)!important}
.ts-section-top h2,.ts-big-heading{font-size:clamp(32px,3.4vw,44px)!important}
.ts-eyebrow,.ts-scroll-link,.ts-gradient{color:#25B8F5!important}
.ts-eyebrow i,.ts-led{background:#25B8F5!important;box-shadow:none!important}
.ts-videos{background:#0A1120!important;padding:76px 0!important}
.ts-google{background:#0E1B30!important;padding:80px 0!important}
.ts-final{background:#0A1120!important}
.ts-final-box{background:#14243C!important;border:1px solid #253A55!important;border-radius:12px!important}
.ts-video-card,.ts-review-card{background:#14243C!important;border:1px solid #253A55!important;border-radius:12px!important}
.ts-review-card{min-height:300px!important}
.ts-review-cta,.ts-show-all,.ts-play-icon{background:#0878E8!important;color:#fff!important;border-radius:8px!important}
.ts-play-icon{border-radius:50%!important}
.ts-review-cta:hover,.ts-show-all:hover{background:#0752B8!important}
.ts-review-card a:hover{color:#25B8F5!important}
.ts-video-play{background:#10243D!important}
.ts-video-card:hover,.ts-review-card:hover{border-color:#0878E8!important}
.ts-player-window{background:#14243C!important;border:1px solid #253A55!important;border-radius:12px!important}
.ts-pills span,.ts-outline{background:#14243C!important;border-color:#253A55!important;border-radius:8px!important}
.ts-g-icon{color:#4285f4} /* Google logo */
/* Privacy page (its own inline stylesheet is loaded before this file) */
.policy-hero,.policy-layout,.policy-contact{color:#fff}
.policy-toc,.policy-intro,.policy-contact{background:#14243C!important;border-color:#253A55!important;border-radius:12px!important}
.policy-toc a{color:#AABBD0}
.policy-toc a:hover,.policy-content a{color:#25B8F5}
.policy-section{border-color:#253A55}
/* Keep the text accessible, without oversized legal paragraphs. */
.policy-content p,.policy-content li{font-size:16px!important;line-height:1.75!important}
.policy-section h2{font-size:25px!important;line-height:1.35!important}
.policy-toc a{font-size:14px!important}
@media(max-width:1020px){.wrap{width:calc(100% - 48px)!important}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)!important}section{padding-block:58px}.ts-hero{padding:78px 0 55px!important}.ts-google,.ts-videos{padding:58px 0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
