:root{
  --ink:#080c16;--ink-2:#0d1423;--ink-3:#151d2e;--paper:#f7f7f5;--white:#fff;
  --text:#182033;--muted:#667085;--muted-dark:#a9b4ca;--line:#dfe3ea;--line-dark:#26334d;
  --blue:#2b7cff;--cyan:#21b7e8;--violet:#7558f6;--purple:#9c57e8;--warm:#776e6a;
  --gradient:linear-gradient(100deg,var(--cyan),var(--blue) 48%,var(--violet));
  --shadow:0 24px 70px rgba(9,17,35,.12);--radius:24px;--radius-sm:16px;
  --shell:min(1240px,calc(100% - 40px));--reading:760px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;height:auto}a{color:inherit}button,input,select,textarea{font:inherit}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.08}h1{font-size:clamp(2.75rem,6.2vw,5.65rem)}h2{font-size:clamp(2rem,4vw,3.55rem)}h3{font-size:clamp(1.18rem,2vw,1.5rem)}p{margin-bottom:1.1rem}.site-shell{width:var(--shell);margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:fixed!important;top:12px;left:12px;width:auto;height:auto;padding:12px 16px;background:#fff;color:#000;clip:auto;z-index:99999}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--gradient);z-index:9999}.site-announcement{background:#050812;color:#dce6fb;font-size:.86rem}.site-announcement .site-shell{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.site-announcement a{color:#fff;font-weight:800;text-decoration:none}.site-header{position:sticky;top:0;z-index:100;background:rgba(8,12,22,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-shell{min-height:82px;display:flex;align-items:center;gap:24px}.site-branding{flex:0 0 auto}.techtives-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:1.42rem;font-weight:900;letter-spacing:-.04em}.techtives-logo img{width:42px;height:42px;object-fit:contain}.techtives-logo-header,.techtives-logo-footer{color:#fff}.primary-navigation{margin-left:auto}.primary-navigation ul{list-style:none;margin:0;padding:0}.primary-navigation>.menu{display:flex;align-items:center;gap:6px}.primary-navigation a{display:flex;align-items:center;padding:12px 13px;border-radius:12px;color:#e6eaf2;text-decoration:none;font-weight:750;font-size:.94rem}.primary-navigation a:hover,.primary-navigation .current-menu-item>a,.primary-navigation .current-menu-ancestor>a{background:rgba(255,255,255,.08);color:#fff}.menu-item-has-children{position:relative}.sub-menu{position:absolute;top:calc(100% + 10px);left:0;width:320px;padding:10px!important;background:#10182a;border:1px solid var(--line-dark);border-radius:16px;box-shadow:0 22px 70px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.menu-item-has-children:hover>.sub-menu,.menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.sub-menu a{padding:11px 12px}.header-cta,.button{--mx:0px;--my:0px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:13px 22px;border-radius:999px;text-decoration:none;font-weight:850;line-height:1.15;transform:translate(var(--mx),var(--my));transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.header-cta{margin-left:4px;color:#fff;background:var(--gradient);box-shadow:0 10px 28px rgba(59,111,255,.25)}.menu-toggle{display:none;margin-left:auto;width:48px;height:48px;border:1px solid var(--line-dark);border-radius:13px;background:#10182a}.menu-toggle>span:not(.screen-reader-text){display:block;width:22px;height:2px;margin:5px auto;background:#fff}.site-main{min-height:60vh}.page-wrap{padding:28px 0 96px}.page-wrap-home{padding-top:30px}.breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 0 26px;color:#6e7890;font-size:.9rem}.breadcrumbs a{text-decoration:none;color:#315d9b}.page-entry>.page-hero:first-child{margin-top:0}.page-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:48px;align-items:center;min-height:590px;padding:clamp(38px,6vw,76px);border-radius:34px;background:radial-gradient(circle at 80% 18%,rgba(33,183,232,.16),transparent 34%),radial-gradient(circle at 25% 90%,rgba(117,88,246,.19),transparent 38%),linear-gradient(140deg,#08101f,#0b1325 55%,#07101c);color:#fff;border:1px solid #24324c;overflow:hidden;box-shadow:0 28px 90px rgba(8,16,35,.18)}.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;pointer-events:none}.page-hero>*{position:relative;z-index:1}.hero-copy{max-width:690px}.hero-copy h1{margin-bottom:24px;text-wrap:balance}.hero-lead{max-width:690px;color:#bdc8dc;font-size:clamp(1.08rem,1.6vw,1.27rem);line-height:1.7}.hero-lead strong{color:#fff}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#398cf7;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.page-hero .eyebrow{color:#92dfff}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.hero-badge{display:inline-flex;padding:9px 14px;border:1px solid #304972;border-radius:999px;background:rgba(12,25,46,.6)}.hero-badge:before{width:9px;height:9px;border-radius:50%;background:var(--cyan)}.button-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.button-primary{color:#fff;background:var(--gradient);box-shadow:0 14px 34px rgba(43,124,255,.24)}.button-secondary{color:#fff;border:1px solid #3a4964;background:rgba(7,12,24,.5)}.button-light{color:#0a1020;background:#fff}.button:hover,.header-cta:hover{transform:translate(var(--mx),calc(var(--my) - 2px));box-shadow:0 18px 44px rgba(43,124,255,.3)}.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;color:#c8d3e6;font-size:.9rem;font-weight:750}.hero-proof span:before{content:"✓";margin-right:7px;color:#73d4ff}.hero-dashboard,.hero-visual,.topic-visual{position:relative;margin:0;border:1px solid #354665;border-radius:26px;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));box-shadow:0 25px 80px rgba(0,0,0,.35);overflow:hidden;transition:transform .25s}.hero-dashboard img,.hero-visual img,.topic-visual img{display:block;width:100%;border-radius:18px}.visual-label{position:absolute;top:20px;left:20px;z-index:2;padding:8px 12px;border-radius:999px;background:rgba(7,13,25,.9);border:1px solid #334766;color:#d9e6fb;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.topic-visual-note{display:flex;gap:8px;flex-wrap:wrap;padding:12px 4px 0}.topic-visual-note span{padding:6px 9px;border-radius:999px;background:#eef4ff;color:#28466f;font-size:.78rem;font-weight:800}.standard-page-hero,.compact-hero{min-height:440px}.service-simple-hero,.industry-simple-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.75fr)}.service-marquee{margin:20px 0 0;overflow:hidden;border-block:1px solid var(--line);background:#fff}.service-marquee-track{display:flex;width:max-content;gap:40px;padding:17px 0;animation:marquee 30s linear infinite;color:#29334a;font-weight:850}.service-marquee-track span:after{content:"◆";margin-left:40px;color:#6b65ed;font-size:.6rem}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:28px 0 74px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.trust-strip span{padding:20px;background:#fff;text-align:center;font-weight:800;color:#38445c}.plain-summary{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start;padding:clamp(44px,7vw,84px);margin:36px 0;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.plain-summary-copy p:not(.eyebrow){font-size:1.12rem;color:var(--muted)}.plain-summary-points{display:grid;gap:12px}.plain-summary-points>div{display:grid;gap:4px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fafbfc}.plain-summary-points strong{font-size:1.04rem}.plain-summary-points span{color:var(--muted)}.content-section{padding:clamp(52px,8vw,92px) 0;border-bottom:1px solid var(--line)}.section-heading{max-width:800px;margin-bottom:34px}.section-heading h2{margin-bottom:16px;text-wrap:balance}.section-heading>p:not(.eyebrow){font-size:1.1rem;color:var(--muted)}.compact-heading{margin-bottom:22px}.card-grid,.service-grid,.directory-grid,.post-grid,.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card,.service-card,.directory-card,.post-card,.keyword-link-card{position:relative;padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 40px rgba(16,29,54,.055);overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}.info-card:before,.directory-card:before,.service-card:before{content:"";position:absolute;width:180px;height:180px;left:calc(var(--card-x,50%) - 90px);top:calc(var(--card-y,50%) - 90px);background:radial-gradient(circle,rgba(43,124,255,.12),transparent 68%);opacity:0;transition:opacity .2s;pointer-events:none}.info-card:hover,.directory-card:hover,.service-card:hover,.post-card:hover{transform:translateY(-5px);border-color:#a9c8ff;box-shadow:0 20px 55px rgba(31,74,145,.12)}.info-card:hover:before,.directory-card:hover:before,.service-card:hover:before{opacity:1}.info-card p,.directory-card p,.service-card p,.post-card p{color:var(--muted)}.directory-card,.service-card{text-decoration:none}.card-number{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:22px;border-radius:12px;background:#eef4ff;color:#315fb4;font-weight:900}.text-link{display:inline-flex;gap:6px;align-items:center;color:#1e63c7;text-decoration:none;font-weight:850}.directory-card .text-link{margin-top:8px}.directory-services{grid-template-columns:repeat(3,minmax(0,1fr))}.industry-directory{display:grid;gap:64px}.industry-group{padding-top:16px}.tick-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;padding:0;list-style:none}.tick-list li{position:relative;padding:15px 18px 15px 45px;border:1px solid var(--line);border-radius:14px;background:#fff}.tick-list li:before{content:"✓";position:absolute;left:17px;color:#2c75dd;font-weight:900}.faq-list{display:grid;gap:12px;max-width:880px}.faq-list details{border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 20px}.faq-list summary{cursor:pointer;padding:20px 34px 20px 0;font-weight:850;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list details p{padding:0 0 20px;color:var(--muted)}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links .text-link{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff}.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:clamp(36px,6vw,66px);margin:70px 0 0;border-radius:28px;color:#fff;background:radial-gradient(circle at 90% 0,rgba(33,183,232,.2),transparent 36%),linear-gradient(135deg,#0a1120,#15142e);box-shadow:var(--shadow)}.cta-panel h2{max-width:720px}.cta-panel p{max-width:720px;color:#bcc8db}.cta-panel .eyebrow{color:#8bdcff}.notice-panel,.article-callout{padding:22px;border:1px solid #bfd4f8;border-radius:16px;background:#edf5ff}.legal-copy,.prose,.article-section,.article-intro{max-width:var(--reading)}.prose p,.article-section p,.article-section li,.legal-copy p,.legal-copy li{color:#4f5a70;font-size:1.04rem;line-height:1.8}.article-shell{max-width:980px}.article-header{padding:54px 0 30px}.article-header h1{max-width:930px}.article-meta{color:#707b91}.article-featured-image{margin:32px 0 0;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.article-featured-image img{display:block;width:100%}.article-content{max-width:820px}.article-content h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-top:50px}.article-content h3{margin-top:34px}.article-content a{color:#1f65c9}.post-card{padding:0}.post-card-image{display:block;aspect-ratio:1200/630;overflow:hidden;background:#0b1020}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.post-card:hover .post-card-image img{transform:scale(1.035)}.post-card-copy{padding:24px}.post-card h2,.post-card h3{font-size:1.35rem}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-header{padding:46px 0}.pagination{margin-top:36px}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{padding:9px 13px;border-radius:10px;background:#fff;border:1px solid var(--line);text-decoration:none}.page-numbers.current{background:#111a2d;color:#fff}.form-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;align-items:start}.form-layout-wide{grid-template-columns:.65fr 1.35fr}.techtives-form{display:grid;gap:18px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:grid;gap:8px;color:#252e42;font-weight:750}.form-field input,.form-field select,.form-field textarea{width:100%;padding:14px 15px;border:1px solid #cad2df;border-radius:12px;background:#fff;color:#182033;outline:none}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#4a86e8;box-shadow:0 0 0 4px rgba(43,124,255,.1)}.service-choice-field{border:0;padding:0;margin:0}.service-choice-field legend{margin-bottom:10px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-grid label{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}.check-grid input{width:18px;height:18px}.consent-field{display:flex;gap:10px;align-items:flex-start;color:#59647a;font-size:.92rem}.consent-field input{margin-top:5px}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-list{display:grid;gap:12px;list-style:none;padding:0}.contact-list li{display:grid;gap:3px}.contact-list strong{color:#fff}.contact-list a,.contact-list span{color:#aab7ce}.site-footer{background:#080c16;color:#fff}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:50px;padding:76px 0 52px}.footer-brand p{max-width:390px;color:#aab7ce}.footer-top h2{font-size:1rem;letter-spacing:.02em}.footer-top ul{list-style:none;padding:0}.footer-top li+li{margin-top:9px}.footer-top a{color:#aab7ce;text-decoration:none}.footer-top a:hover{color:#fff}.footer-social{display:flex;gap:8px}.footer-social a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #2c3850;border-radius:10px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid #202b40;color:#8f9cb3;font-size:.86rem}.footer-bottom nav{display:flex;gap:18px}.footer-bottom a{text-decoration:none}.error-404{min-height:620px;display:flex;flex-direction:column;justify-content:center;max-width:760px}.error-404 p:not(.eyebrow){font-size:1.16rem;color:var(--muted)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease;transition-delay:var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1080px){.header-cta{display:none}.page-hero{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:850px}.hero-dashboard,.hero-visual,.topic-visual{max-width:760px}.cols-4{grid-template-columns:repeat(2,1fr)}.directory-grid,.service-grid,.archive-grid,.post-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1.4fr 1fr 1fr}.footer-top>div:last-child{grid-column:1/-1}}
@media(max-width:860px){:root{--shell:min(100% - 28px,1240px)}.site-announcement span{display:none}.site-announcement .site-shell{justify-content:center}.menu-toggle{display:block}.primary-navigation{position:fixed;inset:121px 14px auto;background:#0d1526;border:1px solid #283650;border-radius:18px;padding:12px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.2s;max-height:calc(100vh - 145px);overflow:auto}.primary-navigation.is-open{opacity:1;visibility:visible;transform:none}.primary-navigation>.menu{display:block}.primary-navigation a{padding:14px}.sub-menu{position:static;width:auto;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:rgba(255,255,255,.025);margin:4px 0 8px 12px!important}.page-wrap{padding-bottom:70px}.page-hero{padding:34px 24px;border-radius:24px;gap:30px}.plain-summary,.form-layout,.form-layout-wide{grid-template-columns:1fr}.trust-strip{grid-template-columns:repeat(2,1fr)}.card-grid,.cols-3,.directory-grid,.service-grid,.post-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tick-list{grid-template-columns:1fr}.cta-panel{align-items:flex-start;flex-direction:column}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}}
@media(max-width:620px){body{font-size:15px}.nav-shell{min-height:72px}.techtives-logo{font-size:1.2rem}.techtives-logo img{width:38px;height:38px}.primary-navigation{top:112px}.page-hero{padding:30px 20px}.page-hero h1{font-size:clamp(2.45rem,13vw,3.75rem)}.hero-lead{font-size:1.02rem}.button-row{display:grid}.button{width:100%}.hero-proof{display:grid;gap:9px}.trust-strip,.card-grid,.cols-4,.cols-3,.directory-grid,.service-grid,.post-grid,.archive-grid,.form-row,.check-grid{grid-template-columns:1fr}.plain-summary{padding:30px 20px}.content-section{padding:54px 0}.cta-panel{padding:34px 22px}.footer-top{grid-template-columns:1fr;gap:34px}.footer-brand{grid-column:auto}.footer-bottom nav{flex-wrap:wrap}.site-announcement{font-size:.8rem}.article-header{padding-top:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-marquee-track{animation:none}.reveal{opacity:1;transform:none;transition:none}.hero-dashboard,.hero-visual,.topic-visual,.button,.header-cta{transition:none}}

/* Techtives Stable 5.1: one consistent pre-logo colour system and safer page structure. */
:root{
  --ink:#080c16;--ink-2:#0d1423;--ink-3:#151d2e;--paper:#f7f8fc;--white:#fff;
  --text:#182033;--muted:#667085;--muted-dark:#a9b4ca;--line:#dde4ef;--line-dark:#263a5c;
  --blue:#2b7cff;--cyan:#21b7e8;--violet:#7558f6;--purple:#9c57e8;
  --gradient:linear-gradient(100deg,var(--cyan),var(--blue) 48%,var(--violet));
}
body{background:linear-gradient(180deg,#f7f8fc 0,#fff 44%,#f7f8fc 100%)}
.nav-shell{gap:16px}.techtives-logo{gap:11px;font-size:1.32rem}.techtives-custom-logo{display:block;width:auto;max-width:230px;height:auto;max-height:48px;object-fit:contain}.techtives-fallback-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--gradient);color:#fff;font-weight:950;box-shadow:0 10px 26px rgba(43,124,255,.25)}.techtives-wordmark{line-height:1}.primary-navigation a{padding:11px 10px;font-size:.9rem}.header-cta{padding:12px 18px;font-size:.9rem;white-space:nowrap}
.page-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:42px;min-height:540px}.page-hero h1{font-size:clamp(2.65rem,4.9vw,4.8rem);overflow-wrap:break-word}.page-hero-home h1{font-size:clamp(2.8rem,5.2vw,5rem)}.standard-page-hero:not(.service-simple-hero):not(.industry-simple-hero){grid-template-columns:minmax(0,900px);min-height:390px}.compact-hero{min-height:390px}.form-page-hero,.thank-you-hero{grid-template-columns:minmax(0,850px);min-height:360px}.service-simple-hero,.industry-simple-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr)}
.secondary-eyebrow{display:block;margin:18px 0 10px;color:#60708d;font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.page-hero .secondary-eyebrow{margin-top:-8px;color:#b3c0d6}.secondary-eyebrow:before{display:none}.page-entry>.secondary-eyebrow{max-width:var(--reading);margin:42px auto 8px;text-align:center}
.seo-ready-intro,.ninety-day-plan,.yoast-keyphrase-section,.keyphrase-conclusion,.reader-action-plan{position:relative}.seo-ready-intro:before,.ninety-day-plan:before{content:"";position:absolute;inset:18px 0;border-radius:26px;background:linear-gradient(135deg,rgba(43,124,255,.045),rgba(117,88,246,.035));border:1px solid rgba(43,124,255,.1);z-index:-1}.article-feature-visual{margin:0 0 34px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#0a1020;box-shadow:var(--shadow)}.article-feature-visual img{display:block;width:100%;max-height:520px;object-fit:cover}.article-feature-visual figcaption{padding:12px 16px;background:#fff;color:var(--muted);font-size:.88rem}.compact-cta{margin-top:46px;padding:34px 40px}.compact-cta h2{font-size:clamp(1.8rem,3vw,2.6rem)}
.content-section{scroll-margin-top:120px}.page-entry>.content-section,.page-entry>.plain-summary,.page-entry>.trust-strip,.page-entry>.cta-panel,.page-entry>.service-marquee{position:relative}.directory-card,.info-card,.post-card,.service-card{height:100%}.directory-card{display:flex;flex-direction:column}.directory-card .text-link{margin-top:auto}.topic-visual{max-width:620px;justify-self:end}.topic-visual img{aspect-ratio:900/680;object-fit:cover}.hero-dashboard{max-width:720px;justify-self:end}.hero-dashboard img{aspect-ratio:855/720;object-fit:cover}
.form-layout{padding:34px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.72);box-shadow:0 18px 55px rgba(16,29,54,.07)}.techtives-form{min-width:0}.check-grid label{min-width:0}.check-grid span{overflow-wrap:anywhere}
.site-footer .techtives-custom-logo{max-height:52px}.site-footer .techtives-fallback-mark{box-shadow:none}.site-footer .techtives-wordmark{color:#fff}
@media(max-width:1180px){.header-cta{display:none}.primary-navigation a{padding-inline:9px}.page-hero{grid-template-columns:1fr}.hero-dashboard,.hero-visual,.topic-visual{justify-self:start;max-width:760px}.service-simple-hero,.industry-simple-hero{grid-template-columns:1fr}.page-hero h1,.page-hero-home h1{font-size:clamp(2.65rem,7vw,4.8rem)}}
@media(max-width:860px){.techtives-custom-logo{max-width:190px;max-height:42px}.form-layout{padding:22px}.page-hero{gap:28px}.page-hero h1,.page-hero-home h1{font-size:clamp(2.5rem,9vw,4.1rem)}}
@media(max-width:620px){.techtives-custom-logo{max-width:155px;max-height:38px}.techtives-wordmark{font-size:1.12rem}.techtives-fallback-mark{width:38px;height:38px}.standard-page-hero:not(.service-simple-hero):not(.industry-simple-hero),.compact-hero,.form-page-hero,.thank-you-hero{min-height:0}.form-layout{padding:16px}.compact-cta{padding:30px 22px}}
.vision-hero,.services-hero,.industry-hero{isolation:isolate}
.admin-bar .site-header{top:32px}.admin-bar .primary-navigation{scroll-margin-top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}@media(max-width:860px){.admin-bar .primary-navigation{top:158px}}@media(max-width:620px){.admin-bar .primary-navigation{top:151px}}

/* ================================================================
   Techtives Navy 5.4 — consistent dark design, responsive split heroes & motion
   ================================================================ */
:root{
  --ink:#060a14;
  --ink-2:#0a1120;
  --ink-3:#0f1a2f;
  --paper:#060a14;
  --white:#ffffff;
  --text:#f5f8ff;
  --muted:#aebbd2;
  --muted-dark:#92a1bc;
  --line:rgba(126,157,208,.20);
  --line-dark:rgba(126,157,208,.28);
  --blue:#2f7df4;
  --cyan:#24b7ea;
  --violet:#7a5af8;
  --purple:#9f62ee;
  --gradient:linear-gradient(100deg,var(--cyan),var(--blue) 50%,var(--violet));
  --shadow:0 26px 80px rgba(0,0,0,.34);
  --radius:24px;
  --radius-sm:16px;
  --shell:min(1320px,calc(100% - 40px));
  --reading:760px;
}
html{background:var(--ink)}
body{
  background:
    radial-gradient(circle at 8% 3%,rgba(122,90,248,.12),transparent 28rem),
    radial-gradient(circle at 92% 20%,rgba(36,183,234,.10),transparent 34rem),
    linear-gradient(180deg,#060a14 0%,#07101e 46%,#060a14 100%);
  color:var(--text);
  font-size:16px;
  line-height:1.68;
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;opacity:.25;
  background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 78%);
}
a{color:#8bdcff}.site-main{overflow:hidden}.site-shell{width:var(--shell)}
h1,h2,h3{color:#fff;letter-spacing:-.045em;text-wrap:balance}
h1{font-size:clamp(2.6rem,4.7vw,4.65rem);line-height:1.02}
h2{font-size:clamp(1.9rem,3.4vw,3.05rem);line-height:1.12}
h3{font-size:clamp(1.08rem,1.7vw,1.35rem);line-height:1.25}
p,li{color:var(--muted)}
.prose,.article-content,.legal-copy{max-width:var(--reading)}
.prose p,.prose li,.article-content p,.article-content li,.legal-copy p,.legal-copy li{font-size:1rem;line-height:1.78}

.site-announcement{background:#040812;border-bottom:1px solid rgba(255,255,255,.07);color:#b8c7df}
.site-announcement a{color:#fff}
.site-header{background:rgba(6,10,20,.82);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:none}
.site-header.is-scrolled{background:rgba(6,10,20,.94);box-shadow:0 16px 50px rgba(0,0,0,.30)}
.nav-shell{min-height:78px}.techtives-logo{font-size:1.27rem}.techtives-fallback-mark{background:var(--gradient)}
.primary-navigation a{color:#dce5f5;font-size:.9rem;padding:11px 11px}
.primary-navigation a:hover,.primary-navigation .current-menu-item>a,.primary-navigation .current-menu-ancestor>a{background:rgba(68,112,191,.18);color:#fff}
.sub-menu{background:rgba(9,16,31,.98);border-color:var(--line-dark)}
.header-cta{background:var(--gradient);color:#fff;box-shadow:0 12px 34px rgba(47,125,244,.22)}
.menu-toggle{background:#0d172a;border-color:var(--line-dark)}

.page-wrap{padding:24px 0 88px}.page-wrap-home{padding-top:24px}
.breadcrumbs{color:#8190aa}.breadcrumbs a{color:#8db9ee}
.page-hero{
  grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);
  gap:clamp(34px,5vw,68px);min-height:570px;
  padding:clamp(38px,5vw,66px);
  background:
    radial-gradient(circle at 82% 16%,rgba(36,183,234,.14),transparent 34%),
    radial-gradient(circle at 25% 92%,rgba(122,90,248,.17),transparent 38%),
    linear-gradient(140deg,#081020,#0a1529 58%,#07101d);
  border-color:rgba(122,157,214,.32);box-shadow:0 28px 85px rgba(0,0,0,.28);
}
.page-hero:before{opacity:.75;background-size:56px 56px;animation:gridDrift 20s linear infinite}
.page-hero-home h1{font-size:clamp(2.8rem,5vw,4.8rem);max-width:760px}
.service-simple-hero h1,.industry-simple-hero h1{font-size:clamp(2.35rem,4.1vw,4rem);max-width:760px}
.standard-page-hero:not(.service-simple-hero):not(.industry-simple-hero) h1{font-size:clamp(2.4rem,4.2vw,4.15rem)}
.hero-lead{font-size:clamp(1.02rem,1.35vw,1.16rem);line-height:1.72;color:#b9c7dc;max-width:660px}
.eyebrow{color:#72d9ff}.page-hero .eyebrow{color:#83dfff}
.hero-badge{background:rgba(8,20,40,.66);border-color:rgba(86,145,222,.38)}
.button{min-height:50px;padding:12px 20px}.button-primary{background:var(--gradient);color:#fff}.button-secondary{background:rgba(7,14,28,.64);border-color:rgba(134,164,216,.34);color:#fff}.button-light{background:var(--gradient);color:#fff}
.hero-proof{color:#b9c6db}.hero-proof span:before{color:#62cbff}
.hero-dashboard,.hero-visual,.topic-visual{
  max-width:650px;justify-self:end;border-color:rgba(114,150,211,.36);
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));
  box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 60px rgba(47,125,244,.10);
  animation:visualFloat 6.5s ease-in-out infinite;
}
.hero-dashboard:after,.topic-visual:after{
  content:"";position:absolute;inset:-45% auto -45% -35%;width:34%;transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);
  animation:visualShine 7s ease-in-out infinite;pointer-events:none;
}
.hero-dashboard img,.hero-visual img,.topic-visual img{background:#071123}
.visual-label{background:rgba(5,11,23,.88);border-color:rgba(116,157,219,.35)}
.topic-visual-note span{background:rgba(42,79,139,.22);color:#cfe8ff;border:1px solid rgba(111,157,222,.25)}

.service-marquee{background:#080f1e;border-color:var(--line)}
.service-marquee-track{color:#d3dff1}.service-marquee-track span:after{color:#6d8fff}
.trust-strip{background:var(--line);border-color:var(--line)}
.trust-strip span{background:#0b1425;color:#dbe6f7}
.plain-summary,.content-section,.form-layout,.notice-panel,.cta-panel,.archive-header,.article-header{color:var(--text)}
.plain-summary{background:linear-gradient(145deg,#0b1426,#0c172a);border-color:var(--line);box-shadow:var(--shadow);padding:clamp(38px,5.5vw,66px)}
.plain-summary-copy p:not(.eyebrow),.plain-summary-points span,.section-heading>p:not(.eyebrow){color:var(--muted)}
.plain-summary-points>div{background:#0a1324;border-color:var(--line)}
.content-section{border-color:var(--line);padding:clamp(46px,6vw,76px) 0}
.section-heading{max-width:760px;margin-bottom:28px}
.section-heading>p:not(.eyebrow){font-size:1.04rem}
.info-card,.service-card,.directory-card,.post-card,.keyword-link-card{
  background:linear-gradient(145deg,#0c1629,#0a1323);border-color:var(--line);
  box-shadow:0 14px 44px rgba(0,0,0,.19);padding:23px;
}
.info-card:hover,.service-card:hover,.directory-card:hover,.post-card:hover,.keyword-link-card:hover{border-color:rgba(79,144,241,.58);box-shadow:0 22px 60px rgba(0,0,0,.30),0 0 35px rgba(47,125,244,.10)}
.info-card p,.service-card p,.directory-card p,.post-card p,.keyword-link-card p{color:var(--muted)}
.info-card:before,.directory-card:before,.service-card:before{background:radial-gradient(circle,rgba(47,125,244,.12),transparent 68%)}
.card-number{color:#76cfff}.text-link{color:#8bdcff}
.tick-list li{background:#0b1425;border-color:var(--line);color:#c9d6e9}.tick-list li:before{background:rgba(36,183,234,.18);color:#76dcff}
.faq-list details{background:#0b1425;border-color:var(--line)}.faq-list summary{color:#fff}.faq-list details p{color:var(--muted)}
.related-links .text-link,.page-numbers{background:#0a1426;border-color:var(--line);color:#bfe6ff}
.pagination .current{background:var(--gradient);color:#fff}
.article-feature-visual{background:#07101f;border-color:var(--line)}.article-feature-visual figcaption{background:#0a1323;color:var(--muted)}
.article-header,.archive-header{max-width:900px}.article-header h1,.archive-header h1{font-size:clamp(2.35rem,4.5vw,4.2rem)}
.article-meta{color:#8f9db5}.article-callout{background:linear-gradient(135deg,rgba(47,125,244,.12),rgba(122,90,248,.10));border-color:var(--line)}
.form-layout{background:linear-gradient(145deg,#0b1426,#0c172a);border-color:var(--line);box-shadow:var(--shadow)}
.techtives-form{background:#0a1324;border-color:var(--line);box-shadow:none}
.form-field{color:#e8effb}.form-field input,.form-field select,.form-field textarea{background:#07101f;color:#f4f7ff;border-color:rgba(122,157,214,.32)}
.form-field input::placeholder,.form-field textarea::placeholder{color:#72809a}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#4d91f7;box-shadow:0 0 0 4px rgba(47,125,244,.14)}
.check-grid label{background:#081222;border-color:var(--line);color:#dce7f7}.consent-field{color:#9eabc0}
.cta-panel{background:linear-gradient(125deg,#0c1b34,#13214b 58%,#251953);border-color:rgba(122,157,214,.32);box-shadow:var(--shadow)}
.cta-panel p{color:#c3cee0}
.site-footer{background:#040812;border-top:1px solid rgba(255,255,255,.07)}
.footer-top a,.footer-brand p,.contact-list a,.contact-list span{color:#aebbd2}.footer-top a:hover{color:#fff}
.footer-bottom{border-color:rgba(255,255,255,.09);color:#8492a8}
.error-404 p:not(.eyebrow){color:var(--muted)}

@keyframes gridDrift{to{background-position:56px 56px}}
@keyframes visualFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes visualShine{0%,62%{left:-45%;opacity:0}70%{opacity:1}88%{left:120%;opacity:0}100%{left:120%;opacity:0}}

@media(max-width:1180px){
  .page-hero{grid-template-columns:1fr;min-height:0}
  .hero-dashboard,.hero-visual,.topic-visual{justify-self:start;max-width:min(760px,100%)}
  .page-hero-home h1,.service-simple-hero h1,.industry-simple-hero h1{font-size:clamp(2.55rem,6.5vw,4.35rem)}
}
@media(max-width:860px){
  :root{--shell:min(100% - 28px,1320px)}
  .page-hero{padding:32px 24px}.content-section{padding:50px 0}
  .hero-dashboard,.hero-visual,.topic-visual{animation-duration:8s}
}
@media(max-width:620px){
  body{font-size:15px}.page-hero{padding:28px 19px;border-radius:22px}
  .page-hero h1,.page-hero-home h1,.service-simple-hero h1,.industry-simple-hero h1{font-size:clamp(2.15rem,11vw,3.3rem);line-height:1.04}
  h2{font-size:clamp(1.75rem,8vw,2.45rem)}
  .plain-summary{padding:28px 20px}.info-card,.service-card,.directory-card,.post-card,.keyword-link-card{padding:20px}
  .hero-dashboard,.hero-visual,.topic-visual{animation:none}
}
@media(prefers-reduced-motion:reduce){.page-hero:before,.hero-dashboard,.hero-visual,.topic-visual,.hero-dashboard:after,.topic-visual:after{animation:none!important}}
.motion-orb{position:fixed;width:34rem;height:34rem;border-radius:50%;pointer-events:none;z-index:-2;filter:blur(95px);opacity:.13;will-change:transform}
.motion-orb-one{left:-17rem;top:6rem;background:var(--violet)}
.motion-orb-two{right:-18rem;top:34rem;background:var(--cyan)}
.pointer-glow{position:fixed;left:0;top:0;width:390px;height:390px;border-radius:50%;pointer-events:none;z-index:-2;opacity:.08;filter:blur(72px);background:radial-gradient(circle,var(--blue),transparent 68%);transform:translate3d(-9999px,-9999px,0)}
@media(max-width:860px){.pointer-glow{display:none}.motion-orb{opacity:.08}}
.notice-panel,.article-callout{background:linear-gradient(135deg,rgba(47,125,244,.12),rgba(122,90,248,.09));border-color:var(--line);color:var(--text)}
.card-number{background:rgba(47,125,244,.16);color:#83d8ff;border:1px solid rgba(92,151,235,.22)}


/* === Techtives Navy 5.4: responsive split heroes and page-specific visuals === */
.page-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr)!important;
  gap:clamp(34px,4.5vw,72px)!important;
  align-items:center!important;
  min-height:clamp(520px,66vh,680px)!important;
}
.page-hero .hero-copy{grid-column:1!important;grid-row:1!important;min-width:0;max-width:720px}
.page-hero .hero-media,.page-hero .page-specific-visual{
  grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:end!important;
  width:min(100%,650px)!important;max-width:650px!important;margin:0!important;
}
.page-hero .hero-media img,.page-hero .page-specific-visual img{display:block;width:100%;height:auto;aspect-ratio:900/680;object-fit:contain!important;border-radius:18px}
.page-hero-home h1{font-size:clamp(2.75rem,4.3vw,4.55rem)!important;line-height:1.03;max-width:700px}
.service-simple-hero h1,.industry-simple-hero h1{font-size:clamp(2.35rem,3.35vw,3.65rem)!important;line-height:1.04;max-width:720px}
.standard-page-hero:not(.service-simple-hero):not(.industry-simple-hero) h1{font-size:clamp(2.35rem,3.55vw,3.85rem)!important;line-height:1.04}
.page-hero .hero-lead{max-width:650px}
.page-specific-visual{transform-origin:center;will-change:transform}
@media (min-width:1051px){
  .page-hero .page-specific-visual{animation:heroVisualFloat 6.8s ease-in-out infinite}
  .page-hero:hover .page-specific-visual{border-color:rgba(100,177,255,.58);box-shadow:0 34px 100px rgba(0,0,0,.48),0 0 70px rgba(47,125,244,.15)}
}
@keyframes heroVisualFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media (max-width:1050px){
  .page-hero{grid-template-columns:1fr!important;min-height:0!important;gap:32px!important}
  .page-hero .hero-copy{grid-column:1!important;grid-row:1!important;max-width:820px}
  .page-hero .hero-media,.page-hero .page-specific-visual{grid-column:1!important;grid-row:2!important;justify-self:center!important;width:min(100%,720px)!important;max-width:720px!important}
  .page-hero-home h1,.service-simple-hero h1,.industry-simple-hero h1,.standard-page-hero h1{font-size:clamp(2.45rem,7vw,4rem)!important}
}
@media (max-width:620px){
  .page-hero{padding:26px 18px!important;gap:24px!important;border-radius:22px!important}
  .page-hero-home h1,.service-simple-hero h1,.industry-simple-hero h1,.standard-page-hero h1{font-size:clamp(2.05rem,10.5vw,3.05rem)!important;line-height:1.04!important}
  .page-hero .hero-lead{font-size:1rem!important;line-height:1.65!important}
  .page-hero .hero-media,.page-hero .page-specific-visual{width:100%!important;padding:8px!important;border-radius:20px!important;animation:none!important}
  .page-hero .hero-media img,.page-hero .page-specific-visual img{border-radius:14px!important}
}
@media (prefers-reduced-motion:reduce){.page-specific-visual{animation:none!important}}


/* === Techtives Navy 5.4: distraction-free audit form === */
.techtives-audit-page .site-announcement,
.techtives-audit-page .breadcrumbs{display:none!important}
.techtives-audit-page .page-wrap{padding-top:clamp(28px,5vw,64px);padding-bottom:clamp(64px,8vw,110px)}
.audit-form-only{width:min(100%,940px);margin-inline:auto}
.audit-form-card{padding:clamp(24px,4vw,44px);border:1px solid rgba(122,157,214,.26);border-radius:28px;background:radial-gradient(circle at 88% 8%,rgba(36,183,234,.10),transparent 30%),linear-gradient(145deg,#0b1426,#081120);box-shadow:0 30px 90px rgba(0,0,0,.36)}
.audit-form-heading{max-width:720px;margin:0 auto 26px;text-align:center}
.audit-form-heading .eyebrow{justify-content:center}
.audit-form-heading h1{margin-bottom:14px;font-size:clamp(2.05rem,4.5vw,3.8rem);line-height:1.04;text-wrap:balance}
.audit-form-heading p:not(.eyebrow){margin:0;color:#aebbd0;font-size:1.02rem}
.audit-request-form{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.audit-request-form .button{width:100%;margin-top:2px}
@media(max-width:620px){
  .techtives-audit-page .page-wrap{padding-top:22px;padding-bottom:64px}
  .audit-form-card{padding:22px 16px;border-radius:22px}
  .audit-form-heading{margin-bottom:22px;text-align:left}
  .audit-form-heading .eyebrow{justify-content:flex-start}
  .audit-form-heading h1{font-size:clamp(2rem,10.5vw,2.75rem)}
  .audit-request-form{gap:16px}
}


/* ================================================================
   Techtives Navy 5.5 — mobile navigation, touch targets & form UX
   ================================================================ */
a,button,.directory-card,.service-card,.post-card{touch-action:manipulation;-webkit-tap-highlight-color:rgba(36,183,234,.16)}
.primary-navigation,.primary-navigation *{box-sizing:border-box}
.submenu-toggle{display:none}
.directory-card,.service-card,.post-card,.keyword-link-card{isolation:isolate;z-index:0}
.directory-card>* ,.service-card>* ,.post-card>* ,.keyword-link-card>*{position:relative;z-index:1}
.directory-card:before,.service-card:before,.info-card:before{z-index:0;pointer-events:none!important}
.motion-orb,.pointer-glow,.page-hero:before,.hero-dashboard:after,.topic-visual:after{pointer-events:none!important}

/* Reveal motion is progressive enhancement; content is visible by default. */
.reveal{opacity:1;transform:none}
.motion-ready .reveal{opacity:0;transform:translateY(18px)}
.motion-ready .reveal.is-visible{opacity:1;transform:none}

/* Direct form pages: one clear action, no distracting content. */
.page-slug-contact .page-wrap,.page-slug-free-marketing-audit .page-wrap{max-width:920px;padding-top:clamp(28px,5vw,64px)}
.direct-form-page{width:100%;margin:0 auto}
.direct-form-card{padding:clamp(24px,5vw,52px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#0b1426,#0c172a);box-shadow:var(--shadow)}
.direct-form-heading{max-width:680px;margin:0 auto 28px;text-align:center}
.direct-form-heading .eyebrow{justify-content:center}
.direct-form-heading h1{font-size:clamp(2rem,5vw,3.65rem);margin-bottom:14px}
.direct-form-heading p{color:var(--muted);font-size:1.04rem}
.direct-form-card .techtives-form{max-width:720px;margin:0 auto}
.audit-form-only{width:100%;margin:0 auto}
.audit-form-card{padding:clamp(24px,5vw,52px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#0b1426,#0c172a);box-shadow:var(--shadow)}
.audit-form-heading{max-width:680px;margin:0 auto 28px;text-align:center}
.audit-form-heading .eyebrow{justify-content:center}
.audit-form-heading h1{font-size:clamp(2rem,5vw,3.65rem);margin-bottom:14px}
.audit-form-heading p{color:var(--muted)}
.audit-form-card .techtives-form{max-width:720px;margin:0 auto}

/* Remove oversized empty space from directory pages. */
.industry-directory{gap:clamp(36px,5vw,58px)}
.industry-group{padding-top:0;margin:0}
.industry-group .section-heading{margin-bottom:18px}
.page-slug-industries .content-section{padding-block:clamp(38px,5vw,64px)}
.page-slug-industries .page-hero{min-height:auto!important}

@media (max-width:860px){
  body.menu-open{overflow:hidden;overscroll-behavior:none}
  .site-header{z-index:1000}
  .primary-navigation{
    position:fixed!important;top:118px!important;right:12px!important;bottom:12px!important;left:12px!important;
    width:auto!important;max-height:none!important;margin:0!important;padding:10px!important;overflow-y:auto!important;overflow-x:hidden!important;
    border:1px solid rgba(126,157,208,.34)!important;border-radius:18px!important;background:#081222!important;
    box-shadow:0 28px 90px rgba(0,0,0,.62)!important;z-index:1001!important;overscroll-behavior:contain;
  }
  .admin-bar .primary-navigation{top:164px!important}
  .primary-navigation>.menu{display:block!important;width:100%}
  .primary-navigation .menu>li{width:100%;margin:0;border-bottom:1px solid rgba(126,157,208,.13)}
  .primary-navigation .menu>li:last-child{border-bottom:0}
  .primary-navigation .menu>li>a{position:relative;display:flex!important;align-items:center;min-height:50px;width:100%;padding:13px 54px 13px 14px!important;border-radius:12px;line-height:1.25;z-index:2}
  .primary-navigation .menu>li:not(.menu-item-has-children)>a{padding-right:14px!important}
  .menu-item-has-children{display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;align-items:start!important}
  .menu-item-has-children>a{grid-column:1/3;grid-row:1}
  .submenu-toggle{display:grid;grid-column:2;grid-row:1;place-items:center;align-self:center;justify-self:end;width:42px;height:42px;margin:4px 4px 0 0;padding:0;border:1px solid rgba(126,157,208,.26);border-radius:11px;background:#0d1a30;color:#dce9fb;z-index:3;cursor:pointer}
  .submenu-toggle>span[aria-hidden="true"]{font-size:1.15rem;line-height:1;transition:transform .18s ease}
  .submenu-toggle[aria-expanded="true"]>span[aria-hidden="true"]{transform:rotate(180deg)}
  .primary-navigation .sub-menu{display:none!important;grid-column:1/3;position:static!important;width:100%!important;margin:2px 0 10px!important;padding:7px!important;opacity:1!important;visibility:visible!important;transform:none!important;border:1px solid rgba(126,157,208,.14)!important;border-radius:13px!important;background:#07101f!important;box-shadow:none!important}
  .primary-navigation .submenu-open>.sub-menu{display:block!important}
  .primary-navigation .sub-menu li{width:100%;margin:0}
  .primary-navigation .sub-menu a{display:flex!important;align-items:center;min-height:47px;width:100%;padding:11px 12px!important;border-radius:10px!important;line-height:1.3;white-space:normal;position:relative;z-index:2}
  .primary-navigation a:active{background:rgba(47,125,244,.22)!important}

  /* Mobile content must never be hidden by animation. */
  .motion-ready .reveal,.reveal{opacity:1!important;transform:none!important;transition:none!important}
  .card-grid,.cols-3,.cols-4,.directory-grid,.directory-services,.service-grid,.post-grid,.archive-grid{grid-template-columns:1fr!important;gap:15px!important}
  .directory-card,.service-card,.post-card,.keyword-link-card{min-height:0!important;transform:none!important}
  .directory-card:hover,.service-card:hover,.post-card:hover,.keyword-link-card:hover,.info-card:hover{transform:none!important}
  .page-hero{min-height:0!important;gap:24px!important}
  .page-hero .hero-media,.page-hero .page-specific-visual{min-height:0!important;margin:0 auto!important}
  .industry-directory{gap:34px!important}
  .content-section{min-height:0!important}
  .plain-summary{min-height:0!important}
  .form-row{grid-template-columns:1fr!important}
  .direct-form-card,.audit-form-card{padding:24px 18px;border-radius:22px}
  .techtives-form{padding:18px!important}
}

@media (max-width:782px){.admin-bar .primary-navigation{top:164px!important}}
@media (max-width:620px){
  :root{--shell:min(100% - 24px,1320px)}
  .site-announcement .site-shell{padding-block:7px}
  .nav-shell{min-height:70px}
  .primary-navigation{top:104px!important;right:8px!important;bottom:8px!important;left:8px!important}
  .admin-bar .primary-navigation{top:150px!important}
  .page-wrap{padding-top:18px;padding-bottom:56px}
  .direct-form-heading h1,.audit-form-heading h1{font-size:clamp(1.85rem,9vw,2.75rem)}
  .check-grid{grid-template-columns:1fr!important}
}

@media (pointer:coarse){
  .directory-card,.service-card,.post-card,.keyword-link-card,.info-card,.button,.header-cta{transform:none!important}
  .directory-card:before,.service-card:before,.info-card:before{display:none!important}
}


/* ================================================================
   Techtives Navy 5.6 — final mobile navigation and page QA fixes
   ================================================================ */
.industry-directory{gap:clamp(28px,4vw,44px)!important}
.industry-group{padding:0!important;margin:0!important}
.industry-group-heading{margin:0 0 16px;padding:0}
.industry-group-heading h3{margin:0;font-size:clamp(1.35rem,2.2vw,1.85rem);color:#f5f8ff;letter-spacing:-.025em}
#industry-pages>.section-heading{margin-bottom:22px!important}
.page-slug-industries #industry-pages{padding-top:clamp(34px,4vw,54px)!important}
.page-slug-industries #industry-pages .directory-grid{margin-top:0!important}

/* Make every mobile link a separate, non-overlapping touch target. */
@media(max-width:860px){
  .primary-navigation .menu-item,.primary-navigation .sub-menu li{position:relative!important;isolation:isolate}
  .primary-navigation .menu-item>a,.primary-navigation .sub-menu a{pointer-events:auto!important;touch-action:manipulation!important}
  .primary-navigation .sub-menu a::before,.primary-navigation .sub-menu a::after{pointer-events:none!important}
  .primary-navigation .sub-menu li+li{margin-top:2px!important}
  .primary-navigation .sub-menu a{min-height:48px!important}
  .industry-directory{gap:28px!important}
  .industry-group-heading{margin-bottom:12px!important}
  .industry-group-heading h3{font-size:1.35rem!important}
  #industry-pages>.section-heading{margin-bottom:18px!important}
}

/* Contact and audit pages contain only their direct form experience. */
.page-slug-contact .page-entry,.page-slug-free-marketing-audit .page-entry{max-width:920px;margin-inline:auto}
.page-slug-contact .site-main,.page-slug-free-marketing-audit .site-main{min-height:70vh}


/* ================================================================
   Techtives Navy 5.7 — reliable mobile header navigation
   This final block intentionally overrides all earlier menu rules.
   ================================================================ */
.menu-toggle{position:relative;cursor:pointer;-webkit-appearance:none;appearance:none;color:#fff}
.menu-toggle>span:not(.screen-reader-text){pointer-events:none;transition:transform .2s ease,opacity .2s ease}
.menu-toggle[aria-expanded="true"]>span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"]>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:860px){
  .site-header{overflow:visible!important;z-index:10000!important}
  .nav-shell{position:relative!important;min-width:0}
  .site-branding{min-width:0;max-width:calc(100% - 64px)}
  .menu-toggle{
    display:block!important;flex:0 0 48px!important;margin-left:auto!important;z-index:10004!important;
    pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(36,183,234,.22)!important;
  }
  .primary-navigation{
    position:absolute!important;top:calc(100% + 8px)!important;right:0!important;bottom:auto!important;left:0!important;
    width:100%!important;max-height:calc(100dvh - 110px)!important;margin:0!important;padding:10px!important;
    overflow-y:auto!important;overflow-x:hidden!important;border:1px solid rgba(126,157,208,.34)!important;
    border-radius:18px!important;background:#081222!important;box-shadow:0 28px 90px rgba(0,0,0,.68)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px)!important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;z-index:10003!important;
    overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch;
  }
  .primary-navigation.is-open{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
  }
  .admin-bar .primary-navigation{top:calc(100% + 8px)!important}
  .primary-navigation>.menu{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  .primary-navigation .menu>li{display:block!important;width:100%!important;margin:0!important}
  .primary-navigation .menu-item-has-children{
    display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;align-items:start!important;
  }
  .primary-navigation .menu-item-has-children>a{
    grid-column:1/3!important;grid-row:1!important;padding-right:56px!important;
  }
  .primary-navigation .submenu-toggle{
    display:grid!important;grid-column:2!important;grid-row:1!important;place-items:center!important;
    align-self:center!important;justify-self:end!important;width:42px!important;height:42px!important;margin:4px 4px 0 0!important;
    padding:0!important;border:1px solid rgba(126,157,208,.28)!important;border-radius:11px!important;
    background:#0d1a30!important;color:#dce9fb!important;z-index:5!important;pointer-events:auto!important;
    touch-action:manipulation!important;-webkit-appearance:none;appearance:none;cursor:pointer!important;
  }
  .primary-navigation .submenu-toggle span{pointer-events:none!important}
  .primary-navigation .sub-menu{
    display:none!important;grid-column:1/3!important;position:static!important;width:100%!important;margin:2px 0 10px!important;
    padding:7px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
    border:1px solid rgba(126,157,208,.14)!important;border-radius:13px!important;background:#07101f!important;box-shadow:none!important;
  }
  .primary-navigation .submenu-open>.sub-menu{display:block!important}
  .primary-navigation a{pointer-events:auto!important;touch-action:manipulation!important}
}

@media(max-width:620px){
  .menu-toggle{width:46px!important;height:46px!important;flex-basis:46px!important}
  .primary-navigation{top:calc(100% + 6px)!important;max-height:calc(100dvh - 92px)!important}
}

/* ================================================================
   Techtives Navy 5.8 — compact mobile dropdowns, readable copy,
   lead inbox support and editable case-study library
   ================================================================ */
:root{
  --muted:#c5d1e4;
  --muted-dark:#adbad0;
}
body p,body li,.info-card p,.service-card p,.directory-card p,.post-card p,.keyword-link-card p,
.plain-summary-copy p:not(.eyebrow),.plain-summary-points span,.section-heading>p:not(.eyebrow),
.faq-list details p,.article-content p,.article-content li,.legal-copy p,.legal-copy li,
.direct-form-heading p,.audit-form-heading p,.cta-panel p,.footer-brand p{
  color:#c5d1e4;
}
.hero-lead{color:#cbd7e8!important}
.article-meta,.breadcrumbs,.footer-bottom{color:#aab9d0}
.form-field input::placeholder,.form-field textarea::placeholder{color:#93a2bb}

/* Parent label and dropdown button remain on one compact row. */
@media(max-width:860px){
  .primary-navigation .menu-item-has-children{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
    grid-template-areas:"parent-link parent-toggle" "submenu submenu"!important;
    align-items:center!important;
    min-height:52px!important;
  }
  .primary-navigation .menu-item-has-children>a{
    grid-area:parent-link!important;
    grid-column:1!important;
    grid-row:1!important;
    min-height:50px!important;
    width:100%!important;
    padding:13px 10px 13px 14px!important;
    align-self:center!important;
  }
  .primary-navigation .submenu-toggle{
    grid-area:parent-toggle!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:center!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
  }
  .primary-navigation .menu-item-has-children>.sub-menu{
    grid-area:submenu!important;
    grid-column:1/3!important;
    grid-row:2!important;
    margin:4px 0 10px!important;
  }
}

/* Clean public case-studies page. */
.case-study-disclosure{
  margin:34px 0 0;
  padding:clamp(28px,4vw,46px);
  border:1px solid rgba(126,157,208,.24);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(47,125,244,.10),rgba(122,90,248,.08)),#0a1426;
}
.case-study-disclosure h2{max-width:820px;margin-bottom:14px;font-size:clamp(1.8rem,3vw,2.75rem)}
.case-study-disclosure p:last-child{max-width:900px;margin-bottom:0}
.case-studies-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.case-study-card{
  display:flex;flex-direction:column;min-width:0;overflow:hidden;
  border:1px solid var(--line);border-radius:22px;
  background:linear-gradient(145deg,#0c1629,#091222);
  box-shadow:0 16px 50px rgba(0,0,0,.24);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.case-study-card:hover{transform:translateY(-4px);border-color:rgba(79,144,241,.58);box-shadow:0 24px 68px rgba(0,0,0,.34)}
.case-study-card-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#07101f;border-bottom:1px solid var(--line)}
.case-study-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.case-study-card:hover .case-study-card-media img{transform:scale(1.025)}
.case-study-card-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:3rem;color:#7ddcff;background:radial-gradient(circle at 70% 30%,rgba(36,183,234,.20),transparent 35%),linear-gradient(145deg,#0c1c36,#111d46)}
.case-study-card-copy{display:flex;flex:1;flex-direction:column;padding:22px}
.case-study-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.case-study-card-meta span,.case-study-single-meta span{
  display:inline-flex;align-items:center;padding:6px 10px;border:1px solid rgba(126,157,208,.24);
  border-radius:999px;background:rgba(47,125,244,.10);color:#cde6ff;font-size:.76rem;font-weight:800;
}
.case-study-card-meta .example-label,.case-study-single-meta .example-label{background:rgba(122,90,248,.14);color:#decfff}
.case-study-card h2{margin:0 0 12px;font-size:clamp(1.25rem,1.8vw,1.55rem);line-height:1.18;letter-spacing:-.03em}
.case-study-card h2 a{text-decoration:none;color:#fff}
.case-study-card p{font-size:.96rem;line-height:1.65}
.case-study-highlight{padding:12px;border-left:3px solid #31b8eb;background:rgba(36,183,234,.07);border-radius:0 10px 10px 0}
.case-study-services{margin-top:auto;color:#9fb7d6!important;font-size:.86rem!important;font-weight:700}
.case-study-card .text-link{margin-top:8px}

/* Single case study. */
.single-case-study-wrap{max-width:1240px}
.case-study-single-hero{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(34px,5vw,70px);align-items:center;
  padding:clamp(34px,5vw,68px);border:1px solid rgba(126,157,208,.28);border-radius:30px;
  background:radial-gradient(circle at 85% 12%,rgba(36,183,234,.14),transparent 33%),linear-gradient(140deg,#081020,#0a1529 58%,#07101d);
  box-shadow:0 28px 85px rgba(0,0,0,.30);
}
.case-study-single-copy h1{font-size:clamp(2.35rem,4.4vw,4.4rem);margin-bottom:22px}
.case-study-single-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.case-study-single-visual{margin:0;padding:12px;border:1px solid rgba(126,157,208,.30);border-radius:24px;background:rgba(255,255,255,.035)}
.case-study-single-visual img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;background:#07101f}
.case-study-highlight-panel,.case-study-disclaimer{
  max-width:900px;margin:26px auto 0;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:#0a1426;color:#dce7f7;
}
.case-study-highlight-panel strong{display:block;margin-bottom:6px;color:#80dcff;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.case-study-highlight-panel p{margin:0}
.case-study-disclaimer{border-color:rgba(151,117,255,.35);background:rgba(122,90,248,.09);color:#d9d1ee}
.case-study-content{max-width:820px;margin:clamp(42px,6vw,72px) auto}
.case-study-content h2{margin-top:2.2em;margin-bottom:.6em;font-size:clamp(1.65rem,2.7vw,2.35rem)}
.case-study-content p{font-size:1.05rem;line-height:1.82}
.case-study-cta{margin-top:52px}

@media(max-width:1050px){
  .case-studies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-study-single-hero{grid-template-columns:1fr}
  .case-study-single-visual{max-width:760px}
}
@media(max-width:620px){
  .case-study-disclosure{padding:24px 18px;border-radius:20px}
  .case-studies-grid{grid-template-columns:1fr;gap:16px}
  .case-study-card-copy{padding:19px}
  .case-study-single-hero{padding:26px 18px;border-radius:22px;gap:26px}
  .case-study-single-copy h1{font-size:clamp(2rem,10vw,3rem)}
  .case-study-content p{font-size:1rem}
}
@media(pointer:coarse){.case-study-card:hover{transform:none}.case-study-card:hover .case-study-card-media img{transform:none}}


/* ================================================================
   Techtives Navy 5.9 — final compact mobile dropdown row and
   stronger text contrast across every public page.
   ================================================================ */
:root{
  --muted:#d3ddec;
  --muted-dark:#bdc9db;
}
body p,body li,.info-card p,.service-card p,.directory-card p,.post-card p,.keyword-link-card p,
.plain-summary-copy p:not(.eyebrow),.plain-summary-points span,.section-heading>p:not(.eyebrow),
.faq-list details p,.article-content p,.article-content li,.legal-copy p,.legal-copy li,
.direct-form-heading p,.audit-form-heading p,.cta-panel p,.footer-brand p,.case-study-card p,
.case-study-content p,.case-study-content li,.case-study-disclosure p{
  color:#d3ddec!important;
}
.hero-lead{color:#d8e2f0!important}
.article-meta,.breadcrumbs,.footer-bottom,.footer-top a,.contact-list a,.contact-list span{color:#b9c6d9!important}
.form-field input::placeholder,.form-field textarea::placeholder{color:#a8b5c9!important;opacity:1}
.consent-field{color:#bdc9da!important}

/* Services / Industries: label and dropdown button sit together. */
@media(max-width:860px){
  .primary-navigation .menu-item-has-children{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-content:flex-start!important;
    column-gap:3px!important;
    row-gap:0!important;
    min-height:52px!important;
  }
  .primary-navigation .menu-item-has-children>a{
    flex:0 1 auto!important;
    grid-area:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:50px!important;
    padding:13px 7px 13px 14px!important;
    align-self:center!important;
  }
  .primary-navigation .submenu-toggle{
    flex:0 0 40px!important;
    grid-area:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:center!important;
    justify-self:auto!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
  }
  .primary-navigation .menu-item-has-children>.sub-menu{
    flex:1 0 100%!important;
    grid-area:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    margin:3px 0 10px!important;
  }
}

/* Higher-specificity mobile row override: keeps dropdown control beside its label. */
@media(max-width:860px){
  .primary-navigation>.menu>li.menu-item-has-children{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-content:flex-start!important;
    column-gap:3px!important;
    row-gap:0!important;
    width:100%!important;
    min-height:52px!important;
  }
  .primary-navigation>.menu>li.menu-item-has-children>a{
    display:flex!important;
    flex:0 1 auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:50px!important;
    padding:13px 7px 13px 14px!important;
  }
  .primary-navigation>.menu>li.menu-item-has-children>.submenu-toggle{
    display:grid!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
  }
  .primary-navigation>.menu>li.menu-item-has-children>.sub-menu{
    display:none!important;
    flex:1 0 100%!important;
    width:100%!important;
    margin:3px 0 10px!important;
  }
  .primary-navigation>.menu>li.menu-item-has-children.submenu-open>.sub-menu{display:block!important}
}