/* ===== Ostmen Marketing shared styles ===== */
:root{
  --navy:#0A1A2F;
  --navy2:#0E2440;
  --card:#13294B;
  --blue:#007FFD;
  --blue-dark:#0066cc;
  --white:#FFFFFF;
  --light:#C9D6E5;
  --border:rgba(0,127,253,0.25);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth;}
body{overflow-x:hidden;overflow-x:clip;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  background:var(--navy);
  color:var(--light);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px;}
section{padding:96px 0;}
.bg-navy{background:var(--navy);}
.bg-navy2{background:var(--navy2);}

.eyebrow{color:var(--blue);font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;}
h1,h2,h3{color:var(--white);font-weight:800;line-height:1.12;}
h1{font-size:clamp(34px,5.5vw,56px);margin-bottom:22px;}
h2{font-size:clamp(28px,4vw,42px);margin-bottom:18px;}
h3{font-size:23px;margin-bottom:12px;font-weight:700;}
p{font-size:18px;color:var(--light);}
.lead{font-size:19px;max-width:760px;}
.center{text-align:center;}
.mx-auto{margin-left:auto;margin-right:auto;}
.maxw{max-width:840px;}
.accent-bar{width:60px;height:4px;background:var(--blue);border-radius:2px;margin:22px auto;}
.accent-bar.left{margin-left:0;}

.btn{display:inline-block;background:var(--blue);color:var(--white);text-decoration:none;font-weight:700;font-size:17px;padding:18px 40px;border-radius:8px;box-shadow:0 10px 30px rgba(0,127,253,0.35);transition:all .2s ease;}
.btn:hover{background:var(--blue-dark);transform:translateY(-2px);}
.btn-outline{display:inline-block;background:transparent;color:var(--white);text-decoration:none;font-weight:700;font-size:17px;padding:16px 36px;border-radius:8px;border:1px solid rgba(255,255,255,.25);transition:all .2s ease;}
.btn-outline:hover{border-color:var(--blue);background:rgba(0,127,253,.08);}
.subnote{font-size:14px;margin-top:18px;color:var(--light);opacity:.8;}

/* nav */
nav{position:sticky;top:0;z-index:50;background:rgba(10,26,47,.97);border-bottom:1px solid rgba(255,255,255,.06);}
nav .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px;}
.logo{font-weight:800;color:var(--white);font-size:24px;letter-spacing:.5px;text-decoration:none;}
.logo span{color:var(--blue);}
.nav-links{display:flex;gap:30px;align-items:center;}
.nav-links a{color:var(--light);text-decoration:none;font-size:15px;font-weight:500;transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--white);}
.nav-cta{background:var(--blue);color:#fff !important;padding:11px 22px;border-radius:7px;font-weight:700;}
.nav-cta:hover{background:var(--blue-dark);}
/* dropdown */
.has-dropdown{position:relative;}
.has-dropdown .dd-row>a::after{content:" \25BE";font-size:11px;opacity:.7;}
.has-dropdown::before{content:"";position:absolute;top:100%;left:0;right:0;height:16px;}
.dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px);background:var(--navy2);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px;min-width:220px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s;box-shadow:0 18px 50px rgba(0,0,0,.45);z-index:60;}
.has-dropdown:hover .dropdown,.has-dropdown:focus-within .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.dropdown a{display:block;padding:11px 14px;border-radius:7px;color:var(--light);font-size:14.5px;white-space:nowrap;}
.dropdown a:hover{background:rgba(0,127,253,.12);color:var(--white);}
.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:26px;cursor:pointer;line-height:1;}
.dd-toggle{display:none;}
@media(max-width:820px){
  .nav-links{position:fixed;top:0;right:0;height:100vh;width:260px;flex-direction:column;align-items:flex-start;gap:4px;background:var(--navy2);padding:90px 28px 28px;transform:translateX(100%);transition:transform .25s ease;box-shadow:-10px 0 40px rgba(0,0,0,.4);overflow-y:auto;-webkit-overflow-scrolling:touch;}
  .nav-links.open{transform:translateX(0);}
  .nav-links a{font-size:17px;padding:10px 0;width:100%;}
  .nav-toggle{display:block;z-index:60;}
  .has-dropdown{width:100%;}
  .has-dropdown .dd-row>a::after{display:none;}
  .dd-row{display:flex;align-items:center;justify-content:space-between;width:100%;}
  .dd-row a{width:auto;flex:1;}
  .dd-toggle{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:none;color:var(--light);width:34px;height:34px;min-width:34px;border-radius:8px;font-size:13px;cursor:pointer;transition:transform .2s ease,background .2s ease;flex-shrink:0;}
  .dd-toggle:active{background:rgba(255,255,255,.14);}
  .has-dropdown.dd-open .dd-toggle{transform:rotate(180deg);background:rgba(0,127,253,.2);color:#fff;}
  .dropdown{position:static;transform:none;opacity:1;visibility:visible;background:transparent;border:none;box-shadow:none;padding:2px 0 6px 16px;min-width:0;display:none;}
  .has-dropdown:hover .dropdown,.has-dropdown:focus-within .dropdown{position:static;transform:none;left:auto;}
  .has-dropdown.dd-open .dropdown{display:block;}
  .dropdown a{padding:8px 0;font-size:15px;}
  .nav-links .nav-cta{padding:14px 22px;text-align:center;margin-top:16px;}
}

/* hero */
.hero{padding:120px 0;text-align:center;background:radial-gradient(ellipse at top,#102a4d 0%,var(--navy) 60%);}
.page-hero{padding:120px 0 80px;text-align:center;background:radial-gradient(ellipse at top,#102a4d 0%,var(--navy) 65%);}

/* trust badges */
.trust-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:40px;}
.trust-badge{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:10px;padding:12px 18px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;transition:border-color .2s,background .2s;}
a.trust-badge:hover{border-color:var(--blue);background:rgba(0,127,253,.08);}
.gpartner-badge{display:inline-flex;align-items:center;border-radius:10px;overflow:hidden;transition:transform .2s;line-height:0;}
.gpartner-badge:hover{transform:translateY(-2px);}
.gpartner-badge img{display:block;height:84px;width:auto;}
.trust-badge .stars{color:#FFC107;font-size:15px;letter-spacing:1px;}
.trust-badge .chk{color:var(--blue);font-weight:800;}
@media(max-width:768px){.gpartner-badge img{height:72px;}}

/* logo wall */
.trustband{background:var(--navy2);padding:54px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);}
.trustband .tagline{text-align:center;color:var(--light);font-size:14px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:8px;}
.trustband .statline{text-align:center;color:var(--white);font-size:20px;font-weight:700;margin-bottom:30px;}
.trustband .statline b{color:var(--blue);}
.logo-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px 22px;max-width:880px;margin:0 auto;}
.logo-cell{display:flex;align-items:center;justify-content:center;width:128px;height:44px;}
.client-logo{max-width:100%;max-height:100%;width:auto;height:auto;opacity:.72;filter:brightness(0) invert(1);transition:opacity .2s ease;}
.client-logo:hover{opacity:1;}
@media(max-width:768px){.logo-cell{width:104px;height:36px;}.logo-row{gap:18px 14px;max-width:460px;}}

/* cards / grids */
.grid3{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:46px;}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:36px 32px;transition:transform .2s ease,border-color .2s ease;}
.card:hover{transform:translateY(-4px);border-color:var(--blue);}
.card h3{margin-bottom:12px;}
.card p{font-size:16px;}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:46px;}
.step .n{color:var(--blue);font-size:40px;font-weight:800;margin-bottom:8px;}
.step h3{font-size:21px;}
.step p{font-size:16px;}

/* compare cards */
.compare{max-width:940px;margin:48px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left;}
.cmp-card{border-radius:18px;padding:34px 32px;border:1px solid rgba(255,255,255,.08);}
.cmp-card.agency{background:rgba(255,255,255,.025);}
.cmp-card.ostmen{background:linear-gradient(165deg,rgba(0,127,253,.14) 0%,rgba(0,127,253,.04) 100%);border:1px solid rgba(0,127,253,.45);box-shadow:0 18px 50px rgba(0,127,253,.12);position:relative;}
.cmp-card .label{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;}
.cmp-card.agency .label{color:rgba(201,214,229,.6);}
.cmp-card.ostmen .label{color:var(--blue);}
.cmp-card .title{font-size:23px;font-weight:800;color:var(--white);margin-bottom:22px;line-height:1.2;}
.cmp-list{list-style:none;margin:0;padding:0;}
.cmp-list li{display:flex;gap:13px;align-items:flex-start;padding:11px 0;font-size:15.5px;line-height:1.5;border-top:1px solid rgba(255,255,255,.06);}
.cmp-list li:first-child{border-top:none;}
.cmp-card.agency .cmp-list li{color:var(--light);}
.cmp-card.ostmen .cmp-list li{color:var(--white);}
.ic{flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;margin-top:1px;}
.ic.x{background:rgba(201,214,229,.12);color:rgba(201,214,229,.7);}
.ic.check{background:var(--blue);color:#fff;}
.cmp-badge{position:absolute;top:-13px;right:24px;background:var(--blue);color:#fff;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:20px;box-shadow:0 6px 18px rgba(0,127,253,.4);}
@media(max-width:760px){.compare{grid-template-columns:1fr;}}

/* case study grid */
.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:46px;}
.case{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,var(--card) 0%,#0c1f3b 100%);border:1px solid var(--border);text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;padding:22px;transition:transform .2s ease,border-color .2s ease;}
.case:hover{transform:translateY(-5px);border-color:var(--blue);}
.case .tag{display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);}
.case .result{color:var(--white);font-size:26px;font-weight:800;line-height:1.1;margin-bottom:6px;margin-top:14px;}
.case .who{color:var(--light);font-size:14px;margin-bottom:14px;}
.case .more{color:var(--blue);font-size:13px;font-weight:700;}
.case .more::after{content:" \2192";}
@media(max-width:980px){.grid3{grid-template-columns:repeat(2,1fr);}.case-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:820px){.steps{grid-template-columns:1fr;}section{padding:64px 0;}.hero{padding:84px 0;}.page-hero{padding:96px 0 64px;}}
@media(max-width:560px){.grid3{grid-template-columns:1fr;}.case{padding:18px;}.case .result{font-size:22px;}}

/* case study list (case studies page) */
.cs-list{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:46px;}
.cs-item{display:block;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .2s,border-color .2s;}
.cs-item:hover{transform:translateY(-5px);border-color:var(--blue);}
.cs-thumb{height:220px;position:relative;overflow:hidden;display:flex;align-items:flex-end;border-bottom:1px solid var(--border);}
.cs-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.cs-thumb .thumb-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,47,0.05) 0%,rgba(10,26,47,0.55) 55%,rgba(10,26,47,0.92) 100%);}
.cs-thumb.stat-thumb{background:linear-gradient(145deg,#0E2440 0%,#102a4d 60%,#0c1f3b 100%);}
.cs-thumb.stat-thumb::before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(0,127,253,.35) 0%,rgba(0,127,253,0) 70%);top:-60px;right:-60px;}
.cs-thumb.coming-thumb{background:linear-gradient(145deg,#0c1f3b 0%,#0E2440 100%);justify-content:center;align-items:center;}
.cs-thumb.coming-thumb .soon-icon{font-size:34px;color:rgba(0,127,253,.5);}
.cs-thumb-content{position:relative;z-index:2;padding:18px 22px;width:100%;}
.cs-thumb-stat{font-size:clamp(26px,3vw,34px);font-weight:800;color:#fff;line-height:1.05;}
.cs-thumb-stat span{color:var(--blue);}
.cs-thumb-sub{font-size:13px;color:var(--light);margin-top:4px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;}
.cs-play{position:absolute;top:18px;right:18px;width:46px;height:46px;border-radius:50%;background:rgba(0,127,253,.9);display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 8px 22px rgba(0,127,253,.5);}
.cs-play::after{content:"";border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff;margin-left:3px;}
.cs-body{padding:26px 28px;}
.cs-body .cat{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;}
.cs-body h3{color:var(--white);font-size:21px;margin:8px 0 10px;}
.cs-body p{color:var(--light);font-size:15px;line-height:1.6;}
.cs-body .more{color:var(--blue);font-size:14px;font-weight:700;margin-top:14px;display:inline-block;}
.cs-body .more::after{content:" \2192";}
@media(max-width:760px){.cs-list{grid-template-columns:1fr;}}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:46px;text-align:left;align-items:start;}
.contact-info .ci-item{margin-bottom:26px;}
.contact-info .ci-item .lbl{color:var(--blue);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;}
.contact-info .ci-item a,.contact-info .ci-item span{color:var(--white);font-size:18px;text-decoration:none;}
.form-field{margin-bottom:18px;}
.form-field label{display:block;color:var(--light);font-size:14px;font-weight:600;margin-bottom:7px;}
.form-field input,.form-field textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:13px 15px;color:var(--white);font-size:15px;font-family:inherit;}
.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--blue);}
.form-field textarea{min-height:130px;resize:vertical;}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr;gap:36px;}}

/* about values */
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:46px;text-align:left;}
@media(max-width:820px){.values{grid-template-columns:1fr;}}

/* footer */
footer{background:var(--navy);padding:56px 0 40px;border-top:1px solid rgba(255,255,255,.06);}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:34px;}
.foot-col h4{color:var(--white);font-size:14px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;font-weight:700;}
.foot-col .logo{display:inline-block;margin-bottom:14px;}
.foot-col p{font-size:14.5px;color:var(--light);line-height:1.7;margin-bottom:6px;}
.foot-col a{color:var(--light);text-decoration:none;font-size:14.5px;display:block;padding:5px 0;}
.foot-col a:hover{color:var(--white);}
.foot-col a.inline{display:inline;padding:0;}
.foot-col a.inline:hover{color:var(--blue);}
.foot-bottom{text-align:center;font-size:13px;color:rgba(201,214,229,.6);border-top:1px solid rgba(255,255,255,.05);padding-top:24px;}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr;gap:30px;}}

/* about split hero */
.split-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;text-align:left;}
.split-hero .copy h1{margin-bottom:20px;}
.video-embed{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:linear-gradient(135deg,#102a4d,#0c1f3b);}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--light);gap:14px;}
.video-placeholder .play{width:74px;height:74px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,127,253,.4);}
.video-placeholder .play::after{content:"";border-style:solid;border-width:13px 0 13px 22px;border-color:transparent transparent transparent #fff;margin-left:5px;}
.video-placeholder span{font-size:14px;letter-spacing:1px;text-transform:uppercase;font-weight:600;}
@media(max-width:820px){.split-hero{grid-template-columns:1fr;gap:36px;text-align:center;}.split-hero .copy h1{}}

/* service page sections */
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:46px;text-align:left;}
@media(max-width:820px){.benefits{grid-template-columns:1fr;}}
.faq{max-width:820px;margin:40px auto 0;text-align:left;}
.faq-item{border-bottom:1px solid rgba(255,255,255,.08);padding:22px 0;}
.faq-item h3{color:var(--white);font-size:19px;margin-bottom:10px;}
.faq-item p{color:var(--light);font-size:16px;line-height:1.6;}
.svc-hero-tag{display:inline-block;background:rgba(0,127,253,.12);border:1px solid var(--border);color:var(--blue);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:8px 16px;border-radius:30px;margin-bottom:20px;}

/* services overview cards link */
.svc-card-link{text-decoration:none;display:block;}
.svc-card-link .more{color:var(--blue);font-size:14px;font-weight:700;margin-top:14px;display:inline-block;}
.svc-card-link .more::after{content:" \2192";}

/* ===== contrast upgrades ===== */
/* alternating feature row: text beside visual */
.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;max-width:1080px;margin:0 auto;text-align:left;}
.feature-row+.feature-row{margin-top:80px;}
.feature-row.flip .fr-visual{order:-1;}
.feature-row .fr-copy h2{font-size:clamp(26px,3.2vw,34px);margin-bottom:16px;}
.feature-row .fr-copy p{font-size:17px;color:var(--light);line-height:1.7;}
.feature-row .fr-eyebrow{color:var(--blue);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;}
.fr-visual img{width:100%;height:auto;display:block;}
@media(max-width:820px){.feature-row{grid-template-columns:1fr;gap:30px;}.feature-row.flip .fr-visual{order:0;}.feature-row+.feature-row{margin-top:56px;}}

/* stats strip */
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1000px;margin:0 auto;}
.stat-strip .s{text-align:center;}
.stat-strip .s .big{font-size:clamp(32px,4vw,44px);font-weight:800;color:var(--blue);line-height:1;margin-bottom:8px;}
.stat-strip .s .lbl{font-size:14px;color:var(--light);}
.stat-band{background:#0E2440;}
@media(max-width:680px){.stat-strip{grid-template-columns:repeat(2,1fr);gap:32px 16px;}}

/* hero with side visual */
.hero-split{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;text-align:left;}
.hero-split .hs-visual img{width:100%;height:auto;display:block;border-radius:16px;}
@media(max-width:880px){.hero-split{grid-template-columns:1fr;gap:36px;text-align:center;}}

/* gradient accent CTA band */
.cta-band{background:linear-gradient(120deg,#007FFD 0%,#0047a3 100%);}
.cta-band h2,.cta-band p{color:#fff;}
.cta-band .btn{background:#fff;color:#0a3d8f;}
.cta-band .btn:hover{background:#eef4ff;}

/* image-less feature block: centered, contained, with side accent */
.feature-solo{max-width:820px;margin:0 auto;text-align:center;padding:36px 40px;background:var(--card);border:1px solid var(--border);border-radius:16px;}
.feature-solo+.feature-solo{margin-top:24px;}
.feature-solo .fr-eyebrow{color:var(--blue);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;}
.feature-solo h2{font-size:clamp(24px,3vw,32px);margin-bottom:14px;}
.feature-solo p{font-size:17px;color:var(--light);line-height:1.7;}
.feature-row+.feature-solo,.feature-solo+.feature-row{margin-top:40px;}
/* paid social real grid sizing */
.hs-visual img,.fr-visual img{border-radius:16px;}

/* home video showcase */
.video-showcase{max-width:880px;margin:0 auto;}
.video-tagline{font-size:clamp(34px,5vw,52px);font-weight:800;color:#fff;line-height:1.1;margin-bottom:28px;}
.video-tagline .accent{color:var(--blue);}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:linear-gradient(135deg,#102a4d,#0c1f3b);box-shadow:0 24px 70px rgba(0,0,0,.45);}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.video-frame .vph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--light);}
.video-frame .vph .play{width:84px;height:84px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,127,253,.45);}
.video-frame .vph .play::after{content:"";border-style:solid;border-width:15px 0 15px 26px;border-color:transparent transparent transparent #fff;margin-left:6px;}
.video-frame .vph span{font-size:13px;letter-spacing:1px;text-transform:uppercase;font-weight:600;}

/* case study writeup */
.cs-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:6px;}
.cs-metrics .m{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px 20px;text-align:center;}
.cs-metrics .m .big{font-size:clamp(26px,3.4vw,36px);font-weight:800;color:var(--blue);line-height:1;margin-bottom:8px;}
.cs-metrics .m .lbl{font-size:14px;color:var(--light);}
.cs-p{font-size:17px;color:var(--light);line-height:1.75;margin-bottom:18px;}
section h3{margin-top:28px;}
.cs-quote{border-left:4px solid var(--blue);background:rgba(0,127,253,.06);padding:24px 28px;border-radius:0 12px 12px 0;margin-top:34px;font-size:19px;color:#fff;font-style:italic;line-height:1.6;}
.cs-quote cite{display:block;margin-top:14px;font-size:15px;color:var(--blue);font-style:normal;font-weight:700;}
@media(max-width:680px){.cs-metrics{grid-template-columns:1fr;gap:14px;}}

/* real proof screenshots */
.proof-block{margin-top:36px;}
.proof-review{background:#fff;border-radius:16px;padding:24px;max-width:560px;margin:0 auto 24px;box-shadow:0 18px 50px rgba(0,0,0,.35);}
.proof-review img{width:100%;height:auto;display:block;border-radius:8px;}
.proof-texts{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}
.proof-texts .tcard{background:#fff;border-radius:16px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.35);max-width:280px;}
.proof-texts .tcard img{width:100%;height:auto;display:block;border-radius:6px;}
.proof-cap{text-align:center;color:var(--light);font-size:13.5px;margin-top:14px;}
@media(max-width:600px){.proof-texts{flex-direction:column;align-items:center;}}

/* ===== Google-style reviews ===== */
.gr-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:980px;margin:44px auto 0;text-align:left;}
.gr-card{background:#fff;border:1px solid #e3e6ea;border-radius:14px;padding:24px 26px;box-shadow:0 12px 34px rgba(0,0,0,.28);}
.gr-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.gr-av{width:42px;height:42px;border-radius:50%;background:#007FFD;color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;flex:0 0 42px;}
.gr-who{flex:1;min-width:0;}
.gr-name{color:#202124;font-size:15px;font-weight:600;line-height:1.2;}
.gr-meta{color:#70757a;font-size:13px;margin-top:2px;}
.gr-g{flex:0 0 auto;font-weight:700;font-size:19px;font-family:Arial,sans-serif;}
.gr-g .b{color:#4285F4;}.gr-g .r{color:#EA4335;}.gr-g .y{color:#FBBC05;}.gr-g .g{color:#34A853;}
.gr-stars{color:#FBBC05;font-size:15px;letter-spacing:1px;margin-bottom:10px;}
.gr-stars span{color:#70757a;font-size:13px;letter-spacing:0;margin-left:8px;}
.gr-text{color:#3c4043;font-size:15px;line-height:1.65;margin:0;}
@media(max-width:820px){.gr-grid{grid-template-columns:1fr;}}

/* ===== Client logo strip (industry pages) ===== */
.firm-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:26px 54px;margin-top:38px;}
.firm-logo{height:44px;width:auto;opacity:.82;transition:opacity .2s ease;}
.firm-logo:hover{opacity:1;}
.firm-logo.invert{filter:brightness(0) invert(1);}

/* ===== SERP screenshot frame ===== */
.shot{width:100%;height:auto;display:block;border-radius:12px;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 55px rgba(0,0,0,.45);background:#fff;}
a.gr-card{display:block;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;}
a.gr-card:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(0,0,0,.4);}

.hp-field{display:none;}
.form-btn{width:100%;text-align:center;border:none;cursor:pointer;font-family:inherit;margin-top:6px;}


/* ===== Blog archive ===== */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:14px;text-align:left;}
.post-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease;text-decoration:none;}
.post-card:hover{transform:translateY(-5px);border-color:var(--blue);}
.post-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#0E2440,#13294B);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.post-thumb img{width:100%;height:100%;object-fit:cover;}
.post-thumb .cat-chip{position:absolute;top:14px;left:14px;background:rgba(0,127,253,.92);color:#fff;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:6px 12px;border-radius:20px;}
.post-body{padding:26px 24px 28px;display:flex;flex-direction:column;flex:1;}
.post-meta{color:#8fa3bd;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:12px;}
.post-card h3{font-size:20px;line-height:1.25;margin-bottom:12px;}
.post-card p{font-size:15.5px;color:var(--light);flex:1;}
.post-card .more{color:var(--blue);font-size:14px;font-weight:700;margin-top:18px;display:inline-block;}
.blog-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-top:14px;text-align:left;text-decoration:none;transition:border-color .2s ease;}
.blog-feature:hover{border-color:var(--blue);}
.blog-feature .bf-thumb{background:linear-gradient(135deg,#102a4d,#13294B);min-height:340px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.blog-feature .bf-thumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.blog-feature .bf-body{padding:44px 46px;display:flex;flex-direction:column;justify-content:center;}
.blog-feature .cat-chip{display:inline-block;width:fit-content;background:rgba(0,127,253,.14);color:var(--blue);font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:6px 13px;border-radius:20px;margin-bottom:18px;}
.blog-feature h2{font-size:clamp(26px,3vw,34px);line-height:1.15;margin-bottom:16px;}
.blog-feature p{font-size:17px;margin-bottom:20px;}
.cat-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:34px;}
.cat-filter a{font-size:14px;font-weight:600;color:var(--light);padding:8px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.16);text-decoration:none;transition:all .2s ease;}
.cat-filter a:hover,.cat-filter a.on{border-color:var(--blue);background:rgba(0,127,253,.1);color:#fff;}
@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,1fr);}.blog-feature{grid-template-columns:1fr;}.blog-feature .bf-thumb{min-height:220px;}}
@media(max-width:620px){.blog-grid{grid-template-columns:1fr;}.blog-feature .bf-body{padding:30px 26px;}}

/* ===== Single post ===== */
.article-hero{padding:110px 0 40px;background:radial-gradient(ellipse at top,#102a4d 0%,var(--navy) 65%);}
.article-hero .wrap{max-width:820px;}
.article-cat{color:var(--blue);font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:18px;}
.article-hero h1{font-size:clamp(30px,4.6vw,46px);line-height:1.12;margin-bottom:22px;}
.article-byline{display:flex;align-items:center;gap:14px;color:#8fa3bd;font-size:14.5px;font-weight:600;flex-wrap:wrap;}
.article-byline .av{width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:16px;}
.article-byline .dot{opacity:.5;}
.article-cover{max-width:960px;margin:0 auto;padding:0 24px;}
.article-cover .ac-inner{border-radius:16px;overflow:hidden;margin-top:20px;border:1px solid var(--border);}
.article-cover .ac-inner img{width:100%;height:auto;display:block;}
.article-body{max-width:720px;margin:0 auto;padding:56px 24px 20px;}
.article-body p{font-size:18.5px;line-height:1.75;color:#d7e2f0;margin-bottom:24px;}
.article-body h2{font-size:29px;margin:44px 0 18px;color:#fff;}
.article-body h3{font-size:22px;margin:32px 0 12px;color:#fff;}
.article-body ul,.article-body ol{margin:0 0 24px 22px;}
.article-body li{font-size:18.5px;line-height:1.7;color:#d7e2f0;margin-bottom:10px;}
.article-body strong{color:#fff;}
.article-body a.inline{color:var(--blue);text-decoration:underline;}
.article-body blockquote{border-left:3px solid var(--blue);padding:6px 0 6px 24px;margin:32px 0;font-size:21px;line-height:1.5;color:#fff;font-weight:600;}
.article-fig{margin:34px 0;border-radius:14px;overflow:hidden;border:1px solid var(--border);}
.article-fig img{width:100%;height:auto;display:block;}
.article-fig figcaption{font-size:14px;color:#8fa3bd;padding:12px 16px;background:var(--navy2);text-align:center;}
.pullstat{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px 30px;margin:32px 0;}
.pullstat .big{color:var(--blue);font-size:38px;font-weight:800;line-height:1;margin-bottom:8px;}
.pullstat .lbl{font-size:15px;color:var(--light);}
.article-cta{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:40px;text-align:center;margin:48px 0 10px;}
.article-cta h3{font-size:25px;margin-bottom:12px;}
.article-cta p{margin-bottom:24px;}
.toc{background:var(--navy2);border:1px solid var(--border);border-radius:12px;padding:22px 26px;margin:0 0 36px;}
.toc .toc-h{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:12px;}
.toc a{display:block;color:var(--light);font-size:16px;padding:5px 0;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.05);}
.toc a:hover{color:#fff;}
.related{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;}
a.gr-card{display:block;text-decoration:none;}

/* ===== Homepage industries section ===== */
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:14px;text-align:left;}
.ind-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:30px 26px;text-decoration:none;display:block;transition:transform .2s ease,border-color .2s ease;}
.ind-card:hover{transform:translateY(-5px);border-color:var(--blue);}
.ind-tag{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:rgba(0,127,253,.14);color:var(--blue);font-size:20px;margin-bottom:18px;}
.ind-card h3{font-size:19px;margin-bottom:10px;}
.ind-card p{font-size:15px;color:var(--light);margin-bottom:16px;}
.ind-card .more{color:var(--blue);font-weight:700;font-size:14px;}
@media(max-width:980px){.ind-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:620px){.ind-grid{grid-template-columns:1fr;}}

/* ===== Design refresh: signal system ===== */
:root{
  --signal:#00E6B8;
  --noise:rgba(201,214,229,0.28);
}

/* Signature device: the signal line. Noise resolving into a clean pulse. */
.signal-line{width:100%;height:auto;display:block;}
.signal-line .noise{fill:none;stroke:var(--noise);stroke-width:2;stroke-linecap:round;}
.signal-line .clean{fill:none;stroke:var(--signal);stroke-width:2.5;stroke-linecap:round;
  stroke-dasharray:900;stroke-dashoffset:900;animation:draw 2.2s .3s ease-out forwards;}
.signal-line .pulse-dot{fill:var(--signal);opacity:0;animation:dotIn .4s 2.3s ease-out forwards, pulse 2s 2.7s ease-in-out infinite;}
@keyframes draw{to{stroke-dashoffset:0;}}
@keyframes dotIn{to{opacity:1;}}
@keyframes pulse{0%,100%{r:4;opacity:1;}50%{r:7;opacity:.5;}}
@media (prefers-reduced-motion: reduce){
  .signal-line .clean{animation:none;stroke-dashoffset:0;}
  .signal-line .pulse-dot{animation:none;opacity:1;}
}

/* Hero restructure: signal line replaces the plain trust-badge row spacing */
.hero-signal{max-width:640px;margin:34px auto 0;opacity:.9;}

/* Custom line icons replace emoji on industry cards */
.ind-tag-svg{width:44px;height:44px;border-radius:10px;background:rgba(0,127,253,.14);
  display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:background .25s ease;}
.ind-tag-svg svg{width:22px;height:22px;stroke:var(--blue);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}

/* Card hover: a signal accent slides in from the left instead of a generic lift */
.ind-card{position:relative;overflow:hidden;}
.ind-card::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;
  background:var(--signal);transform:scaleY(0);transform-origin:top;transition:transform .3s ease;}
.ind-card:hover::before{transform:scaleY(1);}
.ind-card:hover{transform:translateX(4px);border-color:var(--blue);}
.ind-card:hover .ind-tag-svg{background:rgba(0,230,184,.16);}
.ind-card:hover .ind-tag-svg svg{stroke:var(--signal);}

/* Asymmetric differentiator section: noise vs signal comparison */
.split-row{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;text-align:left;}
.signal-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:36px;}
.sc-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);}
.sc-row:last-child{border-bottom:none;}
.sc-row.noise{color:rgba(201,214,229,.45);text-decoration:line-through;text-decoration-color:rgba(201,214,229,.25);}
.sc-row.signal{color:#fff;font-weight:600;}
.sc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.sc-row.noise .sc-dot{background:rgba(201,214,229,.3);}
.sc-row.signal .sc-dot{background:var(--signal);box-shadow:0 0 10px rgba(0,230,184,.6);}
.sc-label{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--light);opacity:.5;margin-bottom:14px;}
@media(max-width:900px){.split-row{grid-template-columns:1fr;text-align:center;}.split-row .signal-card{max-width:440px;margin:0 auto;}}

/* ===== Light-panel variant for the industries section ===== */
.bg-light{background:#F4F7FB;}
.bg-light .eyebrow{color:var(--blue-dark);}
.bg-light h2{color:var(--navy);}
.bg-light p{color:#4a5568;}
.bg-light .accent-bar{background:var(--blue);}

.ind-card-light{position:relative;overflow:hidden;background:#fff;border:1px solid #E3E9F2;border-radius:16px;
  padding:32px 28px;text-decoration:none;display:block;box-shadow:0 4px 18px rgba(10,26,47,.05);
  transition:transform .25s ease,box-shadow .25s ease;}
.ind-card-light::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;
  background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}
.ind-card-light:hover::before{transform:scaleX(1);}
.ind-card-light:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(10,26,47,.12);}
.ind-tag-light{width:46px;height:46px;border-radius:12px;background:#EAF3FF;display:flex;align-items:center;
  justify-content:center;margin-bottom:18px;transition:background .25s ease;}
.ind-tag-light svg{width:23px;height:23px;stroke:var(--blue);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.ind-card-light:hover .ind-tag-light{background:#dff9f2;}
.ind-card-light:hover .ind-tag-light svg{stroke:#00b894;}
.ind-card-light h3{color:var(--navy);font-size:19px;margin-bottom:10px;}
.ind-card-light p{font-size:15px;color:#5a6b85;margin-bottom:16px;}
.ind-card-light .more{color:var(--blue);font-weight:700;font-size:14px;}
.btn-outline-dark{display:inline-block;padding:14px 30px;border:1.5px solid var(--navy);border-radius:10px;
  color:var(--navy);font-weight:700;text-decoration:none;transition:all .2s ease;}
.btn-outline-dark:hover{background:var(--navy);color:#fff;}

/* ===== Light-panel steps (How It Works) ===== */
.steps-light{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px;position:relative;}
.step-light{position:relative;padding:0 28px;text-align:left;}
.step-light:first-child{padding-left:0;}
.step-light:last-child{padding-right:0;}
.step-light .n-light{width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid var(--blue);
  color:var(--blue);font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;
  margin-bottom:22px;position:relative;z-index:2;}
.step-light h3{color:var(--navy);font-size:20px;margin-bottom:10px;}
.step-light p{color:#5a6b85;font-size:15.5px;}
.step-connector{position:absolute;top:26px;left:calc(16.66% + 26px);right:calc(16.66% + 26px);height:2px;
  background:repeating-linear-gradient(90deg,var(--blue) 0,var(--blue) 6px,transparent 6px,transparent 12px);
  z-index:1;opacity:.5;}
@media(max-width:900px){.steps-light{grid-template-columns:1fr;gap:36px;}.step-light{padding:0 !important;}.step-connector{display:none;}}

/* ===== Founder teaser (homepage) ===== */
.founder-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center;text-align:left;}
.founder-photo-wrap{position:relative;max-width:340px;}
.founder-photo-wrap img{width:100%;height:auto;border-radius:18px;display:block;border:1px solid var(--border);}
.founder-badge{position:absolute;bottom:-16px;left:24px;background:var(--blue);color:#fff;font-size:12px;
  font-weight:800;letter-spacing:.5px;padding:9px 16px;border-radius:9px;box-shadow:0 8px 22px rgba(0,127,253,.35);}
.founder-copy h2{margin-bottom:16px;}
.founder-copy p{margin-bottom:22px;font-size:17px;}
.founder-name{color:var(--blue);font-weight:700;}
@media(max-width:900px){.founder-row{grid-template-columns:1fr;text-align:center;}.founder-photo-wrap{margin:0 auto;}.founder-badge{left:50%;transform:translateX(-50%);}}

/* ===== Founder full page ===== */
.founder-hero{padding:110px 0 70px;}
.founder-hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;text-align:left;}
.founder-hero-grid .founder-photo-wrap{max-width:380px;}
.founder-hero-grid .eyebrow{margin-bottom:14px;}
.founder-hero-grid h1{margin-bottom:8px;}
.founder-title{color:var(--light);font-size:18px;margin-bottom:24px;}
.founder-facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.founder-fact{background:var(--card);border:1px solid var(--border);border-radius:9px;padding:9px 16px;font-size:13.5px;font-weight:600;color:var(--light);}
@media(max-width:900px){.founder-hero-grid{grid-template-columns:1fr;text-align:center;}.founder-hero-grid .founder-photo-wrap{margin:0 auto;}.founder-facts{justify-content:center;}}

/* ===== About page: founder photo in hero (replaces video embed) ===== */
.founder-hero-photo{position:relative;width:100%;max-width:420px;margin:0 auto;}
.founder-hero-photo::before{content:"";position:absolute;inset:-24px;background:radial-gradient(circle,rgba(0,127,253,.18) 0%,transparent 70%);z-index:0;}
.founder-hero-photo img{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;
  display:block;border:1px solid var(--border);}
.founder-hero-photo .founder-badge{z-index:2;bottom:-14px;left:20px;}
@media(max-width:820px){.founder-hero-photo{margin:0 auto;}}

/* ===== Case study result screenshots ===== */
.cs-figure{margin:30px 0;}
.cs-figure img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--border);box-shadow:0 16px 40px rgba(0,0,0,.4);background:#fff;}
.cs-figure.narrow{max-width:520px;}
.cs-figure figcaption{font-size:14px;color:var(--light);opacity:.75;text-align:center;margin-top:12px;}
.cs-figure-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0;}
.cs-figure-grid figure{margin:0;}
.cs-figure-grid img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--border);box-shadow:0 16px 40px rgba(0,0,0,.4);background:#fff;}
.cs-figure-grid figcaption{font-size:13.5px;color:var(--light);opacity:.75;text-align:center;margin-top:10px;}
@media(max-width:760px){.cs-figure-grid{grid-template-columns:1fr;}}