:root {
--navy:#07111f;
--navy-2:#0d1b2f;
--ink:#0f172a;
--slate:#46566b;
--muted:#718197;
--line:#dce6f2;
--soft:#f5f8fc;
--soft-2:#edf4ff;
--white:#ffffff;
--blue:#2457e6;
--blue-2:#3b82f6;
--cyan:#37c5ff;
--green:#22c55e;
--gold:#fbbf24;
--radius:26px;
--shadow:0 24px 80px rgba(7,17,31,.13);
--shadow-soft:0 14px 40px rgba(7,17,31,.08);
--max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
color:var(--ink);
background:#fff;
line-height:1.6;
-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.section{padding:92px 0;position:relative}
.section-tight{padding:68px 0;position:relative}
.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.73rem;font-weight:900;color:var(--blue);margin:0 0 14px}
h1,h2,h3{line-height:1.03;letter-spacing:-.045em;margin:0;color:var(--ink)}
h1{font-size:clamp(3rem,5.35vw,5.15rem);max-width:760px}
h2{font-size:clamp(2.15rem,3.7vw,4rem);max-width:900px}
h3{font-size:clamp(1.25rem,1.7vw,1.65rem);letter-spacing:-.035em}
p{margin:0 0 18px;color:var(--slate);font-size:1.04rem}
.lead{font-size:clamp(1.12rem,1.5vw,1.28rem);line-height:1.62;color:#35455b;max-width:760px}
.small{font-size:.92rem;color:var(--muted)}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,230,242,.85)}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:13px;min-width:238px;text-decoration:none}
.brand-logo{display:block;width:230px;max-width:100%;height:auto}
.footer-brand-panel{display:inline-flex;background:#fff;border-radius:18px;padding:10px 14px;margin-bottom:16px;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.footer-brand-panel .brand-logo{width:220px}
.brand-mark{width:42px;height:42px;border-radius:14px;background:radial-gradient(circle at 30% 25%,#6ee7ff 0,#2457e6 38%,#07111f 100%);display:grid;place-items:center;color:#fff;font-weight:950;box-shadow:0 10px 24px rgba(36,87,230,.25)}
.brand-sub{display:block;margin-top:-3px;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#6b7b91;font-weight:900}
.nav{display:flex;align-items:center;gap:20px;font-size:.88rem;font-weight:850;color:#243348}
.nav a{padding:28px 0;position:relative}
.nav a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:.18s ease}
.nav a:hover{color:var(--blue)}
.nav a:hover:after{transform:scaleX(1)}
.header-cta{display:flex;align-items:center;gap:10px}
.mobile-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:1.45rem;line-height:1;padding:10px 12px;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font-size:.95rem;font-weight:900;border:1px solid transparent;transition:.18s ease;text-align:center;line-height:1.2;white-space:normal}
.btn-primary{background:linear-gradient(135deg,var(--blue),#1742c9);color:#fff;box-shadow:0 16px 34px rgba(36,87,230,.28)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(36,87,230,.33)}
.btn-secondary{background:rgba(255,255,255,.92);border-color:var(--line);color:var(--ink);box-shadow:0 6px 18px rgba(7,17,31,.04)}
.btn-secondary:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
.btn-dark{background:var(--navy);color:#fff;box-shadow:0 16px 34px rgba(7,17,31,.18)}
.btn-dark:hover{transform:translateY(-2px);background:#0a1728}
.button-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.hero{position:relative;overflow:hidden;padding:90px 0 96px;background:linear-gradient(135deg,#07111f 0%,#0d2440 52%,#f8fbff 52%,#fff 100%)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(55,197,255,.22),transparent 27%),radial-gradient(circle at 80% 10%,rgba(36,87,230,.16),transparent 30%)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:90px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff)}
.hero .container{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center}
.hero h1,.hero h2{color:#fff;text-wrap:balance}
.hero .eyebrow{color:#83d9ff}
.hero .lead{margin-top:24px;color:#dcecff;max-width:680px}
.hero p:not(.lead):not(.eyebrow),.hero .trust-line span{color:#c6d7ea}
.trust-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;max-width:740px}
.trust-line span{display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);font-size:.9rem;font-weight:850;backdrop-filter:blur(8px)}
.trust-line span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(34,197,94,.12)}
.score-card{position:relative;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.86);border-radius:34px;padding:30px;box-shadow:0 34px 90px rgba(7,17,31,.22);backdrop-filter:blur(18px);overflow:hidden}
.score-card:before{content:"";position:absolute;right:-70px;top:-80px;width:220px;height:220px;background:radial-gradient(circle,rgba(55,197,255,.32),transparent 67%)}
.score-card>*{position:relative;z-index:1}
.report-masthead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.report-brand{font-size:.74rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:4px}
.report-product{font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.report-engine{font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#6d7c92;text-align:right;max-width:170px;line-height:1.35}
.report-rule{height:1px;background:linear-gradient(90deg,rgba(36,87,230,.2),rgba(55,197,255,.35),rgba(36,87,230,0));margin:0 0 16px}
.platform-preview{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}
.platform-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;border:1px solid #d7e4f6;background:#f8fbff;font-size:.72rem;font-weight:850;color:#40526c;line-height:1.1}
.platform-chip b{font-size:.69rem;font-weight:950;letter-spacing:.05em;text-transform:uppercase}
.platform-chip.chip-low b{color:#dc2626}
.platform-chip.chip-mid b{color:#d97706}
.report-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 10px;padding-top:2px;font-size:.69rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#6d7c92}
.report-summary{max-width:36ch}
.score-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px}
.score-title{font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.17em;color:#6b7b91}
.score-badge{border:1px solid #d8e6fb;border-radius:999px;padding:8px 12px;font-size:.75rem;font-weight:950;color:var(--blue);background:#eef5ff}
.score-number{display:flex;align-items:flex-end;gap:10px;margin-bottom:10px}
.score-number strong{font-size:5.4rem;line-height:.88;letter-spacing:-.08em;color:var(--ink)}
.score-number span{font-weight:950;color:#627188;margin-bottom:9px}
.bar-list{display:grid;gap:14px;margin-top:25px}
.bar-row{display:grid;gap:7px}
.bar-label{display:flex;justify-content:space-between;font-size:.87rem;font-weight:900;color:#263548}
.bar{height:10px;border-radius:999px;background:#e6eef8;overflow:hidden}
.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 18px rgba(55,197,255,.35)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.soft{background:linear-gradient(180deg,#f7faff 0%,#fff 100%)}
.section-head{max-width:820px;margin-bottom:38px}
.center{text-align:center;margin-left:auto;margin-right:auto}
.center p{margin-left:auto;margin-right:auto}
.card{position:relative;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-soft);overflow:hidden}
.card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:.82}
.card h3{margin-bottom:13px}
.card p:last-child{margin-bottom:0}
.card-icon{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#eef5ff,#e0f7ff);color:var(--blue);font-weight:950;margin-bottom:20px;border:1px solid #dbeafe}
.service-card{display:flex;flex-direction:column;min-height:100%}
.service-card .btn{margin-top:auto;align-self:flex-start}
.split-card{background:#fff;border-radius:30px;padding:28px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.compare-box{border:1px solid var(--line);border-radius:20px;padding:22px;background:linear-gradient(180deg,#fbfdff,#f6faff)}
.compare-box h3{font-size:1.1rem;margin-bottom:13px}
ul.clean{list-style:none;padding:0;margin:0;display:grid;gap:11px}
ul.clean li{position:relative;padding-left:29px;color:var(--slate);font-weight:650}
ul.clean li:before{content:"";position:absolute;left:1px;top:.48em;width:10px;height:10px;border-radius:999px;background:var(--blue);box-shadow:0 0 0 5px rgba(36,87,230,.1)}
.navy-band{background:radial-gradient(circle at 80% 20%,rgba(55,197,255,.18),transparent 35%),linear-gradient(135deg,#07111f,#122b49);color:#fff;overflow:hidden}
.navy-band h2,.navy-band h3{color:#fff}
.navy-band p,.navy-band .lead,.navy-band li{color:#d8e7f6}
.navy-band .eyebrow{color:#83d9ff}
.navy-band .card{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:none;backdrop-filter:blur(10px)}
.navy-band .btn-secondary{background:#fff;color:var(--ink)}
.process-step{min-height:230px}
.step-number{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;border-radius:999px;margin-bottom:18px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:950;font-size:.82rem;white-space:nowrap;box-shadow:0 10px 20px rgba(36,87,230,.22)}
.cta-panel{border-radius:36px;padding:50px;background:radial-gradient(circle at top right,rgba(55,197,255,.18),transparent 32%),linear-gradient(135deg,#f4f8ff,#fff);border:1px solid var(--line);box-shadow:var(--shadow)}
.platform-row{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}
.platform-pill{border:1px solid #d8e6fb;border-radius:999px;padding:10px 14px;font-size:.9rem;font-weight:900;color:#223249;background:#fff;box-shadow:0 6px 16px rgba(7,17,31,.04)}
.page-hero{background:radial-gradient(circle at 80% 10%,rgba(55,197,255,.12),transparent 28%),linear-gradient(180deg,#f8fbff,#fff);padding:82px 0 58px;border-bottom:1px solid var(--line)}
.page-hero .lead{margin-top:20px;max-width:820px}.content-block{max-width:860px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.feature-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-weight:800;color:#27364a;box-shadow:0 8px 22px rgba(7,17,31,.04)}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.case-card{display:flex;flex-direction:column}.case-meta{color:var(--blue);font-size:.8rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.faq{display:grid;gap:14px;max-width:900px;margin:0 auto}.faq-item{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff;box-shadow:0 8px 22px rgba(7,17,31,.04)}.faq-item h3{font-size:1.1rem;margin-bottom:8px}
.form-shell{background:#fff;border:1px solid var(--line);border-radius:30px;padding:32px;box-shadow:var(--shadow)}.form-grid{display:grid;gap:15px}.form-grid label{font-weight:900;font-size:.92rem;color:#27364a}.form-grid input,.form-grid textarea,.form-grid select{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 15px;font:inherit;color:var(--ink);background:#fbfdff}.form-grid textarea{min-height:130px}
.site-footer{background:#07111f;color:#fff;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:30px;margin-bottom:38px}.site-footer p,.site-footer a{color:#cbd5e1}.site-footer h3{font-size:1rem;margin-bottom:13px;color:#fff}.footer-links{display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#94a3b8;font-size:.92rem}
@media(max-width:1080px){.header-cta .btn-secondary{display:none}.nav{gap:15px;font-size:.83rem}.brand{min-width:210px}.brand-logo{width:210px}.hero{background:linear-gradient(180deg,#07111f 0%,#0d2440 66%,#fff 66%,#fff 100%)}}
@media(max-width:980px){.nav,.header-cta{display:none}.mobile-toggle{display:block}.site-header.open .nav{display:flex;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 24px;flex-direction:column;align-items:flex-start}.site-header.open .header-cta{display:flex;position:absolute;top:350px;left:24px;right:24px;background:#fff;padding-bottom:18px}.hero-grid,.grid-2{grid-template-columns:1fr}.grid-3,.grid-4,.case-grid,.footer-grid{grid-template-columns:1fr 1fr}.hero{padding-top:72px}.trust-line{grid-template-columns:1fr 1fr}.score-card{max-width:680px}.hero h1,.hero .lead{max-width:760px}}
@media(max-width:640px){.container{width:min(100% - 30px,var(--max))}.section{padding:60px 0}.section-tight{padding:44px 0}.grid-3,.grid-4,.case-grid,.footer-grid,.feature-list,.compare,.trust-line{grid-template-columns:1fr}.cta-panel{padding:30px 22px;border-radius:26px}.score-number strong{font-size:4.25rem}.button-row .btn{width:100%}.header-inner{min-height:70px}.site-header.open .nav{top:70px}.brand{min-width:auto}.brand-logo{width:190px}.footer-brand-panel .brand-logo{width:200px}.brand-mark{width:38px;height:38px}.hero{padding:56px 0 70px}.hero h1{font-size:3rem}.score-card{padding:23px;border-radius:26px}.score-top{align-items:flex-start;flex-direction:column}.hero .button-row{margin-top:24px}} .free-pill{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:3px 8px;border-radius:999px;background:rgba(34,197,94,.12);color:#15803d;font-size:.72em;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.hero-v3{background:linear-gradient(135deg,#07111f 0%,#0d2440 calc(52% - 2px),#eef4ff calc(52% + 2px),#f5f9ff 100%)}
.hero-v3 h1{font-size:clamp(3.4rem,6vw,6.4rem);line-height:.92;letter-spacing:-.07em;max-width:760px}
.hero-v3 .lead{font-size:clamp(1.08rem,1.45vw,1.28rem);max-width:720px}
.score-card-dark{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(244,248,255,.93));border-color:#fff}
.sample-business{display:inline-flex;margin-bottom:18px;border:1px solid #d8e6fb;border-radius:999px;padding:8px 13px;background:#fff;color:#27364a;font-size:.82rem;font-weight:900}
.grade-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 14px}.grade-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:950;letter-spacing:.05em}.grade-d{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.grade-c{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.grade-b{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.score-context{font-size:.86rem;color:#627188;font-weight:800}
.trust-bar{background:#f7faff;border-top:1px solid #dce6f2;border-bottom:1px solid #dce6f2;padding:24px 0}.trust-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.trust-stat{text-align:center;padding:4px 24px;border-right:1px solid #dce6f2}.trust-stat:last-child{border-right:0}.trust-stat strong{display:block;color:#07111f;font-size:1.7rem;line-height:1;font-weight:950;letter-spacing:-.05em;margin-bottom:7px}.trust-stat span{display:block;color:#627188;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850}
.callout-line{margin-top:22px;padding:16px 18px;background:#eef5ff;border:1px solid #d8e6fb;border-radius:16px}.highlight-box{background:linear-gradient(180deg,#eef5ff,#f8fbff);border-color:#bfd6ff}.page-level-section .audit-card h3{margin-bottom:18px}.gap-grid .card h3{font-size:1.25rem}.gap-grid .card p{font-size:.98rem}.proof-section{background:linear-gradient(180deg,#fff,#f7faff)}.result-card h3{font-size:clamp(1.8rem,2.3vw,2.35rem);letter-spacing:-.045em;color:var(--blue)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.metric-grid div{border:1px solid #d8e6fb;border-radius:18px;background:#f8fbff;padding:16px}.metric-grid strong{display:block;color:#07111f;font-size:1.45rem;font-weight:950;letter-spacing:-.04em}.metric-grid span{display:block;color:#627188;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850;margin-top:4px}.featured-result{box-shadow:0 30px 80px rgba(36,87,230,.16)}
.seo-frustration{background:linear-gradient(180deg,#f0f5ff,#fff);border-top:1px solid #dce6f2;border-bottom:1px solid #dce6f2}.frustration-panel{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1060px}.frustration-panel h2{font-size:clamp(1.85rem,3vw,2.8rem)}.frustration-panel p{font-size:1.05rem}.scan-panel{align-items:center}.scan-checklist{background:#fff;border:1px solid #d8e6fb;border-radius:28px;padding:28px;box-shadow:0 18px 50px rgba(7,17,31,.08)}.check-list{display:grid;gap:12px;margin-top:24px}.check-list div{display:flex;align-items:center;gap:12px;color:#27364a;font-size:.95rem;font-weight:850}.check-list span{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#eef5ff;color:#2457e6;font-weight:950}.about-preview{background:#fff}.photo-placeholder{aspect-ratio:4/5;border-radius:32px;background:radial-gradient(circle at 20% 10%,rgba(55,197,255,.26),transparent 32%),linear-gradient(135deg,#0d2440,#2457e6);display:grid;place-items:center;text-align:center;color:rgba(255,255,255,.62);font-size:1.1rem;font-weight:950;line-height:1.25;box-shadow:0 30px 80px rgba(7,17,31,.16);border:1px solid rgba(255,255,255,.4);max-width:480px}.founder-card{display:flex;align-items:center;gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid #dce6f2}.founder-initial{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#0d2440,#2457e6);display:grid;place-items:center;color:#fff;font-weight:950;font-size:1.15rem}.founder-card strong{display:block;color:#07111f;font-size:1rem}.founder-card span{display:block;color:#627188;font-size:.86rem;font-weight:800;margin-top:3px}.final-cta .btn-secondary{background:#fff;color:var(--ink)}
.card-icon svg{display:block}.service-card ul.clean{margin:18px 0 24px}.header-cta .btn-primary{min-width:180px}.header-cta .btn-secondary{min-width:154px}
@media(max-width:1080px){.hero-v3{background:linear-gradient(180deg,#07111f 0%,#0d2440 66%,#fff 66%,#fff 100%)}}
@media(max-width:980px){.trust-stat-grid{grid-template-columns:repeat(2,1fr);gap:18px}.trust-stat{border-right:0}.frustration-panel{grid-template-columns:1fr}.hero-v3 h1{font-size:clamp(3rem,9vw,5rem)}}
@media(max-width:640px){.trust-stat-grid{grid-template-columns:1fr}.trust-stat{border-bottom:1px solid #dce6f2;padding:16px 8px}.trust-stat:last-child{border-bottom:0}.metric-grid{grid-template-columns:1fr}.photo-placeholder{max-width:none}.hero-v3 h1{font-size:2.78rem}.grade-wrap{align-items:flex-start}.frustration-panel{gap:28px}.scan-checklist{padding:22px}} :root{--navy:#06101e;--navy-3:#0f2540;--blue:#1a4fd6;--blue-2:#2d66f0;--cyan:#00cfe8;--cyan-2:#45daf7}
body{font-family:'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif}
h1,h2,h3,.brand{font-family:'Sora','Inter',ui-sans-serif,system-ui,sans-serif;font-weight:800} .site-header{background:rgba(6,16,30,.93);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(20px)}
.header-inner{min-height:78px}
.brand{min-width:250px}
.brand-logo{width:250px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.22))}
.nav{color:rgba(255,255,255,.72)}
.nav a:hover{color:#fff}.nav a:after{background:linear-gradient(90deg,var(--cyan),var(--blue-2))}
.header-cta .btn-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff;box-shadow:none}
.header-cta .btn-secondary:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff}
.mobile-toggle{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff} .hero,.hero-v3,.hero-v4{position:relative;overflow:hidden;padding:100px 0 110px;background:#06101e!important}
.hero:before,.hero-v3:before,.hero-v4:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 55% 60% at 8% 55%,rgba(26,79,214,.42) 0%,transparent 70%),radial-gradient(ellipse 40% 50% at 92% 15%,rgba(0,207,232,.22) 0%,transparent 65%),radial-gradient(ellipse 30% 40% at 65% 90%,rgba(13,59,171,.35) 0%,transparent 60%),radial-gradient(ellipse 20% 30% at 50% 10%,rgba(0,207,232,.10) 0%,transparent 55%)}
.hero:after,.hero-v3:after,.hero-v4:after{content:"";position:absolute;inset:0;z-index:1;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;pointer-events:none}
.hero .container{position:relative;z-index:3}.hero-grid{grid-template-columns:1.08fr .92fr;gap:60px}
.hero h1,.hero-v3 h1,.hero-v4 h1{font-family:'Sora','Inter',sans-serif;font-size:clamp(3rem,5.3vw,5.15rem);line-height:.96;letter-spacing:-.055em;max-width:740px;color:#fff}
.hero h1 .h1-punch{display:block;background:linear-gradient(90deg,#83d9ff,#00cfe8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:8px}
.hero .lead{color:rgba(255,255,255,.68);font-weight:400;line-height:1.65}
.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue-2));border-radius:2px;flex-shrink:0}
.hero .eyebrow,.navy-band .eyebrow{background:linear-gradient(90deg,#83d9ff,#00cfe8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}
.hero .btn-secondary,.final-cta .btn-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;box-shadow:none}.hero .btn-secondary:hover,.final-cta .btn-secondary:hover{background:rgba(255,255,255,.14);color:#fff} .trust-line{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;max-width:none}
.trust-line span{border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);padding:8px 14px;color:rgba(255,255,255,.75);font-size:.84rem;font-weight:800;backdrop-filter:none}
.trust-line span:before{width:6px;height:6px;box-shadow:0 0 0 4px rgba(16,185,129,.20);background:#10b981;flex-shrink:0} .score-card-dark{background:rgba(255,255,255,.97)!important;border:1px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(26,79,214,.2),0 0 60px rgba(26,79,214,.35),0 0 120px rgba(0,207,232,.15),0 40px 80px rgba(6,16,30,.5)!important}
.score-card:before{background:radial-gradient(circle,rgba(0,207,232,.28),transparent 66%)}
.score-badge{border-radius:999px;padding:7px 12px;color:#1a4fd6;background:#f0f5ff}.sample-business{border-radius:8px;background:#f8fbff;color:#3d506a}
.score-number strong{font-family:'Sora','Inter',sans-serif}
@keyframes ews-bar-fill{from{width:0%}to{width:var(--bar-w)}}
.bar>i{width:var(--bar-w,0%);animation:ews-bar-fill 1.4s cubic-bezier(.4,0,.2,1) both;background:linear-gradient(90deg,#1a4fd6,#00cfe8)} .trust-bar{background:#06101e;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:28px 0}
.trust-stat{border-right:1px solid rgba(255,255,255,.09)}.trust-stat strong{color:#fff;font-family:'Sora','Inter',sans-serif;font-size:2.2rem;font-weight:800}.trust-stat span{color:rgba(255,255,255,.48)} .highlight-box{background:linear-gradient(180deg,#e8f4ff,#eef8ff);border:1.5px solid rgba(0,207,232,.55);box-shadow:0 0 0 4px rgba(0,207,232,.08),0 8px 24px rgba(0,207,232,.10)}
.highlight-box h3{color:#0d3bab}.highlight-box ul.clean li:before{background:var(--cyan)}
.ai-label{display:inline-block;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:#00a8bf;background:rgba(0,207,232,.10);border:1px solid rgba(0,207,232,.25);border-radius:4px;padding:3px 8px;margin-bottom:8px} .card:before{display:none}.service-card:before{content:"";display:block;position:absolute;left:0;top:22px;bottom:22px;width:3px;height:auto;background:linear-gradient(180deg,var(--blue),var(--cyan));border-radius:0 2px 2px 0;opacity:1}.gap-card:before{display:none}.service-card{background:#fff}.card-icon{background:linear-gradient(135deg,#e8f0ff,#d8f0ff);color:var(--blue)}
.result-card{border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--blue),var(--cyan)) 1}.result-card:before{display:none}.result-number{font-family:'Sora','Inter',sans-serif;font-size:clamp(2.2rem,2.8vw,3rem);font-weight:800;letter-spacing:-.06em;color:var(--blue);line-height:1;margin-bottom:4px}.result-card h3{font-size:clamp(1.15rem,1.6vw,1.45rem);color:var(--ink)} .process-track{position:relative}.process-track:before{content:"";position:absolute;top:19px;left:calc(12.5% + 16px);right:calc(12.5% + 16px);height:2px;background:linear-gradient(90deg,#1a4fd6,#00cfe8);z-index:0}.process-step{position:relative;z-index:1;min-height:200px;padding-top:0;background:transparent!important;border:none!important;box-shadow:none!important}.step-circle{width:38px;height:38px;border-radius:50%;margin-bottom:16px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900;font-size:.8rem;display:grid;place-items:center;box-shadow:0 0 0 4px #fff,0 8px 20px rgba(26,79,214,.3)}.step-time{display:inline-block;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);background:#eef5ff;border:1px solid #d0e4ff;border-radius:4px;padding:3px 8px;margin-bottom:10px}.process-step h3{font-size:1.1rem;margin-bottom:10px}.process-step p{font-size:.9rem;color:var(--muted)} .platform-pill{display:flex;align-items:center;gap:7px}.pdot{width:6px;height:6px;border-radius:50%;flex-shrink:0;display:inline-block} .footer-brand-panel{background:rgba(255,255,255,.98);border-radius:18px;padding:10px 14px}.site-footer{background:#06101e}
@media(max-width:1080px){.hero,.hero-v3,.hero-v4{background:#06101e!important}.brand-logo{width:220px}.brand{min-width:220px}}
@media(max-width:980px){.site-header.open .nav{background:#06101e;border-bottom:1px solid rgba(255,255,255,.1)}.site-header.open .header-cta{background:#06101e}.nav a{color:rgba(255,255,255,.8)}.header-cta .btn-secondary{display:flex}.process-track:before{display:none}.process-step{background:#fff!important;border:1px solid var(--line)!important;box-shadow:var(--shadow-soft)!important;padding:24px!important;border-radius:var(--radius)}}
@media(max-width:640px){.brand-logo{width:190px}.hero h1,.hero-v3 h1,.hero-v4 h1{font-size:2.72rem}.trust-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.trust-stat:last-child{border-bottom:0}.trust-line{display:grid;grid-template-columns:1fr}.score-card-dark{box-shadow:0 0 0 1px rgba(26,79,214,.16),0 24px 64px rgba(6,16,30,.35)!important}} .site-header .brand-logo{max-height:60px;width:auto;max-width:230px}
.footer-brand-panel .brand-logo{width:260px;max-height:none}
@media(max-width:640px){.site-header .brand-logo{max-height:52px;max-width:190px}} .site-header .container{width:min(1360px,calc(100% - 40px));}
.header-inner{gap:16px;min-height:76px;}
.brand{min-width:0;flex:0 0 auto;}
.site-header .brand-logo{width:auto;max-width:168px;max-height:56px;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18));}
.nav{gap:17px;font-size:.84rem;flex:0 1 auto;}
.nav a{padding:26px 0;transition:color .18s ease, text-shadow .18s ease;white-space:nowrap;}
.nav a:hover{color:#fff;text-shadow:0 0 18px rgba(0,207,232,.45);}
.nav a:after{height:3px;bottom:15px;border-radius:999px;box-shadow:0 0 14px rgba(0,207,232,.55);}
.header-cta{flex:0 0 auto;gap:9px;}
.btn{white-space:nowrap;transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;}
.header-cta .btn{font-size:.86rem;padding:13px 18px;}
.header-cta .btn-primary{min-width:278px;}
.header-cta .btn-secondary{min-width:168px;}
.btn-primary:hover{transform:translateY(-3px) scale(1.025);box-shadow:0 24px 54px rgba(36,87,230,.45),0 0 0 1px rgba(255,255,255,.18) inset;}
.btn-secondary:hover,.btn-dark:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 42px rgba(7,17,31,.16);}
.btn-primary .free-pill{background:#fff;color:#0a8f48;border:1px solid rgba(255,255,255,.45);box-shadow:0 0 0 3px rgba(255,255,255,.16);}
.hero .btn-secondary .free-pill,.final-cta .btn-secondary .free-pill{background:#fff;color:#0a8f48;} .footer-brand-panel{display:none!important;}
.footer-logo{display:block;width:260px;max-width:100%;height:auto;margin:0 0 18px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.25));}
.site-footer h3{color:rgba(255,255,255,.82);} .trust-bar{background:linear-gradient(180deg,#ffffff 0%,#f3f8ff 100%)!important;border-top:1px solid #dce6f2!important;border-bottom:1px solid #dce6f2!important;padding:34px 0!important;box-shadow:0 18px 60px rgba(6,16,30,.08);}
.trust-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.trust-stat{background:#fff;border:1px solid #dce6f2!important;border-radius:20px;padding:22px 18px!important;box-shadow:0 12px 34px rgba(6,16,30,.07);}
.trust-stat strong{color:#07111f!important;font-size:2.05rem!important;letter-spacing:-.045em;}
.trust-stat span{color:#596a81!important;font-size:.73rem!important;} .hero{padding-top:92px;padding-bottom:104px;}
.hero h1{max-width:720px;}
.trust-line span{white-space:nowrap;} .paul-photo{display:block;width:100%;max-width:430px;aspect-ratio:1/1;object-fit:cover;border-radius:30px;box-shadow:0 28px 78px rgba(7,17,31,.20);border:1px solid rgba(255,255,255,.18);}
.about-preview .paul-photo{margin:auto;}
.about-photo{aspect-ratio:1/1;}
.founder-thumb{width:54px;height:54px;border-radius:16px;object-fit:cover;box-shadow:0 10px 24px rgba(7,17,31,.15);}
.photo-placeholder{display:none;} .page-hero.inner-hero{position:relative;overflow:hidden;padding:86px 0 92px;background:radial-gradient(ellipse at 82% 20%,rgba(0,207,232,.12),transparent 40%),linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);border-bottom:1px solid #dce6f2;}
.page-hero.inner-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,79,214,.06),transparent 45%);pointer-events:none;}
.page-hero.inner-hero .container{position:relative;z-index:1;}
.page-hero.inner-hero h1{font-size:clamp(3.1rem,5vw,5.3rem);line-height:1;max-width:850px;}
.page-hero.inner-hero .lead{max-width:760px;margin-top:20px;}
.inner-hero-card{background:#fff;border:1px solid #dce6f2;border-radius:30px;padding:32px;box-shadow:0 26px 80px rgba(6,16,30,.11);}
.inner-hero-card h3{font-size:1.55rem;margin:10px 0 18px;}
.mini-label{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;background:#eef5ff;color:#1a4fd6;font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.1em;}
.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;}
.mini-metrics div{background:#f6f9ff;border:1px solid #dce6f2;border-radius:16px;padding:14px;}
.mini-metrics strong{display:block;color:#07111f;font-family:'Sora','Inter',sans-serif;font-size:1.15rem;letter-spacing:-.04em;}
.mini-metrics span{display:block;color:#6b7f96;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:3px;}
.stack-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;}
.stack-list span{background:#eef5ff;border:1px solid #d0e4ff;border-radius:999px;padding:9px 13px;color:#1e3350;font-size:.86rem;font-weight:850;}
.question-card,.authority-card,.founder-bio-card{box-shadow:0 24px 70px rgba(6,16,30,.10);}
.inner-score{box-shadow:0 30px 90px rgba(6,16,30,.14)!important;}
.navy-band .scan-checklist{background:rgba(255,255,255,.96);}
.navy-band .scan-checklist p,.navy-band .scan-checklist .check-list div{color:#243348;} .case-study-detail{display:grid;gap:32px;}
.case-detail-card{background:#fff;border:1px solid #dce6f2;border-radius:32px;padding:38px;box-shadow:0 20px 60px rgba(6,16,30,.08);}
.case-detail-card h2{font-size:clamp(2rem,3vw,3.2rem);margin-bottom:14px;}
.case-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0;}
.case-metrics-row div{background:linear-gradient(180deg,#f6f9ff,#fff);border:1px solid #dce6f2;border-radius:18px;padding:18px;}
.case-metrics-row strong{display:block;font-family:'Sora','Inter',sans-serif;font-size:2rem;color:#1a4fd6;letter-spacing:-.06em;line-height:1;}
.case-metrics-row span{display:block;color:#6b7f96;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-top:6px;}
.before-after-table{display:grid;border:1px solid #dce6f2;border-radius:22px;overflow:hidden;margin:28px 0;background:#fff;}
.before-after-table>div{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:0;border-bottom:1px solid #dce6f2;}
.before-after-table>div:last-child{border-bottom:0;}
.before-after-table span,.before-after-table strong{padding:14px 16px;border-right:1px solid #dce6f2;}
.before-after-table span:last-child,.before-after-table strong:last-child{border-right:0;}
.before-after-table>div:first-child{background:#06101e;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;}
.before-after-table strong{color:#07111f;}
.before-after-table strong:last-child{color:#1a4fd6;} .scan-checklist .btn{width:100%;}
.scan-checklist .free-pill{margin-left:2px;}
.check-list div span{background:#eef5ff;color:#1a4fd6;border-radius:6px;width:22px;height:22px;display:inline-grid;place-items:center;font-weight:950;}
@media(max-width:1220px){.site-header .brand-logo{max-width:145px}.nav{gap:13px;font-size:.8rem}.header-cta .btn{padding:12px 14px;font-size:.82rem}.header-cta .btn-primary{min-width:250px}.header-cta .btn-secondary{min-width:154px}}
@media(max-width:1080px){.site-header .brand-logo{max-width:190px}.header-cta .btn-primary{min-width:auto}.btn{white-space:normal}.header-cta .btn{white-space:nowrap}.nav{font-size:.9rem}.trust-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.site-header .container{width:min(var(--max),calc(100% - 40px));}.header-cta .btn{white-space:normal}.site-header.open .brand-logo{max-width:190px}.mini-metrics,.case-metrics-row{grid-template-columns:1fr}.before-after-table>div{grid-template-columns:1fr 1fr}.trust-stat-grid{grid-template-columns:1fr 1fr}.page-hero.inner-hero{padding:70px 0}.paul-photo{max-width:360px}.case-detail-card{padding:28px}}
@media(max-width:640px){.site-header .brand-logo{max-width:168px}.trust-stat-grid{grid-template-columns:1fr}.trust-stat{border-bottom:0!important}.before-after-table span,.before-after-table strong{font-size:.88rem;padding:12px}.page-hero.inner-hero h1{font-size:2.75rem}.footer-logo{width:220px}.hero{padding-top:74px}.header-cta .btn-primary,.header-cta .btn-secondary{min-width:0}} .navy-band .audit-card{
background:rgba(255,255,255,.12)!important;
border-color:rgba(255,255,255,.24)!important;
box-shadow:0 24px 70px rgba(0,0,0,.16)!important;
}
.navy-band .audit-card h3{
color:#ffffff!important;
}
.navy-band .audit-card ul.clean li{
color:#f4f8ff!important;
opacity:1!important;
font-weight:800;
}
.navy-band .audit-card ul.clean li:before{
background:#37c5ff!important;
box-shadow:0 0 0 5px rgba(55,197,255,.18)!important;
} @media(min-width:1180px){
.container{width:min(var(--max),calc(100% - 64px));}
.section-head,.lead{max-width:820px;}
.hero .lead{max-width:680px;}
}
@media(min-width:1380px){
.site-header .container{width:min(1440px,calc(100% - 56px));}
} .paul-photo{
aspect-ratio:auto!important;
object-fit:contain!important;
object-position:center center!important;
}
.paul-photo-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:14px;
}
.photo-caption{
width:100%;
max-width:430px;
padding:16px 18px;
border-top:1px solid #dce6f2;
text-align:left;
}
.photo-caption strong{
display:block;
color:#07111f;
font-size:1rem;
font-weight:950;
letter-spacing:-.02em;
}
.photo-caption span{
display:block;
color:#627188;
font-size:.87rem;
font-weight:850;
margin-top:3px;
line-height:1.45;
}
.about-preview .founder-card{display:none!important;}
.about-photo-wrap{align-items:flex-start;}
.about-photo-wrap .photo-caption{max-width:430px;}
@media(max-width:980px){
.about-photo-wrap{align-items:center;}
.photo-caption{text-align:center;}
} *{-webkit-tap-highlight-color:transparent;}
.btn:active{transform:scale(.97)!important;opacity:.92;transition:transform .08s ease,opacity .08s ease;}
.btn:focus-visible,.nav a:focus-visible,.mobile-drawer a:focus-visible,.mobile-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;}
.nav a:active,.footer-links a:active,.mobile-drawer a:active{opacity:.65;}
.toggle-close{display:none;}
.site-header.open .toggle-open{display:none;}
.site-header.open .toggle-close{display:inline;}
.mobile-drawer{display:none;} .hero-grid{grid-template-columns:1.08fr .92fr;grid-template-rows:auto auto;align-items:center;}
.hero-text{grid-column:1;grid-row:1;}
.hero-actions{grid-column:1;grid-row:2;align-self:start;}
.hero-visual{grid-column:2;grid-row:1 / span 2;}
.score-card-hint{display:none;} .footer-grid{grid-template-columns:1.15fr 2.25fr;align-items:start;}
.footer-links-group{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.mobile-cta-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1500;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(7,17,31,.96);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.12);gap:10px;align-items:center;transform:translateY(100%);transition:transform .3s ease;}
.mobile-cta-bar .btn{flex:1;justify-content:center;font-size:.88rem;padding:13px 14px;min-height:46px;white-space:nowrap;}
.mobile-cta-bar .btn-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;box-shadow:none;}
@media(max-width:980px){ .nav,.header-cta{display:none!important;}
.site-header.open .nav,.site-header.open .header-cta{display:none!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;padding:0!important;background:transparent!important;}
.site-header.open .mobile-drawer{display:flex;}
.mobile-drawer{flex-direction:column;background:#fff;border-top:1px solid var(--line);padding:18px 24px 26px;gap:0;box-shadow:0 22px 60px rgba(7,17,31,.16);}
.mobile-drawer .nav-link{display:block;padding:14px 0;font-size:1rem;font-weight:900;color:var(--ink);border-bottom:1px solid var(--line);}
.mobile-drawer .nav-link:last-of-type{border-bottom:0;}
.mobile-drawer .drawer-ctas{display:flex;flex-direction:column;gap:10px;margin-top:20px;}
.mobile-drawer .drawer-ctas .btn{width:100%;justify-content:center;white-space:nowrap;}
.mobile-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;} .hero-grid{display:grid;grid-template-columns:1fr!important;grid-template-rows:auto;gap:24px;}
.hero-text{grid-column:1;grid-row:auto;order:1;}
.hero-visual{grid-column:1;grid-row:auto;order:2;max-width:620px;width:100%;margin:0 auto;}
.hero-actions{grid-column:1;grid-row:auto;order:3;}
.hero{padding-top:64px!important;padding-bottom:72px!important;}
.hero .lead{margin-top:16px;} .services-grid{grid-template-columns:1fr!important;}
.proof-results-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;}
.gap-grid{grid-template-columns:1fr 1fr!important;} .process-track:before{display:none!important;}
.process-step{background:rgba(255,255,255,.95)!important;border:1px solid var(--line)!important;box-shadow:0 8px 32px rgba(6,16,30,.06)!important;padding:24px!important;border-radius:var(--radius)!important;min-height:auto!important;} .paul-photo{max-width:360px!important;margin-left:auto;margin-right:auto;}
.mobile-cta-bar{display:flex;}
.site-footer{padding-bottom:calc(58px + 76px)!important;}
}
@media(max-width:640px){
.container{width:min(100% - 30px,var(--max));}
.section{padding:52px 0;}
.section-tight{padding:44px 0;}
.section-head{margin-bottom:28px;}
.hero{padding-top:48px!important;padding-bottom:60px!important;}
.hero h1,.hero-v3 h1,.hero-v4 h1{font-size:2.1rem!important;letter-spacing:-.05em!important;line-height:.98!important;}
.hero .lead{font-size:1rem!important;margin-top:14px!important;} .score-card{padding:20px!important;border-radius:22px!important;}
.score-top{margin-bottom:14px!important;}
.score-number strong{font-size:3.6rem!important;}
.score-number span{font-size:.95rem!important;margin-bottom:6px!important;}
.score-card .small{font-size:.86rem;line-height:1.5;}
.bar-list{display:none!important;}
.score-card-hint{display:block;text-align:center;font-size:.8rem;color:var(--muted);font-weight:900;margin:12px 0 0;} .trust-line{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
.trust-line span{flex:0 0 auto!important;font-size:.78rem!important;padding:9px 11px!important;white-space:normal!important;} .trust-bar{padding:20px 0!important;}
.trust-stat-grid{grid-template-columns:1fr 1fr!important;gap:0!important;}
.trust-stat{border-radius:0!important;box-shadow:none!important;border:0!important;border-right:1px solid #dce6f2!important;border-bottom:1px solid #dce6f2!important;padding:18px 12px!important;background:#fff!important;}
.trust-stat:nth-child(2n){border-right:0!important;}
.trust-stat:nth-child(3),.trust-stat:nth-child(4){border-bottom:0!important;}
.trust-stat strong{font-size:1.45rem!important;}
.trust-stat span{font-size:.65rem!important;line-height:1.25;} .service-card .btn{width:100%!important;justify-content:center!important;align-self:stretch!important;} .compare{display:flex!important;flex-direction:column!important;}
.highlight-box{order:-1;}
.gap-grid,.proof-results-grid,.grid-4,.case-grid,.feature-list{grid-template-columns:1fr!important;} .paul-photo{max-width:320px!important;width:100%!important;border-radius:22px!important;}
.photo-caption{max-width:320px!important;padding:14px 6px!important;} .platform-pill{padding:13px 16px!important;min-height:44px;align-items:center;font-size:.88rem!important;}
.platform-row{gap:9px;} .seo-frustration{padding:44px 0;}
.proof-section{padding:56px 0;}
.about-preview{padding:60px 0;}
.final-cta{padding:64px 0;} .footer-grid{grid-template-columns:1fr!important;gap:26px!important;}
.footer-links-group{display:grid;grid-template-columns:1fr 1fr;gap:26px;grid-column:1 / -1;}
.footer-links-group>div:last-child{grid-column:1 / -1;}
.footer-bottom{font-size:.8rem;}
}
@media(max-width:400px){
.hero h1,.hero-v3 h1,.hero-v4 h1{font-size:1.86rem!important;}
.mobile-cta-bar .btn{font-size:.82rem;padding-left:10px;padding-right:10px;}
.site-header .brand-logo{max-width:150px!important;}
} .mobile-hero-headline,.hero-lead-mobile,.mobile-hero-action{display:none;}
@media(max-width:980px){
.header-inner{min-height:60px!important;}
.site-header .brand-logo{max-width:132px!important;width:132px!important;display:block;}
.brand{min-width:0!important;}
.mobile-toggle{min-width:44px!important;min-height:44px!important;padding:7px 10px!important;font-size:1.2rem!important;border-radius:16px!important;}
.mobile-drawer{padding:16px 22px 24px!important;} .hero-text{order:1!important;}
.hero-visual{order:2!important;}
.hero-actions{order:3!important;}
.hero .desktop-hero-headline{display:none!important;}
.hero .mobile-hero-headline{display:block!important;}
.hero .hero-lead-desktop{display:none!important;}
.hero .hero-lead-mobile{display:block!important;}
.mobile-hero-action{display:block!important;}
.hero-actions{display:none!important;}
.hero .trust-line{display:none!important;}
.hero,.hero-v3,.hero-v4{padding-top:34px!important;padding-bottom:46px!important;}
.hero-grid{gap:18px!important;}
.hero .eyebrow{margin-bottom:12px!important;font-size:.68rem!important;letter-spacing:.14em!important;}
.hero .eyebrow:before{width:18px!important;}
.hero h1,.hero-v3 h1,.hero-v4 h1{font-size:clamp(2.15rem,8.7vw,2.75rem)!important;line-height:.98!important;letter-spacing:-.055em!important;max-width:560px!important;}
.hero-sub{font-size:1rem;line-height:1.5;color:rgba(255,255,255,.70);max-width:600px;margin:12px 0 0;}
.mobile-hero-action{margin-top:22px;}
.btn-hero{width:100%;justify-content:center;font-size:1rem!important;padding:15px 22px!important;min-height:50px;}
.hero-trust-note{font-size:.78rem;color:rgba(255,255,255,.48);font-weight:800;margin:10px 0 0;text-align:center;letter-spacing:.01em;}
.score-card{margin-top:2px!important;}
}
@media(max-width:640px){
.site-header .container{width:min(100% - 28px,var(--max))!important;}
.header-inner{min-height:58px!important;}
.site-header .brand-logo{max-width:124px!important;width:124px!important;}
.hero,.hero-v3,.hero-v4{padding-top:28px!important;padding-bottom:42px!important;}
.hero h1,.hero-v3 h1,.hero-v4 h1{font-size:clamp(2rem,9.2vw,2.45rem)!important;}
.hero-sub{font-size:.96rem;line-height:1.48;}
.score-card{padding:18px 20px!important;border-radius:20px!important;}
.score-top{margin-bottom:10px!important;}
.score-title{font-size:.68rem!important;letter-spacing:.15em!important;}
.score-badge,.score-badge-ui{font-size:.68rem!important;padding:5px 9px!important;}
.sample-business{font-size:.72rem!important;padding:6px 9px!important;margin-bottom:12px!important;}
.score-number strong{font-size:3.45rem!important;}
.grade-wrap{gap:8px!important;margin-bottom:8px!important;}
.score-card .small{display:none!important;}
.score-card-hint{border-top:1px solid var(--line);padding-top:10px;}
}
@media(max-width:400px){
.site-header .brand-logo{max-width:116px!important;width:116px!important;}
.hero h1,.hero-v3 h1,.hero-v4 h1{font-size:1.92rem!important;}
.hero-sub{font-size:.92rem;}
} @media(max-width:980px){
:root{--radius:20px;}
.container{width:min(100% - 32px,var(--max))!important;}
.section{padding:48px 0!important;}
.section-tight{padding:38px 0!important;}
.section-head{margin-bottom:22px!important;}
.section-head.center{max-width:620px!important;}
.eyebrow{font-size:.62rem!important;letter-spacing:.13em!important;margin-bottom:9px!important;}
h2{font-size:clamp(1.75rem,6.3vw,2.35rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;}
h3{font-size:clamp(1.06rem,4.4vw,1.28rem)!important;line-height:1.12!important;}
p{font-size:.94rem!important;line-height:1.55!important;margin-bottom:13px!important;}
.lead{font-size:1rem!important;line-height:1.5!important;max-width:560px!important;}
.small{font-size:.82rem!important;line-height:1.45!important;} .header-inner{min-height:52px!important;}
.site-header .brand-logo{width:auto!important;max-width:112px!important;max-height:42px!important;object-fit:contain!important;}
.mobile-toggle{min-width:40px!important;min-height:40px!important;padding:6px 9px!important;border-radius:14px!important;font-size:1.05rem!important;}
.mobile-drawer{padding:14px 20px 22px!important;}
.mobile-drawer .nav-link{font-size:.95rem!important;padding:12px 0!important;} .card,.split-card,.scan-checklist,.cta-panel,.case-detail-card{padding:22px!important;border-radius:20px!important;}
.grid-3,.grid-4,.case-grid,.feature-list{gap:16px!important;}
.card-icon{width:42px!important;height:42px!important;border-radius:12px!important;margin-bottom:14px!important;}
ul.clean{gap:8px!important;}
ul.clean li{font-size:.9rem!important;line-height:1.45!important;padding-left:22px!important;}
ul.clean li:before{width:7px!important;height:7px!important;top:.55em!important;} .section-head.center h2{max-width:560px!important;margin-left:auto!important;margin-right:auto!important;}
.section-head.center .lead{max-width:560px!important;margin-left:auto!important;margin-right:auto!important;} .service-card{padding:22px!important;}
.service-card ul.clean{margin:12px 0 18px!important;}
.result-number{font-size:2.15rem!important;}
.metric-grid{gap:8px!important;margin:12px 0!important;}
.metric-cell{padding:11px!important;border-radius:12px!important;}
.metric-cell strong{font-size:1.12rem!important;} .mobile-cta-bar{padding:9px 12px calc(9px + env(safe-area-inset-bottom))!important;gap:8px!important;}
.mobile-cta-bar .btn{min-height:42px!important;padding:10px 12px!important;font-size:.9rem!important;border-radius:999px!important;}
}
@media(max-width:640px){
.container{width:min(100% - 26px,var(--max))!important;}
.section{padding:40px 0!important;}
.section-tight{padding:32px 0!important;}
.section-head{margin-bottom:18px!important;}
.eyebrow{font-size:.58rem!important;letter-spacing:.12em!important;margin-bottom:8px!important;}
.eyebrow:before{width:18px!important;}
h2{font-size:clamp(1.55rem,7.2vw,2rem)!important;line-height:1.04!important;}
.section-head.center h2{font-size:clamp(1.6rem,7.6vw,2.05rem)!important;}
h3{font-size:1.08rem!important;}
p{font-size:.9rem!important;line-height:1.48!important;margin-bottom:11px!important;}
.lead{font-size:.94rem!important;line-height:1.46!important;} .header-inner{min-height:50px!important;}
.site-header .container{width:min(100% - 24px,var(--max))!important;}
.site-header .brand-logo{max-width:104px!important;max-height:38px!important;}
.mobile-toggle{min-width:38px!important;min-height:38px!important;padding:5px 8px!important;} .hero,.hero-v3,.hero-v4{padding-top:24px!important;padding-bottom:34px!important;}
.hero-grid{gap:14px!important;}
.hero h1,.hero-v3 h1,.hero-v4 h1{font-size:clamp(1.74rem,8.2vw,2.05rem)!important;line-height:1!important;}
.hero-sub{font-size:.88rem!important;line-height:1.43!important;margin-top:9px!important;}
.mobile-hero-action{margin-top:16px!important;}
.btn-hero{min-height:44px!important;padding:12px 18px!important;font-size:.94rem!important;}
.hero-trust-note{font-size:.7rem!important;margin-top:8px!important;} .score-card{padding:15px 16px!important;border-radius:18px!important;}
.score-top{margin-bottom:8px!important;gap:6px!important;}
.score-title{font-size:.58rem!important;letter-spacing:.13em!important;}
.score-badge,.score-badge-ui{font-size:.58rem!important;padding:4px 7px!important;}
.sample-business,.sample-label{font-size:.68rem!important;padding:5px 8px!important;margin-bottom:8px!important;}
.score-number{margin-bottom:4px!important;}
.score-number strong{font-size:2.9rem!important;}
.score-number span{font-size:.82rem!important;margin-bottom:4px!important;}
.grade-d{font-size:.68rem!important;padding:4px 8px!important;}
.score-context{font-size:.72rem!important;}
.score-card-hint{font-size:.72rem!important;margin-top:8px!important;padding-top:8px!important;} .card,.split-card,.scan-checklist,.cta-panel,.case-detail-card{padding:18px!important;border-radius:18px!important;}
.service-card{padding:18px!important;}
.service-card:before{top:18px!important;bottom:18px!important;}
.card-icon{width:38px!important;height:38px!important;margin-bottom:12px!important;}
.grid-3,.grid-4,.case-grid,.feature-list,.gap-grid,.proof-results-grid{gap:14px!important;}
.section-head.center .lead br{display:none!important;}
.compare{gap:10px!important;} .trust-bar{padding:14px 0!important;}
.trust-stat{padding:13px 8px!important;}
.trust-stat strong{font-size:1.18rem!important;margin-bottom:4px!important;}
.trust-stat span{font-size:.56rem!important;letter-spacing:.08em!important;} .page-hero.inner-hero{padding:42px 0!important;}
.page-hero.inner-hero h1{font-size:clamp(1.9rem,8vw,2.25rem)!important;}
.page-hero.inner-hero .lead{font-size:.96rem!important;} .paul-photo{max-width:280px!important;border-radius:18px!important;}
.photo-caption{max-width:280px!important;padding:10px 4px!important;}
.photo-caption strong{font-size:.88rem!important;}
.photo-caption span{font-size:.7rem!important;line-height:1.35!important;} .btn{padding:11px 16px!important;font-size:.88rem!important;min-height:42px!important;}
.platform-pill{padding:10px 13px!important;min-height:40px!important;font-size:.78rem!important;} .site-footer{padding-top:40px!important;}
.footer-logo{width:175px!important;}
.footer-grid{gap:20px!important;}
.footer-links-group{gap:18px!important;}
}
@media(max-width:400px){
.container{width:min(100% - 24px,var(--max))!important;}
h2,.section-head.center h2{font-size:1.52rem!important;}
p{font-size:.88rem!important;}
.lead{font-size:.92rem!important;}
.site-header .brand-logo{max-width:96px!important;max-height:36px!important;}
.hero h1,.hero-v3 h1,.hero-v4 h1{font-size:1.62rem!important;}
.hero-sub{font-size:.84rem!important;}
.score-number strong{font-size:2.65rem!important;}
.mobile-cta-bar .btn{font-size:.82rem!important;padding-left:8px!important;padding-right:8px!important;}
} .score-card-cta{display:none;}
@media(max-width:640px){
.score-card-cta{
display:flex!important;
width:100%;
justify-content:center;
align-items:center;
margin-top:12px!important;
padding:11px 14px!important;
min-height:42px!important;
border:1px solid rgba(36,87,230,.22)!important;
border-radius:999px!important;
background:linear-gradient(135deg,var(--blue),#173fbd)!important;
color:#fff!important;
font-size:.82rem!important;
font-weight:950!important;
letter-spacing:.01em!important;
text-align:center!important;
box-shadow:0 10px 24px rgba(36,87,230,.25)!important;
text-decoration:none!important;
}
.score-card-cta:hover,
.score-card-cta:focus{
background:linear-gradient(135deg,#3369ff,var(--blue))!important;
box-shadow:0 14px 32px rgba(36,87,230,.34)!important;
}
.score-card-cta:active{transform:scale(.97)!important;}
} .score-card-dark .report-brand,
.score-card-dark .report-product,
.score-card-dark .report-engine{font-family:'Sora','Inter',sans-serif}
.score-card-dark .report-product{color:#1f63ff}
.score-card-dark .report-rule{margin-bottom:14px}
@media(max-width:980px){
.report-engine{max-width:none}
}
@media(max-width:640px){
.report-masthead{flex-direction:column;gap:6px;margin-bottom:10px}
.report-brand{font-size:.64rem!important;letter-spacing:.12em!important;margin-bottom:2px!important}
.report-product{font-size:.6rem!important;letter-spacing:.12em!important}
.report-engine{font-size:.56rem!important;letter-spacing:.1em!important;text-align:left!important;max-width:none!important;line-height:1.35!important}
.report-rule{margin-bottom:10px!important}
.platform-preview{gap:6px!important;margin:12px 0 12px!important}
.platform-chip{padding:6px 9px!important;font-size:.64rem!important}
.platform-chip b{font-size:.6rem!important}
.report-section-head{font-size:.58rem!important;letter-spacing:.1em!important;margin:8px 0 8px!important}
}
@media(max-width:400px){
.platform-preview{gap:5px!important}
.platform-chip{padding:5px 8px!important;font-size:.6rem!important}
.report-section-head{font-size:.54rem!important}
} @media(max-width:640px){ .score-card .report-engine,
.score-card .platform-preview,
.score-card .report-section-head,
.score-card .report-summary,
.score-card .score-badge{
display:none!important;
}
.score-card .report-masthead{
margin-bottom:6px!important;
gap:4px!important;
}
.score-card .report-brand{
font-size:.6rem!important;
letter-spacing:.12em!important;
}
.score-card .report-product{
font-size:.62rem!important;
letter-spacing:.12em!important;
}
.score-card .report-rule{
margin-bottom:9px!important;
}
.score-card .score-top{
margin-bottom:8px!important;
}
.score-card .score-title{
font-size:.62rem!important;
letter-spacing:.13em!important;
}
.score-card .sample-business{
display:inline-flex!important;
width:auto!important;
max-width:100%!important;
font-size:.74rem!important;
padding:7px 10px!important;
margin-bottom:8px!important;
}
.score-card .score-number{
margin-top:0!important;
margin-bottom:5px!important;
}
.score-card .score-number strong{
font-size:3rem!important;
}
.score-card .grade-wrap{
gap:8px!important;
margin:4px 0 0!important;
}
.score-card .grade-badge{
font-size:.7rem!important;
padding:5px 10px!important;
}
.score-card .score-context{
font-size:.72rem!important;
}
.score-card-cta{
margin-top:11px!important;
min-height:40px!important;
padding:10px 13px!important;
font-size:.8rem!important;
} .mobile-cta-bar{
padding:6px 10px calc(6px + env(safe-area-inset-bottom))!important;
gap:7px!important;
}
.mobile-cta-bar .btn{
min-height:38px!important;
padding:8px 10px!important;
font-size:.8rem!important;
border-radius:999px!important;
}
.site-footer{
padding-bottom:calc(48px + env(safe-area-inset-bottom))!important;
}
}
@media(max-width:400px){
.score-card .score-number strong{font-size:2.75rem!important;}
.score-card .score-context{font-size:.68rem!important;}
.mobile-cta-bar .btn{font-size:.78rem!important;padding-left:7px!important;padding-right:7px!important;}
} @media(max-width:640px){
.home .problem-section{padding-bottom:30px!important;}
.home .services-section{padding-top:34px!important;padding-bottom:42px!important;}
.home .services-section .section-head{margin-bottom:22px!important;}
.home .services-section .eyebrow{font-size:.62rem!important;letter-spacing:.16em!important;margin-bottom:10px!important;}
.home .services-section h2{font-size:1.58rem!important;line-height:1.02!important;letter-spacing:-.045em!important;max-width:330px!important;margin-left:auto!important;margin-right:auto!important;}
.home .services-section .lead{font-size:.91rem!important;line-height:1.42!important;max-width:330px!important;margin-top:10px!important;margin-left:auto!important;margin-right:auto!important;}
.home .services-section .grid-3{gap:16px!important;}
.home .services-section .card{padding:20px!important;border-radius:18px!important;}
.home .services-section .card-icon{width:38px!important;height:38px!important;border-radius:12px!important;margin-bottom:12px!important;}
.home .services-section h3{font-size:1.08rem!important;margin-bottom:8px!important;}
.home .services-section p{font-size:.88rem!important;line-height:1.48!important;margin-bottom:12px!important;}
.home .services-section ul.clean{gap:8px!important;margin:10px 0 16px!important;}
.home .services-section ul.clean li{font-size:.84rem!important;line-height:1.4!important;padding-left:20px!important;}
.home .services-section ul.clean li:before{width:7px!important;height:7px!important;top:.55em!important;}
}
@media(max-width:400px){
.home .services-section{padding-top:28px!important;padding-bottom:36px!important;}
.home .services-section h2{font-size:1.46rem!important;max-width:310px!important;}
.home .services-section .lead{font-size:.86rem!important;line-height:1.4!important;max-width:310px!important;}
} .scan-page-hero h1{
max-width:760px;
overflow-wrap:normal;
word-break:normal;
}
.scan-page-hero .lead{max-width:700px;}
.scan-page-hero .scan-microcopy{margin-top:14px;}
@media(max-width:980px){
.scan-page-hero{padding:46px 0 44px!important;overflow:hidden;}
.scan-page-hero .hero-grid{gap:22px!important;}
.scan-page-hero h1{
font-size:clamp(2.15rem,8vw,3.2rem)!important;
line-height:1.02!important;
letter-spacing:-.055em!important;
max-width:100%!important;
}
.scan-page-hero .lead{
font-size:1rem!important;
line-height:1.48!important;
max-width:620px!important;
margin-top:14px!important;
}
.scan-page-hero .button-row{margin-top:20px!important;gap:10px!important;}
.scan-page-hero .button-row .btn{white-space:normal!important;}
.scan-includes-card{max-width:620px!important;}
}
@media(max-width:640px){
.scan-page-hero{padding:34px 0 36px!important;}
.scan-page-hero .container{width:min(100% - 28px,var(--max))!important;}
.scan-page-hero h1{
font-size:clamp(2rem,10.2vw,2.55rem)!important;
line-height:1.03!important;
letter-spacing:-.052em!important;
max-width:11ch!important;
}
.scan-page-hero .lead{
font-size:.92rem!important;
line-height:1.42!important;
margin-top:12px!important;
max-width:32ch!important;
}
.scan-page-hero .button-row{margin-top:18px!important;}
.scan-page-hero .button-row .btn{width:100%!important;justify-content:center!important;}
.scan-page-hero .scan-microcopy{font-size:.76rem!important;line-height:1.35!important;margin-top:10px!important;}
.scan-includes-card{padding:16px!important;border-radius:18px!important;}
.scan-includes-card ul.clean li{font-size:.84rem!important;line-height:1.35!important;}
}
@media(max-width:400px){
.scan-page-hero h1{font-size:1.92rem!important;max-width:11ch!important;}
.scan-page-hero .lead{font-size:.86rem!important;}
} body{overflow-x:hidden;}
.scan-page-hero .scan-hero-title{max-width:720px!important;overflow:visible!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;}
.scan-page-hero .scan-hero-title span{display:inline;}
@media(max-width:640px){
.scan-page-hero{padding:32px 0 34px!important;overflow:hidden!important;}
.scan-page-hero .container{width:min(100% - 30px,var(--max))!important;overflow:hidden!important;}
.scan-page-hero .scan-hero-title{
display:block!important;
width:100%!important;
max-width:330px!important;
font-size:clamp(1.72rem,7.4vw,2.05rem)!important;
line-height:1.04!important;
letter-spacing:-.045em!important;
text-align:left!important;
margin:0!important;
}
.scan-page-hero .scan-hero-title span{display:block!important;white-space:normal!important;}
.scan-page-hero .lead{max-width:330px!important;font-size:.9rem!important;line-height:1.42!important;margin-top:12px!important;}
.scan-page-hero .button-row{max-width:330px!important;margin-top:16px!important;}
.scan-page-hero .button-row .btn{width:100%!important;max-width:330px!important;min-height:42px!important;font-size:.86rem!important;padding:11px 14px!important;}
.scan-page-hero .scan-microcopy{max-width:330px!important;white-space:normal!important;overflow-wrap:normal!important;}
}
@media(max-width:400px){
.scan-page-hero .scan-hero-title{max-width:300px!important;font-size:1.62rem!important;}
.scan-page-hero .lead{max-width:300px!important;font-size:.84rem!important;}
.scan-page-hero .button-row{max-width:300px!important;}
} .scan-page-hero,
.scan-page-hero *{box-sizing:border-box;}
.scan-page-hero{overflow-x:hidden!important;}
.scan-page-hero .container{max-width:1280px!important;min-width:0!important;overflow:visible!important;}
.scan-hero-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.78fr);gap:42px;align-items:center;}
.scan-hero-copy,.scan-includes-card{min-width:0!important;max-width:100%!important;}
.scan-page-hero .scan-hero-title{display:block!important;width:100%!important;max-width:760px!important;font-size:clamp(2.6rem,4.6vw,5rem)!important;line-height:1!important;letter-spacing:-.055em!important;overflow:visible!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;}
.scan-page-hero .scan-hero-lead{max-width:680px!important;}
.scan-page-hero .scan-hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:100%!important;}
.scan-page-hero .scan-hero-buttons .btn{max-width:100%!important;white-space:normal!important;}
@media(max-width:980px){
.scan-page-hero{padding:42px 0 42px!important;}
.scan-hero-layout{grid-template-columns:1fr!important;gap:22px!important;}
.scan-page-hero .scan-hero-title{font-size:clamp(2.1rem,6.3vw,2.85rem)!important;line-height:1.03!important;max-width:520px!important;}
.scan-page-hero .scan-hero-lead{font-size:.98rem!important;line-height:1.45!important;max-width:520px!important;margin-top:12px!important;}
.scan-page-hero .scan-hero-buttons{max-width:520px!important;margin-top:18px!important;}
}
@media(max-width:640px){
html,body{max-width:100%;overflow-x:hidden!important;}
.scan-page-hero{padding:30px 0 32px!important;}
.scan-page-hero .container{width:calc(100% - 32px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;}
.scan-hero-layout{display:block!important;}
.scan-page-hero .eyebrow{font-size:.62rem!important;letter-spacing:.13em!important;margin-bottom:12px!important;}
.scan-page-hero .scan-hero-title{font-size:2.18rem!important;line-height:1.03!important;letter-spacing:-.045em!important;max-width:100%!important;width:100%!important;margin:0!important;}
.scan-page-hero .scan-hero-lead{font-size:.92rem!important;line-height:1.42!important;max-width:100%!important;margin-top:12px!important;}
.scan-page-hero .scan-hero-buttons{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:16px!important;max-width:100%!important;width:100%!important;}
.scan-page-hero .scan-hero-buttons .btn{width:100%!important;min-width:0!important;max-width:100%!important;justify-content:center!important;min-height:42px!important;font-size:.86rem!important;padding:11px 14px!important;}
.scan-page-hero .scan-microcopy{font-size:.76rem!important;line-height:1.35!important;max-width:100%!important;margin-top:10px!important;white-space:normal!important;}
.scan-includes-card{display:block!important;margin-top:22px!important;width:100%!important;max-width:100%!important;padding:16px!important;border-radius:18px!important;}
.scan-includes-card .score-top{margin-bottom:12px!important;}
.scan-includes-card ul.clean{gap:8px!important;}
.scan-includes-card ul.clean li{font-size:.84rem!important;line-height:1.35!important;padding-left:20px!important;}
}
@media(max-width:400px){
.scan-page-hero .container{width:calc(100% - 28px)!important;}
.scan-page-hero .scan-hero-title{font-size:1.95rem!important;line-height:1.04!important;}
.scan-page-hero .scan-hero-lead{font-size:.86rem!important;}
} @media(max-width:640px){
.site-footer{
padding:26px 0 calc(54px + env(safe-area-inset-bottom))!important;
}
.footer-grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:14px!important;
margin-bottom:14px!important;
}
.footer-logo{
width:135px!important;
max-width:135px!important;
margin:0 0 8px!important;
}
.site-footer p{
font-size:.82rem!important;
line-height:1.42!important;
margin:0 0 14px!important;
max-width:32ch!important;
}
.footer-links-group{
display:grid!important;
grid-template-columns:1fr 1fr!important;
column-gap:20px!important;
row-gap:14px!important;
}
.footer-links-group>div:last-child{
grid-column:1 / -1!important;
}
.site-footer h3{
font-size:.9rem!important;
line-height:1.1!important;
margin:0 0 7px!important;
letter-spacing:-.02em!important;
}
.footer-links{
display:grid!important;
gap:2px!important;
}
.footer-links a{
display:block!important;
font-size:.84rem!important;
line-height:1.22!important;
padding:3px 0!important;
margin:0!important;
letter-spacing:0!important;
}
.footer-links-group>div:last-child .footer-links{
grid-template-columns:1fr!important;
gap:2px!important;
}
.footer-bottom{
padding-top:10px!important;
margin-top:8px!important;
gap:4px!important;
font-size:.72rem!important;
line-height:1.35!important;
}
.mobile-cta-bar{
padding:6px 10px calc(6px + env(safe-area-inset-bottom))!important;
gap:8px!important;
}
.mobile-cta-bar .btn{
min-height:38px!important;
padding:8px 10px!important;
font-size:.8rem!important;
}
} @media(min-width:981px){
.site-header{background:rgba(7,17,31,.96)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
.nav{color:rgba(255,255,255,.82)!important;}
.nav a:hover{color:#fff!important;}
.nav a:after{background:linear-gradient(90deg,var(--cyan),var(--blue-2))!important;}
.header-cta .btn-secondary{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important;box-shadow:none!important;}
.hero{padding:92px 0 72px!important;}
.hero-grid{grid-template-columns:.88fr 1.12fr!important;gap:64px!important;align-items:center!important;}
.hero h1{font-size:clamp(3.35rem,4.7vw,5rem)!important;line-height:1.02!important;max-width:650px!important;}
.hero h1 .h1-punch{display:block!important;margin-top:4px!important;}
.hero .lead.hero-lead-desktop{font-size:1.08rem!important;line-height:1.62!important;max-width:570px!important;color:rgba(255,255,255,.72)!important;margin-top:24px!important;}
.hero .lead.hero-lead-desktop strong{display:block;color:#fff;font-size:1.22rem;line-height:1.35;margin-bottom:12px;}
.hero-actions .button-row{margin-top:34px!important;}
.trust-line{display:flex!important;gap:26px!important;margin-top:28px!important;}
.trust-line span{background:transparent!important;border:0!important;padding:0!important;color:rgba(255,255,255,.70)!important;font-size:.9rem!important;box-shadow:none!important;}
.trust-line span:before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:8px;border-radius:999px;border:1px solid rgba(55,197,255,.38);color:var(--cyan);font-size:.68rem;font-weight:950;}
}
.report-preview-v55{padding:26px 28px!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#f7fbff)!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 24px 80px rgba(0,0,0,.28),0 0 70px rgba(55,197,255,.10)!important;}
.report-preview-v55:before{display:none!important;}
.report-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;}
.report-preview-head strong{display:block;color:#0f172a;font-size:1.16rem;letter-spacing:-.02em;margin-top:4px;}
.report-kicker,.report-subhead{display:block;color:#617089;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:950;}
.report-powered{color:#64748b;text-align:right;font-size:.72rem;font-weight:900;line-height:1.25;}
.report-score-panel{display:grid;grid-template-columns:190px 1fr;gap:30px;align-items:center;border:1px solid #dce6f2;border-radius:16px;padding:24px 26px;background:#fff;}
.score-ring{width:158px;height:158px;border-radius:50%;background:conic-gradient(var(--blue) 0 67%, #e6efff 67% 100%);display:grid;place-items:center;box-shadow:inset 0 0 0 18px #eef5ff;}
.score-ring span{font-family:'Sora','Inter',sans-serif;font-size:3.35rem;font-weight:950;line-height:.88;color:#0f172a;text-align:center;letter-spacing:-.06em;}
.score-ring em{display:block;font-style:normal;font-size:.92rem;letter-spacing:0;color:#26344a;margin-top:6px;}
.score-copy h3{font-size:1.28rem!important;color:#0f172a!important;margin-bottom:10px!important;}
.score-copy .grade-wrap{margin:0 0 12px!important;}
.score-copy p{font-size:.94rem!important;line-height:1.55!important;color:#46566b!important;margin:0!important;max-width:30ch;}
.report-lower-grid{display:grid;grid-template-columns:1.55fr .9fr;gap:26px;border:1px solid #dce6f2;border-top:0;border-radius:0 0 16px 16px;padding:20px 26px 18px;background:#fbfdff;}
.report-signals{display:grid;gap:10px;}
.mini-signal{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:start;font-size:.82rem;font-weight:850;color:#26344a;}
.mini-signal-label{padding-top:2px;}
.mini-signal-meta{display:grid;gap:2px;justify-items:start;align-content:start;}
.mini-signal b{color:#26344a;font-size:.78rem;line-height:1;}
.mini-signal small{display:inline-flex;align-items:center;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;line-height:1;color:#436075;}
.mini-signal small:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:#22c55e;vertical-align:1px;}
.mini-signal small.mid{color:#8a5a05;}
.mini-signal small.mid:before{background:#f59e0b;}
.mini-signal i{grid-column:1/-1;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan));width:var(--bar-w);box-shadow:0 0 0 1px rgba(36,87,230,.06);}
.report-platforms{border-left:1px solid #dce6f2;padding-left:26px;display:grid;gap:13px;align-content:start;}
.report-platforms div{display:block;font-size:.84rem;font-weight:850;color:#26344a;}
.report-platforms-list span{display:block;line-height:1.35;}
.report-footnote{margin-top:0;padding:12px 16px;border-radius:0 0 14px 14px;background:#edf5ff;color:#214076;font-size:.78rem;font-weight:850;text-align:center;}
@media(max-width:980px){
.report-preview-v55{padding:18px 20px!important;}
.report-score-panel{display:block;padding:0!important;border:0!important;background:transparent!important;}
.score-ring{display:none!important;}
.score-copy{display:none!important;}
.report-lower-grid,.report-footnote{display:none!important;}
.report-preview-head{display:block!important;margin-bottom:12px!important;}
.report-preview-head strong{font-size:.94rem!important;margin-top:8px!important;}
.report-powered{display:none!important;}
} @media(min-width:981px){
.header-inner{min-height:64px!important;}
.site-header .brand-logo{width:150px!important;max-height:48px!important;object-fit:contain!important;}
.nav{gap:20px!important;font-size:.86rem!important;}
.header-cta{gap:10px!important;}
.header-cta .btn{min-height:42px!important;padding:11px 18px!important;font-size:.86rem!important;}
.hero{padding:56px 0 42px!important;}
.hero-grid{grid-template-columns:.9fr 1.1fr!important;gap:56px!important;align-items:center!important;}
.hero .eyebrow{margin-bottom:10px!important;font-size:.68rem!important;}
.hero h1{font-size:clamp(3.1rem,4.3vw,4.55rem)!important;line-height:1!important;max-width:610px!important;}
.hero .lead.hero-lead-desktop{margin-top:18px!important;font-size:1rem!important;line-height:1.55!important;max-width:540px!important;}
.hero .lead.hero-lead-desktop strong{font-size:1.12rem!important;margin-bottom:9px!important;line-height:1.3!important;}
.hero-actions .button-row{margin-top:24px!important;}
.hero-actions .button-row .btn{min-height:42px!important;padding:12px 18px!important;font-size:.86rem!important;}
.trust-line{display:flex!important;flex-wrap:nowrap!important;gap:18px!important;margin-top:18px!important;max-width:none!important;}
.trust-line span{white-space:nowrap!important;font-size:.84rem!important;gap:7px!important;line-height:1!important;}
.trust-line span:before{width:16px!important;height:16px!important;min-width:16px!important;margin-right:7px!important;font-size:.6rem!important;}
.report-preview-v55{max-width:650px!important;margin-left:auto!important;padding:22px 24px!important;border-radius:20px!important;}
.report-preview-head{margin-bottom:14px!important;}
.report-preview-head strong{font-size:1.05rem!important;}
.report-kicker,.report-subhead{font-size:.66rem!important;letter-spacing:.13em!important;}
.report-powered{font-size:.66rem!important;}
.report-score-panel{grid-template-columns:150px 1fr!important;gap:22px!important;padding:18px 20px!important;border-radius:14px!important;}
.score-ring{width:128px!important;height:128px!important;box-shadow:inset 0 0 0 15px #eef5ff!important;}
.score-ring span{font-size:2.65rem!important;}
.score-ring em{font-size:.78rem!important;margin-top:4px!important;}
.score-copy h3{font-size:1.1rem!important;margin-bottom:8px!important;}
.score-copy p{font-size:.86rem!important;line-height:1.45!important;}
.score-copy .grade-badge{padding:5px 11px!important;font-size:.74rem!important;}
.report-lower-grid{gap:20px!important;padding:16px 20px 14px!important;}
.report-platforms{padding-left:20px!important;gap:10px!important;}
.mini-signal{gap:7px!important;font-size:.78rem!important;}
.mini-signal i{height:6px!important;}
.report-footnote{padding:9px 14px!important;font-size:.72rem!important;}
.trust-bar{padding:18px 0!important;}
.trust-stat{padding:10px 18px!important;}
.trust-stat strong{font-size:1.85rem!important;}
.trust-stat span{font-size:.68rem!important;line-height:1.25!important;}
}
@media(min-width:981px) and (max-height:820px){
.hero{padding-top:44px!important;padding-bottom:34px!important;}
.hero h1{font-size:clamp(2.9rem,4vw,4.15rem)!important;}
.report-preview-v55{transform:scale(.94);transform-origin:center right;}
.trust-bar{padding:14px 0!important;}
} @media(max-width:640px){
.hero .report-preview-v55 .report-preview-head{margin-bottom:10px!important;}
.hero .report-preview-v55 .report-kicker{font-size:.66rem!important;letter-spacing:.13em!important;}
.hero .report-preview-v55 .report-preview-head strong{font-size:.92rem!important;line-height:1.2!important;margin-top:6px!important;}
.hero .report-preview-v55 .report-score-panel{
display:flex!important;
align-items:center!important;
gap:14px!important;
border:1px solid #dce6f2!important;
background:#fbfdff!important;
border-radius:16px!important;
padding:13px 14px!important;
margin:12px 0 0!important;
}
.hero .report-preview-v55 .score-ring{
display:grid!important;
width:78px!important;
height:78px!important;
min-width:78px!important;
box-shadow:inset 0 0 0 9px #eef5ff!important;
}
.hero .report-preview-v55 .score-ring span{font-size:1.65rem!important;letter-spacing:-.05em!important;}
.hero .report-preview-v55 .score-ring em{font-size:.58rem!important;margin-top:2px!important;}
.hero .report-preview-v55 .score-copy{display:block!important;min-width:0!important;}
.hero .report-preview-v55 .score-copy h3{display:none!important;}
.hero .report-preview-v55 .score-copy .grade-wrap{display:flex!important;margin:0 0 6px!important;}
.hero .report-preview-v55 .score-copy .grade-badge{display:inline-flex!important;font-size:.66rem!important;padding:5px 10px!important;}
.hero .report-preview-v55 .score-copy p{display:block!important;font-size:.78rem!important;line-height:1.35!important;color:#46566b!important;margin:0!important;max-width:none!important;font-weight:850!important;}
.hero .report-preview-v55 .report-lower-grid,
.hero .report-preview-v55 .report-footnote,
.hero .report-preview-v55 .report-powered{display:none!important;}
.hero .report-preview-v55 .score-card-cta{margin-top:12px!important;}
}
@media(max-width:400px){
.hero .report-preview-v55 .report-score-panel{gap:12px!important;padding:12px!important;}
.hero .report-preview-v55 .score-ring{width:70px!important;height:70px!important;min-width:70px!important;}
.hero .report-preview-v55 .score-ring span{font-size:1.5rem!important;}
.hero .report-preview-v55 .score-copy p{font-size:.74rem!important;}
} @media(min-width:981px){
.hero{padding:46px 0 32px!important;}
.hero .lead.hero-lead-desktop{
margin-top:16px!important;
font-size:.98rem!important;
line-height:1.52!important;
max-width:520px!important;
color:rgba(255,255,255,.76)!important;
}
.hero-actions .button-row{margin-top:20px!important;}
.hero .trust-line{display:none!important;}
}
@media(min-width:981px) and (max-height:820px){
.hero{padding-top:38px!important;padding-bottom:26px!important;}
} .report-preview-head .report-meta{display:block;color:#64748b;font-size:.78rem;font-weight:800;line-height:1.35;margin-top:4px;}
@media(max-width:980px){
.header-inner{min-height:48px!important;}
.site-header .brand-logo{max-width:100px!important;max-height:34px!important;width:auto!important;}
.hero,.hero-v3,.hero-v4{padding-top:16px!important;padding-bottom:34px!important;}
.hero-sub{color:#e3e8f2!important;}
.hero-trust-note{display:grid!important;gap:6px!important;margin:12px 0 0!important;padding:6px 0 2px!important;text-align:left!important;}
.hero-trust-note span{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#dbe4f5!important;font-size:.78rem!important;font-weight:850!important;line-height:1.3!important;}
.hero-trust-note span:before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#7dd3fc;font-size:.62rem;font-weight:950;line-height:1;}
}
@media(max-width:640px){
.header-inner{min-height:46px!important;}
.site-header .brand-logo{max-width:92px!important;max-height:32px!important;}
.hero,.hero-v3,.hero-v4{padding-top:10px!important;padding-bottom:30px!important;}
.hero-grid{gap:12px!important;}
.hero h1,.hero-v3 h1,.hero-v4 h1{font-size:clamp(1.7rem,7.9vw,2rem)!important;line-height:.98!important;}
.hero-sub{font-size:.9rem!important;line-height:1.45!important;color:#e3e8f2!important;margin-top:8px!important;}
.mobile-hero-action{margin-top:14px!important;}
.hero-trust-note{gap:7px!important;margin-top:10px!important;padding-top:4px!important;}
.hero-trust-note span{font-size:.74rem!important;}
.hero .report-preview-v55 .score-card-cta{display:none!important;}
.hero .report-preview-v55 .report-preview-head strong{font-size:.9rem!important;line-height:1.2!important;margin-top:6px!important;}
.hero .report-preview-v55 .report-meta{font-size:.68rem!important;line-height:1.3!important;margin-top:3px!important;}
.hero .report-preview-v55 .score-copy .grade-badge{font-size:.68rem!important;padding:5px 10px!important;}
.hero .report-preview-v55 .score-copy p{font-size:.8rem!important;line-height:1.36!important;color:#334155!important;}
}
@media(max-width:400px){
.header-inner{min-height:44px!important;}
.site-header .brand-logo{max-width:88px!important;max-height:30px!important;}
.hero,.hero-v3,.hero-v4{padding-top:8px!important;padding-bottom:28px!important;}
.hero h1,.hero-v3 h1,.hero-v4 h1{font-size:1.58rem!important;}
.hero-sub{font-size:.86rem!important;}
.hero-trust-note span{font-size:.71rem!important;}
} .grade-f{background:#fee2e2!important;color:#b91c1c!important;border:1px solid #fecaca!important;}
.score-ring{background:conic-gradient(var(--blue) 0 41%, #e6efff 41% 100%)!important;}
@media(max-width:980px){
.header-inner{min-height:44px!important;}
.site-header .brand-logo{max-width:92px!important;max-height:30px!important;width:auto!important;}
.mobile-toggle{min-width:36px!important;min-height:36px!important;padding:5px 8px!important;border-radius:13px!important;font-size:1rem!important;}
.hero,.hero-v3,.hero-v4{padding-top:6px!important;padding-bottom:28px!important;}
.hero-grid{gap:12px!important;}
.hero-scan-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:0!important;width:100%;}
.hero-scan-form input{min-width:0;width:100%;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.96);color:#0f172a;font-size:.84rem;font-weight:650;padding:0 14px;outline:none;box-shadow:0 12px 30px rgba(0,0,0,.16);}
.hero-scan-form input::placeholder{color:#64748b;}
.hero-scan-form input:focus{border-color:rgba(55,197,255,.65);box-shadow:0 0 0 3px rgba(55,197,255,.16),0 12px 30px rgba(0,0,0,.16);}
.hero-scan-form .btn-hero{width:auto!important;min-height:44px!important;padding:11px 16px!important;font-size:.82rem!important;white-space:nowrap!important;margin:0!important;}
.hero-trust-note{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:4px 8px!important;margin:9px 0 0!important;padding:2px 0!important;text-align:center!important;}
.hero-trust-note span{display:inline!important;color:#d7deea!important;font-size:.69rem!important;font-weight:400!important;line-height:1.25!important;letter-spacing:0!important;}
.hero-trust-note span:before{display:none!important;content:none!important;}
.hero-trust-note span:not(:last-child)::after{content:'•';display:inline-block;margin-left:8px;color:rgba(215,222,234,.56);}
.hero-sub{color:#e5ebf6!important;}
}
@media(max-width:640px){
.header-inner{min-height:42px!important;}
.site-header .brand-logo{max-width:88px!important;max-height:29px!important;}
.hero,.hero-v3,.hero-v4{padding-top:4px!important;padding-bottom:24px!important;}
.hero h1,.hero-v3 h1,.hero-v4 h1{font-size:clamp(1.58rem,7.2vw,1.92rem)!important;line-height:1!important;}
.hero-sub{font-size:.85rem!important;line-height:1.42!important;margin-top:8px!important;}
.mobile-hero-action{margin-top:12px!important;}
.hero-scan-form{grid-template-columns:1fr auto!important;gap:7px!important;}
.hero-scan-form input{height:42px!important;font-size:.8rem!important;padding:0 12px!important;}
.hero-scan-form .btn-hero{min-height:42px!important;padding:10px 13px!important;font-size:.78rem!important;}
.hero .report-preview-v55{padding:14px 16px!important;border-radius:20px!important;margin-top:2px!important;max-height:160px!important;overflow:hidden!important;}
.hero .report-preview-v55 .report-preview-head{margin-bottom:8px!important;}
.hero .report-preview-v55 .report-kicker{font-size:.58rem!important;letter-spacing:.12em!important;}
.hero .report-preview-v55 .report-preview-head strong{font-size:.84rem!important;line-height:1.15!important;margin-top:5px!important;}
.hero .report-preview-v55 .report-meta{font-size:.62rem!important;line-height:1.2!important;margin-top:2px!important;}
.hero .report-preview-v55 .report-score-panel{gap:10px!important;border-radius:14px!important;padding:8px 10px!important;margin:8px 0 0!important;}
.hero .report-preview-v55 .score-ring{width:56px!important;height:56px!important;min-width:56px!important;box-shadow:inset 0 0 0 7px #eef5ff!important;}
.hero .report-preview-v55 .score-ring span{font-size:1.22rem!important;line-height:.9!important;}
.hero .report-preview-v55 .score-ring em{font-size:.48rem!important;margin-top:1px!important;}
.hero .report-preview-v55 .score-copy .grade-wrap{margin:0 0 4px!important;}
.hero .report-preview-v55 .score-copy .grade-badge{font-size:.58rem!important;padding:4px 8px!important;}
.hero .report-preview-v55 .score-copy p{font-size:.7rem!important;line-height:1.25!important;font-weight:850!important;color:#334155!important;}
.hero .report-preview-v55 .score-card-cta{display:none!important;}
}
@media(max-width:380px){
.hero-scan-form{grid-template-columns:1fr!important;}
.hero-scan-form .btn-hero{width:100%!important;}
.hero-trust-note span{font-size:.66rem!important;}
.hero .report-preview-v55{max-height:154px!important;}
} .report-platform-failures{display:grid;gap:12px;margin-top:16px;}
.platform-failure-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #dbe6f3;border-radius:14px;background:#fbfdff;color:#0f172a;box-shadow:0 1px 0 rgba(15,23,42,.02);}
.platform-failure-row strong{display:block;font-size:.92rem;line-height:1.3;font-weight:850;letter-spacing:-.01em;}
.status-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:999px;font-size:.78rem;font-weight:900;line-height:1;}
.platform-failure-row.fail .status-mark{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;}
.platform-failure-row.warn .status-mark{background:#fef3c7;color:#9a6700;border:1px solid #fde68a;}
.report-displacement-line{margin:14px 0 0;font-size:.9rem;line-height:1.45;color:#334155;font-weight:700;}
.report-summary-bar{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:14px;background:#eef5ff;border:1px solid #d7e4f8;}
.report-summary-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.score-inline{font-family:'Sora','Inter',sans-serif;font-size:1.12rem;font-weight:950;line-height:1;color:#0f172a;letter-spacing:-.04em;}
.report-summary-right{font-size:.84rem;line-height:1.35;color:#214076;font-weight:850;max-width:24ch;text-align:right;}
@media(max-width:980px){
.hero .report-preview-v55{max-height:none!important;overflow:visible!important;padding:16px 16px!important;}
.hero .report-preview-v55 .report-preview-head{margin-bottom:10px!important;}
.hero .report-preview-v55 .report-preview-head strong{font-size:.92rem!important;line-height:1.2!important;margin-top:6px!important;}
.hero .report-preview-v55 .report-meta{font-size:.68rem!important;line-height:1.3!important;margin-top:2px!important;}
.hero .report-preview-v55 .report-platform-failures{gap:8px!important;margin-top:10px!important;}
.hero .report-preview-v55 .platform-failure-row{padding:10px 12px!important;border-radius:13px!important;gap:10px!important;}
.hero .report-preview-v55 .platform-failure-row strong{font-size:.78rem!important;line-height:1.28!important;}
.hero .report-preview-v55 .status-mark{width:22px!important;height:22px!important;min-width:22px!important;font-size:.74rem!important;}
.hero .report-preview-v55 .report-displacement-line{margin-top:10px!important;font-size:.74rem!important;line-height:1.35!important;}
.hero .report-preview-v55 .report-summary-bar{margin-top:10px!important;padding:10px 12px!important;display:grid!important;gap:7px!important;justify-content:stretch!important;}
.hero .report-preview-v55 .report-summary-left{justify-content:flex-start!important;gap:8px!important;}
.hero .report-preview-v55 .score-inline{font-size:.96rem!important;}
.hero .report-preview-v55 .report-summary-right{max-width:none!important;text-align:left!important;font-size:.72rem!important;line-height:1.28!important;}
}
@media(max-width:640px){
.hero .report-preview-v55{padding:14px 15px!important;border-radius:18px!important;margin-top:4px!important;}
.hero .report-preview-v55 .report-kicker{font-size:.62rem!important;}
.hero .report-preview-v55 .report-preview-head strong{font-size:.88rem!important;}
.hero .report-preview-v55 .platform-failure-row strong{font-size:.76rem!important;}
.hero .report-preview-v55 .report-displacement-line{font-size:.72rem!important;}
.hero .report-preview-v55 .score-inline{font-size:.9rem!important;}
.hero .report-preview-v55 .report-summary-right{font-size:.7rem!important;}
} .mobile-report-failures{display:none!important;}
@media(min-width:981px){
.desktop-report-score{display:grid!important;}
.report-footnote.desktop-report-score{display:block!important;}
.report-preview-v55 .score-card-cta{display:none!important;}
}
@media(max-width:980px){
.desktop-report-score{display:none!important;}
.mobile-report-failures{display:grid!important;}
.report-displacement-line.mobile-report-failures{display:block!important;}
.report-summary-bar.mobile-report-failures{display:grid!important;}
} .mobile-report-compact{display:none;}
@media(max-width:980px){
.hero .report-preview-v55{
padding:16px 18px!important;
border-radius:20px!important;
}
.hero .report-preview-v55 .report-preview-head,
.hero .report-preview-v55 .score-card-cta{
display:none!important;
}
.mobile-report-compact{
display:grid!important;
gap:10px;
align-items:start;
}
.mobile-report-topline{
font-size:.68rem;
line-height:1.25;
letter-spacing:.14em;
text-transform:uppercase;
font-weight:900;
color:#6b7a91;
}
.mobile-report-topline span{color:#94a3b8;letter-spacing:0;font-weight:700;}
.mobile-score-row{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.mobile-score-value{
font-family:'Sora','Inter',sans-serif;
font-size:1.7rem;
line-height:1;
font-weight:950;
letter-spacing:-.05em;
color:#0f172a;
}
.mobile-score-row .grade-badge{font-size:.68rem!important;padding:5px 10px!important;}
.mobile-gap-line{
font-size:.92rem;
line-height:1.2;
font-weight:900;
letter-spacing:-.02em;
color:#0f172a;
}
.mobile-platform-row{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:4px 10px;
font-size:.76rem;
line-height:1.25;
font-weight:700;
color:#475569;
}
.mobile-platform-row span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;}
.mobile-platform-row span:not(:last-child)::after{
content:'·';
margin-left:10px;
color:#94a3b8;
font-weight:700;
}
.mobile-platform-row .fail{color:#b91c1c;}
.mobile-platform-row .warn{color:#9a6700;}
.mobile-report-btn{
width:100%;
justify-content:center;
min-height:44px;
padding:12px 16px!important;
font-size:.92rem!important;
margin-top:2px;
}
}
@media(max-width:640px){
.hero .report-preview-v55{
padding:14px 16px!important;
border-radius:18px!important;
margin-top:4px!important;
}
.mobile-report-compact{gap:8px;}
.mobile-report-topline{font-size:.62rem;}
.mobile-score-value{font-size:1.52rem;}
.mobile-score-row{gap:8px;}
.mobile-score-row .grade-badge{font-size:.62rem!important;padding:4px 9px!important;}
.mobile-gap-line{font-size:.84rem;}
.mobile-platform-row{font-size:.7rem;gap:3px 8px;}
.mobile-platform-row span:not(:last-child)::after{margin-left:8px;}
.mobile-report-btn{min-height:42px;font-size:.86rem!important;padding:11px 14px!important;}
}
@media(max-width:380px){
.mobile-report-topline{font-size:.58rem;letter-spacing:.12em;}
.mobile-score-value{font-size:1.42rem;}
.mobile-gap-line{font-size:.8rem;}
.mobile-platform-row{font-size:.66rem;}
} @media(max-width:980px){
.hero .report-preview-v55 .desktop-report-score,
.hero .report-preview-v55 .report-score-panel.desktop-report-score,
.hero .report-preview-v55 .report-lower-grid.desktop-report-score,
.hero .report-preview-v55 .report-footnote.desktop-report-score,
.hero .report-preview-v55 .report-preview-head,
.hero .report-preview-v55 .score-card-cta,
.hero .report-preview-v55 .mobile-report-btn{
display:none!important;
}
.hero .report-preview-v55{
padding:13px 15px!important;
border-radius:18px!important;
margin-top:2px!important;
max-height:none!important;
overflow:visible!important;
}
.hero .report-preview-v55 .mobile-report-compact{
display:grid!important;
gap:7px!important;
}
.hero .report-preview-v55 .mobile-report-topline{
font-size:.58rem!important;
letter-spacing:.11em!important;
line-height:1.25!important;
color:#6b7a91!important;
white-space:normal!important;
}
.hero .report-preview-v55 .mobile-score-row{
display:flex!important;
align-items:center!important;
gap:8px!important;
}
.hero .report-preview-v55 .mobile-score-value{
font-size:1.46rem!important;
line-height:1!important;
}
.hero .report-preview-v55 .mobile-score-row .grade-badge{
font-size:.58rem!important;
padding:4px 8px!important;
}
.hero .report-preview-v55 .mobile-gap-line{
font-size:.8rem!important;
line-height:1.18!important;
font-weight:900!important;
color:#0f172a!important;
}
.hero .report-preview-v55 .mobile-platform-row{
font-size:.66rem!important;
line-height:1.25!important;
gap:2px 7px!important;
font-weight:700!important;
}
.hero .report-preview-v55 .mobile-platform-row span:not(:last-child)::after{
margin-left:7px!important;
}
}
@media(max-width:380px){
.hero .report-preview-v55{padding:12px 14px!important;}
.hero .report-preview-v55 .mobile-report-topline{font-size:.54rem!important;}
.hero .report-preview-v55 .mobile-score-value{font-size:1.34rem!important;}
.hero .report-preview-v55 .mobile-gap-line{font-size:.76rem!important;}
.hero .report-preview-v55 .mobile-platform-row{font-size:.61rem!important;}
} @media(max-width:980px){
.mobile-hero-cta-only{
display:flex!important;
width:100%!important;
justify-content:center!important;
min-height:44px!important;
padding:12px 18px!important;
font-size:.94rem!important;
margin:0!important;
}
.hero-scan-form{display:none!important;}
}
@media(max-width:640px){
.mobile-hero-cta-only{
min-height:42px!important;
padding:11px 16px!important;
font-size:.88rem!important;
}
} .hero-scan-form{
display:grid;
grid-template-columns:minmax(260px,1fr) auto;
gap:10px;
align-items:center;
width:min(100%,620px);
margin-top:0;
}
.hero-scan-form input{
min-width:0;
width:100%;
height:46px;
border-radius:999px;
border:1px solid rgba(255,255,255,.18);
background:rgba(255,255,255,.96);
color:#0f172a;
font-size:.9rem;
font-weight:650;
padding:0 17px;
outline:none;
box-shadow:0 14px 34px rgba(0,0,0,.14);
}
.hero-scan-form input::placeholder{color:#64748b;}
.hero-scan-form input:focus{border-color:rgba(55,197,255,.7);box-shadow:0 0 0 3px rgba(55,197,255,.16),0 14px 34px rgba(0,0,0,.16);}
.hero-scan-form .btn{white-space:nowrap;min-height:46px;padding:13px 20px;}
.hero-secondary-link{display:inline-block;margin-top:12px;color:rgba(255,255,255,.70);font-size:.84rem;font-weight:750;text-decoration:none;}
.hero-secondary-link:hover{color:#fff;text-decoration:underline;}
@media(min-width:981px){
.hero-actions{max-width:620px!important;}
.hero-actions .hero-scan-form{margin-top:0!important;}
}
@media(max-width:980px){
.mobile-hero-cta-only{display:none!important;}
.hero-scan-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;width:100%!important;}
.hero-scan-form input{height:44px!important;font-size:.84rem!important;padding:0 14px!important;}
.hero-scan-form .btn-hero{width:auto!important;min-height:44px!important;padding:11px 16px!important;font-size:.82rem!important;white-space:nowrap!important;margin:0!important;}
}
@media(max-width:640px){
.hero-scan-form{grid-template-columns:1fr!important;gap:8px!important;}
.hero-scan-form input{height:42px!important;font-size:.82rem!important;padding:0 14px!important;}
.hero-scan-form .btn-hero{width:100%!important;min-height:42px!important;padding:11px 16px!important;font-size:.88rem!important;}
} @media(max-width:980px){
.hero .hero-visual.report-preview-v55,
.hero .hero-visual.score-card{
display:none!important;
}
.hero-grid{
gap:0!important;
}
.hero,.hero-v3,.hero-v4{
padding-bottom:28px!important;
}
}
@media(max-width:640px){
.hero,.hero-v3,.hero-v4{
padding-bottom:24px!important;
}
} .hero-scan-form input{
background:rgba(255,255,255,.08)!important;
color:#fff!important;
border-color:rgba(255,255,255,.28)!important;
box-shadow:0 12px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.hero-scan-form input::placeholder{
color:rgba(255,255,255,.58)!important;
opacity:1!important;
}
.hero-scan-form input:focus{
background:rgba(255,255,255,.11)!important;
color:#fff!important;
border-color:rgba(55,197,255,.78)!important;
box-shadow:0 0 0 3px rgba(55,197,255,.16),0 12px 30px rgba(0,0,0,.18)!important;
}
@media(max-width:980px){
.home .problem-section{padding-top:24px!important;}
.home .trust-bar{padding-bottom:8px!important;}
}
@media(max-width:640px){
.home .problem-section{padding-top:18px!important;}
.home .trust-bar{padding-bottom:4px!important;}
} .paul-photo{
aspect-ratio:2/3!important;
object-fit:cover!important;
object-position:center 34%!important;
width:100%!important;
max-width:340px!important;
}
.photo-caption{max-width:340px!important;}
@media(min-width:981px){
.paul-photo{max-width:340px!important;}
.photo-caption{max-width:340px!important;}
}
@media(max-width:640px){
.paul-photo{max-width:260px!important;aspect-ratio:2/3!important;}
.photo-caption{max-width:260px!important;}
} @media(max-width:980px){
.hero .hero-text > .eyebrow{
display:none!important;
}
.hero-sub{
max-width:560px!important;
font-size:1rem!important;
line-height:1.38!important;
margin-top:12px!important;
color:rgba(255,255,255,.76)!important;
}
.hero,.hero-v3,.hero-v4{
padding-top:34px!important;
padding-bottom:42px!important;
}
.home .trust-bar{
display:none!important;
}
.home .problem-section{
padding-top:44px!important;
}
}
@media(max-width:640px){
.hero h1,.hero-v3 h1,.hero-v4 h1{
font-size:clamp(2.05rem,9vw,2.55rem)!important;
line-height:1.02!important;
}
.hero-sub{
font-size:.96rem!important;
line-height:1.4!important;
margin-top:12px!important;
}
.mobile-hero-action{
margin-top:20px!important;
}
.hero-scan-form{
gap:10px!important;
}
.hero-scan-form input{
height:50px!important;
font-size:.9rem!important;
padding:0 18px!important;
}
.hero-scan-form .btn-hero{
min-height:50px!important;
font-size:.94rem!important;
}
.hero-trust-note{
font-size:.74rem!important;
margin-top:12px!important;
}
.hero,.hero-v3,.hero-v4{
padding-top:30px!important;
padding-bottom:42px!important;
}
.home .problem-section{
padding-top:42px!important;
}
} .hero .hero-scan-form input::placeholder,
.hero-v4 .hero-scan-form input::placeholder,
.mobile-hero-action .hero-scan-form input::placeholder,
.desktop-hero-scan-form input::placeholder{
color:rgba(255,255,255,.72)!important;
opacity:1!important;
}
.hero .hero-scan-form input::-webkit-input-placeholder,
.hero-v4 .hero-scan-form input::-webkit-input-placeholder,
.mobile-hero-action .hero-scan-form input::-webkit-input-placeholder,
.desktop-hero-scan-form input::-webkit-input-placeholder{
color:rgba(255,255,255,.72)!important;
opacity:1!important;
}
.hero .hero-scan-form input::-moz-placeholder,
.hero-v4 .hero-scan-form input::-moz-placeholder,
.mobile-hero-action .hero-scan-form input::-moz-placeholder,
.desktop-hero-scan-form input::-moz-placeholder{
color:rgba(255,255,255,.72)!important;
opacity:1!important;
}
@media(max-width:640px){
.hero-sub.hero-lead-mobile{
max-width:640px!important;
font-size:.95rem!important;
line-height:1.35!important;
}
} @media(max-width:640px){
.site-footer{
padding-top:24px!important;
padding-bottom:calc(50px + env(safe-area-inset-bottom))!important;
}
.site-footer .container{
width:min(100% - 28px,var(--max))!important;
}
.footer-grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:14px!important;
margin-bottom:16px!important;
}
.footer-grid > div:first-child{
display:grid!important;
gap:6px!important;
}
.footer-logo{
width:145px!important;
margin:0 0 6px!important;
}
.site-footer p{
max-width:340px!important;
font-size:.78rem!important;
line-height:1.35!important;
margin:0!important;
color:rgba(203,213,225,.82)!important;
}
.footer-links-group{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:14px 20px!important;
margin-top:4px!important;
}
.footer-links-group > div:last-child{
grid-column:1 / -1!important;
}
.site-footer h3{
font-size:.82rem!important;
line-height:1.1!important;
margin:0 0 7px!important;
}
.footer-links{
gap:5px!important;
}
.site-footer a{
font-size:.8rem!important;
line-height:1.28!important;
letter-spacing:0!important;
}
.footer-links-group > div:last-child .footer-links{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:5px 16px!important;
}
.footer-links-group > div:last-child .footer-links a:first-child{
grid-column:1 / -1!important;
}
.footer-bottom{
padding-top:12px!important;
gap:4px!important;
display:grid!important;
grid-template-columns:1fr!important;
font-size:.72rem!important;
line-height:1.35!important;
}
}
@media(max-width:400px){
.footer-logo{width:134px!important;}
.site-footer p{font-size:.74rem!important;line-height:1.32!important;}
.site-footer a{font-size:.76rem!important;}
.footer-links-group{gap:12px 16px!important;}
} @media(max-width:640px){
.site-footer{
padding-top:16px!important;
padding-bottom:calc(44px + env(safe-area-inset-bottom))!important;
}
.site-footer .container{
width:min(100% - 26px,var(--max))!important;
}
.footer-grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:10px!important;
margin-bottom:10px!important;
}
.footer-grid > div:first-child{
display:flex!important;
align-items:center!important;
gap:12px!important;
margin:0!important;
}
.footer-logo{
width:118px!important;
min-width:118px!important;
margin:0!important;
}
.footer-grid > div:first-child p{
display:none!important;
}
.footer-links-group{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:12px 18px!important;
margin-top:2px!important;
}
.site-footer h3{
font-size:.72rem!important;
line-height:1!important;
margin:0 0 5px!important;
}
.footer-links{
gap:3px!important;
}
.site-footer a{
font-size:.7rem!important;
line-height:1.22!important;
}
.footer-links-group > div:last-child{
grid-column:1 / -1!important;
margin-top:0!important;
}
.footer-links-group > div:last-child .footer-links{
display:grid!important;
grid-template-columns:auto 1fr!important;
gap:4px 16px!important;
align-items:center!important;
}
.footer-links-group > div:last-child .footer-links a:first-child{
display:none!important;
}
.footer-bottom{
border-top:1px solid rgba(255,255,255,.10)!important;
padding-top:8px!important;
margin-top:2px!important;
display:block!important;
font-size:.66rem!important;
line-height:1.22!important;
}
.footer-bottom span:last-child{
display:none!important;
}
}
@media(max-width:390px){
.footer-logo{width:108px!important;min-width:108px!important;}
.footer-links-group{gap:10px 14px!important;}
.site-footer a{font-size:.68rem!important;}
.site-footer h3{font-size:.7rem!important;}
} @media(max-width:640px){
.site-footer{
padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
}
.footer-bottom{
display:block!important;
padding-top:8px!important;
padding-bottom:0!important;
margin-top:4px!important;
margin-bottom:0!important;
font-size:.66rem!important;
line-height:1.25!important;
}
.footer-bottom span:first-child{
display:block!important;
}
.footer-bottom span:last-child{
display:none!important;
}
}
.form-alert {
border-radius: 14px;
font-weight: 800;
line-height: 1.45;
margin: 0 0 18px;
padding: 16px 18px;
}
.form-alert-success {
background: #eaf8ef;
border: 1px solid #93d9a8;
color: #166534;
}
.form-alert-error {
background: #fef2f2;
border: 1px solid #f5b1b1;
color: #991b1b;
}
.screen-reader-field {
height: 0 !important;
left: -9999px !important;
overflow: hidden !important;
position: absolute !important;
width: 0 !important;
} @media(max-width:640px){
.home .problem-section{
padding-top:34px!important;
padding-bottom:24px!important;
}
.home .problem-section .grid-2{
gap:20px!important;
align-items:start!important;
}
.home .problem-section .eyebrow{
margin-bottom:10px!important;
}
.home .problem-section h2{
margin-bottom:12px!important;
text-wrap:balance;
}
.home .problem-section .lead{
display:block!important;
margin-top:0!important;
margin-bottom:16px!important;
line-height:1.48!important;
}
.home .problem-section p:not(.eyebrow):not(.lead){
margin-bottom:0!important;
}
.home .problem-section .compare-visual{
margin-top:0!important;
padding:16px!important;
border-radius:18px!important;
}
}
@media(max-width:400px){
.home .problem-section{
padding-top:30px!important;
padding-bottom:20px!important;
}
.home .problem-section .grid-2{
gap:16px!important;
}
.home .problem-section h2{
margin-bottom:10px!important;
}
.home .problem-section .lead{
margin-bottom:14px!important;
}
} .report-platforms .mid{color:#64748b;}
.report-platforms .mid:before{background:#f59e0b;} .home .home-hero-reference-fold,
body.home .home-hero-reference-fold{
position:relative !important;
overflow:hidden !important;
padding:16px 0 6px !important;
background:
radial-gradient(circle at 78% 18%, rgba(0,212,255,.16) 0%, rgba(0,212,255,.08) 22%, transparent 44%),
radial-gradient(circle at 71% 60%, rgba(0,255,157,.09) 0%, transparent 36%),
linear-gradient(90deg,#061027 0%,#061126 50%,#08283a 100%) !important;
border-bottom:0 !important;
}
.home .home-hero-reference-fold .home-hero-shell,
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1180px,calc(100% - 48px)) !important;
margin:0 auto !important;
display:grid !important;
grid-template-columns:minmax(0,470px) minmax(390px,1fr) !important;
gap:24px !important;
align-items:start !important;
}
.home .home-hero-reference-fold .home-hero-left,
body.home .home-hero-reference-fold .home-hero-left{
max-width:470px !important;
padding-top:8px !important;
position:relative !important;
z-index:3 !important;
}
.home .home-hero-reference-fold .eyebrow,
body.home .home-hero-reference-fold .eyebrow{
display:flex !important;
align-items:center !important;
gap:18px !important;
margin:0 0 16px !important;
color:#5fdcff !important;
font-size:.82rem !important;
font-weight:900 !important;
letter-spacing:.18em !important;
line-height:1 !important;
text-transform:uppercase !important;
}
.home .home-hero-reference-fold .eyebrow:before,
body.home .home-hero-reference-fold .eyebrow:before{
content:"" !important;
display:block !important;
width:28px !important;
height:2px !important;
border-radius:999px !important;
background:#5fdcff !important;
flex:0 0 28px !important;
}
.home .home-hero-reference-fold .mobile-hero-intel,
.home .home-hero-reference-fold .mobile-hero-pill,
body.home .home-hero-reference-fold .mobile-hero-intel,
body.home .home-hero-reference-fold .mobile-hero-pill{
display:none !important;
}
.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .home-hero-title,
.home .home-hero-reference-fold .hero-headline,
body.home .home-hero-reference-fold .hero-headline{
margin:0 !important;
max-width:470px !important;
overflow:visible !important;
color:#fff !important;
font-family:'Sora','Inter',sans-serif !important;
font-size:clamp(2.52rem,3.25vw,3.28rem) !important;
font-weight:900 !important;
letter-spacing:-.055em !important;
line-height:.94 !important;
word-break:keep-all !important;
overflow-wrap:normal !important;
}
.home .home-hero-reference-fold .home-hero-title .desktop-title-line,
body.home .home-hero-reference-fold .home-hero-title .desktop-title-line{
display:block !important;
width:max-content !important;
max-width:none !important;
overflow:visible !important;
visibility:visible !important;
white-space:nowrap !important;
word-break:keep-all !important;
overflow-wrap:normal !important;
}
.home .home-hero-reference-fold .home-hero-title .mobile-title-line,
body.home .home-hero-reference-fold .home-hero-title .mobile-title-line{
display:none !important;
visibility:hidden !important;
height:0 !important;
overflow:hidden !important;
}
.home .home-hero-reference-fold .home-gradient-line,
body.home .home-hero-reference-fold .home-gradient-line{
display:block !important;
width:max-content !important;
max-width:none !important;
overflow:visible !important;
padding-right:.08em !important;
color:transparent !important;
background:linear-gradient(180deg,#7ce0ff 0%,#60c9ff 42%,#7ceaff 100%) !important;
-webkit-background-clip:text !important;
background-clip:text !important;
-webkit-text-fill-color:transparent !important;
}
.home .home-hero-reference-fold .home-hero-copy,
body.home .home-hero-reference-fold .home-hero-copy{
max-width:450px !important;
margin:10px 0 0 !important;
color:rgba(239,245,255,.94) !important;
font-size:.95rem !important;
font-weight:600 !important;
line-height:1.34 !important;
}
.home .home-hero-reference-fold .mobile-hero-copy-text,
body.home .home-hero-reference-fold .mobile-hero-copy-text{
display:none !important;
}
.home .home-hero-reference-fold .home-hero-form-col,
body.home .home-hero-reference-fold .home-hero-form-col{
width:100% !important;
max-width:450px !important;
margin:12px 0 0 !important;
position:relative !important;
z-index:4 !important;
}
.home .home-hero-reference-fold .home-hero-scan-form,
body.home .home-hero-reference-fold .home-hero-scan-form{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
align-items:center !important;
gap:0 !important;
width:100% !important;
padding:4px !important;
border-radius:20px !important;
border:1px solid rgba(116,144,214,.30) !important;
background:linear-gradient(180deg,rgba(26,44,93,.70),rgba(13,25,54,.78)) !important;
box-shadow:0 16px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.home .home-hero-reference-fold .mobile-form-title,
body.home .home-hero-reference-fold .mobile-form-title{
display:none !important;
}
.home .home-hero-reference-fold .home-hero-scan-form input,
body.home .home-hero-reference-fold .home-hero-scan-form input{
width:100% !important;
height:54px !important;
min-height:54px !important;
padding:0 20px !important;
border:0 !important;
border-radius:16px !important;
background:transparent !important;
box-shadow:none !important;
color:#fff !important;
font-size:.96rem !important;
font-weight:800 !important;
outline:none !important;
}
.home .home-hero-reference-fold .home-hero-scan-form input::placeholder,
body.home .home-hero-reference-fold .home-hero-scan-form input::placeholder{
color:rgba(255,255,255,.72) !important;
}
.home .home-hero-reference-fold .home-hero-scan-form .btn,
body.home .home-hero-reference-fold .home-hero-scan-form .btn{
min-width:192px !important;
height:54px !important;
min-height:54px !important;
padding:0 20px !important;
border-radius:16px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:.96rem !important;
font-weight:900 !important;
letter-spacing:-.01em !important;
white-space:nowrap !important;
box-shadow:0 10px 22px rgba(36,87,230,.28) !important;
}
.home .home-hero-reference-fold .home-hero-trust,
body.home .home-hero-reference-fold .home-hero-trust{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
flex-wrap:wrap !important;
gap:10px !important;
margin:12px 0 0 !important;
}
.home .home-hero-reference-fold .home-hero-trust .trust-chip,
body.home .home-hero-reference-fold .home-hero-trust .trust-chip{
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
padding:8px 12px !important;
border-radius:999px !important;
border:1px solid rgba(255,255,255,.14) !important;
background:rgba(255,255,255,.06) !important;
color:rgba(255,255,255,.95) !important;
box-shadow:0 8px 20px rgba(5,15,40,.18) !important;
backdrop-filter:blur(10px) !important;
-webkit-backdrop-filter:blur(10px) !important;
white-space:nowrap !important;
}
.home .home-hero-reference-fold .home-hero-trust .trust-chip-icon,
body.home .home-hero-reference-fold .home-hero-trust .trust-chip-icon{
width:20px !important;
height:20px !important;
min-width:20px !important;
border-radius:50% !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
background:rgba(126,215,255,.16) !important;
color:#8fe5ff !important;
box-shadow:0 0 12px rgba(77,183,255,.18) !important;
}
.home .home-hero-reference-fold .home-hero-trust .trust-chip-text,
body.home .home-hero-reference-fold .home-hero-trust .trust-chip-text{
font-size:.76rem !important;
font-weight:800 !important;
line-height:1 !important;
letter-spacing:.01em !important;
color:rgba(255,255,255,.94) !important;
}
.home .home-hero-reference-fold .home-hero-trust .trust-chip-icon svg,
body.home .home-hero-reference-fold .home-hero-trust .trust-chip-icon svg{
display:block !important;
}
.home .home-hero-reference-fold .home-hero-right,
body.home .home-hero-reference-fold .home-hero-right{
position:relative !important;
z-index:2 !important;
min-height:425px !important;
display:flex !important;
align-items:flex-start !important;
justify-content:center !important;
overflow:visible !important;
padding-top:0 !important;
background:transparent !important;
}
.home .home-hero-reference-fold .home-hero-right:before,
.home .home-hero-reference-fold .home-hero-right:after,
body.home .home-hero-reference-fold .home-hero-right:before,
body.home .home-hero-reference-fold .home-hero-right:after{
display:none !important;
content:none !important;
}
.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold .phone-hero-picture{
position:relative !important;
z-index:2 !important;
display:block !important;
width:292px !important;
max-width:292px !important;
overflow:visible !important;
line-height:0 !important;
}
.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold img.phone-hero-img,
.home .home-hero-reference-fold .phone-hero-picture img,
body.home .home-hero-reference-fold .phone-hero-picture img{
display:block !important;
width:292px !important;
max-width:292px !important;
height:auto !important;
margin:0 auto !important;
object-fit:contain !important;
background:transparent !important;
transform:none !important;
filter:none !important;
box-shadow:none !important;
mix-blend-mode:normal !important;
image-rendering:auto !important;
}
.home .home-hero-reference-fold .phone-callout,
body.home .home-hero-reference-fold .phone-callout{
position:absolute !important;
z-index:3 !important;
display:flex !important;
align-items:center !important;
gap:13px !important;
min-width:218px !important;
padding:13px 15px !important;
border-radius:18px !important;
border:1px solid rgba(122,146,198,.24) !important;
background:linear-gradient(180deg,rgba(20,38,78,.92),rgba(14,25,54,.96)) !important;
box-shadow:0 18px 34px rgba(0,0,0,.24) !important;
color:#fff !important;
}
.home .home-hero-reference-fold .phone-callout span,
body.home .home-hero-reference-fold .phone-callout span{
width:34px !important;
height:34px !important;
flex:0 0 34px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:12px !important;
background:linear-gradient(180deg,#4b73ff,#3f5fe7) !important;
color:#fff !important;
font-size:.95rem !important;
}
.home .home-hero-reference-fold .phone-callout strong,
body.home .home-hero-reference-fold .phone-callout strong{
font-size:.89rem !important;
line-height:1.18 !important;
font-weight:900 !important;
}
.home .home-hero-reference-fold .callout-one,
body.home .home-hero-reference-fold .callout-one{top:54px !important;right:6px !important;}
.home .home-hero-reference-fold .callout-two,
body.home .home-hero-reference-fold .callout-two{top:184px !important;right:14px !important;}
.home .home-hero-reference-fold .callout-three,
body.home .home-hero-reference-fold .callout-three{top:310px !important;right:0 !important;}
.home .home-review-link,
body.home .home-review-link{
display:none !important;
}
.home .home-trust-bar,
body.home .home-trust-bar{
position:relative !important;
z-index:4 !important;
margin:0 !important;
padding:6px 0 0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
.home .home-trust-bar:before,
body.home .home-trust-bar:before{
display:none !important;
content:none !important;
}
.home .home-trust-grid,
body.home .home-trust-grid{
width:min(1140px,calc(100% - 20px)) !important;
margin:0 auto !important;
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:0 !important;
border-radius:18px !important;
border:1px solid rgba(140,170,220,.20) !important;
background:rgba(10,18,38,.38) !important;
box-shadow:0 10px 26px rgba(0,0,0,.12) !important;
overflow:hidden !important;
}
.home .home-trust-stat,
body.home .home-trust-stat{
min-height:72px !important;
display:flex !important;
align-items:center !important;
gap:10px !important;
padding:12px 14px !important;
border-right:1px solid rgba(255,255,255,.08) !important;
background:transparent !important;
text-align:left !important;
}
.home .home-trust-stat:last-child,
body.home .home-trust-stat:last-child{
border-right:0 !important;
}
.home .home-trust-stat .trust-stat-icon,
body.home .home-trust-stat .trust-stat-icon{
width:34px !important;
height:34px !important;
flex:0 0 34px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:50% !important;
background:#eef6ff !important;
color:#2457e6 !important;
}
.home .home-trust-stat:nth-child(2) .trust-stat-icon,
body.home .home-trust-stat:nth-child(2) .trust-stat-icon{background:#eaf8ef !important;color:#22a05c !important;}
.home .home-trust-stat:nth-child(3) .trust-stat-icon,
body.home .home-trust-stat:nth-child(3) .trust-stat-icon{background:#f3efff !important;color:#7c4dff !important;}
.home .home-trust-stat:nth-child(4) .trust-stat-icon,
body.home .home-trust-stat:nth-child(4) .trust-stat-icon{background:#fff4db !important;color:#f59e0b !important;}
.home .home-trust-stat strong,
body.home .home-trust-stat strong{
display:block !important;
margin:0 !important;
color:#fff !important;
font-size:1.04rem !important;
font-weight:950 !important;
line-height:1.04 !important;
letter-spacing:-.04em !important;
}
.home .home-trust-stat:nth-child(3) strong,
body.home .home-trust-stat:nth-child(3) strong,
.home .home-trust-stat:nth-child(4) strong,
body.home .home-trust-stat:nth-child(4) strong{
font-size:.90rem !important;
}
.home .home-trust-stat span:not(.trust-stat-icon),
body.home .home-trust-stat span:not(.trust-stat-icon){
display:block !important;
margin-top:3px !important;
color:rgba(233,240,255,.82) !important;
font-size:.50rem !important;
font-weight:900 !important;
line-height:1.16 !important;
letter-spacing:.09em !important;
text-transform:uppercase !important;
}
@media (max-width:1220px){
.home .home-hero-reference-fold .home-hero-shell,
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1060px,calc(100% - 42px)) !important;
grid-template-columns:minmax(0,440px) minmax(360px,1fr) !important;
gap:22px !important;
}
.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .home-hero-title{
font-size:clamp(2.20rem,2.90vw,2.86rem) !important;
max-width:440px !important;
}
.home .home-hero-reference-fold .home-hero-copy,
body.home .home-hero-reference-fold .home-hero-copy,
.home .home-hero-reference-fold .home-hero-form-col,
body.home .home-hero-reference-fold .home-hero-form-col{
max-width:404px !important;
}
.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold .phone-hero-picture,
.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold img.phone-hero-img{
width:270px !important;
max-width:270px !important;
}
.home .home-hero-reference-fold .home-hero-right,
body.home .home-hero-reference-fold .home-hero-right{
min-height:395px !important;
}
.home .home-hero-reference-fold .callout-one,
body.home .home-hero-reference-fold .callout-one{top:48px !important;}
.home .home-hero-reference-fold .callout-two,
body.home .home-hero-reference-fold .callout-two{top:168px !important;}
.home .home-hero-reference-fold .callout-three,
body.home .home-hero-reference-fold .callout-three{top:286px !important;}
}
@media (max-width:900px){
.home .home-hero-reference-fold,
body.home .home-hero-reference-fold{
padding:18px 0 24px !important;
}
.home .home-hero-reference-fold .home-hero-shell,
body.home .home-hero-reference-fold .home-hero-shell{
width:calc(100% - 28px) !important;
grid-template-columns:1fr !important;
gap:16px !important;
align-items:start !important;
text-align:left !important;
}
.home .home-hero-reference-fold .home-hero-left,
body.home .home-hero-reference-fold .home-hero-left{
max-width:none !important;
padding-top:0 !important;
}
.home .home-hero-reference-fold .eyebrow,
body.home .home-hero-reference-fold .eyebrow{
display:none !important;
}
.home .home-hero-reference-fold .mobile-hero-intel,
body.home .home-hero-reference-fold .mobile-hero-intel{
display:block !important;
margin:0 0 8px !important;
}
.home .home-hero-reference-fold .mobile-hero-intel span,
body.home .home-hero-reference-fold .mobile-hero-intel span{
display:block !important;
color:rgba(255,255,255,.58) !important;
font-size:.74rem !important;
letter-spacing:.16em !important;
line-height:1.1 !important;
text-transform:uppercase !important;
}
.home .home-hero-reference-fold .mobile-hero-intel strong,
body.home .home-hero-reference-fold .mobile-hero-intel strong{
display:block !important;
color:#00ff9d !important;
font-size:1.12rem !important;
letter-spacing:.07em !important;
line-height:1.15 !important;
text-transform:uppercase !important;
}
.home .home-hero-reference-fold .mobile-hero-pill,
body.home .home-hero-reference-fold .mobile-hero-pill{
display:inline-flex !important;
align-items:center !important;
margin:0 0 12px !important;
padding:7px 13px !important;
border-radius:999px !important;
border:1px solid rgba(0,255,157,.28) !important;
background:rgba(0,255,157,.07) !important;
color:#00ff9d !important;
font-size:.68rem !important;
font-weight:900 !important;
letter-spacing:.10em !important;
line-height:1 !important;
text-transform:uppercase !important;
white-space:nowrap !important;
}
.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .home-hero-title{
max-width:none !important;
font-size:clamp(2.3rem,9.4vw,3.2rem) !important;
line-height:.96 !important;
letter-spacing:-.05em !important;
}
.home .home-hero-reference-fold .home-hero-title .desktop-title-line,
body.home .home-hero-reference-fold .home-hero-title .desktop-title-line{
display:none !important;
}
.home .home-hero-reference-fold .home-hero-title .mobile-title-line,
body.home .home-hero-reference-fold .home-hero-title .mobile-title-line{
display:block !important;
width:auto !important;
height:auto !important;
visibility:visible !important;
overflow:visible !important;
white-space:normal !important;
}
.home .home-hero-reference-fold .home-hero-copy,
body.home .home-hero-reference-fold .home-hero-copy{
max-width:none !important;
margin:14px 0 0 !important;
font-size:1rem !important;
line-height:1.46 !important;
}
.home .home-hero-reference-fold .desktop-hero-copy,
body.home .home-hero-reference-fold .desktop-hero-copy{
display:none !important;
}
.home .home-hero-reference-fold .mobile-hero-copy-text,
body.home .home-hero-reference-fold .mobile-hero-copy-text{
display:inline !important;
}
.home .home-hero-reference-fold .home-hero-form-col,
body.home .home-hero-reference-fold .home-hero-form-col{
max-width:none !important;
margin:18px 0 0 !important;
}
.home .home-hero-reference-fold .home-hero-scan-form,
body.home .home-hero-reference-fold .home-hero-scan-form{
grid-template-columns:1fr !important;
gap:10px !important;
padding:18px 16px 14px !important;
border-radius:20px !important;
}
.home .home-hero-reference-fold .mobile-form-title,
body.home .home-hero-reference-fold .mobile-form-title{
display:block !important;
color:#00ff9d !important;
font-size:.92rem !important;
font-weight:900 !important;
letter-spacing:.14em !important;
text-transform:uppercase !important;
}
.home .home-hero-reference-fold .home-hero-scan-form input,
body.home .home-hero-reference-fold .home-hero-scan-form input{
height:54px !important;
min-height:54px !important;
padding:0 18px !important;
border:1px solid rgba(255,255,255,.18) !important;
border-radius:15px !important;
background:rgba(10,18,38,.64) !important;
font-size:1rem !important;
}
.home .home-hero-reference-fold .home-hero-scan-form .btn,
body.home .home-hero-reference-fold .home-hero-scan-form .btn{
width:100% !important;
min-width:0 !important;
height:56px !important;
min-height:56px !important;
border-radius:15px !important;
font-size:1rem !important;
}
.home .home-hero-reference-fold .home-hero-trust,
body.home .home-hero-reference-fold .home-hero-trust{
justify-content:center !important;
margin:12px 0 0 !important;
gap:8px !important;
}
.home .home-hero-reference-fold .home-hero-trust .trust-chip,
body.home .home-hero-reference-fold .home-hero-trust .trust-chip{
padding:8px 11px !important;
}
.home .home-hero-reference-fold .home-hero-trust .trust-chip-text,
body.home .home-hero-reference-fold .home-hero-trust .trust-chip-text{
font-size:.74rem !important;
}
.home .home-hero-reference-fold .home-hero-right,
body.home .home-hero-reference-fold .home-hero-right{
order:2 !important;
min-height:auto !important;
justify-content:flex-end !important;
padding:6px 0 0 !important;
}
.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold .phone-hero-picture,
.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold img.phone-hero-img{
width:222px !important;
max-width:222px !important;
}
.home .home-hero-reference-fold .phone-callout,
body.home .home-hero-reference-fold .phone-callout{
display:none !important;
}
.home .home-trust-bar,
body.home .home-trust-bar{
margin-top:10px !important;
padding-top:0 !important;
}
.home .home-trust-grid,
body.home .home-trust-grid{
width:calc(100% - 28px) !important;
grid-template-columns:1fr 1fr !important;
border-radius:14px !important;
}
.home .home-trust-stat,
body.home .home-trust-stat{
min-height:74px !important;
padding:14px 13px !important;
border-right:1px solid rgba(255,255,255,.08) !important;
border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.home .home-trust-stat:nth-child(2n),
body.home .home-trust-stat:nth-child(2n){
border-right:0 !important;
}
.home .home-trust-stat:nth-child(3),
.home .home-trust-stat:nth-child(4),
body.home .home-trust-stat:nth-child(3),
body.home .home-trust-stat:nth-child(4){
border-bottom:0 !important;
}
}
@media (max-width:420px){
.home .home-hero-reference-fold .home-hero-shell,
body.home .home-hero-reference-fold .home-hero-shell{
width:calc(100% - 24px) !important;
}
.home .home-hero-reference-fold .mobile-hero-pill,
body.home .home-hero-reference-fold .mobile-hero-pill{
padding:6px 10px !important;
font-size:.61rem !important;
}
.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .home-hero-title{
font-size:clamp(2rem,10.6vw,2.6rem) !important;
}
.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold .phone-hero-picture,
.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold img.phone-hero-img{
width:206px !important;
max-width:206px !important;
}
} @media (min-width: 981px) { .home .fit-section,
.home .inspect-section,
.home .review-start-section{
background:#fff;
}
.home .fit-section{
padding-top:82px;
padding-bottom:82px;
border-top:1px solid #dce6f2;
}
.fit-panel{
display:grid;
grid-template-columns:.9fr 1.1fr;
gap:24px;
align-items:stretch;
}
.fit-intro-card,
.fit-list-card,
.review-check-card,
.signal-stack-card{
position:relative;
background:rgba(255,255,255,.96);
border:1px solid var(--line);
border-radius:28px;
box-shadow:0 18px 55px rgba(7,17,31,.08);
padding:30px;
overflow:hidden;
}
.fit-intro-card:before,
.fit-list-card:before,
.review-check-card:before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:4px;
background:linear-gradient(90deg,var(--blue),var(--cyan));
}
.fit-badge{
display:inline-flex;
align-items:center;
border-radius:999px;
padding:7px 12px;
background:#eef5ff;
border:1px solid #d0e4ff;
color:var(--blue);
text-transform:uppercase;
letter-spacing:.1em;
font-size:.68rem;
font-weight:950;
margin-bottom:16px;
}
.fit-intro-card h3{
font-size:clamp(1.45rem,2.1vw,2rem);
margin-bottom:16px;
}
.fit-list-card{
display:grid;
gap:12px;
background:linear-gradient(180deg,#ffffff,#f8fbff);
}
.fit-list-item,
.inspect-item{
display:grid;
grid-template-columns:auto 1fr;
gap:14px;
align-items:start;
padding:14px;
border:1px solid #d8e6fb;
border-radius:18px;
background:#fff;
}
.fit-list-item span,
.inspect-item span{
display:grid;
place-items:center;
width:32px;
height:32px;
border-radius:12px;
background:linear-gradient(135deg,var(--blue),var(--cyan));
color:#fff;
font-size:.72rem;
font-weight:950;
box-shadow:0 8px 20px rgba(26,79,214,.2);
}
.fit-list-item p,
.inspect-item p{
margin:0;
color:#27364a;
font-size:.96rem;
font-weight:800;
line-height:1.42;
}
.service-outcome{
margin:0 0 18px;
padding:13px 14px;
border-radius:16px;
background:#eef7ff;
border:1px solid #d5e8ff;
color:#27364a;
font-size:.91rem;
line-height:1.45;
}
.service-outcome strong{
color:var(--blue);
}
.inspect-section{
background:linear-gradient(180deg,#fff,#f7faff);
border-top:1px solid #dce6f2;
border-bottom:1px solid #dce6f2;
}
.inspect-grid{
display:grid;
gap:12px;
}
.inspect-item{
box-shadow:0 8px 28px rgba(7,17,31,.04);
}
.signal-section .signal-stack-card{
background:rgba(255,255,255,.1);
border-color:rgba(255,255,255,.2);
box-shadow:0 24px 70px rgba(0,0,0,.16);
backdrop-filter:blur(12px);
}
.signal-stack-card h3{
color:#fff;
margin-bottom:18px;
}
.signal-stack-card p{
color:#d8e7f6;
margin-top:20px;
}
.signal-chip-grid{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.signal-chip-grid span{
display:inline-flex;
align-items:center;
border-radius:999px;
padding:10px 13px;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.2);
color:#f4f8ff;
font-size:.84rem;
font-weight:850;
}
.review-start-section{
background:linear-gradient(180deg,#f7faff,#fff);
border-bottom:1px solid #dce6f2;
}
.review-start-panel{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:34px;
align-items:center;
padding:42px;
border-radius:34px;
background:radial-gradient(circle at 88% 12%,rgba(0,207,232,.16),transparent 34%),linear-gradient(135deg,#ffffff,#eef5ff);
border:1px solid #d8e6fb;
box-shadow:0 24px 70px rgba(7,17,31,.08);
}
.review-start-panel h2{
max-width:820px;
}
.review-check-card{
background:#fff;
}
.review-check-card h3{
margin-bottom:18px;
}
.review-check-card .check-list{
margin-top:0;
}
.about-preview h2{
max-width:760px;
} .strategic-seo-page .strategic-hero-subcopy{
margin-top:14px;
}
.strategic-seo-page .strategic-decision-card{
position:relative;
overflow:hidden;
}
.strategic-seo-page .strategic-decision-card:after{
content:"";
position:absolute;
right:-70px;
top:-70px;
width:170px;
height:170px;
border-radius:999px;
background:radial-gradient(circle,rgba(55,197,255,.22),transparent 68%);
pointer-events:none;
}
.strategic-seo-page .strategic-mini-metrics{
grid-template-columns:repeat(5,1fr);
}
.strategic-seo-page .strategic-mini-metrics div{
min-height:100%;
}
.strategic-seo-page .strategic-mini-metrics strong{
font-size:1rem;
}
.strategic-seo-page .strategic-mini-metrics span{
line-height:1.35;
}
.strategic-seo-page .strategic-question-card,
.strategic-seo-page .strategic-fit-card,
.strategic-seo-page .strategic-signal-card{
position:relative;
overflow:hidden;
}
.strategic-seo-page .strategic-question-card:before,
.strategic-seo-page .strategic-fit-card:before,
.strategic-seo-page .strategic-signal-card:before{
content:"";
display:block;
position:absolute;
left:0;
top:24px;
bottom:24px;
width:3px;
background:linear-gradient(180deg,var(--blue),var(--cyan));
border-radius:0 2px 2px 0;
}
.strategic-seo-page .strategic-card-note{
margin-top:22px;
padding:16px 18px;
border-radius:18px;
background:#eef5ff;
border:1px solid #d8e6fb;
color:#27364a;
font-weight:850;
}
.strategic-seo-page .strategic-fix-grid{
gap:22px;
}
.strategic-seo-page .strategic-fix-grid .service-card{
min-height:100%;
}
.strategic-seo-page .strategic-evidence-section p:not(.eyebrow):not(.lead){
color:#d8e7f6;
}
.strategic-seo-page .strategic-include-card .two-column-list{
display:grid;
grid-template-columns:1fr 1fr;
column-gap:18px;
row-gap:12px;
}
.strategic-seo-page .strategic-ai-connection-section{
border-top:1px solid #dce6f2;
border-bottom:1px solid #dce6f2;
}
.strategic-seo-page .strategic-signal-card{
background:linear-gradient(180deg,#fff,#f8fbff);
}
.strategic-seo-page .strategic-signal-card h3{
margin-bottom:12px;
}
.strategic-seo-page .strategic-signal-card .text-link{
display:inline-flex;
align-items:center;
margin-top:18px;
color:var(--blue);
font-weight:950;
text-decoration:none;
}
.strategic-seo-page .strategic-signal-card .text-link:hover{
text-decoration:underline;
}
.strategic-seo-page .strategic-final-cta p:not(.eyebrow):not(.lead){
color:#d8e7f6;
margin-bottom:22px;
} .ai-visibility-page .ai-hero-subcopy{
margin-top:14px;
max-width:760px;
color:#40516a;
font-weight:650;
line-height:1.65;
}
.ai-visibility-page .ai-readiness-card{
position:relative;
overflow:hidden;
}
.ai-visibility-page .ai-readiness-card:after{
content:"";
position:absolute;
right:-72px;
top:-72px;
width:180px;
height:180px;
border-radius:999px;
background:radial-gradient(circle,rgba(55,197,255,.22),transparent 68%);
pointer-events:none;
}
.ai-visibility-page .ai-readiness-card p{
margin:8px 0 22px;
color:#52647b;
font-weight:750;
}
.ai-visibility-page .ai-meaning-section{
border-bottom:1px solid #dce6f2;
}
.ai-visibility-page .ai-card-note{
margin-top:22px;
padding:16px 18px;
border-radius:18px;
background:#eef5ff;
border:1px solid #d8e6fb;
color:#27364a;
font-weight:850;
}
.ai-visibility-page .ai-clarity-card,
.ai-visibility-page .ai-analysis-card,
.ai-visibility-page .ai-seo-card{
position:relative;
overflow:hidden;
}
.ai-visibility-page .ai-clarity-card:before,
.ai-visibility-page .ai-analysis-card:before,
.ai-visibility-page .ai-seo-card:before{
content:"";
display:block;
position:absolute;
left:0;
top:22px;
bottom:22px;
width:3px;
background:linear-gradient(180deg,var(--blue),var(--cyan));
border-radius:0 2px 2px 0;
}
.ai-visibility-page .ai-clarity-card h3{
margin-bottom:10px;
}
.ai-visibility-page .ai-clarity-card > p{
color:#52647b;
margin-bottom:20px;
}
.ai-visibility-page .ai-clarity-list{
display:grid;
gap:12px;
}
.ai-visibility-page .ai-clarity-list div{
display:grid;
grid-template-columns:auto 1fr;
gap:13px;
align-items:start;
padding:14px;
border:1px solid #d8e6fb;
border-radius:18px;
background:linear-gradient(180deg,#fff,#f8fbff);
}
.ai-visibility-page .ai-clarity-list span{
display:grid;
place-items:center;
width:32px;
height:32px;
border-radius:12px;
background:linear-gradient(135deg,var(--blue),var(--cyan));
color:#fff;
font-size:.72rem;
font-weight:950;
box-shadow:0 8px 20px rgba(26,79,214,.2);
}
.ai-visibility-page .ai-clarity-list p{
margin:0;
color:#33445a;
line-height:1.48;
font-size:.94rem;
}
.ai-visibility-page .ai-clarity-list strong{
display:block;
color:var(--ink);
margin-bottom:3px;
}
.ai-visibility-page .ai-analysis-section{
background:#fff;
}
.ai-visibility-page .ai-analysis-grid{
grid-template-columns:repeat(3,1fr);
}
.ai-visibility-page .ai-analysis-card{
background:linear-gradient(180deg,#ffffff,#f8fbff);
min-height:100%;
}
.ai-visibility-page .ai-analysis-card h3{
margin-bottom:10px;
}
.ai-visibility-page .ai-competitor-section p:not(.eyebrow):not(.lead),
.ai-visibility-page .ai-scan-section p:not(.eyebrow):not(.lead){
color:#d8e7f6;
}
.ai-visibility-page .ai-proof-card h3{
margin-bottom:18px;
}
.ai-visibility-page .ai-platforms-section{
border-top:1px solid #dce6f2;
border-bottom:1px solid #dce6f2;
}
.ai-visibility-page .ai-platform-row{
max-width:860px;
margin:0 auto;
}
.ai-visibility-page .ai-seo-connection-section{
background:linear-gradient(180deg,#fff,#f7faff);
border-bottom:1px solid #dce6f2;
}
.ai-visibility-page .ai-seo-card{
background:#fff;
}
.ai-visibility-page .ai-scan-checklist p{
margin:16px 0 0;
color:#52647b!important;
font-weight:800;
}
.ai-visibility-page .ai-next-step-section{
background:linear-gradient(180deg,#f7faff,#fff);
}
.ai-visibility-page .ai-next-step-panel .review-check-card .btn{
margin-top:22px;
width:100%;
justify-content:center;
}
.ai-visibility-page .ai-next-step-panel p:not(.eyebrow):not(.lead){
color:#40516a;
} .website-authority-page .authority-hero-subcopy{
margin-top:14px;
max-width:760px;
color:#40516a;
font-weight:650;
line-height:1.65;
}
.website-authority-page .authority-foundation-card{
position:relative;
overflow:hidden;
}
.website-authority-page .authority-foundation-card:after{
content:"";
position:absolute;
right:-72px;
top:-72px;
width:180px;
height:180px;
border-radius:999px;
background:radial-gradient(circle,rgba(55,197,255,.22),transparent 68%);
pointer-events:none;
}
.website-authority-page .authority-foundation-card > p{
margin:8px 0 20px;
color:#52647b;
font-weight:750;
line-height:1.5;
}
.website-authority-page .authority-signal-list{
display:grid;
gap:10px;
}
.website-authority-page .authority-signal-list div{
display:grid;
grid-template-columns:auto 1fr;
gap:12px;
align-items:start;
padding:12px;
border:1px solid #d8e6fb;
border-radius:16px;
background:linear-gradient(180deg,#fff,#f8fbff);
}
.website-authority-page .authority-signal-list span{
display:grid;
place-items:center;
width:30px;
height:30px;
border-radius:11px;
background:linear-gradient(135deg,var(--blue),var(--cyan));
color:#fff;
font-size:.68rem;
font-weight:950;
box-shadow:0 8px 20px rgba(26,79,214,.18);
}
.website-authority-page .authority-signal-list p{
margin:0;
color:#33445a;
line-height:1.42;
font-size:.9rem;
}
.website-authority-page .authority-signal-list strong{
display:block;
color:var(--ink);
margin-bottom:3px;
}
.website-authority-page .authority-card-note{
margin-top:22px;
padding:16px 18px;
border-radius:18px;
background:#eef5ff;
border:1px solid #d8e6fb;
color:#27364a;
font-weight:850;
}
.website-authority-page .authority-clarity-card,
.website-authority-page .authority-question-card,
.website-authority-page .authority-include-card,
.website-authority-page .authority-signal-card,
.website-authority-page .authority-gap-card,
.website-authority-page .authority-seo-card,
.website-authority-page .authority-fit-card{
position:relative;
overflow:hidden;
}
.website-authority-page .authority-clarity-card:before,
.website-authority-page .authority-question-card:before,
.website-authority-page .authority-signal-card:before,
.website-authority-page .authority-gap-card:before,
.website-authority-page .authority-seo-card:before,
.website-authority-page .authority-fit-card:before{
content:"";
display:block;
position:absolute;
left:0;
top:22px;
bottom:22px;
width:3px;
background:linear-gradient(180deg,var(--blue),var(--cyan));
border-radius:0 2px 2px 0;
}
.website-authority-page .authority-clarity-card h3,
.website-authority-page .authority-question-card h3,
.website-authority-page .authority-include-card h3,
.website-authority-page .authority-seo-card h3{
margin-bottom:10px;
}
.website-authority-page .authority-questions-section,
.website-authority-page .authority-includes-section{
background:#fff;
}
.website-authority-page .authority-question-grid,
.website-authority-page .authority-include-grid{
grid-template-columns:repeat(3,1fr);
}
.website-authority-page .authority-question-card,
.website-authority-page .authority-include-card{
background:linear-gradient(180deg,#ffffff,#f8fbff);
min-height:100%;
}
.website-authority-page .authority-matters-section p:not(.eyebrow):not(.lead),
.website-authority-page .authority-final-cta p:not(.eyebrow):not(.lead){
color:#d8e7f6;
}
.website-authority-page .authority-outcome-card h3{
margin-bottom:18px;
}
.website-authority-page .authority-signals-section{
border-top:1px solid #dce6f2;
border-bottom:1px solid #dce6f2;
}
.website-authority-page .authority-signal-card{
background:#fff;
}
.website-authority-page .authority-signal-card .two-column-list{
display:grid;
grid-template-columns:1fr 1fr;
column-gap:18px;
row-gap:12px;
}
.website-authority-page .authority-gaps-section{
background:#fff;
border-bottom:1px solid #dce6f2;
}
.website-authority-page .authority-gap-card{
background:linear-gradient(180deg,#ffffff,#f8fbff);
}
.website-authority-page .authority-seo-ai-section{
background:linear-gradient(180deg,#fff,#f7faff);
border-bottom:1px solid #dce6f2;
}
.website-authority-page .authority-seo-card{
background:#fff;
}
.website-authority-page .authority-seo-card .text-link{
display:inline-flex;
align-items:center;
margin-top:18px;
color:var(--blue);
font-weight:950;
text-decoration:none;
}
.website-authority-page .authority-seo-card .text-link:hover{
text-decoration:underline;
}
.website-authority-page .authority-fit-section{
background:linear-gradient(180deg,#f7faff,#fff);
}
.website-authority-page .authority-fit-panel p:not(.eyebrow):not(.lead){
color:#40516a;
}
.website-authority-page .authority-fit-card .check-list{
margin-top:0;
}
.website-authority-page .authority-final-cta .btn{
margin-top:18px;
} .website-authority-page .authority-signals-section{
background:
radial-gradient(circle at 16% 18%,rgba(55,197,255,.16),transparent 30%),
radial-gradient(circle at 86% 20%,rgba(36,87,230,.20),transparent 34%),
linear-gradient(135deg,#07111f 0%,#0d1b2f 58%,#123260 100%) !important;
border-top:0!important;
border-bottom:0!important;
padding:96px 0!important;
overflow:hidden;
}
.website-authority-page .authority-signals-section .eyebrow,
.website-authority-page .authority-seo-ai-section .eyebrow{
color:#7dd3fc!important;
}
.website-authority-page .authority-signals-section h2,
.website-authority-page .authority-seo-ai-section h2{
color:#fff!important;
}
.website-authority-page .authority-signals-section p:not(.eyebrow),
.website-authority-page .authority-seo-ai-section p:not(.eyebrow){
color:#d8e7f6!important;
}
.website-authority-page .authority-signals-section .authority-signal-card{
background:rgba(255,255,255,.97)!important;
border-color:rgba(255,255,255,.28)!important;
box-shadow:0 30px 90px rgba(0,0,0,.22)!important;
}
.website-authority-page .authority-signals-section .authority-signal-card li{
color:#1f3148;
}
.website-authority-page .authority-gaps-section{
background:
linear-gradient(180deg,#f6faff 0%,#ffffff 100%) !important;
border-top:1px solid #dce6f2;
border-bottom:1px solid #dce6f2!important;
padding:92px 0!important;
}
.website-authority-page .authority-gaps-section .container{
padding:56px;
border-radius:36px;
background:
radial-gradient(circle at 90% 6%,rgba(55,197,255,.14),transparent 26%),
linear-gradient(135deg,#ffffff,#f1f6ff);
border:1px solid #d8e6fb;
box-shadow:0 24px 80px rgba(7,17,31,.08);
}
.website-authority-page .authority-gaps-section h2{
max-width:680px;
}
.website-authority-page .authority-gap-card{
background:#fff!important;
box-shadow:0 18px 50px rgba(7,17,31,.08)!important;
}
.website-authority-page .authority-gap-card li{
padding:4px 0;
}
.website-authority-page .authority-seo-ai-section{
background:
radial-gradient(circle at 15% 8%,rgba(55,197,255,.18),transparent 30%),
linear-gradient(135deg,#08111f 0%,#0b1b33 55%,#102d5d 100%) !important;
border-bottom:0!important;
padding:96px 0!important;
overflow:hidden;
}
.website-authority-page .authority-seo-ai-section .container{
align-items:center;
}
.website-authority-page .authority-seo-card{
background:#fff!important;
border-color:rgba(255,255,255,.25)!important;
box-shadow:0 30px 90px rgba(0,0,0,.22)!important;
}
.website-authority-page .authority-seo-card h3{
color:var(--ink)!important;
}
.website-authority-page .authority-seo-card p{
color:#40516a!important;
}
.website-authority-page .authority-fit-section{
background:#fff!important;
padding:96px 0!important;
}
.website-authority-page .authority-fit-panel{
background:
radial-gradient(circle at 100% 0%,rgba(55,197,255,.20),transparent 30%),
radial-gradient(circle at 0% 100%,rgba(36,87,230,.10),transparent 34%),
linear-gradient(135deg,#f8fbff,#edf5ff) !important;
border:1px solid #d8e6fb!important;
box-shadow:0 30px 90px rgba(7,17,31,.10)!important;
}
.website-authority-page .authority-fit-card{
box-shadow:0 22px 60px rgba(7,17,31,.10)!important;
}
.website-authority-page .authority-final-cta{
background:#07111f!important;
padding:90px 0!important;
}
.website-authority-page .authority-final-cta .cta-panel{
background:
radial-gradient(circle at 92% 12%,rgba(55,197,255,.20),transparent 32%),
linear-gradient(135deg,#0d1b2f,#102d5d)!important;
border-color:rgba(255,255,255,.16)!important;
box-shadow:0 30px 90px rgba(0,0,0,.20)!important;
}
.website-authority-page .authority-final-cta h2,
.website-authority-page .authority-final-cta .eyebrow{
color:#fff!important;
}
.website-authority-page .authority-final-cta .lead,
.website-authority-page .authority-final-cta p:not(.eyebrow):not(.lead){
color:#d8e7f6!important;
} .website-authority-page .authority-final-cta{
background:#ffffff!important;
padding:92px 0!important;
}
.website-authority-page .authority-final-cta .cta-panel{
background:
radial-gradient(circle at 96% 8%,rgba(55,197,255,.18),transparent 34%),
linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%)!important;
border:1px solid #d8e6fb!important;
box-shadow:0 28px 80px rgba(7,17,31,.10)!important;
}
.website-authority-page .authority-final-cta .eyebrow{
color:var(--blue)!important;
-webkit-text-fill-color:var(--blue)!important;
}
.website-authority-page .authority-final-cta h2{
color:var(--ink)!important;
}
.website-authority-page .authority-final-cta .lead,
.website-authority-page .authority-final-cta p:not(.eyebrow):not(.lead){
color:#334155!important;
opacity:1!important;
}
.website-authority-page .authority-final-cta .lead{
font-weight:650;
}
.site-footer .footer-links a{
position:relative;
display:inline-block;
width:max-content;
max-width:100%;
text-decoration:none!important;
transition:color .18s ease, text-shadow .18s ease;
}
.site-footer .footer-links a:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:-3px;
height:2px;
border-radius:999px;
background:linear-gradient(90deg,var(--cyan),var(--blue-2));
transform:scaleX(0);
transform-origin:left;
transition:transform .18s ease;
box-shadow:0 0 14px rgba(0,207,232,.45);
}
.site-footer .footer-links a:hover{
color:#fff!important;
text-shadow:0 0 16px rgba(0,207,232,.35);
}
.site-footer .footer-links a:hover:after{
transform:scaleX(1);
} .website-authority-page .authority-signals-section{
background:
radial-gradient(circle at 12% 0%,rgba(55,197,255,.10),transparent 32%),
linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
border-top:1px solid #e2edf8!important;
border-bottom:1px solid #e2edf8!important;
padding:92px 0!important;
overflow:visible!important;
}
.website-authority-page .authority-signals-section .container{
align-items:center;
}
.website-authority-page .authority-signals-section .eyebrow{
color:var(--blue)!important;
-webkit-text-fill-color:var(--blue)!important;
}
.website-authority-page .authority-signals-section h2{
color:var(--ink)!important;
}
.website-authority-page .authority-signals-section p:not(.eyebrow){
color:#40516a!important;
max-width:620px;
}
.website-authority-page .authority-signals-section .authority-signal-card{
background:#ffffff!important;
border:1px solid #d8e6fb!important;
box-shadow:0 24px 70px rgba(7,17,31,.10)!important;
border-radius:26px!important;
padding:26px!important;
}
.website-authority-page .authority-signals-section .authority-signal-card:before{
display:none!important;
}
.website-authority-page .authority-signals-section .two-column-list{
gap:12px 14px!important;
}
.website-authority-page .authority-signals-section .two-column-list ul{
display:grid;
gap:10px;
}
.website-authority-page .authority-signals-section .authority-signal-card li{
background:#f6f9ff;
border:1px solid #e1ebf8;
border-radius:14px;
color:#1f3148!important;
padding:12px 12px 12px 36px!important;
position:relative;
line-height:1.35;
}
.website-authority-page .authority-signals-section .authority-signal-card li:before{
left:13px!important;
top:17px!important;
}
.website-authority-page .authority-signals-section .authority-signal-card li:hover{
transform:translateY(-1px);
box-shadow:0 10px 24px rgba(36,87,230,.08);
} .website-authority-page .authority-seo-ai-section .authority-seo-card p,
.website-authority-page .authority-seo-ai-section .authority-seo-card p:not(.eyebrow),
.website-authority-page .authority-seo-ai-section .authority-seo-card .lead{
color:#334155!important;
-webkit-text-fill-color:#334155!important;
opacity:1!important;
}
.website-authority-page .authority-seo-ai-section .authority-seo-card h3{
color:#0f172a!important;
-webkit-text-fill-color:#0f172a!important;
}
.website-authority-page .authority-seo-ai-section .authority-seo-card .text-link{
color:#2457e6!important;
-webkit-text-fill-color:#2457e6!important;
}
.website-authority-page .authority-gaps-section .authority-gap-card ul.clean{
gap:12px!important;
}
.website-authority-page .authority-gaps-section .authority-gap-card li{
position:relative!important;
padding:4px 0 4px 34px!important;
color:#243449!important;
line-height:1.45!important;
}
.website-authority-page .authority-gaps-section .authority-gap-card li:before{
left:4px!important;
top:.72em!important;
width:9px!important;
height:9px!important;
box-shadow:0 0 0 5px rgba(36,87,230,.10)!important;
} .case-studies-hero .inner-hero-card.case-snapshot-card{
background:linear-gradient(180deg,#ffffff,#f6f9ff);
border:1px solid #d8e6fb;
box-shadow:0 30px 90px rgba(26,79,214,.12);
}
.case-studies-hero .case-snapshot-card h3{font-size:clamp(1.35rem,2vw,2rem);margin-top:14px;}
.case-snapshot-metrics{grid-template-columns:repeat(2,1fr);}
.case-snapshot-metrics div{background:#fff;box-shadow:0 10px 28px rgba(7,17,31,.05);}
.case-overview-section{background:linear-gradient(180deg,#f7faff,#ffffff);border-top:1px solid #e3edf8;border-bottom:1px solid #e3edf8;}
.case-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px;}
.case-overview-card{position:relative;overflow:hidden;}
.case-overview-card:after{content:"";position:absolute;right:-36px;top:-36px;width:110px;height:110px;border-radius:50%;background:rgba(0,207,232,.12);}
.case-overview-card .metric-grid{grid-template-columns:repeat(2,1fr);}
.case-overview-card:nth-child(2) .metric-grid{grid-template-columns:repeat(3,1fr);}
.case-detail-section{background:#fff;}
.case-detail-feature{position:relative;overflow:hidden;border-left:4px solid #1a4fd6;}
.case-detail-feature:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 94% 0%,rgba(0,207,232,.13),transparent 34%);pointer-events:none;}
.case-detail-feature>*{position:relative;z-index:1;}
.case-detail-feature.alt{border-left-color:#00a8bf;}
.case-detail-feature.local{border-left-color:#22c55e;}
.case-metrics-row.three{grid-template-columns:repeat(3,1fr);}
.case-takeaway{margin-top:24px;padding:24px;border-radius:22px;background:linear-gradient(180deg,#f7faff,#eef5ff);border:1px solid #d8e6fb;}
.case-takeaway h3{font-size:1.15rem;margin-bottom:8px;}
.case-takeaway p:last-child{margin-bottom:0;}
.enhanced-table{box-shadow:0 18px 50px rgba(7,17,31,.07);}
.enhanced-table>div:first-child{background:linear-gradient(135deg,#06101e,#142b49);}
.case-common-section{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);}
.case-signal-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:30px;backdrop-filter:blur(10px);box-shadow:0 24px 80px rgba(0,0,0,.12);}
.case-signal-card h3{color:#fff;margin-bottom:20px;}
.case-signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.case-signal-grid span{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.09);color:#e8f3ff;font-weight:850;font-size:.95rem;line-height:1.35;}
.case-signal-grid span:before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;margin-top:6px;background:#83d9ff;box-shadow:0 0 0 4px rgba(131,217,255,.16);}
.case-why-section{background:linear-gradient(180deg,#ffffff,#f7faff);}
.case-why-card{background:linear-gradient(135deg,#ffffff,#f3f8ff);border:1px solid #d8e6fb;box-shadow:0 24px 70px rgba(7,17,31,.08);}
.case-question-list{background:#fff;border:1px solid #dce6f2;border-radius:24px;padding:28px;box-shadow:0 20px 55px rgba(7,17,31,.06);}
.case-question-list h3{font-size:1.25rem;margin-bottom:18px;}
.case-question-list div{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid #edf2f7;color:#243348;font-weight:850;line-height:1.45;}
.case-question-list div:last-child{border-bottom:0;}
.case-question-list div span{flex:0 0 18px;width:18px;height:18px;border-radius:50%;margin-top:2px;background:linear-gradient(135deg,#1a4fd6,#00cfe8);box-shadow:0 0 0 4px #eef5ff;}
.case-final-cta{background:radial-gradient(circle at 16% 18%,rgba(0,207,232,.16),transparent 32%),linear-gradient(135deg,#07111f,#132f54);}
.case-final-cta p:not(.eyebrow){color:#d8e7f6;} .about-page .about-hero-v2{
background:
radial-gradient(circle at 86% 14%,rgba(0,207,232,.15),transparent 36%),
radial-gradient(circle at 10% 8%,rgba(36,87,230,.08),transparent 34%),
linear-gradient(180deg,#f7fbff 0%,#ffffff 100%)!important;
}
.about-page .about-hero-v2 h1{
max-width:920px!important;
}
.about-page .about-hero-v2 p:not(.eyebrow):not(.lead){
max-width:760px;
color:#334155;
font-weight:650;
}
.about-founder-panel{
display:grid;
gap:18px;
justify-items:center;
}
.about-founder-panel .paul-photo-wrap{
width:min(100%,430px);
background:#fff;
border:1px solid #d8e6fb;
border-radius:34px;
padding:16px;
box-shadow:0 30px 90px rgba(7,17,31,.13);
}
.about-founder-panel .paul-photo{
max-width:none;
border-radius:26px;
box-shadow:0 22px 58px rgba(7,17,31,.16);
}
.about-founder-panel .photo-caption{
margin-top:14px;
background:linear-gradient(180deg,#f7fbff,#ffffff);
border:1px solid #e1ebf8;
border-radius:20px;
padding:16px;
}
.about-founder-proof{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
width:min(100%,430px);
}
.about-founder-proof div{
background:#fff;
border:1px solid #d8e6fb;
border-radius:20px;
padding:18px;
box-shadow:0 14px 36px rgba(7,17,31,.07);
}
.about-founder-proof strong{
display:block;
font-family:'Sora','Inter',sans-serif;
font-size:1.7rem;
letter-spacing:-.06em;
line-height:1;
color:#07111f;
}
.about-founder-proof span{
display:block;
margin-top:7px;
font-size:.78rem;
font-weight:900;
text-transform:uppercase;
letter-spacing:.08em;
color:#627188;
}
.about-note{
display:inline-flex;
margin-top:8px;
padding:12px 16px;
border-radius:16px;
background:#eef5ff;
color:#163f9f!important;
font-weight:900!important;
border:1px solid #d8e6fb;
}
.about-work-card{
background:linear-gradient(180deg,#ffffff,#f7fbff);
}
.about-work-card .mini-label{
margin-bottom:14px;
}
.about-check-list li{
color:#243449!important;
line-height:1.45;
font-weight:800!important;
}
.about-pov-section{
background:#fff;
}
.about-baseline-panel{
display:grid;
grid-template-columns:.85fr 1.15fr;
gap:34px;
align-items:center;
background:
radial-gradient(circle at 100% 0%,rgba(0,207,232,.13),transparent 34%),
linear-gradient(135deg,#f8fbff,#ffffff);
border:1px solid #d8e6fb;
border-radius:34px;
padding:38px;
box-shadow:0 28px 80px rgba(7,17,31,.08);
}
.about-baseline-panel h3{
font-size:clamp(1.45rem,2vw,2.1rem);
}
.about-baseline-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
.about-baseline-grid span{
position:relative;
display:flex;
align-items:flex-start;
min-height:76px;
padding:16px 16px 16px 42px;
border:1px solid #e1ebf8;
border-radius:18px;
background:#fff;
color:#243449;
font-weight:850;
line-height:1.35;
box-shadow:0 10px 24px rgba(7,17,31,.04);
}
.about-baseline-grid span:before{
content:"";
position:absolute;
left:18px;
top:22px;
width:9px;
height:9px;
border-radius:999px;
background:#2457e6;
box-shadow:0 0 0 5px rgba(36,87,230,.10);
}
.about-different-section{
padding:96px 0!important;
}
.about-different-section .section-head{
max-width:920px;
}
.about-difference-grid{
align-items:stretch;
}
.about-difference-card{
min-height:100%;
}
.about-difference-card h3{
color:#fff!important;
}
.about-difference-card p{
color:#d8e7f6!important;
}
.about-search-section{
background:
radial-gradient(circle at 14% 10%,rgba(36,87,230,.07),transparent 30%),
linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
border-bottom:1px solid #e1ebf8;
}
.about-search-card{
background:#07111f;
color:#fff;
border:1px solid rgba(255,255,255,.16);
border-radius:30px;
padding:32px;
box-shadow:0 30px 90px rgba(7,17,31,.18);
background-image:
radial-gradient(circle at 100% 0%,rgba(0,207,232,.22),transparent 34%),
linear-gradient(135deg,#07111f,#132f54);
}
.about-search-card h3{
color:#fff;
margin-bottom:22px;
font-size:clamp(1.35rem,2vw,2rem);
}
.about-proof-stack{
display:grid;
gap:12px;
}
.about-proof-stack span{
position:relative;
padding:14px 16px 14px 42px;
border-radius:16px;
background:rgba(255,255,255,.09);
border:1px solid rgba(255,255,255,.14);
color:#e8f3ff;
font-weight:900;
line-height:1.35;
}
.about-proof-stack span:before{
content:"";
position:absolute;
left:17px;
top:20px;
width:9px;
height:9px;
border-radius:999px;
background:#83d9ff;
box-shadow:0 0 0 5px rgba(131,217,255,.16);
}
.about-fit-section{
background:#ffffff;
padding:96px 0!important;
}
.about-fit-panel{
background:
radial-gradient(circle at 94% 10%,rgba(0,207,232,.16),transparent 34%),
linear-gradient(135deg,#f8fbff,#eef6ff);
border:1px solid #d8e6fb;
border-radius:34px;
padding:46px;
box-shadow:0 30px 90px rgba(7,17,31,.09);
}
.about-fit-card{
background:#fff!important;
}
.about-fit-card h3{
margin-bottom:18px;
}
.about-final-cta{
background:
radial-gradient(circle at 18% 16%,rgba(0,207,232,.16),transparent 34%),
linear-gradient(135deg,#07111f,#132f54);
}
.about-final-cta .cta-panel{
background:rgba(255,255,255,.08)!important;
border-color:rgba(255,255,255,.17)!important;
box-shadow:0 30px 90px rgba(0,0,0,.18)!important;
backdrop-filter:blur(10px);
}
.about-final-cta h2{
color:#fff!important;
}
.about-final-cta .eyebrow{
color:#83d9ff!important;
-webkit-text-fill-color:#83d9ff!important;
}
.about-final-cta p,
.about-final-cta .lead{
color:#d8e7f6!important;
} .about-page .about-hero-v2 .grid-2{
grid-template-columns:minmax(0,1.04fr) minmax(360px,.76fr);
gap:72px;
align-items:center;
}
.about-page .about-hero-v2 h1{
max-width:760px!important;
font-size:clamp(3.65rem,6.6vw,6.35rem)!important;
line-height:.9!important;
letter-spacing:-.085em!important;
text-wrap:balance;
margin-bottom:24px;
}
.about-hero-lead{
max-width:760px!important;
font-size:clamp(1.25rem,1.7vw,1.55rem)!important;
line-height:1.38!important;
color:#243449!important;
font-weight:850!important;
}
.about-hero-copy-card{
max-width:760px;
margin:24px 0 0;
padding:24px 26px;
border:1px solid #d8e6fb;
border-radius:26px;
background:rgba(255,255,255,.72);
box-shadow:0 22px 70px rgba(7,17,31,.06);
backdrop-filter:blur(10px);
}
.about-hero-copy-card p{
max-width:none!important;
margin-bottom:14px;
color:#334155!important;
font-weight:700!important;
}
.about-hero-copy-card p:last-child{margin-bottom:0;}
.about-page .about-hero-v2 .button-row{margin-top:28px;}
.about-founder-panel{align-self:center;}
.about-founder-panel .paul-photo-wrap{width:min(100%,380px);}
.about-founder-proof{width:min(100%,380px);}
.about-founder-panel .paul-photo{aspect-ratio:4/5;object-fit:cover;object-position:center 32%;} .about-pov-section{
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
padding:90px 0!important;
}
.about-pov-layout{
display:grid;
grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
gap:58px;
align-items:center;
}
.about-pov-copy{
max-width:520px;
}
.about-pov-copy h2{
font-size:clamp(3.1rem,5vw,5.1rem);
line-height:.92;
letter-spacing:-.075em;
margin-bottom:18px;
}
.about-pov-copy .lead{
font-size:clamp(1.15rem,1.45vw,1.38rem);
line-height:1.42;
font-weight:800;
color:#243449;
margin-bottom:18px;
}
.about-pov-copy p:not(.eyebrow):not(.lead){
color:#4b5b70;
font-weight:650;
line-height:1.7;
}
.about-pov-section .about-baseline-panel{
grid-template-columns:1fr!important;
gap:24px!important;
padding:34px!important;
border-radius:34px!important;
background:
radial-gradient(circle at 100% 0%,rgba(0,207,232,.16),transparent 34%),
linear-gradient(135deg,#ffffff,#f2f7ff)!important;
}
.about-baseline-intro{
max-width:720px;
}
.about-baseline-intro .mini-label{
margin-bottom:12px;
}
.about-pov-section .about-baseline-panel h3{
font-size:clamp(1.55rem,2.2vw,2.35rem)!important;
line-height:1.04;
letter-spacing:-.055em;
margin-bottom:10px;
}
.about-baseline-intro p{
color:#4b5b70;
font-weight:700;
margin-bottom:0;
}
.about-pov-section .about-baseline-grid{
grid-template-columns:1fr 1fr!important;
gap:14px!important;
}
.about-pov-section .about-baseline-grid span{
min-height:88px!important;
padding:18px 18px 18px 46px!important;
border-radius:18px!important;
box-shadow:0 12px 30px rgba(7,17,31,.05)!important;
}
.about-pov-section .about-baseline-grid span:before{
left:20px!important;
top:24px!important;
}
} @media (max-width: 980px){
.fit-section,
.inspect-section,
.review-start-section,
.strategic-ai-connection-section,
.ai-analysis-section,
.ai-platforms-section,
.ai-seo-connection-section,
.ai-next-step-section,
.authority-questions-section,
.authority-includes-section,
.authority-signals-section,
.authority-gaps-section,
.authority-seo-ai-section,
.authority-fit-section,
.authority-final-cta,
.case-overview-section,
.case-detail-section,
.case-common-section,
.case-why-section,
.case-final-cta,
.about-pov-section,
.about-different-section,
.about-search-section,
.about-fit-section,
.about-final-cta{
padding-top:58px!important;
padding-bottom:58px!important;
}
.fit-panel,
.review-start-panel,
.case-overview-grid,
.about-pov-layout,
.about-baseline-panel,
.about-fit-panel,
.strategic-seo-page .strategic-fix-grid,
.ai-visibility-page .ai-analysis-grid,
.website-authority-page .authority-question-grid,
.website-authority-page .authority-include-grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:20px!important;
}
.fit-intro-card,
.fit-list-card,
.review-check-card,
.signal-stack-card,
.strategic-question-card,
.strategic-fit-card,
.strategic-signal-card,
.ai-clarity-card,
.ai-analysis-card,
.ai-seo-card,
.authority-clarity-card,
.authority-question-card,
.authority-include-card,
.authority-signal-card,
.authority-gap-card,
.authority-seo-card,
.authority-fit-card,
.case-overview-card,
.case-detail-feature,
.case-signal-card,
.case-why-card,
.case-question-list,
.about-work-card,
.about-search-card,
.about-difference-card,
.about-fit-card{
border-radius:22px!important;
padding:22px!important;
box-shadow:0 16px 44px rgba(7,17,31,.08)!important;
}
.fit-intro-card:before,
.fit-list-card:before,
.review-check-card:before,
.strategic-question-card:before,
.strategic-fit-card:before,
.strategic-signal-card:before,
.ai-clarity-card:before,
.ai-analysis-card:before,
.ai-seo-card:before,
.authority-clarity-card:before,
.authority-question-card:before,
.authority-signal-card:before,
.authority-gap-card:before,
.authority-seo-card:before,
.authority-fit-card:before{
top:18px!important;
bottom:18px!important;
}
.fit-list-item,
.inspect-item,
.ai-clarity-list div,
.authority-signal-list div{
grid-template-columns:auto 1fr!important;
gap:12px!important;
padding:13px!important;
border-radius:16px!important;
}
.fit-list-item p,
.inspect-item p,
.ai-clarity-list p,
.authority-signal-list p{
font-size:.92rem!important;
line-height:1.45!important;
}
.service-outcome,
.strategic-card-note,
.ai-card-note,
.authority-card-note,
.case-takeaway,
.about-note{
border-radius:16px!important;
padding:16px!important;
}
.signal-chip-grid,
.ai-platform-row{
display:flex!important;
flex-wrap:wrap!important;
gap:9px!important;
}
.signal-chip-grid span,
.ai-platform-row span,
.case-signal-grid span{
font-size:.84rem!important;
line-height:1.35!important;
}
.strategic-seo-page .strategic-include-card .two-column-list,
.website-authority-page .authority-signal-card .two-column-list,
.case-signal-grid,
.about-baseline-grid,
.case-overview-card .metric-grid,
.case-overview-card:nth-child(2) .metric-grid,
.case-metrics-row.three{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
}
.review-start-panel,
.about-baseline-panel,
.about-fit-panel{
padding:24px!important;
border-radius:24px!important;
}
.review-start-panel h2,
.about-pov-copy h2{
font-size:clamp(2.1rem,9vw,3rem)!important;
line-height:.98!important;
letter-spacing:-.06em!important;
}
.signal-section .signal-stack-card,
.case-signal-card,
.about-search-card{
background:rgba(255,255,255,.09)!important;
border-color:rgba(255,255,255,.18)!important;
color:#fff!important;
}
.signal-stack-card h3,
.case-signal-card h3,
.about-search-card h3,
.about-difference-card h3{
color:#fff!important;
}
.signal-stack-card p,
.case-common-section p:not(.eyebrow),
.case-final-cta p:not(.eyebrow),
.about-search-card p,
.about-final-cta p,
.about-final-cta .lead,
.about-difference-card p{
color:#d8e7f6!important;
}
.website-authority-page .authority-signals-section{
background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
border-top:1px solid #e2edf8!important;
border-bottom:1px solid #e2edf8!important;
overflow:visible!important;
}
.website-authority-page .authority-signals-section .eyebrow{
color:var(--blue)!important;
-webkit-text-fill-color:var(--blue)!important;
}
.website-authority-page .authority-signals-section h2{
color:var(--ink)!important;
}
.website-authority-page .authority-signals-section p:not(.eyebrow){
color:#40516a!important;
}
.website-authority-page .authority-signals-section .authority-signal-card{
background:#fff!important;
border:1px solid #d8e6fb!important;
}
.website-authority-page .authority-signals-section .authority-signal-card:before{
display:none!important;
}
.website-authority-page .authority-signals-section .authority-signal-card li,
.website-authority-page .authority-gaps-section .authority-gap-card li{
background:#f6f9ff;
border:1px solid #e1ebf8;
border-radius:14px;
color:#1f3148!important;
padding:12px 12px 12px 36px!important;
position:relative!important;
line-height:1.4!important;
}
.website-authority-page .authority-signals-section .authority-signal-card li:before,
.website-authority-page .authority-gaps-section .authority-gap-card li:before{
left:13px!important;
top:17px!important;
width:9px!important;
height:9px!important;
box-shadow:0 0 0 5px rgba(36,87,230,.10)!important;
}
.website-authority-page .authority-gaps-section .container{
padding:24px!important;
border-radius:24px!important;
background:linear-gradient(135deg,#ffffff,#f1f6ff)!important;
border:1px solid #d8e6fb!important;
box-shadow:0 18px 54px rgba(7,17,31,.08)!important;
}
.website-authority-page .authority-seo-ai-section{
background:linear-gradient(135deg,#08111f 0%,#0b1b33 55%,#102d5d 100%)!important;
border-bottom:0!important;
}
.website-authority-page .authority-seo-ai-section .eyebrow{
color:#7dd3fc!important;
-webkit-text-fill-color:#7dd3fc!important;
}
.website-authority-page .authority-seo-ai-section h2{
color:#fff!important;
}
.website-authority-page .authority-seo-ai-section p:not(.eyebrow){
color:#d8e7f6!important;
}
.website-authority-page .authority-seo-ai-section .authority-seo-card{
background:#fff!important;
border-color:rgba(255,255,255,.25)!important;
}
.website-authority-page .authority-seo-ai-section .authority-seo-card h3{
color:#0f172a!important;
-webkit-text-fill-color:#0f172a!important;
}
.website-authority-page .authority-seo-ai-section .authority-seo-card p,
.website-authority-page .authority-seo-ai-section .authority-seo-card .lead{
color:#334155!important;
-webkit-text-fill-color:#334155!important;
}
.website-authority-page .authority-final-cta{
background:#ffffff!important;
}
.website-authority-page .authority-final-cta .cta-panel,
.case-why-card,
.about-fit-panel{
background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;
border:1px solid #d8e6fb!important;
}
.website-authority-page .authority-final-cta .eyebrow{
color:var(--blue)!important;
-webkit-text-fill-color:var(--blue)!important;
}
.website-authority-page .authority-final-cta h2{
color:var(--ink)!important;
}
.website-authority-page .authority-final-cta .lead,
.website-authority-page .authority-final-cta p:not(.eyebrow):not(.lead){
color:#334155!important;
}
.case-overview-section,
.case-why-section,
.about-search-section{
background:linear-gradient(180deg,#ffffff,#f7fbff)!important;
border-top:1px solid #e3edf8!important;
border-bottom:1px solid #e3edf8!important;
}
.case-detail-feature{
border-left-width:3px!important;
}
.enhanced-table{
overflow-x:auto!important;
-webkit-overflow-scrolling:touch;
}
.case-question-list div{
gap:10px!important;
padding:10px 0!important;
}
.about-pov-section{
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
}
.about-baseline-panel{
background:radial-gradient(circle at 100% 0%,rgba(0,207,232,.16),transparent 34%),linear-gradient(135deg,#ffffff,#f2f7ff)!important;
}
.about-baseline-grid span{
min-height:auto!important;
padding:16px 16px 16px 42px!important;
border-radius:16px!important;
}
.about-baseline-grid span:before{
left:17px!important;
top:21px!important;
}
.about-final-cta{
background:radial-gradient(circle at 18% 16%,rgba(0,207,232,.16),transparent 34%),linear-gradient(135deg,#07111f,#132f54)!important;
}
.about-final-cta .cta-panel{
background:rgba(255,255,255,.08)!important;
border-color:rgba(255,255,255,.17)!important;
}
.site-footer .footer-links a{
position:relative;
display:inline-block;
width:max-content;
max-width:100%;
text-decoration:none!important;
}
.site-footer .footer-links a:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:-3px;
height:2px;
border-radius:999px;
background:linear-gradient(90deg,var(--cyan),var(--blue-2));
transform:scaleX(0);
transform-origin:left;
transition:transform .18s ease;
}
.site-footer .footer-links a:hover:after{
transform:scaleX(1);
}
}
@media (max-width: 640px){
.fit-section,
.inspect-section,
.review-start-section,
.strategic-ai-connection-section,
.ai-analysis-section,
.ai-platforms-section,
.ai-seo-connection-section,
.ai-next-step-section,
.authority-questions-section,
.authority-includes-section,
.authority-signals-section,
.authority-gaps-section,
.authority-seo-ai-section,
.authority-fit-section,
.authority-final-cta,
.case-overview-section,
.case-detail-section,
.case-common-section,
.case-why-section,
.case-final-cta,
.about-pov-section,
.about-different-section,
.about-search-section,
.about-fit-section,
.about-final-cta{
padding-top:46px!important;
padding-bottom:46px!important;
}
.fit-intro-card,
.fit-list-card,
.review-check-card,
.signal-stack-card,
.strategic-question-card,
.strategic-fit-card,
.strategic-signal-card,
.ai-clarity-card,
.ai-analysis-card,
.ai-seo-card,
.authority-clarity-card,
.authority-question-card,
.authority-include-card,
.authority-signal-card,
.authority-gap-card,
.authority-seo-card,
.authority-fit-card,
.case-overview-card,
.case-detail-feature,
.case-signal-card,
.case-why-card,
.case-question-list,
.about-work-card,
.about-search-card,
.about-fit-card,
.review-start-panel,
.about-baseline-panel,
.about-fit-panel{
padding:18px!important;
border-radius:20px!important;
}
.fit-list-item span,
.inspect-item span,
.ai-clarity-list span,
.authority-signal-list span{
width:28px!important;
height:28px!important;
border-radius:10px!important;
}
.case-signal-grid span,
.about-proof-stack span{
padding:12px 12px 12px 38px!important;
}
.case-signal-grid span:before,
.about-proof-stack span:before{
left:15px!important;
}
} @media (max-width: 980px){
.fit-section,
.inspect-section,
.review-start-section,
.strategic-fall-short-section,
.strategic-fixes-section,
.strategic-evidence-section,
.strategic-fit-section,
.strategic-ai-connection-section,
.strategic-final-cta,
.ai-meaning-section,
.ai-analysis-section,
.ai-competitor-section,
.ai-platforms-section,
.ai-seo-connection-section,
.ai-scan-section,
.ai-next-step-section,
.authority-foundation-section,
.authority-questions-section,
.authority-includes-section,
.authority-matters-section,
.authority-signals-section,
.authority-gaps-section,
.authority-seo-ai-section,
.authority-fit-section,
.authority-final-cta,
.case-overview-section,
.case-detail-section,
.case-common-section,
.case-why-section,
.case-final-cta,
.about-founder-section,
.about-pov-section,
.about-different-section,
.about-search-section,
.about-fit-section,
.about-final-cta{
padding-top:56px!important;
padding-bottom:56px!important;
overflow:hidden;
}
.fit-panel,
.review-start-panel,
.strategic-fix-grid,
.ai-analysis-grid,
.authority-question-grid,
.authority-include-grid,
.case-overview-grid,
.about-pov-layout,
.about-fit-panel,
.about-difference-grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:18px!important;
}
.fit-intro-card,
.fit-list-card,
.review-check-card,
.signal-stack-card,
.strategic-question-card,
.strategic-fit-card,
.strategic-signal-card,
.strategic-include-card,
.ai-clarity-card,
.ai-analysis-card,
.ai-proof-card,
.ai-seo-card,
.ai-next-step-panel,
.authority-clarity-card,
.authority-question-card,
.authority-include-card,
.authority-outcome-card,
.authority-signal-card,
.authority-gap-card,
.authority-seo-card,
.authority-fit-card,
.case-overview-card,
.case-detail-feature,
.case-signal-card,
.case-why-card,
.case-question-list,
.about-work-card,
.about-baseline-panel,
.about-search-card,
.about-difference-card,
.about-fit-card,
.cta-panel{
background:#fff!important;
border:1px solid #dce8f5!important;
border-radius:22px!important;
box-shadow:0 16px 42px rgba(7,17,31,.08)!important;
padding:22px!important;
overflow:hidden!important;
}
.fit-list-card,
.inspect-grid,
.ai-clarity-list,
.signal-chip-grid,
.case-signal-grid,
.about-proof-stack,
.about-baseline-grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
}
.fit-list-item,
.inspect-item,
.ai-clarity-list div,
.authority-signal-card li,
.authority-gap-card li,
.case-question-list div,
.case-signal-grid span,
.about-proof-stack span,
.about-baseline-grid span{
display:grid!important;
grid-template-columns:auto 1fr!important;
align-items:start!important;
gap:12px!important;
padding:13px 14px!important;
border-radius:16px!important;
border:1px solid #dce8f5!important;
background:#f8fbff!important;
color:#1f3148!important;
position:relative!important;
min-height:0!important;
}
.fit-list-item span,
.inspect-item span,
.ai-clarity-list span,
.case-question-list span,
.case-signal-grid span:before,
.about-proof-stack span:before,
.about-baseline-grid span:before{
display:grid!important;
place-items:center!important;
width:28px!important;
height:28px!important;
border-radius:10px!important;
background:linear-gradient(135deg,var(--blue),var(--cyan))!important;
color:#fff!important;
font-size:.68rem!important;
font-weight:950!important;
line-height:1!important;
box-shadow:0 8px 18px rgba(26,79,214,.18)!important;
position:static!important;
}
.case-signal-grid span,
.about-proof-stack span,
.about-baseline-grid span{
padding-left:14px!important;
}
.case-signal-grid span:before,
.about-proof-stack span:before,
.about-baseline-grid span:before{
content:""!important;
width:10px!important;
height:10px!important;
border-radius:999px!important;
margin-top:5px!important;
}
.fit-list-item p,
.inspect-item p,
.ai-clarity-list p,
.authority-signal-card li,
.authority-gap-card li,
.case-question-list div,
.case-signal-grid span,
.about-proof-stack span,
.about-baseline-grid span{
margin:0!important;
font-size:.95rem!important;
line-height:1.45!important;
font-weight:800!important;
color:#26374d!important;
}
.ai-clarity-list strong{
display:block!important;
color:#0f172a!important;
margin-bottom:3px!important;
font-weight:950!important;
}
.two-column-list{
display:grid!important;
grid-template-columns:1fr!important;
gap:10px!important;
}
.two-column-list ul{
display:grid!important;
gap:10px!important;
margin:0!important;
}
.authority-signal-card li:before,
.authority-gap-card li:before{
left:14px!important;
top:19px!important;
width:8px!important;
height:8px!important;
box-shadow:0 0 0 5px rgba(36,87,230,.10)!important;
}
.authority-signal-card li,
.authority-gap-card li{
display:block!important;
padding-left:36px!important;
}
.service-outcome,
.strategic-card-note,
.ai-card-note,
.authority-card-note,
.case-takeaway,
.about-note{
border-radius:16px!important;
padding:14px!important;
font-size:.9rem!important;
line-height:1.45!important;
}
.authority-gaps-section .container,
.about-fit-panel,
.review-start-panel,
.case-why-card{
background:linear-gradient(135deg,#ffffff,#f1f7ff)!important;
border:1px solid #d8e6fb!important;
border-radius:24px!important;
box-shadow:0 18px 48px rgba(7,17,31,.08)!important;
padding:22px!important;
}
.authority-seo-ai-section,
.about-different-section,
.case-common-section,
.about-final-cta{
background:linear-gradient(135deg,#08111f 0%,#0b1b33 55%,#102d5d 100%)!important;
}
.authority-seo-ai-section h2,
.about-different-section h2,
.case-common-section h2,
.about-final-cta h2,
.authority-seo-ai-section .eyebrow,
.about-different-section .eyebrow,
.case-common-section .eyebrow,
.about-final-cta .eyebrow{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
.authority-seo-ai-section p:not(.eyebrow),
.about-different-section p:not(.eyebrow),
.case-common-section p:not(.eyebrow),
.about-final-cta p:not(.eyebrow){
color:#d8e7f6!important;
}
.authority-seo-ai-section .authority-seo-card,
.about-different-section .about-difference-card,
.case-common-section .case-signal-card,
.about-final-cta .cta-panel{
background:rgba(255,255,255,.08)!important;
border-color:rgba(255,255,255,.18)!important;
box-shadow:none!important;
}
.authority-seo-ai-section .authority-seo-card h3,
.about-different-section .about-difference-card h3,
.case-common-section .case-signal-card h3,
.about-final-cta .cta-panel h2,
.about-final-cta .cta-panel h3{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
.about-pov-section .section-head,
.case-overview-section .section-head,
.authority-gaps-section .section-head{
text-align:left!important;
margin-left:0!important;
margin-right:0!important;
}
.about-pov-copy h2,
.about-pov-section h2{
font-size:clamp(2.35rem,8vw,3.5rem)!important;
line-height:.98!important;
letter-spacing:-.065em!important;
}
.enhanced-table,
.before-after-table{
overflow-x:auto!important;
-webkit-overflow-scrolling:touch!important;
display:block!important;
width:100%!important;
}
.enhanced-table table,
.before-after-table table{
min-width:560px!important;
}
}
@media (max-width: 640px){
.fit-section,
.inspect-section,
.review-start-section,
.strategic-fall-short-section,
.strategic-fixes-section,
.strategic-evidence-section,
.strategic-fit-section,
.strategic-ai-connection-section,
.strategic-final-cta,
.ai-meaning-section,
.ai-analysis-section,
.ai-competitor-section,
.ai-platforms-section,
.ai-seo-connection-section,
.ai-scan-section,
.ai-next-step-section,
.authority-foundation-section,
.authority-questions-section,
.authority-includes-section,
.authority-matters-section,
.authority-signals-section,
.authority-gaps-section,
.authority-seo-ai-section,
.authority-fit-section,
.authority-final-cta,
.case-overview-section,
.case-detail-section,
.case-common-section,
.case-why-section,
.case-final-cta,
.about-founder-section,
.about-pov-section,
.about-different-section,
.about-search-section,
.about-fit-section,
.about-final-cta{
padding-top:44px!important;
padding-bottom:44px!important;
}
.fit-intro-card,
.fit-list-card,
.review-check-card,
.signal-stack-card,
.strategic-question-card,
.strategic-fit-card,
.strategic-signal-card,
.strategic-include-card,
.ai-clarity-card,
.ai-analysis-card,
.ai-proof-card,
.ai-seo-card,
.ai-next-step-panel,
.authority-clarity-card,
.authority-question-card,
.authority-include-card,
.authority-outcome-card,
.authority-signal-card,
.authority-gap-card,
.authority-seo-card,
.authority-fit-card,
.case-overview-card,
.case-detail-feature,
.case-signal-card,
.case-why-card,
.case-question-list,
.about-work-card,
.about-baseline-panel,
.about-search-card,
.about-difference-card,
.about-fit-card,
.cta-panel{
padding:18px!important;
border-radius:20px!important;
}
.fit-list-item,
.inspect-item,
.ai-clarity-list div,
.case-question-list div,
.case-signal-grid span,
.about-proof-stack span,
.about-baseline-grid span{
padding:12px!important;
gap:10px!important;
}
.fit-list-item span,
.inspect-item span,
.ai-clarity-list span{
width:26px!important;
height:26px!important;
font-size:.64rem!important;
}
.fit-list-item p,
.inspect-item p,
.ai-clarity-list p,
.case-question-list div,
.case-signal-grid span,
.about-proof-stack span,
.about-baseline-grid span{
font-size:.9rem!important;
}
} @media (max-width: 980px){
body .fit-section,
body .inspect-section,
body .review-start-section,
body .strategic-fall-short-section,
body .strategic-fixes-section,
body .strategic-evidence-section,
body .strategic-fit-section,
body .strategic-ai-connection-section,
body .strategic-final-cta,
body .ai-meaning-section,
body .ai-analysis-section,
body .ai-competitor-section,
body .ai-platforms-section,
body .ai-seo-connection-section,
body .ai-scan-section,
body .ai-next-step-section,
body .authority-foundation-section,
body .authority-questions-section,
body .authority-includes-section,
body .authority-matters-section,
body .authority-signals-section,
body .authority-gaps-section,
body .authority-seo-ai-section,
body .authority-fit-section,
body .authority-final-cta,
body .case-overview-section,
body .case-detail-section,
body .case-common-section,
body .case-why-section,
body .case-final-cta,
body .about-founder-section,
body .about-pov-section,
body .about-different-section,
body .about-search-section,
body .about-fit-section,
body .about-final-cta{
padding-top:42px!important;
padding-bottom:42px!important;
}
body .fit-section .container,
body .inspect-section .container,
body .review-start-section .container,
body .strategic-seo-page section:not(.page-hero) .container,
body .ai-visibility-page section:not(.page-hero) .container,
body .website-authority-page section:not(.page-hero) .container,
body .case-studies-page section:not(.page-hero) .container,
body .about-page section:not(.page-hero) .container{
width:calc(100% - 32px)!important;
}
body .fit-panel,
body .review-start-panel,
body .strategic-fix-grid,
body .ai-analysis-grid,
body .authority-question-grid,
body .authority-include-grid,
body .case-overview-grid,
body .about-pov-layout,
body .about-difference-grid,
body .about-fit-panel,
body .grid-2,
body .grid-3,
body .grid-4{
grid-template-columns:1fr!important;
gap:18px!important;
}
body .fit-intro-card,
body .fit-list-card,
body .review-check-card,
body .signal-stack-card,
body .strategic-question-card,
body .strategic-fit-card,
body .strategic-signal-card,
body .strategic-include-card,
body .ai-clarity-card,
body .ai-analysis-card,
body .ai-proof-card,
body .ai-seo-card,
body .ai-next-step-panel,
body .authority-clarity-card,
body .authority-question-card,
body .authority-include-card,
body .authority-outcome-card,
body .authority-signal-card,
body .authority-gap-card,
body .authority-seo-card,
body .authority-fit-card,
body .case-overview-card,
body .case-detail-feature,
body .case-signal-card,
body .case-why-card,
body .case-question-list,
body .about-work-card,
body .about-baseline-panel,
body .about-search-card,
body .about-difference-card,
body .about-fit-card,
body .cta-panel{
border-radius:22px!important;
padding:22px!important;
} body .fit-list-card,
body .inspect-grid,
body .ai-clarity-list{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
}
body .fit-list-card .fit-list-item,
body .inspect-grid .inspect-item,
body .ai-clarity-list > div{
display:grid!important;
grid-template-columns:42px 1fr!important;
gap:12px!important;
align-items:start!important;
padding:14px!important;
border-radius:18px!important;
border:1px solid #d9e7f8!important;
background:linear-gradient(180deg,#ffffff 0%,#f6faff 100%)!important;
box-shadow:0 10px 24px rgba(7,17,31,.06)!important;
min-height:0!important;
}
body .fit-list-card .fit-list-item > span,
body .inspect-grid .inspect-item > span,
body .ai-clarity-list > div > span{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:38px!important;
height:38px!important;
border-radius:14px!important;
background:linear-gradient(135deg,var(--blue),var(--cyan))!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
font-size:.72rem!important;
line-height:1!important;
font-weight:950!important;
letter-spacing:.03em!important;
box-shadow:0 8px 20px rgba(26,79,214,.22)!important;
margin:0!important;
position:relative!important;
}
body .fit-list-card .fit-list-item > p,
body .inspect-grid .inspect-item > p,
body .ai-clarity-list > div > p{
margin:0!important;
color:#26374d!important;
-webkit-text-fill-color:#26374d!important;
font-size:1rem!important;
line-height:1.42!important;
font-weight:780!important;
}
body .ai-clarity-list > div > p strong{
display:block!important;
margin:0 0 4px!important;
color:#0f172a!important;
-webkit-text-fill-color:#0f172a!important;
font-weight:950!important;
} body ul.clean,
body .about-check-list,
body .two-column-list ul{
display:grid!important;
gap:10px!important;
margin:14px 0 0!important;
padding:0!important;
list-style:none!important;
}
body ul.clean li,
body .two-column-list li,
body .authority-signal-card li,
body .authority-gap-card li{
display:grid!important;
grid-template-columns:18px 1fr!important;
gap:10px!important;
align-items:start!important;
padding:11px 12px!important;
border-radius:15px!important;
border:1px solid #e0eaf6!important;
background:#f8fbff!important;
color:#27364a!important;
-webkit-text-fill-color:#27364a!important;
font-size:.94rem!important;
line-height:1.35!important;
font-weight:800!important;
}
body ul.clean li:before,
body .two-column-list li:before,
body .authority-signal-card li:before,
body .authority-gap-card li:before{
content:""!important;
display:block!important;
width:9px!important;
height:9px!important;
border-radius:50%!important;
background:var(--blue)!important;
box-shadow:0 0 0 6px rgba(36,87,230,.10)!important;
margin-top:.45em!important;
position:static!important;
} body .signal-chip-grid,
body .case-signal-grid,
body .about-proof-stack,
body .about-baseline-grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:10px!important;
}
body .signal-chip-grid > span,
body .case-signal-grid > span,
body .about-proof-stack > span,
body .about-baseline-grid > span{
display:grid!important;
grid-template-columns:18px 1fr!important;
gap:10px!important;
align-items:start!important;
margin:0!important;
padding:11px 12px!important;
border-radius:15px!important;
font-size:.94rem!important;
line-height:1.35!important;
font-weight:820!important;
text-align:left!important;
position:relative!important;
}
body .signal-chip-grid > span:before,
body .case-signal-grid > span:before,
body .about-proof-stack > span:before,
body .about-baseline-grid > span:before{
content:""!important;
display:block!important;
width:9px!important;
height:9px!important;
border-radius:50%!important;
margin-top:.45em!important;
background:var(--cyan)!important;
box-shadow:0 0 0 6px rgba(0,207,232,.13)!important;
position:static!important;
}
body .navy-band .signal-chip-grid > span,
body .navy-band .case-signal-grid > span,
body .about-different-section .about-proof-stack > span,
body .about-final-cta .about-proof-stack > span{
background:rgba(255,255,255,.10)!important;
border:1px solid rgba(255,255,255,.18)!important;
color:#f8fbff!important;
-webkit-text-fill-color:#f8fbff!important;
}
body section:not(.navy-band) .case-signal-grid > span,
body section:not(.navy-band) .about-proof-stack > span,
body .about-baseline-grid > span{
background:#f8fbff!important;
border:1px solid #e0eaf6!important;
color:#27364a!important;
-webkit-text-fill-color:#27364a!important;
}
body .case-question-list > div{
display:grid!important;
grid-template-columns:18px 1fr!important;
gap:10px!important;
align-items:start!important;
padding:12px!important;
border-radius:15px!important;
border:1px solid #e0eaf6!important;
background:#f8fbff!important;
color:#1f3148!important;
-webkit-text-fill-color:#1f3148!important;
font-size:.98rem!important;
line-height:1.36!important;
font-weight:800!important;
text-align:left!important;
}
body .case-question-list > div > span{
display:block!important;
width:9px!important;
height:9px!important;
border-radius:50%!important;
background:var(--blue)!important;
box-shadow:0 0 0 6px rgba(36,87,230,.10)!important;
margin-top:.45em!important;
} body .before-after-table.enhanced-table{
display:block!important;
overflow-x:auto!important;
-webkit-overflow-scrolling:touch!important;
border-radius:22px!important;
background:#fff!important;
border:1px solid #dce6f2!important;
box-shadow:0 14px 38px rgba(7,17,31,.08)!important;
width:100%!important;
}
body .before-after-table.enhanced-table > div{
display:grid!important;
grid-template-columns:180px 130px 130px 120px!important;
min-width:560px!important;
border-bottom:1px solid #dce6f2!important;
}
body .before-after-table.enhanced-table > div:first-child{
background:linear-gradient(135deg,#06101e,#142b49)!important;
}
body .before-after-table.enhanced-table span,
body .before-after-table.enhanced-table strong{
padding:13px 14px!important;
font-size:.92rem!important;
line-height:1.25!important;
display:flex!important;
align-items:center!important;
}
body .before-after-table.enhanced-table > div:first-child span{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
font-size:.74rem!important;
letter-spacing:.08em!important;
} body .section-head.center{
text-align:left!important;
}
body section:not(.page-hero) h2{
font-size:clamp(2.05rem,8vw,3rem)!important;
line-height:.99!important;
letter-spacing:-.055em!important;
}
body section:not(.page-hero) h3{
font-size:1.22rem!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
}
body section:not(.page-hero) p,
body section:not(.page-hero) .lead{
font-size:1rem!important;
line-height:1.55!important;
}
body .card p:last-child,
body .case-detail-feature p:last-child,
body .about-work-card p:last-child{
margin-bottom:0!important;
}
}
@media (max-width: 640px){
body .fit-section,
body .inspect-section,
body .review-start-section,
body .strategic-fall-short-section,
body .strategic-fixes-section,
body .strategic-evidence-section,
body .strategic-fit-section,
body .strategic-ai-connection-section,
body .strategic-final-cta,
body .ai-meaning-section,
body .ai-analysis-section,
body .ai-competitor-section,
body .ai-platforms-section,
body .ai-seo-connection-section,
body .ai-scan-section,
body .ai-next-step-section,
body .authority-foundation-section,
body .authority-questions-section,
body .authority-includes-section,
body .authority-matters-section,
body .authority-signals-section,
body .authority-gaps-section,
body .authority-seo-ai-section,
body .authority-fit-section,
body .authority-final-cta,
body .case-overview-section,
body .case-detail-section,
body .case-common-section,
body .case-why-section,
body .case-final-cta,
body .about-founder-section,
body .about-pov-section,
body .about-different-section,
body .about-search-section,
body .about-fit-section,
body .about-final-cta{
padding-top:34px!important;
padding-bottom:34px!important;
}
body .fit-intro-card,
body .fit-list-card,
body .review-check-card,
body .signal-stack-card,
body .strategic-question-card,
body .strategic-fit-card,
body .strategic-signal-card,
body .strategic-include-card,
body .ai-clarity-card,
body .ai-analysis-card,
body .ai-proof-card,
body .ai-seo-card,
body .ai-next-step-panel,
body .authority-clarity-card,
body .authority-question-card,
body .authority-include-card,
body .authority-outcome-card,
body .authority-signal-card,
body .authority-gap-card,
body .authority-seo-card,
body .authority-fit-card,
body .case-overview-card,
body .case-detail-feature,
body .case-signal-card,
body .case-why-card,
body .case-question-list,
body .about-work-card,
body .about-baseline-panel,
body .about-search-card,
body .about-difference-card,
body .about-fit-card,
body .cta-panel{
padding:18px!important;
border-radius:20px!important;
}
body .fit-list-card .fit-list-item,
body .inspect-grid .inspect-item,
body .ai-clarity-list > div{
grid-template-columns:36px 1fr!important;
padding:12px!important;
}
body .fit-list-card .fit-list-item > span,
body .inspect-grid .inspect-item > span,
body .ai-clarity-list > div > span{
width:32px!important;
height:32px!important;
border-radius:12px!important;
font-size:.66rem!important;
}
body section:not(.page-hero) h2{
font-size:clamp(1.85rem,8.6vw,2.55rem)!important;
}
body section:not(.page-hero) p,
body section:not(.page-hero) .lead{
font-size:.98rem!important;
}
} @media (max-width: 768px){ body .section:not(.page-hero):not(.hero){
padding-top:38px !important;
padding-bottom:38px !important;
}
body .section.soft:not(.page-hero):not(.hero){
padding-top:36px !important;
padding-bottom:36px !important;
}
body .container{padding-left:24px !important;padding-right:24px !important;} body .fit-list-card,
body .inspect-grid,
body .ai-clarity-list,
body .about-baseline-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:12px !important;
}
body .fit-list-card .fit-list-item,
body .inspect-grid .inspect-item,
body .ai-clarity-list > div,
body .about-baseline-grid > span{
display:grid !important;
grid-template-columns:44px 1fr !important;
align-items:start !important;
column-gap:14px !important;
padding:16px !important;
margin:0 !important;
border-radius:20px !important;
background:#fff !important;
border:1px solid #dce8f7 !important;
box-shadow:0 12px 34px rgba(7,17,31,.07) !important;
color:#172238 !important;
-webkit-text-fill-color:#172238 !important;
text-align:left !important;
font-weight:800 !important;
line-height:1.32 !important;
}
body .about-baseline-grid > span{
grid-template-columns:18px 1fr !important;
font-size:1rem !important;
}
body .about-baseline-grid > span::before{
content:"" !important;
width:10px !important;
height:10px !important;
border-radius:999px !important;
background:#2457e6 !important;
box-shadow:0 0 0 7px rgba(36,87,230,.10) !important;
margin-top:.35em !important;
}
body .fit-list-card .fit-list-item > span,
body .inspect-grid .inspect-item > span,
body .ai-clarity-list > div > span{
display:grid !important;
place-items:center !important;
width:40px !important;
height:40px !important;
border-radius:14px !important;
background:linear-gradient(135deg,#eef6ff,#eaf0ff) !important;
border:1px solid #d8e6fb !important;
color:#2457e6 !important;
-webkit-text-fill-color:#2457e6 !important;
font-size:.76rem !important;
font-weight:950 !important;
letter-spacing:.05em !important;
line-height:1 !important;
}
body .fit-list-card .fit-list-item p,
body .inspect-grid .inspect-item p,
body .ai-clarity-list > div p{
margin:0 !important;
color:#27364a !important;
-webkit-text-fill-color:#27364a !important;
font-size:1rem !important;
line-height:1.42 !important;
font-weight:750 !important;
}
body .ai-clarity-list > div p strong{
display:block !important;
margin:0 0 5px !important;
color:#07111f !important;
-webkit-text-fill-color:#07111f !important;
font-size:1.05rem !important;
line-height:1.15 !important;
font-weight:950 !important;
} body .fit-panel,
body .review-start-panel,
body .about-pov-layout,
body .about-fit-panel,
body .case-why-card{
display:grid !important;
grid-template-columns:1fr !important;
gap:16px !important;
}
body .fit-intro-card,
body .fit-list-card,
body .review-check-card,
body .signal-stack-card,
body .about-baseline-panel,
body .about-search-card,
body .about-fit-card,
body .case-signal-card,
body .case-question-list,
body .case-why-card,
body .cta-panel{
border-radius:24px !important;
padding:22px !important;
border:1px solid #dce8f7 !important;
background:linear-gradient(180deg,#fff,#f8fbff) !important;
box-shadow:0 18px 44px rgba(7,17,31,.08) !important;
} body .navy-band,
body .about-final-cta,
body .case-final-cta,
body .authority-final-cta,
body .strategic-final-cta{
background:radial-gradient(circle at 15% 8%,rgba(0,207,232,.14),transparent 32%),linear-gradient(135deg,#07111f,#122a4a) !important;
color:#fff !important;
-webkit-text-fill-color:initial !important;
}
body .navy-band h2,
body .navy-band h3,
body .navy-band .lead,
body .navy-band p,
body .about-final-cta h2,
body .about-final-cta h3,
body .about-final-cta .lead,
body .about-final-cta p,
body .case-final-cta h2,
body .case-final-cta h3,
body .case-final-cta .lead,
body .case-final-cta p,
body .authority-final-cta h2,
body .authority-final-cta .lead,
body .authority-final-cta p,
body .strategic-final-cta h2,
body .strategic-final-cta .lead,
body .strategic-final-cta p{
color:#f7fbff !important;
-webkit-text-fill-color:#f7fbff !important;
}
body .navy-band p:not(.eyebrow),
body .about-final-cta p:not(.eyebrow),
body .case-final-cta p:not(.eyebrow){
color:#dbe8f7 !important;
-webkit-text-fill-color:#dbe8f7 !important;
}
body .navy-band .signal-stack-card,
body .navy-band .ai-proof-card,
body .navy-band .case-signal-card,
body .about-final-cta .cta-panel,
body .case-final-cta .cta-panel,
body .authority-final-cta .cta-panel,
body .strategic-final-cta .cta-panel{
background:rgba(255,255,255,.10) !important;
border:1px solid rgba(255,255,255,.20) !important;
box-shadow:0 22px 54px rgba(0,0,0,.18) !important;
}
body .navy-band .signal-stack-card h3,
body .navy-band .ai-proof-card h3,
body .navy-band .case-signal-card h3,
body .about-final-cta .cta-panel h2{
color:#fff !important;
-webkit-text-fill-color:#fff !important;
} body .about-search-card,
body .about-search-card h3,
body .about-search-card .about-proof-stack > span,
body .about-baseline-panel,
body .about-baseline-panel h3,
body .about-baseline-panel p{
color:#172238 !important;
-webkit-text-fill-color:#172238 !important;
}
body .about-search-card .about-proof-stack{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
margin-top:14px !important;
}
body .about-search-card .about-proof-stack > span{
display:grid !important;
grid-template-columns:18px 1fr !important;
align-items:start !important;
gap:10px !important;
padding:12px !important;
background:#f8fbff !important;
border:1px solid #dce8f7 !important;
border-radius:16px !important;
font-size:.98rem !important;
line-height:1.35 !important;
font-weight:850 !important;
text-align:left !important;
}
body .about-search-card .about-proof-stack > span:before{
content:"" !important;
display:block !important;
width:9px !important;
height:9px !important;
border-radius:999px !important;
background:#2457e6 !important;
box-shadow:0 0 0 6px rgba(36,87,230,.10) !important;
margin-top:.45em !important;
} body .signal-chip-grid,
body .case-signal-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
}
body .signal-chip-grid > span,
body .case-signal-grid > span{
display:grid !important;
grid-template-columns:18px 1fr !important;
gap:10px !important;
align-items:start !important;
padding:12px !important;
margin:0 !important;
border-radius:16px !important;
background:rgba(255,255,255,.10) !important;
border:1px solid rgba(255,255,255,.18) !important;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
text-align:left !important;
font-size:.98rem !important;
line-height:1.35 !important;
font-weight:820 !important;
}
body .signal-chip-grid > span:before,
body .case-signal-grid > span:before{
content:"" !important;
width:9px !important;
height:9px !important;
border-radius:999px !important;
background:#39d5ff !important;
box-shadow:0 0 0 6px rgba(57,213,255,.12) !important;
margin-top:.45em !important;
} body .before-after-table.enhanced-table{
display:grid !important;
gap:10px !important;
overflow:visible !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
body .before-after-table.enhanced-table > div:first-child{display:none !important;}
body .before-after-table.enhanced-table > div:not(:first-child){
min-width:0 !important;
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:0 !important;
background:#fff !important;
border:1px solid #dce8f7 !important;
border-radius:20px !important;
overflow:hidden !important;
box-shadow:0 12px 32px rgba(7,17,31,.06) !important;
}
body .before-after-table.enhanced-table > div:not(:first-child) span,
body .before-after-table.enhanced-table > div:not(:first-child) strong{
display:block !important;
padding:12px 14px !important;
font-size:.98rem !important;
line-height:1.25 !important;
color:#172238 !important;
-webkit-text-fill-color:#172238 !important;
border-bottom:1px solid #e3ecf7 !important;
}
body .before-after-table.enhanced-table > div:not(:first-child) span{
grid-column:1 / -1 !important;
background:#07111f !important;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
font-weight:950 !important;
}
body .before-after-table.enhanced-table > div:not(:first-child) strong:nth-child(2)::before{content:"Before";display:block;color:#687991;-webkit-text-fill-color:#687991;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:4px;}
body .before-after-table.enhanced-table > div:not(:first-child) strong:nth-child(3)::before{content:"After";display:block;color:#687991;-webkit-text-fill-color:#687991;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:4px;}
body .before-after-table.enhanced-table > div:not(:first-child) strong:nth-child(4){grid-column:1 / -1 !important;color:#2457e6 !important;-webkit-text-fill-color:#2457e6 !important;}
body .before-after-table.enhanced-table > div:not(:first-child) strong:nth-child(4)::before{content:"Increase";display:block;color:#687991;-webkit-text-fill-color:#687991;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:4px;} body .case-question-list > div{
display:grid !important;
grid-template-columns:18px 1fr !important;
gap:10px !important;
align-items:start !important;
padding:12px !important;
margin:0 0 9px !important;
border-radius:16px !important;
background:#f8fbff !important;
border:1px solid #dce8f7 !important;
color:#172238 !important;
-webkit-text-fill-color:#172238 !important;
font-size:1rem !important;
line-height:1.38 !important;
font-weight:780 !important;
text-align:left !important;
}
body .case-question-list > div > span{
display:block !important;
width:9px !important;
height:9px !important;
margin-top:.45em !important;
border-radius:999px !important;
background:#2457e6 !important;
box-shadow:0 0 0 6px rgba(36,87,230,.10) !important;
}
}
@media (max-width: 420px){
body .container{padding-left:22px !important;padding-right:22px !important;}
body .section:not(.page-hero):not(.hero){padding-top:32px !important;padding-bottom:32px !important;}
body .fit-intro-card,
body .fit-list-card,
body .review-check-card,
body .signal-stack-card,
body .about-baseline-panel,
body .about-search-card,
body .about-fit-card,
body .case-signal-card,
body .case-question-list,
body .case-why-card,
body .cta-panel{padding:18px !important;border-radius:22px !important;}
} @media (max-width: 767px){ body .section:not(.hero):not(.page-hero){
padding-top:30px !important;
padding-bottom:30px !important;
}
body .section.soft:not(.hero):not(.page-hero){
padding-top:30px !important;
padding-bottom:30px !important;
}
body .section + .section:not(.hero):not(.page-hero){
margin-top:0 !important;
}
body .container{padding-left:22px !important;padding-right:22px !important;}
body .section-head{margin-bottom:18px !important;}
body .section-head.center{text-align:left !important;}
body .section-head.center .eyebrow{justify-content:flex-start !important;} body .section:not(.hero):not(.page-hero) h2{
font-size:clamp(2rem, 9vw, 2.7rem) !important;
line-height:.98 !important;
letter-spacing:-.055em !important;
margin-bottom:10px !important;
}
body .section:not(.hero):not(.page-hero) h3{
font-size:clamp(1.28rem, 5.2vw, 1.65rem) !important;
line-height:1.08 !important;
letter-spacing:-.04em !important;
margin-bottom:8px !important;
}
body .section:not(.hero):not(.page-hero) p,
body .section:not(.hero):not(.page-hero) .lead{
font-size:1.02rem !important;
line-height:1.55 !important;
margin-bottom:12px !important;
}
body .eyebrow,
body .mini-label,
body .fit-badge{
font-size:.72rem !important;
letter-spacing:.14em !important;
} body .fit-panel,
body .review-start-panel,
body .about-pov-layout,
body .about-fit-panel,
body .case-why-card,
body .grid-2,
body .grid-3,
body .grid-4{
grid-template-columns:1fr !important;
gap:16px !important;
}
body .fit-intro-card,
body .fit-list-card,
body .review-check-card,
body .signal-stack-card,
body .about-baseline-panel,
body .about-search-card,
body .about-fit-card,
body .case-signal-card,
body .case-question-list,
body .case-why-card,
body .cta-panel,
body .ai-clarity-card,
body .ai-proof-card,
body .authority-gap-card,
body .authority-light-card,
body .card{
padding:18px !important;
border-radius:22px !important;
} body .fit-list-card,
body .inspect-grid,
body .ai-clarity-list,
body .about-baseline-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
}
body .fit-list-item,
body .inspect-item,
body .ai-clarity-list > div,
body .about-baseline-grid > span{
display:grid !important;
grid-template-columns:42px 1fr !important;
gap:12px !important;
align-items:start !important;
padding:13px 14px !important;
margin:0 !important;
border-radius:16px !important;
background:#ffffff !important;
border:1px solid #dce8f7 !important;
box-shadow:0 10px 24px rgba(7,17,31,.055) !important;
color:#172238 !important;
-webkit-text-fill-color:#172238 !important;
text-align:left !important;
}
body .fit-list-item > span,
body .inspect-item > span,
body .ai-clarity-list > div > span{
display:flex !important;
width:36px !important;
height:36px !important;
align-items:center !important;
justify-content:center !important;
border-radius:12px !important;
background:linear-gradient(135deg,#e8f1ff,#f7fbff) !important;
color:#2457e6 !important;
-webkit-text-fill-color:#2457e6 !important;
font-size:.78rem !important;
line-height:1 !important;
font-weight:950 !important;
letter-spacing:.04em !important;
box-shadow:inset 0 0 0 1px rgba(36,87,230,.12) !important;
}
body .about-baseline-grid > span{
grid-template-columns:14px 1fr !important;
font-size:1rem !important;
line-height:1.35 !important;
font-weight:800 !important;
}
body .about-baseline-grid > span:before{
content:"" !important;
width:9px !important;
height:9px !important;
border-radius:999px !important;
background:#2457e6 !important;
box-shadow:0 0 0 6px rgba(36,87,230,.10) !important;
margin-top:.44em !important;
}
body .fit-list-item p,
body .inspect-item p,
body .ai-clarity-list > div p{
margin:0 !important;
font-size:1rem !important;
line-height:1.42 !important;
color:#43536a !important;
-webkit-text-fill-color:#43536a !important;
}
body .ai-clarity-list > div p strong{
display:block !important;
margin:0 0 3px !important;
color:#172238 !important;
-webkit-text-fill-color:#172238 !important;
font-size:1rem !important;
line-height:1.1 !important;
font-weight:950 !important;
} body .signal-stack-card,
body .case-signal-card{
padding:18px !important;
}
body .signal-chip-grid,
body .case-signal-grid,
body .about-proof-stack{
display:flex !important;
flex-wrap:wrap !important;
gap:8px !important;
margin-top:12px !important;
}
body .signal-chip-grid > span,
body .case-signal-grid > span,
body .about-proof-stack > span{
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
width:auto !important;
min-width:0 !important;
max-width:100% !important;
padding:9px 11px !important;
border-radius:999px !important;
font-size:.88rem !important;
line-height:1.18 !important;
font-weight:850 !important;
text-align:left !important;
margin:0 !important;
}
body .signal-chip-grid > span:before,
body .case-signal-grid > span:before,
body .about-proof-stack > span:before{
content:"" !important;
display:block !important;
flex:0 0 auto !important;
width:8px !important;
height:8px !important;
border-radius:999px !important;
margin:0 !important;
}
body .signal-chip-grid > span,
body .case-signal-grid > span{
background:rgba(255,255,255,.11) !important;
border:1px solid rgba(255,255,255,.18) !important;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
}
body .signal-stack-card > p,
body .case-signal-card > p{
margin-top:12px !important;
} body .about-search-card,
body .about-search-card h3,
body .about-search-card p,
body .about-proof-stack > span{
background:#fff !important;
color:#172238 !important;
-webkit-text-fill-color:#172238 !important;
}
body .about-proof-stack > span{
border:1px solid #dce8f7 !important;
box-shadow:0 8px 20px rgba(7,17,31,.045) !important;
}
body .about-proof-stack > span:before{
background:#2457e6 !important;
box-shadow:0 0 0 5px rgba(36,87,230,.10) !important;
} body .about-final-cta .cta-panel,
body .case-final-cta .cta-panel,
body .authority-final-cta .cta-panel,
body .strategic-final-cta .cta-panel{
padding:20px !important;
border-radius:22px !important;
background:rgba(255,255,255,.09) !important;
border:1px solid rgba(255,255,255,.18) !important;
}
body .about-final-cta .cta-panel h2,
body .case-final-cta .cta-panel h2,
body .authority-final-cta .cta-panel h2,
body .strategic-final-cta .cta-panel h2,
body .about-final-cta .cta-panel p,
body .case-final-cta .cta-panel p,
body .authority-final-cta .cta-panel p,
body .strategic-final-cta .cta-panel p{
color:#f7fbff !important;
-webkit-text-fill-color:#f7fbff !important;
}
body .about-final-cta .btn,
body .case-final-cta .btn,
body .authority-final-cta .btn,
body .strategic-final-cta .btn{
width:100% !important;
min-height:48px !important;
padding:13px 16px !important;
font-size:.95rem !important;
} body .before-after-table.enhanced-table{
display:grid !important;
gap:9px !important;
overflow:visible !important;
border:0 !important;
background:transparent !important;
}
body .before-after-table.enhanced-table > div:first-child{display:none !important;}
body .before-after-table.enhanced-table > div:not(:first-child){
display:grid !important;
grid-template-columns:1fr 1fr !important;
border:1px solid #dce8f7 !important;
border-radius:16px !important;
overflow:hidden !important;
background:#fff !important;
box-shadow:0 8px 22px rgba(7,17,31,.055) !important;
}
body .before-after-table.enhanced-table > div:not(:first-child) span,
body .before-after-table.enhanced-table > div:not(:first-child) strong{
padding:10px 12px !important;
font-size:.95rem !important;
line-height:1.22 !important;
}
body .before-after-table.enhanced-table > div:not(:first-child) span{
grid-column:1 / -1 !important;
background:#07111f !important;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
}
body .before-after-table.enhanced-table > div:not(:first-child) strong:nth-child(4){grid-column:1 / -1 !important;} body .section:not(.hero):not(.page-hero) .btn{
min-height:48px !important;
padding:13px 16px !important;
font-size:.95rem !important;
border-radius:999px !important;
}
}
@media (max-width: 420px){
body .container{padding-left:20px !important;padding-right:20px !important;}
body .section:not(.hero):not(.page-hero){padding-top:26px !important;padding-bottom:26px !important;}
body .fit-intro-card,
body .fit-list-card,
body .review-check-card,
body .signal-stack-card,
body .about-baseline-panel,
body .about-search-card,
body .about-fit-card,
body .case-signal-card,
body .case-question-list,
body .case-why-card,
body .cta-panel,
body .ai-clarity-card,
body .card{padding:16px !important;border-radius:20px !important;}
body .fit-list-item,
body .inspect-item,
body .ai-clarity-list > div{
grid-template-columns:38px 1fr !important;
gap:10px !important;
padding:12px !important;
border-radius:15px !important;
}
body .fit-list-item > span,
body .inspect-item > span,
body .ai-clarity-list > div > span{
width:32px !important;
height:32px !important;
border-radius:11px !important;
font-size:.72rem !important;
}
body .signal-chip-grid > span,
body .case-signal-grid > span,
body .about-proof-stack > span{
font-size:.84rem !important;
padding:8px 10px !important;
}
} @media (max-width: 767px){ body .section:not(.hero):not(.page-hero){
padding-top:24px !important;
padding-bottom:24px !important;
}
body .section.soft:not(.hero):not(.page-hero),
body .section.navy-band:not(.hero):not(.page-hero){
padding-top:28px !important;
padding-bottom:28px !important;
}
body .container{padding-left:20px !important;padding-right:20px !important;}
body .section-head{margin-bottom:14px !important;}
body .section-head.center{text-align:left !important;max-width:none !important;}
body .section-head.center .eyebrow{justify-content:flex-start !important;} body .section:not(.hero):not(.page-hero) h2{
font-size:clamp(1.65rem, 7.2vw, 2.15rem) !important;
line-height:1.03 !important;
letter-spacing:-.045em !important;
margin-bottom:8px !important;
}
body .section:not(.hero):not(.page-hero) h3{
font-size:clamp(1.08rem, 4.7vw, 1.34rem) !important;
line-height:1.12 !important;
letter-spacing:-.035em !important;
margin-bottom:8px !important;
}
body .section:not(.hero):not(.page-hero) p,
body .section:not(.hero):not(.page-hero) .lead,
body .section:not(.hero):not(.page-hero) li{
font-size:.96rem !important;
line-height:1.48 !important;
margin-bottom:10px !important;
}
body .eyebrow,
body .mini-label,
body .fit-badge{
font-size:.66rem !important;
letter-spacing:.13em !important;
} body .card,
body .split-card,
body .fit-intro-card,
body .fit-list-card,
body .review-check-card,
body .signal-stack-card,
body .about-baseline-panel,
body .about-search-card,
body .about-fit-card,
body .case-signal-card,
body .case-question-list,
body .case-why-card,
body .cta-panel,
body .ai-clarity-card,
body .ai-proof-card,
body .authority-gap-card,
body .authority-light-card{
padding:16px !important;
border-radius:18px !important;
}
body .grid-2,
body .grid-3,
body .grid-4,
body .fit-panel,
body .review-start-panel,
body .about-pov-layout,
body .about-fit-panel{
grid-template-columns:1fr !important;
gap:14px !important;
} body .home-search-card h3{font-size:1.35rem !important;margin-bottom:6px !important;}
body .home-search-card > p{font-size:1rem !important;margin-bottom:12px !important;}
body .search-everywhere-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:9px !important;
margin-top:10px !important;
}
body .search-everywhere-grid > div{
display:grid !important;
grid-template-columns:28px 1fr !important;
grid-template-rows:auto auto !important;
column-gap:9px !important;
row-gap:2px !important;
align-items:start !important;
padding:11px 12px !important;
border-radius:15px !important;
background:#f8fbff !important;
border:1px solid #dce8f7 !important;
}
body .search-everywhere-grid .search-icon{
grid-row:1 / span 2 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:24px !important;
height:24px !important;
margin:0 !important;
font-size:.86rem !important;
line-height:1 !important;
}
body .search-everywhere-grid strong{
display:block !important;
margin:0 !important;
font-size:.98rem !important;
line-height:1.15 !important;
}
body .search-everywhere-grid p{
margin:0 !important;
font-size:.92rem !important;
line-height:1.36 !important;
} body .fit-list-card,
body .inspect-grid,
body .ai-clarity-list,
body .about-baseline-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:9px !important;
}
body .fit-list-item,
body .inspect-item,
body .ai-clarity-list > div{
display:grid !important;
grid-template-columns:34px 1fr !important;
gap:10px !important;
align-items:start !important;
padding:11px 12px !important;
min-height:0 !important;
margin:0 !important;
border-radius:15px !important;
background:#fff !important;
border:1px solid #dce8f7 !important;
box-shadow:0 8px 18px rgba(7,17,31,.045) !important;
}
body .fit-list-item > span,
body .inspect-item > span,
body .ai-clarity-list > div > span{
width:30px !important;
height:30px !important;
border-radius:10px !important;
font-size:.68rem !important;
font-weight:900 !important;
line-height:1 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:#eef5ff !important;
color:#2457e6 !important;
-webkit-text-fill-color:#2457e6 !important;
box-shadow:inset 0 0 0 1px rgba(36,87,230,.14) !important;
}
body .fit-list-item p,
body .inspect-item p,
body .ai-clarity-list > div p{
margin:0 !important;
font-size:.94rem !important;
line-height:1.38 !important;
font-weight:650 !important;
letter-spacing:-.015em !important;
color:#43536a !important;
-webkit-text-fill-color:#43536a !important;
}
body .ai-clarity-list > div p strong{
display:block !important;
margin:0 0 2px !important;
font-size:.96rem !important;
line-height:1.12 !important;
color:#172238 !important;
-webkit-text-fill-color:#172238 !important;
} body .about-baseline-panel{padding:16px !important;}
body .about-baseline-intro{margin-bottom:12px !important;}
body .about-baseline-grid{
gap:8px !important;
}
body .about-baseline-grid > span{
display:grid !important;
grid-template-columns:12px 1fr !important;
gap:9px !important;
align-items:start !important;
padding:10px 11px !important;
border-radius:14px !important;
background:#fff !important;
border:1px solid #dce8f7 !important;
box-shadow:0 7px 16px rgba(7,17,31,.04) !important;
font-size:.93rem !important;
line-height:1.34 !important;
font-weight:720 !important;
color:#172238 !important;
-webkit-text-fill-color:#172238 !important;
text-align:left !important;
}
body .about-baseline-grid > span:before{
content:"" !important;
display:block !important;
width:7px !important;
height:7px !important;
border-radius:999px !important;
background:#2457e6 !important;
box-shadow:0 0 0 5px rgba(36,87,230,.10) !important;
margin-top:.42em !important;
} body .signal-stack-card,
body .case-signal-card{
padding:16px !important;
}
body .signal-stack-card h3,
body .case-signal-card h3{
color:#fff !important;
-webkit-text-fill-color:#fff !important;
font-size:1.25rem !important;
}
body .signal-chip-grid,
body .case-signal-grid,
body .about-proof-stack{
display:grid !important;
grid-template-columns:1fr !important;
gap:8px !important;
margin-top:10px !important;
}
body .signal-chip-grid > span,
body .case-signal-grid > span{
display:grid !important;
grid-template-columns:16px 1fr !important;
gap:8px !important;
align-items:center !important;
width:100% !important;
padding:8px 10px !important;
min-height:0 !important;
border-radius:13px !important;
font-size:.9rem !important;
line-height:1.22 !important;
font-weight:750 !important;
background:rgba(255,255,255,.10) !important;
border:1px solid rgba(255,255,255,.16) !important;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
box-shadow:none !important;
}
body .signal-chip-grid > span:before,
body .case-signal-grid > span:before{
content:"" !important;
width:7px !important;
height:7px !important;
border-radius:999px !important;
background:#35d7ff !important;
box-shadow:0 0 0 5px rgba(53,215,255,.12) !important;
}
body .signal-stack-card > p,
body .case-signal-card > p{
font-size:.94rem !important;
line-height:1.45 !important;
margin-top:10px !important;
margin-bottom:0 !important;
} body .about-search-card{
background:#fff !important;
border:1px solid #dce8f7 !important;
}
body .about-search-card h3,
body .about-search-card p{
color:#172238 !important;
-webkit-text-fill-color:#172238 !important;
}
body .about-proof-stack > span{
display:grid !important;
grid-template-columns:12px 1fr !important;
gap:9px !important;
align-items:center !important;
width:100% !important;
padding:9px 10px !important;
border-radius:13px !important;
background:#f8fbff !important;
border:1px solid #dce8f7 !important;
color:#172238 !important;
-webkit-text-fill-color:#172238 !important;
font-size:.9rem !important;
line-height:1.25 !important;
font-weight:750 !important;
}
body .about-proof-stack > span:before{
content:"" !important;
width:7px !important;
height:7px !important;
border-radius:999px !important;
background:#2457e6 !important;
box-shadow:0 0 0 5px rgba(36,87,230,.10) !important;
} body .about-final-cta .cta-panel,
body .case-final-cta .cta-panel,
body .authority-final-cta .cta-panel,
body .strategic-final-cta .cta-panel{
padding:18px !important;
border-radius:20px !important;
background:rgba(255,255,255,.09) !important;
border:1px solid rgba(255,255,255,.18) !important;
}
body .about-final-cta .cta-panel h2,
body .case-final-cta .cta-panel h2,
body .authority-final-cta .cta-panel h2,
body .strategic-final-cta .cta-panel h2{
color:#fff !important;
-webkit-text-fill-color:#fff !important;
font-size:1.55rem !important;
line-height:1.05 !important;
}
body .about-final-cta .cta-panel p,
body .case-final-cta .cta-panel p,
body .authority-final-cta .cta-panel p,
body .strategic-final-cta .cta-panel p{
color:rgba(255,255,255,.82) !important;
-webkit-text-fill-color:rgba(255,255,255,.82) !important;
font-size:.95rem !important;
}
body .section:not(.hero):not(.page-hero) .btn{
min-height:44px !important;
padding:11px 15px !important;
font-size:.9rem !important;
} body .before-after-table.enhanced-table{gap:8px !important;}
body .before-after-table.enhanced-table > div:not(:first-child){border-radius:14px !important;}
body .before-after-table.enhanced-table > div:not(:first-child) span,
body .before-after-table.enhanced-table > div:not(:first-child) strong{
padding:9px 10px !important;
font-size:.9rem !important;
line-height:1.2 !important;
}
}
@media (max-width: 420px){
body .container{padding-left:18px !important;padding-right:18px !important;}
body .section:not(.hero):not(.page-hero){padding-top:22px !important;padding-bottom:22px !important;}
body .section:not(.hero):not(.page-hero) h2{font-size:clamp(1.5rem, 6.6vw, 1.95rem) !important;}
body .section:not(.hero):not(.page-hero) h3{font-size:1.12rem !important;}
body .section:not(.hero):not(.page-hero) p,
body .section:not(.hero):not(.page-hero) .lead,
body .section:not(.hero):not(.page-hero) li{font-size:.91rem !important;line-height:1.44 !important;}
body .card,
body .split-card,
body .fit-intro-card,
body .fit-list-card,
body .review-check-card,
body .signal-stack-card,
body .about-baseline-panel,
body .about-search-card,
body .about-fit-card,
body .case-signal-card,
body .case-question-list,
body .case-why-card,
body .cta-panel,
body .ai-clarity-card,
body .ai-proof-card,
body .authority-gap-card,
body .authority-light-card{padding:14px !important;border-radius:17px !important;}
body .fit-list-item,
body .inspect-item,
body .ai-clarity-list > div{grid-template-columns:30px 1fr !important;padding:10px !important;gap:9px !important;}
body .fit-list-item > span,
body .inspect-item > span,
body .ai-clarity-list > div > span{width:27px !important;height:27px !important;font-size:.64rem !important;border-radius:9px !important;}
body .fit-list-item p,
body .inspect-item p,
body .ai-clarity-list > div p{font-size:.88rem !important;line-height:1.34 !important;}
body .search-everywhere-grid > div{padding:10px !important;}
} @media (max-width: 767px){
body .section:not(.hero):not(.page-hero){
padding-top:18px !important;
padding-bottom:18px !important;
}
body .section:not(.hero):not(.page-hero) .container{
padding-left:18px !important;
padding-right:18px !important;
}
body .section:not(.hero):not(.page-hero) .section-head,
body .section:not(.hero):not(.page-hero) .section-head.center{
margin-bottom:14px !important;
text-align:left !important;
}
body .section:not(.hero):not(.page-hero) .eyebrow{
font-size:.68rem !important;
letter-spacing:.14em !important;
margin-bottom:7px !important;
}
body .section:not(.hero):not(.page-hero) h2{
font-size:clamp(1.38rem, 5.7vw, 1.82rem) !important;
line-height:1.08 !important;
letter-spacing:-.055em !important;
margin-bottom:8px !important;
}
body .section:not(.hero):not(.page-hero) h3{
font-size:1rem !important;
line-height:1.15 !important;
letter-spacing:-.035em !important;
margin-bottom:7px !important;
}
body .section:not(.hero):not(.page-hero) p,
body .section:not(.hero):not(.page-hero) .lead,
body .section:not(.hero):not(.page-hero) li{
font-size:.86rem !important;
line-height:1.4 !important;
letter-spacing:-.01em !important;
}
body .grid-2,
body .grid-3,
body .grid-4,
body .fit-panel,
body .review-start-panel,
body .about-pov-layout,
body .about-fit-panel,
body .case-overview-grid{
gap:12px !important;
}
body .card,
body .split-card,
body .fit-intro-card,
body .fit-list-card,
body .review-check-card,
body .signal-stack-card,
body .about-baseline-panel,
body .about-search-card,
body .about-fit-card,
body .case-signal-card,
body .case-question-list,
body .case-why-card,
body .cta-panel,
body .ai-clarity-card,
body .ai-proof-card,
body .authority-gap-card,
body .authority-light-card,
body .home-search-card{
padding:13px !important;
border-radius:16px !important;
} body .home-search-card h3{
font-size:1.15rem !important;
line-height:1.12 !important;
margin-bottom:5px !important;
}
body .home-search-card > p{
font-size:.9rem !important;
line-height:1.35 !important;
margin-bottom:9px !important;
}
body .search-everywhere-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:7px !important;
margin-top:8px !important;
}
body .search-everywhere-grid > div{
grid-template-columns:24px 1fr !important;
column-gap:8px !important;
row-gap:1px !important;
padding:8px 9px !important;
border-radius:12px !important;
}
body .search-everywhere-grid .search-icon{
width:20px !important;
height:20px !important;
font-size:.72rem !important;
margin-top:1px !important;
}
body .search-everywhere-grid strong{
font-size:.86rem !important;
line-height:1.12 !important;
}
body .search-everywhere-grid p{
font-size:.8rem !important;
line-height:1.32 !important;
} body .fit-list-card,
body .inspect-grid,
body .ai-clarity-list,
body .about-baseline-grid{
gap:7px !important;
}
body .fit-list-item,
body .inspect-item,
body .ai-clarity-list > div{
grid-template-columns:30px 1fr !important;
gap:9px !important;
padding:9px 10px !important;
border-radius:13px !important;
min-height:0 !important;
box-shadow:0 5px 14px rgba(7,17,31,.035) !important;
}
body .fit-list-item > span,
body .inspect-item > span,
body .ai-clarity-list > div > span{
width:27px !important;
height:27px !important;
border-radius:8px !important;
font-size:.62rem !important;
box-shadow:inset 0 0 0 1px rgba(36,87,230,.12) !important;
}
body .fit-list-item p,
body .inspect-item p,
body .ai-clarity-list > div p{
font-size:.82rem !important;
line-height:1.3 !important;
font-weight:650 !important;
letter-spacing:-.015em !important;
}
body .ai-clarity-list > div p strong{
display:block !important;
margin:0 0 2px !important;
font-size:.84rem !important;
line-height:1.12 !important;
} body .signal-stack-card,
body .case-signal-card{
padding:13px !important;
}
body .signal-stack-card h3,
body .case-signal-card h3{
font-size:1.05rem !important;
line-height:1.14 !important;
margin-bottom:9px !important;
}
body .signal-stack-card .signal-chip-grid{
grid-template-columns:1fr 1fr !important;
gap:6px !important;
}
body .signal-chip-grid > span,
body .case-signal-grid > span{
grid-template-columns:12px 1fr !important;
gap:6px !important;
padding:6px 7px !important;
border-radius:10px !important;
font-size:.75rem !important;
line-height:1.18 !important;
font-weight:700 !important;
}
body .signal-chip-grid > span:before,
body .case-signal-grid > span:before{
width:6px !important;
height:6px !important;
box-shadow:0 0 0 4px rgba(53,215,255,.10) !important;
}
body .signal-stack-card > p,
body .case-signal-card > p{
font-size:.83rem !important;
line-height:1.36 !important;
margin-top:9px !important;
} body .about-baseline-panel{padding:13px !important;}
body .about-baseline-intro{margin-bottom:10px !important;}
body .about-baseline-grid > span{
grid-template-columns:10px 1fr !important;
gap:7px !important;
padding:8px 9px !important;
border-radius:12px !important;
font-size:.8rem !important;
line-height:1.28 !important;
font-weight:650 !important;
box-shadow:0 5px 14px rgba(7,17,31,.035) !important;
}
body .about-baseline-grid > span:before{
width:6px !important;
height:6px !important;
box-shadow:0 0 0 4px rgba(36,87,230,.10) !important;
} body .check-list,
body .about-check-list,
body .scan-checklist .check-list{
gap:7px !important;
}
body .check-list li,
body .about-check-list li,
body .scan-checklist .check-list li{
padding:7px 0 7px 24px !important;
font-size:.82rem !important;
line-height:1.32 !important;
} body .about-final-cta .cta-panel,
body .case-final-cta .cta-panel,
body .authority-final-cta .cta-panel,
body .strategic-final-cta .cta-panel{
padding:14px !important;
border-radius:17px !important;
}
body .about-final-cta .cta-panel h2,
body .case-final-cta .cta-panel h2,
body .authority-final-cta .cta-panel h2,
body .strategic-final-cta .cta-panel h2{
font-size:1.28rem !important;
line-height:1.08 !important;
}
body .section:not(.hero):not(.page-hero) .btn{
min-height:40px !important;
padding:9px 13px !important;
font-size:.82rem !important;
border-radius:999px !important;
} body .before-after-table.enhanced-table > div:not(:first-child) span,
body .before-after-table.enhanced-table > div:not(:first-child) strong{
padding:7px 8px !important;
font-size:.78rem !important;
line-height:1.18 !important;
}
body .mini-metrics div,
body .metric-grid div{
padding:9px !important;
border-radius:12px !important;
}
body .mini-metrics strong,
body .metric-grid strong{
font-size:1.25rem !important;
}
}
@media (max-width: 420px){
body .container{padding-left:16px !important;padding-right:16px !important;}
body .section:not(.hero):not(.page-hero){padding-top:16px !important;padding-bottom:16px !important;}
body .section:not(.hero):not(.page-hero) h2{font-size:clamp(1.3rem, 5.35vw, 1.68rem) !important;}
body .section:not(.hero):not(.page-hero) h3{font-size:.96rem !important;}
body .section:not(.hero):not(.page-hero) p,
body .section:not(.hero):not(.page-hero) .lead,
body .section:not(.hero):not(.page-hero) li{font-size:.82rem !important;line-height:1.36 !important;}
body .card,
body .split-card,
body .fit-intro-card,
body .fit-list-card,
body .review-check-card,
body .signal-stack-card,
body .about-baseline-panel,
body .about-search-card,
body .about-fit-card,
body .case-signal-card,
body .case-question-list,
body .case-why-card,
body .cta-panel,
body .ai-clarity-card,
body .ai-proof-card,
body .authority-gap-card,
body .authority-light-card,
body .home-search-card{padding:12px !important;border-radius:15px !important;}
body .fit-list-item,
body .inspect-item,
body .ai-clarity-list > div{grid-template-columns:28px 1fr !important;padding:8px 9px !important;gap:8px !important;border-radius:12px !important;}
body .fit-list-item > span,
body .inspect-item > span,
body .ai-clarity-list > div > span{width:25px !important;height:25px !important;font-size:.58rem !important;}
body .fit-list-item p,
body .inspect-item p,
body .ai-clarity-list > div p{font-size:.78rem !important;line-height:1.28 !important;font-weight:650 !important;}
body .signal-stack-card .signal-chip-grid{grid-template-columns:1fr 1fr !important;gap:5px !important;}
body .signal-chip-grid > span{padding:6px !important;font-size:.7rem !important;}
body .home-search-card h3{font-size:1.05rem !important;}
} @media (max-width: 640px){
body .container{width:min(100% - 22px,var(--max)) !important;}
body .section:not(.hero):not(.page-hero){padding-top:14px !important;padding-bottom:14px !important;}
body .section-head{margin-bottom:10px !important;}
body .section-head.center{gap:6px !important;}
body .section:not(.hero):not(.page-hero) h2{font-size:clamp(1.28rem,5.8vw,1.72rem) !important;line-height:1.04 !important;letter-spacing:-.03em !important;}
body .section:not(.hero):not(.page-hero) h3{font-size:1rem !important;line-height:1.12 !important;}
body .section:not(.hero):not(.page-hero) p,
body .section:not(.hero):not(.page-hero) .lead,
body .section:not(.hero):not(.page-hero) li{font-size:.84rem !important;line-height:1.34 !important;}
body .grid-2, body .grid-3, body .grid-4, body .fit-panel, body .about-fit-panel, body .review-start-panel, body .about-pov-layout, body .authority-question-grid{gap:12px !important;}
body .card,
body .split-card,
body .fit-intro-card,
body .fit-list-card,
body .review-check-card,
body .signal-stack-card,
body .about-baseline-panel,
body .about-search-card,
body .about-fit-card,
body .case-signal-card,
body .case-question-list,
body .case-why-card,
body .cta-panel,
body .ai-clarity-card,
body .ai-proof-card,
body .authority-gap-card,
body .authority-light-card,
body .home-search-card,
body .strategic-question-card{padding:12px !important;border-radius:16px !important;}
body .fit-list-card,
body .inspect-grid,
body .ai-clarity-list,
body .about-baseline-grid{gap:6px !important;}
body .fit-list-item,
body .inspect-item,
body .ai-clarity-list > div{grid-template-columns:28px 1fr !important;gap:8px !important;padding:8px 9px !important;border-radius:11px !important;min-height:0 !important;box-shadow:0 4px 12px rgba(7,17,31,.03) !important;}
body .fit-list-item > span,
body .inspect-item > span,
body .ai-clarity-list > div > span{width:24px !important;height:24px !important;border-radius:7px !important;font-size:.58rem !important;box-shadow:inset 0 0 0 1px rgba(36,87,230,.10) !important;}
body .fit-list-item p,
body .inspect-item p,
body .ai-clarity-list > div p{font-size:.78rem !important;line-height:1.24 !important;font-weight:600 !important;letter-spacing:-.01em !important;}
body .ai-clarity-list > div p strong{display:block !important;margin:0 0 2px !important;font-size:.79rem !important;line-height:1.08 !important;}
body .about-baseline-panel{padding:12px !important;}
body .about-baseline-intro{margin-bottom:8px !important;}
body .about-baseline-intro .mini-label{margin-bottom:6px !important;}
body .about-baseline-grid > span{padding:8px 9px !important;border-radius:11px !important;font-size:.78rem !important;line-height:1.23 !important;font-weight:600 !important;}
body .about-baseline-grid > span:before{width:5px !important;height:5px !important;box-shadow:0 0 0 3px rgba(36,87,230,.10) !important;}
body .home-search-card h3,
body .about-search-card h3,
body .signal-stack-card h3{font-size:1rem !important;line-height:1.08 !important;margin-bottom:8px !important;}
body .home-search-card > p{font-size:.84rem !important;line-height:1.3 !important;margin-bottom:8px !important;}
body .search-everywhere-grid{gap:6px !important;margin-top:8px !important;}
body .search-everywhere-grid > div{grid-template-columns:18px 1fr !important;column-gap:7px !important;row-gap:1px !important;padding:8px 9px !important;border-radius:11px !important;}
body .search-everywhere-grid .search-icon{width:14px !important;height:14px !important;margin-top:3px !important;border-radius:999px !important;background:rgba(36,87,230,.10) !important;box-shadow:none !important;font-size:0 !important;}
body .search-everywhere-grid .search-icon::before{content:"";display:block;width:6px;height:6px;border-radius:999px;background:#2457e6;}
body .search-everywhere-grid .google-icon::before{background:#2563eb;}
body .search-everywhere-grid .ai-icon::before{background:#06b6d4;}
body .search-everywhere-grid .business-icon::before{background:#14b8a6;}
body .search-everywhere-grid strong{font-size:.8rem !important;line-height:1.14 !important;margin:0 !important;}
body .search-everywhere-grid p{font-size:.75rem !important;line-height:1.28 !important;}
body .about-search-card{background:#f8fbff !important;border:1px solid #dce8f7 !important;}
body .about-search-card h3,
body .about-search-card p,
body .about-search-card .about-proof-stack > span{color:var(--ink) !important;}
body .about-proof-stack{gap:6px !important;}
body .about-proof-stack > span{padding:7px 9px 7px 24px !important;border-radius:11px !important;background:#fff !important;font-size:.77rem !important;line-height:1.22 !important;position:relative !important;box-shadow:0 4px 12px rgba(7,17,31,.03) !important;}
body .about-proof-stack > span:before{left:10px !important;top:50% !important;transform:translateY(-50%) !important;width:5px !important;height:5px !important;box-shadow:0 0 0 3px rgba(36,87,230,.10) !important;}
body .signal-stack-card .signal-chip-grid,
body .case-signal-card .case-signal-grid{grid-template-columns:1fr 1fr !important;gap:5px !important;}
body .signal-chip-grid > span,
body .case-signal-grid > span{padding:6px 7px !important;border-radius:10px !important;font-size:.71rem !important;line-height:1.14 !important;font-weight:700 !important;}
body .signal-chip-grid > span:before,
body .case-signal-grid > span:before{width:5px !important;height:5px !important;box-shadow:0 0 0 3px rgba(53,215,255,.10) !important;}
body .signal-stack-card > p, body .case-signal-card > p{font-size:.8rem !important;line-height:1.32 !important;margin-top:8px !important;}
body .check-list, body .about-check-list, body .scan-checklist .check-list{gap:6px !important;}
body .check-list li, body .about-check-list li, body .scan-checklist .check-list li{padding:6px 0 6px 22px !important;font-size:.8rem !important;line-height:1.28 !important;}
}
@media (max-width: 420px){
body .container{padding-left:14px !important;padding-right:14px !important;}
body .section:not(.hero):not(.page-hero){padding-top:12px !important;padding-bottom:12px !important;}
body .section:not(.hero):not(.page-hero) h2{font-size:clamp(1.22rem,5.8vw,1.58rem) !important;}
body .section:not(.hero):not(.page-hero) p,
body .section:not(.hero):not(.page-hero) .lead,
body .section:not(.hero):not(.page-hero) li{font-size:.8rem !important;line-height:1.32 !important;}
body .card, body .split-card, body .fit-intro-card, body .fit-list-card, body .review-check-card, body .signal-stack-card, body .about-baseline-panel, body .about-search-card, body .about-fit-card, body .case-signal-card, body .case-question-list, body .case-why-card, body .cta-panel, body .ai-clarity-card, body .ai-proof-card, body .authority-gap-card, body .authority-light-card, body .home-search-card, body .strategic-question-card{padding:11px !important;border-radius:15px !important;}
body .fit-list-item, body .inspect-item, body .ai-clarity-list > div{grid-template-columns:26px 1fr !important;gap:7px !important;padding:7px 8px !important;}
body .fit-list-item > span, body .inspect-item > span, body .ai-clarity-list > div > span{width:22px !important;height:22px !important;font-size:.55rem !important;}
body .fit-list-item p, body .inspect-item p, body .ai-clarity-list > div p{font-size:.75rem !important;line-height:1.22 !important;}
body .about-baseline-grid > span{padding:7px 8px !important;font-size:.75rem !important;}
body .search-everywhere-grid > div{grid-template-columns:16px 1fr !important;padding:7px 8px !important;}
body .search-everywhere-grid strong{font-size:.77rem !important;}
body .search-everywhere-grid p{font-size:.72rem !important;}
body .signal-chip-grid > span, body .case-signal-grid > span{font-size:.68rem !important;padding:5px 6px !important;}
} @media (max-width: 640px){
body .process-track{gap:10px !important;}
body .process-step{
display:grid !important;
grid-template-columns:42px 1fr !important;
grid-template-areas:
"circle badge"
"circle title"
". text" !important;
column-gap:10px !important;
row-gap:5px !important;
align-items:start !important;
padding:12px !important;
border-radius:16px !important;
min-height:0 !important;
}
body .process-step .step-circle{
grid-area:circle !important;
width:36px !important;
height:36px !important;
margin:0 !important;
font-size:.78rem !important;
box-shadow:0 0 0 3px #fff,0 6px 16px rgba(26,79,214,.18) !important;
}
body .process-step .step-time{
grid-area:badge !important;
align-self:center !important;
justify-self:start !important;
margin:0 !important;
padding:4px 8px !important;
border-radius:7px !important;
font-size:.62rem !important;
line-height:1 !important;
letter-spacing:.08em !important;
}
body .process-step h3{
grid-area:title !important;
margin:0 !important;
font-size:1rem !important;
line-height:1.08 !important;
}
body .process-step p{
grid-area:text !important;
margin:0 !important;
font-size:.78rem !important;
line-height:1.28 !important;
}
}
@media (max-width: 420px){
body .process-track{gap:8px !important;}
body .process-step{grid-template-columns:38px 1fr !important;column-gap:9px !important;row-gap:4px !important;padding:10px !important;border-radius:15px !important;}
body .process-step .step-circle{width:32px !important;height:32px !important;font-size:.72rem !important;box-shadow:0 0 0 2px #fff,0 5px 14px rgba(26,79,214,.16) !important;}
body .process-step .step-time{padding:3px 7px !important;font-size:.58rem !important;border-radius:6px !important;}
body .process-step h3{font-size:.92rem !important;}
body .process-step p{font-size:.74rem !important;line-height:1.24 !important;}
} @media (max-width: 640px){
body.about-page .page-hero.about-hero .container.grid-2{gap:14px !important;}
body.about-page .page-hero.about-hero .about-photo-wrap,
body.about-page .page-hero.about-hero .paul-photo-wrap{
width:min(100%, 248px) !important;
padding:10px !important;
border-radius:22px !important;
margin:0 auto !important;
box-shadow:0 12px 32px rgba(7,17,31,.08) !important;
}
body.about-page .page-hero.about-hero .about-photo,
body.about-page .page-hero.about-hero .paul-photo{
max-width:100% !important;
width:100% !important;
aspect-ratio:4/5 !important;
object-fit:cover !important;
object-position:center 28% !important;
border-radius:16px !important;
box-shadow:none !important;
}
body.about-page .page-hero.about-hero .photo-caption{
margin-top:8px !important;
padding:10px 8px !important;
border-radius:14px !important;
text-align:center !important;
background:linear-gradient(180deg,#f9fbff,#ffffff) !important;
}
body.about-page .page-hero.about-hero .photo-caption strong{
font-size:1rem !important;
line-height:1.08 !important;
margin-bottom:4px !important;
display:block !important;
}
body.about-page .page-hero.about-hero .photo-caption span{
font-size:.76rem !important;
line-height:1.25 !important;
font-weight:800 !important;
}
}
@media (max-width: 420px){
body.about-page .page-hero.about-hero .about-photo-wrap,
body.about-page .page-hero.about-hero .paul-photo-wrap{width:min(100%, 226px) !important;padding:9px !important;border-radius:20px !important;}
body.about-page .page-hero.about-hero .about-photo,
body.about-page .page-hero.about-hero .paul-photo{border-radius:14px !important;}
body.about-page .page-hero.about-hero .photo-caption{padding:8px 7px !important;border-radius:12px !important;}
body.about-page .page-hero.about-hero .photo-caption strong{font-size:.94rem !important;}
body.about-page .page-hero.about-hero .photo-caption span{font-size:.72rem !important;line-height:1.22 !important;}
} .authority-foundation-list span{display:grid;gap:4px;}
.authority-foundation-list small{display:block;color:var(--muted);font-size:.78rem;line-height:1.35;font-weight:700;}
@media(max-width:640px){
.authority-foundation-list small{font-size:.7rem;line-height:1.28;}
.inner-hero-card p{font-size:.82rem;line-height:1.35;}
} @media (min-width: 981px){
body.home .problem-section,
body.home .fit-section,
body.home .services-section,
body.home .inspect-section,
body.home .review-start-section,
body.home .signal-section,
body.home .proof-section,
body.home .seo-frustration,
body.home .about-preview,
body.home .faq-section{
padding-top:70px !important;
padding-bottom:70px !important;
}
body.home .section:not(.hero):not(.page-hero) h2{
font-size:clamp(2.05rem, 2.65vw, 3.15rem) !important;
line-height:1.08 !important;
letter-spacing:-.055em !important;
max-width:780px !important;
}
body.home .problem-section h2{
font-size:clamp(2.25rem, 3vw, 3.35rem) !important;
max-width:650px !important;
}
body.home .section-head.center h2,
body.home .fit-section .section-head.center h2{
font-size:clamp(2rem, 2.55vw, 3rem) !important;
line-height:1.08 !important;
max-width:760px !important;
margin-left:auto !important;
margin-right:auto !important;
}
body.home .section-head.center{
margin-bottom:34px !important;
}
body.home .section:not(.hero):not(.page-hero) .lead{
font-size:clamp(1.02rem, 1.15vw, 1.17rem) !important;
line-height:1.55 !important;
}
body.home .home-search-card h3,
body.home .fit-intro-card h3,
body.home .review-check-card h3,
body.home .signal-stack-card h3{
font-size:clamp(1.18rem, 1.55vw, 1.55rem) !important;
line-height:1.12 !important;
}
} @media (min-width: 981px){ body:not(.home) .page-hero.inner-hero h1{
font-size:clamp(2.05rem,2.65vw,2.85rem) !important;
line-height:1.08 !important;
letter-spacing:-.045em !important;
max-width:760px !important;
}
body:not(.home) .page-hero.inner-hero{
padding:72px 0 76px !important;
}
body:not(.home) .page-hero.inner-hero .lead{
font-size:1rem !important;
line-height:1.55 !important;
max-width:680px !important;
margin-top:16px !important;
}
body:not(.home) .inner-hero-card{
padding:26px !important;
border-radius:24px !important;
}
body:not(.home) .inner-hero-card h3{
font-size:1.08rem !important;
line-height:1.18 !important;
margin:8px 0 14px !important;
}
body .section:not(.hero):not(.page-hero) h2{
font-size:clamp(1.75rem,2.65vw,2.85rem) !important;
line-height:1.08 !important;
letter-spacing:-.045em !important;
}
body .section-head.center h2{
max-width:760px !important;
}
body .section:not(.hero):not(.page-hero) .lead{
font-size:1rem !important;
line-height:1.55 !important;
}
} @media (min-width: 981px){ body.home .section:not(.hero):not(.page-hero) h2{
font-size:clamp(1.35rem, 1.85vw, 2.05rem) !important;
line-height:1.14 !important;
letter-spacing:-.035em !important;
max-width:680px !important;
}
body.home .problem-section h2{
font-size:clamp(1.55rem, 2.05vw, 2.25rem) !important;
line-height:1.12 !important;
max-width:610px !important;
}
body.home .section-head.center h2,
body.home .fit-section .section-head.center h2{
font-size:clamp(1.35rem, 1.75vw, 2rem) !important;
line-height:1.14 !important;
letter-spacing:-.035em !important;
max-width:660px !important;
}
body.home .section:not(.hero):not(.page-hero) .lead{
font-size:.95rem !important;
line-height:1.48 !important;
max-width:700px !important;
}
body.home .section-head.center{
margin-bottom:24px !important;
}
body.home .problem-section,
body.home .fit-section,
body.home .services-section,
body.home .inspect-section,
body.home .review-start-section,
body.home .signal-section,
body.home .proof-section,
body.home .seo-frustration,
body.home .about-preview,
body.home .faq-section{
padding-top:54px !important;
padding-bottom:54px !important;
} body:not(.home) .page-hero.inner-hero h1{
font-size:clamp(1.6rem, 2vw, 2.25rem) !important;
line-height:1.12 !important;
letter-spacing:-.035em !important;
max-width:640px !important;
}
body:not(.home) .page-hero.inner-hero .lead{
font-size:.95rem !important;
line-height:1.48 !important;
max-width:620px !important;
}
body:not(.home) .page-hero.inner-hero{
padding:60px 0 64px !important;
}
body:not(.home) .inner-hero-card h3{
font-size:1rem !important;
line-height:1.18 !important;
} body .section:not(.hero):not(.page-hero) h2{
font-size:clamp(1.35rem, 1.85vw, 2.05rem) !important;
line-height:1.14 !important;
letter-spacing:-.035em !important;
}
body .section:not(.hero):not(.page-hero) h3{
font-size:clamp(1rem, 1.25vw, 1.25rem) !important;
line-height:1.18 !important;
}
body .section:not(.hero):not(.page-hero) .lead{
font-size:.96rem !important;
line-height:1.5 !important;
}
} @media (min-width: 981px){
body.home .home-problem-section .home-search-card{
position:relative !important;
overflow:hidden !important;
padding:30px 32px !important;
border-radius:28px !important;
background:
radial-gradient(circle at 92% 8%, rgba(53,215,255,.18), transparent 36%),
linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
border:1px solid #d8e6fb !important;
box-shadow:0 24px 70px rgba(7,17,31,.10) !important;
}
body.home .home-problem-section .home-search-card:before{
content:"3 places buyers now check";
display:inline-flex;
align-items:center;
width:max-content;
max-width:100%;
margin-bottom:12px;
padding:6px 10px;
border-radius:999px;
background:rgba(36,87,230,.08);
color:#2457e6;
font-size:.68rem;
line-height:1;
font-weight:950;
text-transform:uppercase;
letter-spacing:.11em;
}
body.home .home-problem-section .home-search-card h3{
font-size:1.22rem !important;
line-height:1.12 !important;
letter-spacing:-.03em !important;
margin:0 0 4px !important;
max-width:420px;
}
body.home .home-problem-section .home-search-card > p{
font-size:.9rem !important;
line-height:1.35 !important;
margin:0 0 18px !important;
color:#526176 !important;
}
body.home .home-problem-section .search-everywhere-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
margin:0 !important;
}
body.home .home-problem-section .search-everywhere-grid > div{
display:grid !important;
grid-template-columns:44px 1fr !important;
grid-template-rows:auto auto !important;
align-items:start !important;
column-gap:12px !important;
row-gap:3px !important;
padding:14px 15px !important;
border-radius:17px !important;
background:rgba(255,255,255,.82) !important;
border:1px solid #dde9f7 !important;
box-shadow:0 10px 28px rgba(7,17,31,.045) !important;
}
body.home .home-problem-section .search-everywhere-grid .search-icon{
grid-row:1 / span 2 !important;
width:38px !important;
height:38px !important;
border-radius:14px !important;
display:grid !important;
place-items:center !important;
margin:0 !important;
background:linear-gradient(135deg,rgba(36,87,230,.10),rgba(53,215,255,.12)) !important;
box-shadow:inset 0 0 0 1px rgba(36,87,230,.14) !important;
}
body.home .home-problem-section .search-everywhere-grid .search-icon:before{
content:"" !important;
display:block !important;
width:14px !important;
height:14px !important;
border-radius:999px !important;
background:#2457e6 !important;
box-shadow:0 0 0 5px rgba(36,87,230,.10) !important;
}
body.home .home-problem-section .search-everywhere-grid .google-icon:before{background:#2563eb !important;}
body.home .home-problem-section .search-everywhere-grid .ai-icon:before{background:#06b6d4 !important;}
body.home .home-problem-section .search-everywhere-grid .business-icon:before{background:#14b8a6 !important;}
body.home .home-problem-section .search-everywhere-grid strong{
display:block !important;
margin:0 !important;
font-size:.88rem !important;
line-height:1.16 !important;
letter-spacing:-.01em !important;
color:#07111f !important;
}
body.home .home-problem-section .search-everywhere-grid p{
margin:0 !important;
font-size:.82rem !important;
line-height:1.34 !important;
color:#56667d !important;
}
}
@media (max-width: 640px){
body.home .home-problem-section .home-search-card:before{
content:"3 places buyers now check";
display:inline-flex;
width:max-content;
max-width:100%;
margin-bottom:8px;
padding:5px 8px;
border-radius:999px;
background:rgba(36,87,230,.08);
color:#2457e6;
font-size:.58rem;
line-height:1;
font-weight:950;
text-transform:uppercase;
letter-spacing:.09em;
}
} @media (min-width: 981px){ html body:not(.home) .page-hero.inner-hero h1,
html body:not(.home) main .page-hero.inner-hero h1,
html body:not(.home) section.page-hero.inner-hero h1,
html body:not(.home) .strategic-hero h1,
html body:not(.home) .ai-hero h1,
html body:not(.home) .authority-hero h1,
html body:not(.home) .case-hero h1,
html body:not(.home) .about-hero h1{
font-size:clamp(1.45rem, 1.9vw, 2rem) !important;
line-height:1.14 !important;
letter-spacing:-.035em !important;
max-width:620px !important;
text-wrap:balance !important;
}
html body:not(.home) .page-hero.inner-hero .lead,
html body:not(.home) .strategic-hero .lead,
html body:not(.home) .ai-hero .lead,
html body:not(.home) .authority-hero .lead,
html body:not(.home) .case-hero .lead,
html body:not(.home) .about-hero .lead{
font-size:.9rem !important;
line-height:1.48 !important;
max-width:620px !important;
}
html body:not(.home) .page-hero.inner-hero{
padding-top:48px !important;
padding-bottom:50px !important;
}
html body:not(.home) .inner-hero-card h3{
font-size:.95rem !important;
line-height:1.18 !important;
letter-spacing:-.02em !important;
} html body .section:not(.hero):not(.page-hero) h2,
html body .section-head h2,
html body .section-head.center h2,
html body.home .section:not(.hero):not(.page-hero) h2,
html body.home .section-head h2,
html body.home .section-head.center h2{
font-size:clamp(1.25rem, 1.65vw, 1.8rem) !important;
line-height:1.16 !important;
letter-spacing:-.032em !important;
max-width:720px !important;
text-wrap:balance !important;
}
html body .section:not(.hero):not(.page-hero) h3,
html body .card h3,
html body .service-card h3,
html body .gap-card h3,
html body .result-card h3{
font-size:clamp(.92rem, 1.05vw, 1.12rem) !important;
line-height:1.2 !important;
letter-spacing:-.018em !important;
}
html body .section:not(.hero):not(.page-hero) .lead,
html body .section-head .lead,
html body .section:not(.hero):not(.page-hero) p,
html body .section:not(.hero):not(.page-hero) li{
font-size:.9rem !important;
line-height:1.5 !important;
}
html body .section-head.center{
margin-bottom:22px !important;
}
html body .section:not(.hero):not(.page-hero){
padding-top:46px !important;
padding-bottom:46px !important;
} html body.home .fit-section .section-head.center h2,
html body.home .fit-section h2,
html body.home .problem-section h2{
font-size:clamp(1.22rem, 1.55vw, 1.65rem) !important;
line-height:1.18 !important;
max-width:650px !important;
}
} @media (min-width: 981px){
body .strategic-seo-page .strategic-fit-section,
body .strategic-seo-page .strategic-ai-connection-section{
padding-top:34px !important;
padding-bottom:34px !important;
}
body .strategic-seo-page .strategic-fit-section .container,
body .strategic-seo-page .strategic-ai-connection-section .container{
max-width:980px !important;
grid-template-columns:minmax(0,.9fr) minmax(0,1.05fr) !important;
gap:38px !important;
align-items:center !important;
}
body .strategic-seo-page .strategic-fit-section h2,
body .strategic-seo-page .strategic-ai-connection-section h2{
font-size:clamp(1.15rem,1.35vw,1.48rem) !important;
line-height:1.16 !important;
max-width:420px !important;
margin-bottom:8px !important;
}
body .strategic-seo-page .strategic-fit-section p:not(.eyebrow),
body .strategic-seo-page .strategic-ai-connection-section p:not(.eyebrow){
font-size:.82rem !important;
line-height:1.45 !important;
max-width:470px !important;
}
body .strategic-seo-page .strategic-fit-card,
body .strategic-seo-page .strategic-signal-card{
padding:22px 24px !important;
border-radius:20px !important;
box-shadow:0 12px 34px rgba(7,17,31,.06) !important;
border:1px solid #dce8f7 !important;
background:rgba(255,255,255,.86) !important;
}
body .strategic-seo-page .strategic-fit-card:before,
body .strategic-seo-page .strategic-signal-card:before{
top:18px !important;
bottom:18px !important;
width:2px !important;
opacity:.55 !important;
}
body .strategic-seo-page .strategic-fit-card h3,
body .strategic-seo-page .strategic-signal-card h3{
font-size:.95rem !important;
margin-bottom:12px !important;
}
body .strategic-seo-page .strategic-fit-card ul{
display:grid !important;
grid-template-columns:1fr 1fr !important;
column-gap:16px !important;
row-gap:7px !important;
}
body .strategic-seo-page .strategic-fit-card li{
font-size:.78rem !important;
line-height:1.32 !important;
padding-left:18px !important;
}
body .strategic-seo-page .strategic-fit-card li:before{
width:6px !important;
height:6px !important;
top:.42em !important;
}
body .strategic-seo-page .strategic-ai-connection-section{
background:linear-gradient(180deg,#f8fbff,#fff) !important;
}
body .strategic-seo-page .strategic-signal-card .text-link{
margin-top:10px !important;
font-size:.82rem !important;
}
body .strategic-seo-page .strategic-final-cta{
padding-top:34px !important;
padding-bottom:34px !important;
}
body .strategic-seo-page .strategic-final-cta .container,
body .strategic-seo-page .strategic-final-cta .cta-panel{
max-width:980px !important;
grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr) !important;
gap:36px !important;
align-items:center !important;
}
body .strategic-seo-page .strategic-final-cta h2{
font-size:clamp(1.1rem,1.28vw,1.38rem) !important;
line-height:1.16 !important;
max-width:360px !important;
}
body .strategic-seo-page .strategic-final-cta p{
font-size:.82rem !important;
line-height:1.44 !important;
margin-bottom:12px !important;
}
body .strategic-seo-page .strategic-final-cta .btn{
padding:10px 18px !important;
font-size:.78rem !important;
min-height:0 !important;
}
} @media (min-width: 981px){
body .strategic-seo-page{
background:#ffffff;
}
body .strategic-seo-page .page-hero.inner-hero{
padding-top:92px !important;
padding-bottom:88px !important;
background:
radial-gradient(circle at 82% 14%, rgba(0,207,232,.16), transparent 32%),
radial-gradient(circle at 8% 10%, rgba(36,87,230,.08), transparent 32%),
linear-gradient(180deg,#f7fbff 0%,#ffffff 100%) !important;
border-bottom:1px solid #e4edf8;
}
body .strategic-seo-page .page-hero.inner-hero .container{
max-width:1120px !important;
grid-template-columns:minmax(0,.95fr) minmax(430px,.82fr) !important;
gap:64px !important;
align-items:center !important;
}
body .strategic-seo-page .strategic-hero h1{
max-width:620px !important;
font-size:clamp(2rem,3vw,3.05rem) !important;
line-height:1.02 !important;
letter-spacing:-.055em !important;
margin-bottom:20px !important;
}
body .strategic-seo-page .strategic-hero .lead{
max-width:610px !important;
font-size:1.02rem !important;
line-height:1.55 !important;
margin-bottom:14px !important;
}
body .strategic-seo-page .strategic-hero p:not(.eyebrow):not(.lead){
max-width:610px !important;
font-size:.95rem !important;
line-height:1.6 !important;
}
body .strategic-seo-page .strategic-hero .inner-hero-card{
padding:32px !important;
border-radius:28px !important;
box-shadow:0 24px 70px rgba(7,17,31,.09) !important;
border:1px solid #dce8f7 !important;
background:rgba(255,255,255,.88) !important;
backdrop-filter:blur(10px);
}
body .strategic-seo-page .strategic-hero .inner-hero-card h3{
font-size:1.12rem !important;
line-height:1.15 !important;
max-width:360px;
}
body .strategic-seo-page .strategic-hero .mini-metrics{
grid-template-columns:repeat(2,1fr) !important;
gap:12px !important;
margin-top:20px !important;
}
body .strategic-seo-page .strategic-hero .mini-metrics div{
min-height:84px !important;
padding:16px !important;
border-radius:16px !important;
background:linear-gradient(180deg,#f7fbff,#f1f6ff) !important;
border:1px solid #dce8f7 !important;
}
body .strategic-seo-page .strategic-hero .mini-metrics div:nth-child(5){
grid-column:1 / -1;
}
body .strategic-seo-page .strategic-hero .mini-metrics strong{
font-size:.98rem !important;
line-height:1.1 !important;
}
body .strategic-seo-page .strategic-hero .mini-metrics span{
font-size:.64rem !important;
line-height:1.35 !important;
letter-spacing:.12em !important;
}
body .strategic-seo-page section:not(.page-hero){
position:relative;
}
body .strategic-seo-page .strategic-fall-short-section{
padding-top:70px !important;
padding-bottom:70px !important;
background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
border-bottom:1px solid #e5edf7;
}
body .strategic-seo-page .strategic-fall-short-section .container{
max-width:1120px !important;
grid-template-columns:minmax(0,.9fr) minmax(420px,1fr) !important;
gap:58px !important;
align-items:center !important;
}
body .strategic-seo-page .strategic-fall-short-section h2{
font-size:clamp(1.55rem,2vw,2.15rem) !important;
line-height:1.08 !important;
max-width:520px !important;
}
body .strategic-seo-page .strategic-fall-short-section p:not(.eyebrow){
font-size:.95rem !important;
line-height:1.58 !important;
max-width:540px !important;
}
body .strategic-seo-page .strategic-question-card{
padding:30px 34px !important;
border-radius:26px !important;
box-shadow:0 22px 64px rgba(7,17,31,.075) !important;
background:rgba(255,255,255,.92) !important;
}
body .strategic-seo-page .strategic-question-card ul{
display:grid !important;
gap:12px !important;
}
body .strategic-seo-page .strategic-question-card li{
font-size:.88rem !important;
line-height:1.35 !important;
padding-left:24px !important;
font-weight:850 !important;
}
body .strategic-seo-page .strategic-question-card li:before{
width:7px !important;
height:7px !important;
top:.45em !important;
box-shadow:0 0 0 5px rgba(36,87,230,.10);
}
body .strategic-seo-page .strategic-card-note{
margin-top:18px !important;
padding:14px 16px !important;
border-radius:16px !important;
font-size:.84rem !important;
}
body .strategic-seo-page .strategic-fixes-section{
padding-top:72px !important;
padding-bottom:78px !important;
background:#fff !important;
}
body .strategic-seo-page .strategic-fixes-section .container{
max-width:1120px !important;
}
body .strategic-seo-page .strategic-fixes-section .section-head{
max-width:760px !important;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:34px !important;
}
body .strategic-seo-page .strategic-fixes-section h2{
font-size:clamp(1.6rem,2vw,2.1rem) !important;
line-height:1.08 !important;
}
body .strategic-seo-page .strategic-fix-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:18px !important;
counter-reset:fixstep;
}
body .strategic-seo-page .strategic-fix-grid .service-card{
position:relative;
padding:26px 22px 24px !important;
border-radius:24px !important;
background:linear-gradient(180deg,#fff,#f9fcff) !important;
box-shadow:0 18px 52px rgba(7,17,31,.06) !important;
border:1px solid #dce8f7 !important;
overflow:hidden;
}
body .strategic-seo-page .strategic-fix-grid .service-card:before{
counter-increment:fixstep;
content:"0" counter(fixstep);
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border-radius:12px;
margin-bottom:16px;
color:#2457e6;
font-size:.72rem;
font-weight:950;
background:#eef5ff;
border:1px solid #d7e7ff;
}
body .strategic-seo-page .strategic-fix-grid .service-card:after{
content:"";
position:absolute;
left:0;right:0;top:0;
height:3px;
background:linear-gradient(90deg,var(--blue),var(--cyan));
}
body .strategic-seo-page .strategic-fix-grid .service-card h3{
font-size:.98rem !important;
line-height:1.15 !important;
margin-bottom:10px !important;
}
body .strategic-seo-page .strategic-fix-grid .service-card p{
font-size:.82rem !important;
line-height:1.48 !important;
}
body .strategic-seo-page .strategic-evidence-section{
padding-top:76px !important;
padding-bottom:76px !important;
background:
radial-gradient(circle at 82% 20%,rgba(0,207,232,.16),transparent 34%),
linear-gradient(135deg,#06101e,#0d2745 58%,#103f65) !important;
}
body .strategic-seo-page .strategic-evidence-section .container{
max-width:1120px !important;
gap:70px !important;
align-items:center !important;
}
body .strategic-seo-page .strategic-evidence-section h2{
font-size:clamp(1.6rem,2vw,2.15rem) !important;
line-height:1.08 !important;
}
body .strategic-seo-page .strategic-include-card{
padding:30px !important;
border-radius:26px !important;
background:rgba(255,255,255,.11) !important;
border:1px solid rgba(255,255,255,.20) !important;
box-shadow:0 20px 56px rgba(0,0,0,.18) !important;
}
body .strategic-seo-page .strategic-include-card h3{
font-size:1rem !important;
margin-bottom:18px !important;
}
body .strategic-seo-page .strategic-include-card .two-column-list{
column-gap:24px !important;
row-gap:12px !important;
}
body .strategic-seo-page .strategic-include-card li{
font-size:.8rem !important;
line-height:1.34 !important;
}
body .strategic-seo-page .strategic-fit-section{
padding-top:64px !important;
padding-bottom:62px !important;
background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
}
body .strategic-seo-page .strategic-fit-section .container,
body .strategic-seo-page .strategic-ai-connection-section .container{
max-width:1040px !important;
gap:52px !important;
}
body .strategic-seo-page .strategic-fit-card{
background:#fff !important;
border-radius:24px !important;
padding:28px !important;
}
body .strategic-seo-page .strategic-ai-connection-section{
padding-top:66px !important;
padding-bottom:66px !important;
background:linear-gradient(180deg,#f8fbff,#ffffff) !important;
}
body .strategic-seo-page .strategic-signal-card{
padding:28px 30px !important;
border-radius:24px !important;
}
body .strategic-seo-page .strategic-final-cta{
padding-top:56px !important;
padding-bottom:56px !important;
background:linear-gradient(135deg,#07111f,#0c2744 62%,#0f4164) !important;
}
body .strategic-seo-page .strategic-final-cta .container{
max-width:1040px !important;
}
} @media (min-width: 981px){
body.home .home-hero-reference-fold{
padding-top:clamp(18px,2.2vw,46px) !important;
padding-bottom:clamp(10px,1.6vw,28px) !important;
}
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1320px,calc(100% - 88px)) !important;
max-width:1320px !important;
grid-template-columns:minmax(0,560px) minmax(0,590px) !important;
gap:clamp(34px,4.8vw,76px) !important;
align-items:center !important;
}
body.home .home-hero-reference-fold .home-hero-left{
max-width:560px !important;
padding-top:0 !important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
max-width:560px !important;
font-size:clamp(2.85rem,3.15vw,4.15rem) !important;
line-height:.96 !important;
letter-spacing:-.055em !important;
}
body.home .home-hero-reference-fold .home-hero-copy,
body.home .home-hero-reference-fold .home-hero-form-col{
max-width:510px !important;
}
body.home .home-hero-reference-fold .home-hero-copy{
font-size:clamp(.92rem,.82vw,1.06rem) !important;
line-height:1.42 !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:clamp(430px,37vw,590px) !important;
align-items:center !important;
justify-content:center !important;
}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:min(440px,100%) !important;
max-width:440px !important;
}
body.home .home-hero-reference-fold .phone-callout{
min-width:205px !important;
max-width:230px !important;
padding:12px 14px !important;
border-radius:16px !important;
}
body.home .home-hero-reference-fold .phone-callout strong{
font-size:.84rem !important;
line-height:1.16 !important;
}
body.home .home-hero-reference-fold .callout-one{top:17% !important;right:3% !important;}
body.home .home-hero-reference-fold .callout-two{top:43% !important;right:0 !important;}
body.home .home-hero-reference-fold .callout-three{top:69% !important;right:3% !important;} body.home .home-trust-bar{
padding-top:clamp(10px,1.2vw,20px) !important;
}
body.home .home-trust-grid{
width:min(1120px,calc(100% - 88px)) !important;
max-width:1120px !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
border-radius:16px !important;
overflow:hidden !important;
}
body.home .home-trust-stat{
min-width:0 !important;
min-height:62px !important;
gap:8px !important;
padding:10px 12px !important;
}
body.home .home-trust-stat > div{
min-width:0 !important;
}
body.home .home-trust-stat .trust-stat-icon{
width:30px !important;
height:30px !important;
flex:0 0 30px !important;
}
body.home .home-trust-stat .trust-stat-icon svg{
width:18px !important;
height:18px !important;
}
body.home .home-trust-stat strong{
font-size:.9rem !important;
line-height:1.05 !important;
letter-spacing:-.035em !important;
white-space:normal !important;
}
body.home .home-trust-stat:nth-child(3) strong,
body.home .home-trust-stat:nth-child(4) strong{
font-size:.78rem !important;
line-height:1.08 !important;
}
body.home .home-trust-stat span:not(.trust-stat-icon){
font-size:.46rem !important;
line-height:1.12 !important;
letter-spacing:.075em !important;
overflow-wrap:normal !important;
}
}
@media (min-width: 981px) and (max-width: 1520px){
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1080px,calc(100% - 68px)) !important;
grid-template-columns:minmax(0,500px) minmax(0,500px) !important;
gap:38px !important;
}
body.home .home-hero-reference-fold .home-hero-left{
max-width:500px !important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
max-width:500px !important;
font-size:clamp(2.65rem,3.55vw,3.55rem) !important;
}
body.home .home-hero-reference-fold .home-hero-copy,
body.home .home-hero-reference-fold .home-hero-form-col{
max-width:440px !important;
}
body.home .home-hero-reference-fold .home-hero-scan-form .btn{
min-width:180px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:min(350px,100%) !important;
max-width:350px !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:455px !important;
}
body.home .home-hero-reference-fold .phone-callout{
min-width:195px !important;
max-width:215px !important;
padding:11px 13px !important;
}
body.home .home-hero-reference-fold .phone-callout strong{
font-size:.78rem !important;
}
body.home .home-trust-grid{
width:min(1080px,calc(100% - 68px)) !important;
}
body.home .home-trust-stat{
padding:9px 10px !important;
}
body.home .home-trust-stat strong{
font-size:.82rem !important;
}
body.home .home-trust-stat:nth-child(3) strong,
body.home .home-trust-stat:nth-child(4) strong{
font-size:.70rem !important;
}
body.home .home-trust-stat span:not(.trust-stat-icon){
font-size:.42rem !important;
}
}
@media (min-width: 1521px) and (max-width: 1919px){
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:min(430px,100%) !important;
max-width:430px !important;
}
}
@media (min-width: 1920px){
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1440px,calc(100% - 120px)) !important;
max-width:1440px !important;
grid-template-columns:minmax(0,640px) minmax(0,650px) !important;
gap:70px !important;
}
body.home .home-hero-reference-fold .home-hero-left,
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
max-width:640px !important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
font-size:clamp(3.65rem,3.0vw,4.85rem) !important;
}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:min(520px,100%) !important;
max-width:520px !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:660px !important;
}
body.home .home-trust-grid{
width:min(1260px,calc(100% - 120px)) !important;
max-width:1260px !important;
}
}
@media (min-width: 2560px){
body.home .home-hero-reference-fold{
padding-top:72px !important;
padding-bottom:36px !important;
}
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1600px,calc(100% - 180px)) !important;
max-width:1600px !important;
grid-template-columns:minmax(0,700px) minmax(0,740px) !important;
gap:90px !important;
}
body.home .home-hero-reference-fold .home-hero-left,
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
max-width:700px !important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
font-size:clamp(4.35rem,2.7vw,5.8rem) !important;
}
body.home .home-hero-reference-fold .home-hero-copy,
body.home .home-hero-reference-fold .home-hero-form-col{
max-width:600px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:min(610px,100%) !important;
max-width:610px !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:760px !important;
}
body.home .home-trust-grid{
width:min(1440px,calc(100% - 180px)) !important;
max-width:1440px !important;
}
} @media (min-width: 1521px){
body.home .home-hero-reference-fold{
padding-top:28px !important;
padding-bottom:18px !important;
}
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1220px,calc(100% - 120px)) !important;
max-width:1220px !important;
grid-template-columns:minmax(0,535px) minmax(0,535px) !important;
gap:54px !important;
align-items:center !important;
}
body.home .home-hero-reference-fold .home-hero-left,
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
max-width:535px !important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
font-size:clamp(3.05rem,2.65vw,3.9rem) !important;
line-height:.96 !important;
}
body.home .home-hero-reference-fold .home-hero-copy,
body.home .home-hero-reference-fold .home-hero-form-col{
max-width:500px !important;
}
body.home .home-hero-reference-fold .home-hero-copy{
font-size:.95rem !important;
line-height:1.35 !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:500px !important;
align-items:center !important;
}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:min(405px,100%) !important;
max-width:405px !important;
}
body.home .home-hero-reference-fold .phone-callout{
min-width:190px !important;
max-width:215px !important;
padding:10px 12px !important;
border-radius:14px !important;
gap:10px !important;
}
body.home .home-hero-reference-fold .phone-callout span{
width:28px !important;
height:28px !important;
flex-basis:28px !important;
border-radius:10px !important;
font-size:.8rem !important;
}
body.home .home-hero-reference-fold .phone-callout strong{
font-size:.74rem !important;
line-height:1.12 !important;
}
body.home .home-hero-reference-fold .callout-one{top:70px !important;right:20px !important;}
body.home .home-hero-reference-fold .callout-two{top:210px !important;right:6px !important;}
body.home .home-hero-reference-fold .callout-three{top:350px !important;right:20px !important;}
body.home .home-trust-bar{
padding-top:10px !important;
}
body.home .home-trust-grid{
width:min(1120px,calc(100% - 120px)) !important;
max-width:1120px !important;
}
body.home .home-trust-stat{
min-height:56px !important;
padding:8px 10px !important;
gap:8px !important;
}
}
@media (min-width: 1920px){
body.home .home-hero-reference-fold{
padding-top:32px !important;
padding-bottom:18px !important;
}
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1280px,calc(100% - 140px)) !important;
max-width:1280px !important;
grid-template-columns:minmax(0,560px) minmax(0,565px) !important;
gap:64px !important;
}
body.home .home-hero-reference-fold .home-hero-left,
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
max-width:560px !important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
font-size:clamp(3.35rem,2.25vw,4.2rem) !important;
}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:min(440px,100%) !important;
max-width:440px !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:535px !important;
}
body.home .home-hero-reference-fold .callout-one{top:78px !important;right:18px !important;}
body.home .home-hero-reference-fold .callout-two{top:225px !important;right:0 !important;}
body.home .home-hero-reference-fold .callout-three{top:374px !important;right:18px !important;}
}
@media (min-width: 2560px){
body.home .home-hero-reference-fold{
padding-top:40px !important;
padding-bottom:22px !important;
}
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1360px,calc(100% - 180px)) !important;
max-width:1360px !important;
grid-template-columns:minmax(0,590px) minmax(0,610px) !important;
gap:76px !important;
}
body.home .home-hero-reference-fold .home-hero-left,
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
max-width:590px !important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
font-size:clamp(3.75rem,1.6vw,4.55rem) !important;
}
body.home .home-hero-reference-fold .home-hero-copy,
body.home .home-hero-reference-fold .home-hero-form-col{
max-width:520px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:min(475px,100%) !important;
max-width:475px !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:570px !important;
}
body.home .home-hero-reference-fold .callout-one{top:88px !important;right:24px !important;}
body.home .home-hero-reference-fold .callout-two{top:245px !important;right:4px !important;}
body.home .home-hero-reference-fold .callout-three{top:402px !important;right:24px !important;}
body.home .home-trust-grid{
width:min(1180px,calc(100% - 180px)) !important;
max-width:1180px !important;
}
} @media (min-width: 981px){
body.home .home-trust-bar{
padding-top:12px !important;
padding-bottom:12px !important;
overflow:visible !important;
}
body.home .home-trust-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:10px !important;
width:min(1040px,calc(100% - 96px)) !important;
max-width:1040px !important;
margin-left:auto !important;
margin-right:auto !important;
}
body.home .home-trust-stat{
min-width:0 !important;
width:auto !important;
min-height:52px !important;
padding:8px 10px !important;
gap:8px !important;
border-radius:14px !important;
overflow:hidden !important;
}
body.home .home-trust-stat > div{
min-width:0 !important;
}
body.home .home-trust-stat .trust-stat-icon{
width:30px !important;
height:30px !important;
min-width:30px !important;
flex:0 0 30px !important;
}
body.home .home-trust-stat strong,
body.home .home-trust-stat:nth-child(3) strong,
body.home .home-trust-stat:nth-child(4) strong{
display:block !important;
font-size:.92rem !important;
line-height:1.05 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body.home .home-trust-stat span:not(.trust-stat-icon){
display:block !important;
font-size:.54rem !important;
line-height:1.1 !important;
letter-spacing:.055em !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
}
@media (min-width: 1521px){
body.home .home-trust-grid{
width:min(1060px,calc(100% - 120px)) !important;
max-width:1060px !important;
gap:10px !important;
}
}
@media (min-width: 2560px){
body.home .home-trust-grid{
width:min(1100px,calc(100% - 180px)) !important;
max-width:1100px !important;
gap:12px !important;
}
body.home .home-trust-stat{
min-height:54px !important;
padding:8px 11px !important;
}
body.home .home-trust-stat strong,
body.home .home-trust-stat:nth-child(3) strong,
body.home .home-trust-stat:nth-child(4) strong{
font-size:.96rem !important;
}
body.home .home-trust-stat span:not(.trust-stat-icon){
font-size:.55rem !important;
}
}
@media (min-width: 981px) and (max-width: 1180px){
body.home .home-trust-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
width:min(720px,calc(100% - 72px)) !important;
}
} @media (min-width: 981px){
body.home .home-trust-grid{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
width:min(1080px,calc(100% - 140px)) !important;
max-width:1080px !important;
gap:24px !important;
align-items:stretch !important;
}
body.home .home-trust-stat{
min-height:50px !important;
padding:8px 12px !important;
gap:9px !important;
border-radius:14px !important;
}
body.home .home-trust-stat .trust-stat-icon{
width:28px !important;
height:28px !important;
min-width:28px !important;
flex-basis:28px !important;
}
body.home .home-trust-stat strong,
body.home .home-trust-stat:nth-child(3) strong,
body.home .home-trust-stat:nth-child(4) strong{
font-size:.86rem !important;
line-height:1.04 !important;
}
body.home .home-trust-stat span:not(.trust-stat-icon){
font-size:.49rem !important;
line-height:1.08 !important;
letter-spacing:.05em !important;
}
}
@media (min-width: 1521px){
body.home .home-trust-grid{
width:min(1120px,calc(100% - 180px)) !important;
max-width:1120px !important;
gap:28px !important;
}
}
@media (min-width: 2560px){
body.home .home-trust-grid{
width:min(1180px,calc(100% - 240px)) !important;
max-width:1180px !important;
gap:34px !important;
}
body.home .home-trust-stat{
min-height:50px !important;
padding:8px 12px !important;
}
body.home .home-trust-stat strong,
body.home .home-trust-stat:nth-child(3) strong,
body.home .home-trust-stat:nth-child(4) strong{
font-size:.88rem !important;
}
body.home .home-trust-stat span:not(.trust-stat-icon){
font-size:.50rem !important;
}
}
@media (min-width: 981px) and (max-width: 1180px){
body.home .home-trust-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
width:min(720px,calc(100% - 72px)) !important;
gap:16px !important;
}
} @media (min-width: 981px){
body.home .home-hero-reference-fold{
overflow:visible !important;
}
body.home .home-trust-bar{
overflow:visible !important;
padding-top:16px !important;
padding-bottom:20px !important;
}
body.home .home-trust-grid{
overflow:visible !important;
padding:2px !important;
box-sizing:border-box !important;
}
body.home .home-trust-stat{
overflow:visible !important;
box-sizing:border-box !important;
border:1px solid rgba(255,255,255,.64) !important;
background:rgba(8,23,48,.62) !important;
}
}
@media (min-width: 2560px){
body.home .home-trust-bar{
padding-top:18px !important;
padding-bottom:24px !important;
}
body.home .home-trust-grid{
gap:36px !important;
padding:3px !important;
}
} @media (min-width: 981px){
body .contact-page{
padding:56px 0 54px !important;
}
body .contact-page .container.grid-2{
align-items:center !important;
gap:58px !important;
max-width:1180px !important;
}
body .contact-page h1{
font-size:clamp(2.35rem,3.1vw,3.35rem) !important;
line-height:1.03 !important;
letter-spacing:-.045em !important;
max-width:560px !important;
}
body .contact-page .lead{
font-size:1rem !important;
line-height:1.48 !important;
max-width:540px !important;
margin-top:18px !important;
}
body .contact-page .contact-card{
margin-top:22px !important;
}
body .contact-page .contact-card h2{
font-size:clamp(1.55rem,2.1vw,2.15rem) !important;
line-height:1.05 !important;
letter-spacing:-.035em !important;
margin-bottom:6px !important;
}
body .contact-page .contact-card p,
body .contact-page .contact-card a:not(.btn){
font-size:.98rem !important;
line-height:1.45 !important;
}
body .contact-page .form-shell{
padding:26px 28px !important;
border-radius:24px !important;
max-width:520px !important;
margin-left:auto !important;
}
body .contact-page .form-shell h2{
font-size:clamp(2rem,2.8vw,3rem) !important;
line-height:1.02 !important;
letter-spacing:-.045em !important;
margin-bottom:14px !important;
}
body .contact-page .form-grid{
gap:12px !important;
}
body .contact-page .form-grid label{
font-size:.78rem !important;
line-height:1.2 !important;
}
body .contact-page .form-grid input,
body .contact-page .form-grid textarea,
body .contact-page .form-grid select{
min-height:42px !important;
padding:10px 12px !important;
border-radius:12px !important;
font-size:.9rem !important;
}
body .contact-page .form-grid textarea{
min-height:104px !important;
}
body .contact-page .form-grid .btn{
min-height:42px !important;
font-size:.88rem !important;
padding:11px 18px !important;
}
}
@media (min-width: 981px) and (max-width: 1280px){
body .contact-page .container.grid-2{
max-width:1040px !important;
gap:42px !important;
}
body .contact-page h1{
font-size:clamp(2.15rem,3vw,2.8rem) !important;
}
body .contact-page .form-shell h2{
font-size:clamp(1.85rem,2.8vw,2.45rem) !important;
}
} @media (min-width: 981px){
body.home .home-hero-reference-fold{
position:relative !important;
padding-top:clamp(34px,3vw,54px) !important;
padding-bottom:clamp(24px,2.4vw,42px) !important;
overflow:hidden !important;
}
body.home .home-hero-reference-fold:before{
content:"" !important;
position:absolute !important;
inset:0 !important;
pointer-events:none !important;
background:
radial-gradient(circle at 28% 42%, rgba(36,87,230,.18), transparent 30%),
radial-gradient(circle at 63% 45%, rgba(53,215,255,.13), transparent 32%) !important;
opacity:.9 !important;
}
body.home .home-hero-reference-fold .home-hero-shell{
position:relative !important;
z-index:2 !important;
width:min(1200px,calc(100% - 110px)) !important;
max-width:1200px !important;
grid-template-columns:minmax(0,520px) minmax(0,520px) !important;
gap:clamp(46px,5vw,72px) !important;
align-items:center !important;
}
body.home .home-hero-reference-fold .home-hero-left{
max-width:520px !important;
transform:translateY(-4px) !important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
max-width:520px !important;
font-size:clamp(3.05rem,2.65vw,3.95rem) !important;
line-height:.98 !important;
letter-spacing:-.055em !important;
}
body.home .home-hero-reference-fold .home-hero-copy{
max-width:490px !important;
margin-top:14px !important;
font-size:clamp(.93rem,.78vw,1.02rem) !important;
line-height:1.45 !important;
}
body.home .home-hero-reference-fold .home-hero-form-col{
max-width:500px !important;
margin-top:18px !important;
}
body.home .home-hero-reference-fold .home-hero-scan-form{
width:min(500px,100%) !important;
height:58px !important;
padding:5px !important;
border:1px solid rgba(255,255,255,.20) !important;
background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045)) !important;
box-shadow:0 20px 50px rgba(20,68,214,.22), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
body.home .home-hero-reference-fold .home-hero-scan-form input{
height:48px !important;
font-size:.92rem !important;
padding-left:18px !important;
}
body.home .home-hero-reference-fold .home-hero-scan-form .btn{
height:48px !important;
min-width:190px !important;
font-size:.86rem !important;
box-shadow:0 10px 24px rgba(36,87,230,.30) !important;
}
body.home .home-hero-reference-fold .home-hero-trust{
width:min(520px,100%) !important;
margin-top:12px !important;
gap:8px !important;
}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip{
padding:7px 10px !important;
}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip-text{
font-size:.68rem !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:500px !important;
transform:translateX(-18px) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
body.home .home-hero-reference-fold .home-hero-right:before{
content:"" !important;
position:absolute !important;
width:500px !important;
height:500px !important;
border-radius:999px !important;
background:radial-gradient(circle,rgba(39,218,159,.22),rgba(53,215,255,.10) 35%,transparent 68%) !important;
filter:blur(4px) !important;
opacity:.85 !important;
z-index:0 !important;
}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
position:relative !important;
z-index:2 !important;
width:min(410px,100%) !important;
max-width:410px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture{
transform:translate(-10px,10px) rotate(4deg) !important;
}
body.home .home-hero-reference-fold .phone-callout{
z-index:4 !important;
min-width:190px !important;
max-width:210px !important;
padding:11px 13px !important;
border-radius:14px !important;
background:linear-gradient(180deg,rgba(32,50,120,.92),rgba(18,30,82,.96)) !important;
box-shadow:0 18px 38px rgba(5,11,31,.22), inset 0 1px 0 rgba(255,255,255,.11) !important;
}
body.home .home-hero-reference-fold .phone-callout span{
width:28px !important;
height:28px !important;
flex:0 0 28px !important;
border-radius:10px !important;
}
body.home .home-hero-reference-fold .phone-callout strong{
font-size:.76rem !important;
line-height:1.12 !important;
}
body.home .home-hero-reference-fold .callout-one{top:108px !important;right:4px !important;}
body.home .home-hero-reference-fold .callout-two{top:250px !important;right:-2px !important;}
body.home .home-hero-reference-fold .callout-three{
display:none !important;
}
body.home .home-trust-bar{
position:relative !important;
z-index:3 !important;
margin-top:12px !important;
padding:0 0 2px !important;
overflow:visible !important;
}
body.home .home-trust-grid{
width:min(1080px,calc(100% - 120px)) !important;
max-width:1080px !important;
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:22px !important;
overflow:visible !important;
padding:2px !important;
}
body.home .home-trust-stat{
min-height:52px !important;
padding:8px 12px !important;
border-radius:15px !important;
border:1px solid rgba(255,255,255,.42) !important;
background:rgba(8,23,48,.68) !important;
backdrop-filter:blur(12px) !important;
box-shadow:0 12px 26px rgba(5,11,31,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.home .home-trust-stat .trust-stat-icon{
width:28px !important;
height:28px !important;
min-width:28px !important;
flex:0 0 28px !important;
}
body.home .home-trust-stat strong,
body.home .home-trust-stat:nth-child(3) strong,
body.home .home-trust-stat:nth-child(4) strong{
font-size:.84rem !important;
line-height:1.04 !important;
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
}
body.home .home-trust-stat span:not(.trust-stat-icon){
font-size:.48rem !important;
line-height:1.08 !important;
letter-spacing:.055em !important;
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
}
}
@media (min-width: 981px) and (max-width: 1520px){
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1060px,calc(100% - 72px)) !important;
grid-template-columns:minmax(0,485px) minmax(0,475px) !important;
gap:42px !important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
max-width:485px !important;
font-size:clamp(2.72rem,3.2vw,3.35rem) !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:440px !important;
transform:translateX(-8px) !important;
}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:min(350px,100%) !important;
max-width:350px !important;
}
body.home .home-hero-reference-fold .callout-one{top:78px !important;right:-2px !important;}
body.home .home-hero-reference-fold .callout-two{top:222px !important;right:-4px !important;}
body.home .home-trust-grid{
width:min(1000px,calc(100% - 72px)) !important;
gap:16px !important;
}
}
@media (min-width: 1521px){
body.home .home-hero-reference-fold{
padding-top:42px !important;
padding-bottom:34px !important;
}
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1220px,calc(100% - 140px)) !important;
grid-template-columns:minmax(0,530px) minmax(0,540px) !important;
gap:64px !important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
font-size:clamp(3.18rem,2.2vw,3.95rem) !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:510px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:min(410px,100%) !important;
max-width:410px !important;
}
}
@media (min-width: 1920px){
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1280px,calc(100% - 160px)) !important;
grid-template-columns:minmax(0,545px) minmax(0,560px) !important;
gap:72px !important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
max-width:545px !important;
font-size:clamp(3.35rem,1.95vw,4.15rem) !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:520px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:min(425px,100%) !important;
max-width:425px !important;
}
body.home .home-trust-grid{
width:min(1120px,calc(100% - 160px)) !important;
max-width:1120px !important;
gap:26px !important;
}
}
@media (min-width: 2560px){
body.home .home-hero-reference-fold{
padding-top:48px !important;
padding-bottom:38px !important;
}
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1320px,calc(100% - 200px)) !important;
max-width:1320px !important;
grid-template-columns:minmax(0,565px) minmax(0,590px) !important;
gap:82px !important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
max-width:565px !important;
font-size:clamp(3.65rem,1.35vw,4.35rem) !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:535px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:min(440px,100%) !important;
max-width:440px !important;
}
body.home .home-hero-reference-fold .callout-one{top:96px !important;right:10px !important;}
body.home .home-hero-reference-fold .callout-two{top:258px !important;right:0 !important;}
body.home .home-trust-grid{
width:min(1160px,calc(100% - 220px)) !important;
max-width:1160px !important;
gap:30px !important;
}
} @media (min-width: 981px){
body.home .home-hero-reference-fold{
padding-top:34px !important;
padding-bottom:24px !important;
}
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1260px,calc(100% - 96px)) !important;
max-width:1260px !important;
grid-template-columns:minmax(0,530px) minmax(0,610px) !important;
gap:62px !important;
align-items:center !important;
}
body.home .home-hero-reference-fold .home-hero-right{
position:relative !important;
min-height:520px !important;
display:block !important;
overflow:visible !important;
isolation:isolate !important;
padding:0 !important;
}
body.home .home-hero-reference-fold .phone-hero-picture{
position:absolute !important;
z-index:2 !important;
left:40px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:410px !important;
max-width:410px !important;
display:block !important;
overflow:visible !important;
line-height:0 !important;
}
body.home .home-hero-reference-fold .phone-hero-picture:before{
content:"" !important;
position:absolute !important;
z-index:-2 !important;
inset:9% -3% 7% -3% !important;
border-radius:42% !important;
background:
radial-gradient(circle at 47% 48%, rgba(98,255,184,.48) 0%, rgba(68,218,255,.30) 34%, rgba(38,86,255,.18) 56%, rgba(38,86,255,0) 76%) !important;
filter:blur(34px) !important;
transform:scale(1.10) rotate(-2deg) !important;
opacity:.95 !important;
pointer-events:none !important;
}
body.home .home-hero-reference-fold .phone-hero-picture:after{
content:"" !important;
position:absolute !important;
z-index:-1 !important;
left:18% !important;
right:18% !important;
bottom:1% !important;
height:22px !important;
border-radius:50% !important;
background:radial-gradient(ellipse at center, rgba(95,255,190,.36), rgba(95,255,190,0) 70%) !important;
filter:blur(10px) !important;
pointer-events:none !important;
}
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
position:relative !important;
z-index:1 !important;
display:block !important;
width:410px !important;
max-width:410px !important;
height:auto !important;
margin:0 !important;
filter:drop-shadow(0 18px 30px rgba(0,0,0,.30)) !important;
background:transparent !important;
}
body.home .home-hero-reference-fold .phone-callout{
position:absolute !important;
z-index:5 !important;
left:390px !important;
right:auto !important;
width:218px !important;
min-width:218px !important;
max-width:218px !important;
display:grid !important;
grid-template-columns:38px 1fr !important;
align-items:center !important;
gap:12px !important;
padding:13px 15px !important;
border-radius:17px !important;
border:1px solid rgba(140,188,230,.35) !important;
background:linear-gradient(180deg,rgba(22,45,86,.82),rgba(13,29,61,.88)) !important;
box-shadow:0 18px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08) !important;
color:#fff !important;
backdrop-filter:blur(10px) !important;
}
body.home .home-hero-reference-fold .phone-callout:before{
content:"" !important;
position:absolute !important;
width:44px !important;
height:1px !important;
left:-52px !important;
top:50% !important;
transform:translateY(-50%) !important;
background:repeating-linear-gradient(90deg, rgba(76,224,255,.70) 0 7px, transparent 7px 13px) !important;
opacity:.9 !important;
}
body.home .home-hero-reference-fold .phone-callout:after{
content:"" !important;
position:absolute !important;
width:8px !important;
height:8px !important;
left:-59px !important;
top:50% !important;
transform:translateY(-50%) !important;
border-radius:999px !important;
background:#4ee6ff !important;
box-shadow:0 0 0 4px rgba(78,230,255,.12), 0 0 14px rgba(78,230,255,.78) !important;
}
body.home .home-hero-reference-fold .phone-callout span.callout-icon{
width:38px !important;
height:38px !important;
flex:0 0 38px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:13px !important;
background:linear-gradient(180deg,#536cff,#3154d9) !important;
box-shadow:0 10px 20px rgba(49,84,217,.28), inset 0 1px 0 rgba(255,255,255,.20) !important;
color:#fff !important;
font-size:0 !important;
position:relative !important;
}
body.home .home-hero-reference-fold .phone-callout strong{
font-size:.86rem !important;
line-height:1.14 !important;
font-weight:900 !important;
letter-spacing:-.015em !important;
}
body.home .home-hero-reference-fold .callout-one{top:82px !important;}
body.home .home-hero-reference-fold .callout-two{top:235px !important;}
body.home .home-hero-reference-fold .callout-three{top:388px !important;}
body.home .home-hero-reference-fold .callout-icon-score:before,
body.home .home-hero-reference-fold .callout-icon-score:after{
content:"" !important;
position:absolute !important;
bottom:10px !important;
width:5px !important;
border-radius:4px !important;
background:#fff !important;
opacity:.95 !important;
}
body.home .home-hero-reference-fold .callout-icon-score:before{height:11px !important;left:12px !important;box-shadow:8px -6px 0 #fff,16px -12px 0 #fff !important;}
body.home .home-hero-reference-fold .callout-icon-score:after{display:none !important;}
body.home .home-hero-reference-fold .callout-icon-compare:before{
content:"" !important;
width:8px !important;
height:8px !important;
border-radius:999px !important;
background:#fff !important;
box-shadow:10px 0 0 rgba(255,255,255,.85),5px 10px 0 -1px rgba(255,255,255,.95) !important;
}
body.home .home-hero-reference-fold .callout-icon-compare:after{
content:"" !important;
position:absolute !important;
width:22px !important;
height:8px !important;
border:2px solid rgba(255,255,255,.95) !important;
border-top:0 !important;
border-radius:0 0 12px 12px !important;
bottom:8px !important;
left:8px !important;
opacity:.95 !important;
}
body.home .home-hero-reference-fold .callout-icon-insight:before{
content:"" !important;
width:14px !important;
height:14px !important;
background:#fff !important;
clip-path:polygon(50% 0,62% 35%,100% 50%,62% 65%,50% 100%,38% 65%,0 50%,38% 35%) !important;
}
}
@media (min-width: 981px) and (max-width: 1520px){
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1120px,calc(100% - 72px)) !important;
grid-template-columns:minmax(0,500px) minmax(0,540px) !important;
gap:46px !important;
}
body.home .home-hero-reference-fold .home-hero-right{min-height:480px !important;}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{width:370px !important;max-width:370px !important;}
body.home .home-hero-reference-fold .phone-hero-picture{left:28px !important;}
body.home .home-hero-reference-fold .phone-callout{left:350px !important;width:204px !important;min-width:204px !important;max-width:204px !important;padding:11px 13px !important;grid-template-columns:34px 1fr !important;gap:10px !important;}
body.home .home-hero-reference-fold .phone-callout span.callout-icon{width:34px !important;height:34px !important;border-radius:12px !important;}
body.home .home-hero-reference-fold .phone-callout strong{font-size:.78rem !important;}
body.home .home-hero-reference-fold .callout-one{top:75px !important;}
body.home .home-hero-reference-fold .callout-two{top:215px !important;}
body.home .home-hero-reference-fold .callout-three{top:355px !important;}
}
@media (min-width: 1920px){
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1360px,calc(100% - 140px)) !important;
max-width:1360px !important;
grid-template-columns:minmax(0,560px) minmax(0,660px) !important;
gap:80px !important;
}
body.home .home-hero-reference-fold .home-hero-right{min-height:550px !important;}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{width:430px !important;max-width:430px !important;}
body.home .home-hero-reference-fold .phone-hero-picture{left:44px !important;}
body.home .home-hero-reference-fold .phone-callout{left:415px !important;width:224px !important;min-width:224px !important;max-width:224px !important;}
body.home .home-hero-reference-fold .callout-one{top:92px !important;}
body.home .home-hero-reference-fold .callout-two{top:250px !important;}
body.home .home-hero-reference-fold .callout-three{top:408px !important;}
}
@media (min-width: 2560px){
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1420px,calc(100% - 180px)) !important;
max-width:1420px !important;
grid-template-columns:minmax(0,600px) minmax(0,700px) !important;
gap:90px !important;
}
body.home .home-hero-reference-fold .home-hero-right{min-height:575px !important;}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{width:450px !important;max-width:450px !important;}
body.home .home-hero-reference-fold .phone-hero-picture{left:52px !important;}
body.home .home-hero-reference-fold .phone-callout{left:450px !important;width:235px !important;min-width:235px !important;max-width:235px !important;}
body.home .home-hero-reference-fold .callout-one{top:92px !important;}
body.home .home-hero-reference-fold .callout-two{top:255px !important;}
body.home .home-hero-reference-fold .callout-three{top:418px !important;}
} @media (min-width: 981px){
body.home .fit-section{
padding-top:50px !important;
padding-bottom:56px !important;
}
body.home .fit-section .section-head.center{
margin-bottom:22px !important;
}
body.home .fit-section .section-head.center h2{
font-size:clamp(1.55rem, 1.75vw, 2.1rem) !important;
line-height:1.13 !important;
letter-spacing:-.04em !important;
max-width:920px !important;
}
body.home .fit-section .section-head.center .lead{
font-size:.94rem !important;
line-height:1.35 !important;
margin-top:8px !important;
}
body.home .fit-panel{
max-width:1060px !important;
margin:0 auto !important;
grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important;
gap:18px !important;
align-items:start !important;
}
body.home .fit-intro-card,
body.home .fit-list-card{
padding:20px !important;
border-radius:22px !important;
box-shadow:0 12px 32px rgba(7,17,31,.06) !important;
}
body.home .fit-badge{
padding:5px 9px !important;
font-size:.58rem !important;
margin-bottom:12px !important;
}
body.home .fit-intro-card h3{
font-size:clamp(1rem, 1.15vw, 1.25rem) !important;
line-height:1.16 !important;
margin-bottom:10px !important;
letter-spacing:-.025em !important;
}
body.home .fit-intro-card p{
font-size:.88rem !important;
line-height:1.45 !important;
}
body.home .fit-list-card{
gap:8px !important;
}
body.home .fit-list-item{
padding:10px 12px !important;
border-radius:14px !important;
gap:10px !important;
align-items:center !important;
}
body.home .fit-list-item span{
width:26px !important;
height:26px !important;
border-radius:9px !important;
font-size:.64rem !important;
}
body.home .fit-list-item p{
font-size:.84rem !important;
line-height:1.28 !important;
font-weight:850 !important;
}
} @media (min-width: 981px){
body.home .home-hero-reference-fold{
padding-top:42px !important;
padding-bottom:32px !important;
overflow:hidden !important;
}
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1280px,calc(100% - 96px)) !important;
max-width:1280px !important;
grid-template-columns:minmax(0,540px) minmax(0,640px) !important;
gap:66px !important;
align-items:center !important;
}
body.home .home-hero-reference-fold .home-hero-left{
align-self:center !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:610px !important;
height:610px !important;
overflow:visible !important;
}
body.home .home-hero-reference-fold .phone-hero-picture{
width:360px !important;
max-width:360px !important;
left:64px !important;
top:51% !important;
transform:translateY(-50%) !important;
}
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:360px !important;
max-width:360px !important;
height:auto !important;
}
body.home .home-hero-reference-fold .phone-hero-picture:before{
inset:10% -9% 8% -9% !important;
filter:blur(38px) !important;
transform:scale(1.08) rotate(-2deg) !important;
opacity:.92 !important;
}
body.home .home-hero-reference-fold .phone-hero-picture:after{
bottom:2% !important;
left:16% !important;
right:16% !important;
height:24px !important;
filter:blur(12px) !important;
}
body.home .home-hero-reference-fold .phone-callout{
left:414px !important;
width:246px !important;
min-width:246px !important;
max-width:246px !important;
grid-template-columns:42px 1fr !important;
gap:13px !important;
padding:14px 16px !important;
border-radius:18px !important;
background:linear-gradient(180deg,rgba(24,48,91,.84),rgba(13,29,61,.90)) !important;
border:1px solid rgba(157,204,243,.36) !important;
box-shadow:0 18px 36px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
body.home .home-hero-reference-fold .phone-callout span.callout-icon{
width:42px !important;
height:42px !important;
flex-basis:42px !important;
border-radius:14px !important;
}
body.home .home-hero-reference-fold .phone-callout strong{
font-size:.86rem !important;
line-height:1.14 !important;
letter-spacing:-.01em !important;
}
body.home .home-hero-reference-fold .phone-callout:before{
width:50px !important;
left:-60px !important;
background:repeating-linear-gradient(90deg, rgba(74,226,255,.72) 0 8px, transparent 8px 14px) !important;
}
body.home .home-hero-reference-fold .phone-callout:after{
left:-68px !important;
}
body.home .home-hero-reference-fold .callout-one{top:126px !important;right:auto !important;}
body.home .home-hero-reference-fold .callout-two{top:284px !important;right:auto !important;}
body.home .home-hero-reference-fold .callout-three{top:442px !important;right:auto !important;}
}
@media (min-width: 981px) and (max-width: 1520px){
body.home .home-hero-reference-fold{
padding-top:34px !important;
padding-bottom:28px !important;
}
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1120px,calc(100% - 72px)) !important;
grid-template-columns:minmax(0,500px) minmax(0,540px) !important;
gap:42px !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:560px !important;
height:560px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:330px !important;
max-width:330px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture{left:54px !important;top:51% !important;}
body.home .home-hero-reference-fold .phone-callout{
left:378px !important;
width:210px !important;
min-width:210px !important;
max-width:210px !important;
grid-template-columns:36px 1fr !important;
gap:10px !important;
padding:11px 13px !important;
}
body.home .home-hero-reference-fold .phone-callout span.callout-icon{width:36px !important;height:36px !important;flex-basis:36px !important;border-radius:12px !important;}
body.home .home-hero-reference-fold .phone-callout strong{font-size:.78rem !important;line-height:1.14 !important;}
body.home .home-hero-reference-fold .phone-callout:before{width:40px !important;left:-48px !important;}
body.home .home-hero-reference-fold .phone-callout:after{left:-56px !important;}
body.home .home-hero-reference-fold .callout-one{top:112px !important;}
body.home .home-hero-reference-fold .callout-two{top:254px !important;}
body.home .home-hero-reference-fold .callout-three{top:396px !important;}
}
@media (min-width: 1920px){
body.home .home-hero-reference-fold{
padding-top:46px !important;
padding-bottom:34px !important;
}
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1360px,calc(100% - 140px)) !important;
max-width:1360px !important;
grid-template-columns:minmax(0,575px) minmax(0,700px) !important;
gap:80px !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:650px !important;
height:650px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:382px !important;
max-width:382px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture{left:82px !important;top:51% !important;}
body.home .home-hero-reference-fold .phone-callout{
left:458px !important;
width:258px !important;
min-width:258px !important;
max-width:258px !important;
}
body.home .home-hero-reference-fold .callout-one{top:138px !important;}
body.home .home-hero-reference-fold .callout-two{top:304px !important;}
body.home .home-hero-reference-fold .callout-three{top:470px !important;}
}
@media (min-width: 2560px){
body.home .home-hero-reference-fold{
padding-top:48px !important;
padding-bottom:36px !important;
}
body.home .home-hero-reference-fold .home-hero-shell{
width:min(1420px,calc(100% - 180px)) !important;
max-width:1420px !important;
grid-template-columns:minmax(0,600px) minmax(0,720px) !important;
gap:92px !important;
}
body.home .home-hero-reference-fold .home-hero-right{
min-height:675px !important;
height:675px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:398px !important;
max-width:398px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture{left:90px !important;top:51% !important;}
body.home .home-hero-reference-fold .phone-callout{
left:488px !important;
width:266px !important;
min-width:266px !important;
max-width:266px !important;
}
body.home .home-hero-reference-fold .callout-one{top:146px !important;}
body.home .home-hero-reference-fold .callout-two{top:318px !important;}
body.home .home-hero-reference-fold .callout-three{top:490px !important;}
} @media (min-width: 981px){
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:330px !important;
max-width:330px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture{left:78px !important;top:51% !important;}
body.home .home-hero-reference-fold .phone-callout{left:420px !important;}
body.home .home-hero-reference-fold .callout-one{top:112px !important;}
body.home .home-hero-reference-fold .callout-two{top:266px !important;}
body.home .home-hero-reference-fold .callout-three{top:420px !important;}
}
@media (min-width: 981px) and (max-width: 1520px){
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:300px !important;
max-width:300px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture{left:58px !important;top:51% !important;}
body.home .home-hero-reference-fold .phone-callout{left:358px !important;}
body.home .home-hero-reference-fold .callout-one{top:96px !important;}
body.home .home-hero-reference-fold .callout-two{top:236px !important;}
body.home .home-hero-reference-fold .callout-three{top:376px !important;}
}
@media (min-width: 1920px){
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:350px !important;
max-width:350px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture{left:94px !important;top:51% !important;}
body.home .home-hero-reference-fold .phone-callout{left:456px !important;}
body.home .home-hero-reference-fold .callout-one{top:126px !important;}
body.home .home-hero-reference-fold .callout-two{top:290px !important;}
body.home .home-hero-reference-fold .callout-three{top:454px !important;}
}
@media (min-width: 2560px){
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:364px !important;
max-width:364px !important;
}
body.home .home-hero-reference-fold .phone-hero-picture{left:102px !important;top:51% !important;}
body.home .home-hero-reference-fold .phone-callout{left:482px !important;}
body.home .home-hero-reference-fold .callout-one{top:132px !important;}
body.home .home-hero-reference-fold .callout-two{top:304px !important;}
body.home .home-hero-reference-fold .callout-three{top:476px !important;}
} @media (min-width: 981px) and (max-width: 1520px){
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
font-size:clamp(2.82rem,3.78vw,3.82rem) !important;
}
body.home .home-hero-reference-fold .callout-one{top:16% !important;right:0 !important;}
body.home .home-hero-reference-fold .callout-two{top:42% !important;right:5% !important;}
body.home .home-hero-reference-fold .callout-three{top:62% !important;right:2% !important;}
}
@media (min-width: 1521px) and (max-width: 1919px){
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
font-size:clamp(3.25rem,2.84vw,4.15rem) !important;
}
body.home .home-hero-reference-fold .callout-one{top:70px !important;right:8px !important;}
body.home .home-hero-reference-fold .callout-two{top:210px !important;right:26px !important;}
body.home .home-hero-reference-fold .callout-three{top:320px !important;right:16px !important;}
}
@media (min-width: 1920px) and (max-width: 2559px){
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
font-size:clamp(3.55rem,2.4vw,4.45rem) !important;
}
body.home .home-hero-reference-fold .callout-one{top:78px !important;right:8px !important;}
body.home .home-hero-reference-fold .callout-two{top:225px !important;right:26px !important;}
body.home .home-hero-reference-fold .callout-three{top:344px !important;right:16px !important;}
}
@media (min-width: 2560px){
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
font-size:clamp(4rem,1.72vw,4.85rem) !important;
}
body.home .home-hero-reference-fold .callout-one{top:88px !important;right:12px !important;}
body.home .home-hero-reference-fold .callout-two{top:245px !important;right:30px !important;}
body.home .home-hero-reference-fold .callout-three{top:372px !important;right:20px !important;}
}  .review-booking-hero h1{
max-width:620px !important;
font-size:clamp(2.45rem,3.1vw,3.55rem) !important;
line-height:1.04 !important;
letter-spacing:-.055em !important;
}
.review-booking-hero .lead{
max-width:610px !important;
font-size:1.05rem !important;
line-height:1.55 !important;
}
.review-booking-hero .card{
align-self:center !important;
}
@media(max-width:980px){
.review-booking-hero h1{
font-size:clamp(2rem,7vw,2.65rem) !important;
max-width:100% !important;
}
.review-booking-hero .lead{
font-size:.98rem !important;
max-width:100% !important;
}
}
@media(max-width:640px){
.review-booking-hero h1{
font-size:clamp(1.85rem,8vw,2.25rem) !important;
line-height:1.04 !important;
}
} .website-authority-page .authority-signals-section .authority-signal-card{
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
border:1px solid #dce8f7 !important;
box-shadow:0 30px 90px rgba(7,17,31,.13) !important;
}
.website-authority-page .authority-signals-section .authority-signal-card .signal-chip-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:11px 14px !important;
}
.website-authority-page .authority-signals-section .authority-signal-card .signal-chip-grid > span{
display:grid !important;
grid-template-columns:16px 1fr !important;
gap:9px !important;
align-items:center !important;
padding:9px 10px !important;
border-radius:13px !important;
background:#f6faff !important;
border:1px solid #dce8f7 !important;
color:#172238 !important;
-webkit-text-fill-color:#172238 !important;
font-size:.88rem !important;
font-weight:800 !important;
line-height:1.25 !important;
box-shadow:0 8px 18px rgba(7,17,31,.04) !important;
}
.website-authority-page .authority-signals-section .authority-signal-card .signal-chip-grid > span:before{
content:"" !important;
display:block !important;
width:8px !important;
height:8px !important;
border-radius:999px !important;
background:#2457e6 !important;
box-shadow:0 0 0 5px rgba(36,87,230,.12) !important;
margin:0 !important;
}
@media(max-width:760px){
.website-authority-page .authority-signals-section .authority-signal-card .signal-chip-grid{
grid-template-columns:1fr !important;
}
} .website-authority-page .authority-matters-section .authority-outcome-card{
background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.08)) !important;
border:1px solid rgba(255,255,255,.22) !important;
box-shadow:0 24px 70px rgba(0,0,0,.16) !important;
color:#ffffff !important;
-webkit-text-fill-color:initial !important;
}
.website-authority-page .authority-matters-section .authority-outcome-card h3{
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
opacity:1 !important;
}
.website-authority-page .authority-matters-section .authority-outcome-card ul.clean{
display:grid !important;
gap:10px !important;
margin:14px 0 0 !important;
}
.website-authority-page .authority-matters-section .authority-outcome-card ul.clean li{
display:grid !important;
grid-template-columns:18px 1fr !important;
gap:10px !important;
align-items:start !important;
padding:10px 12px !important;
border-radius:14px !important;
border:1px solid rgba(255,255,255,.14) !important;
background:rgba(255,255,255,.08) !important;
color:#f4f8ff !important;
-webkit-text-fill-color:#f4f8ff !important;
opacity:1 !important;
font-size:.94rem !important;
line-height:1.35 !important;
font-weight:800 !important;
}
.website-authority-page .authority-matters-section .authority-outcome-card ul.clean li:before{
content:"" !important;
position:static !important;
display:block !important;
width:9px !important;
height:9px !important;
border-radius:50% !important;
margin-top:.45em !important;
background:#5fdcff !important;
box-shadow:0 0 0 6px rgba(95,220,255,.14),0 0 14px rgba(95,220,255,.22) !important;
}
@media (max-width: 760px){
.website-authority-page .authority-matters-section .authority-outcome-card ul.clean li{
font-size:.9rem !important;
padding:9px 10px !important;
}
} @media (min-width:981px){
.nav{gap:13px!important;font-size:.78rem!important;}
.header-cta .btn{padding:11px 13px!important;font-size:.78rem!important;}
.header-cta .btn-primary{min-width:210px!important;}
.header-cta .btn-secondary{min-width:150px!important;}
}
@media (min-width:1220px){
.nav{gap:15px!important;font-size:.8rem!important;}
}
.web-design-page .web-design-hero .inner-hero-card{
overflow:hidden!important;
}
.web-design-hero-card{
background:radial-gradient(circle at 80% 0%,rgba(55,197,255,.14),transparent 34%),linear-gradient(180deg,#fff,#f7fbff)!important;
}
.web-design-stack-list span{
display:grid!important;
grid-template-columns:12px 1fr!important;
gap:10px!important;
align-items:center!important;
}
.web-design-stack-list span:before{
content:"";display:block;width:7px;height:7px;border-radius:999px;background:#2457e6;box-shadow:0 0 0 5px rgba(36,87,230,.10);
}
.web-design-principle-card,
.web-design-fit-card,
.web-design-ai-card{
border-radius:24px!important;
}
.web-design-card-note{
margin-top:14px!important;
padding:14px 16px!important;
border-radius:16px!important;
background:#eef6ff!important;
border:1px solid #d7e7fb!important;
color:#172238!important;
font-weight:800!important;
}
.web-design-outcome-card{
position:relative!important;
overflow:hidden!important;
}
.web-design-outcome-card:before{
content:"";position:absolute;right:-42px;top:-42px;width:116px;height:116px;border-radius:50%;background:radial-gradient(circle,rgba(36,87,230,.12),transparent 66%);pointer-events:none;
}
.web-design-num{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:38px!important;
height:38px!important;
border-radius:14px!important;
background:linear-gradient(180deg,#eef6ff,#ffffff)!important;
border:1px solid #dce8f7!important;
color:#2457e6!important;
font-size:.78rem!important;
font-weight:950!important;
letter-spacing:.08em!important;
margin-bottom:18px!important;
box-shadow:0 10px 22px rgba(36,87,230,.08)!important;
}
.web-design-ai-card ul.clean{
display:grid!important;
gap:10px!important;
margin-top:16px!important;
}
.web-design-ai-card ul.clean li{
padding:10px 12px 10px 32px!important;
border-radius:14px!important;
background:rgba(255,255,255,.08)!important;
border:1px solid rgba(255,255,255,.14)!important;
color:#f4f8ff!important;
font-weight:800!important;
}
.web-design-ai-card ul.clean li:before{
left:13px!important;
background:#5fdcff!important;
box-shadow:0 0 0 5px rgba(95,220,255,.14)!important;
}
.web-design-include-card h3,
.web-design-outcome-card h3{
font-size:1.02rem!important;
}
.web-design-fit-panel .web-design-fit-card .check-list div{
background:#fff!important;
border:1px solid #dce8f7!important;
box-shadow:0 8px 20px rgba(7,17,31,.04)!important;
}
.web-design-final-cta .cta-panel{
background:radial-gradient(circle at 80% 10%,rgba(55,197,255,.12),transparent 36%),linear-gradient(135deg,#07111f,#0c2744 62%,#0f4164)!important;
color:#fff!important;
}
.web-design-final-cta .cta-panel h2,
.web-design-final-cta .cta-panel p,
.web-design-final-cta .cta-panel .lead{color:#fff!important;}
@media(max-width:980px){
.web-design-page .grid-4{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:640px){
.web-design-page .grid-4{grid-template-columns:1fr!important;}
.web-design-page .page-hero.inner-hero h1{font-size:clamp(2rem,8vw,2.55rem)!important;}
.web-design-num{width:32px!important;height:32px!important;border-radius:11px!important;margin-bottom:12px!important;}
.web-design-ai-card ul.clean li{font-size:.86rem!important;line-height:1.3!important;padding:9px 10px 9px 30px!important;}
} @media (max-width: 900px){
body .site-header{background:rgba(6,16,30,.96)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;}
body .header-inner{min-height:58px!important;}
body .site-header .brand-logo{max-width:138px!important;width:138px!important;max-height:none!important;}
body .mobile-toggle{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;border-radius:14px!important;min-width:42px!important;min-height:42px!important;}
body .mobile-drawer{background:#07111f!important;border-top:1px solid rgba(255,255,255,.10)!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;}
body .mobile-drawer .nav-link{color:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;}
body .mobile-drawer .drawer-ctas .btn{min-height:46px!important;}
body .page-hero.inner-hero,
body .page-hero.scan-page-hero,
body .page-hero.review-booking-hero,
body .page-hero.contact-page,
body .page-hero:not(.home-hero-reference-fold){
padding-top:46px!important;
padding-bottom:46px!important;
}
body .page-hero.inner-hero .container,
body .page-hero.scan-page-hero .container,
body .page-hero.review-booking-hero .container,
body .page-hero.contact-page .container{
grid-template-columns:1fr!important;
gap:20px!important;
}
body .page-hero h1,
body .inner-hero h1,
body .scan-page-hero h1,
body .review-booking-hero h1,
body .contact-page h1{
font-size:clamp(2.02rem,8vw,2.72rem)!important;
line-height:1.02!important;
letter-spacing:-.055em!important;
max-width:100%!important;
text-wrap:balance;
}
body .page-hero .lead,
body .inner-hero .lead,
body .scan-page-hero .lead,
body .review-booking-hero .lead,
body .contact-page .lead{
font-size:1rem!important;
line-height:1.48!important;
margin-top:12px!important;
max-width:100%!important;
}
body .page-hero p:not(.eyebrow):not(.lead),
body .inner-hero p:not(.eyebrow):not(.lead){
font-size:.95rem!important;
line-height:1.5!important;
}
body .page-hero .button-row,
body .inner-hero .button-row,
body .scan-page-hero .button-row,
body .review-booking-hero .button-row,
body .contact-page .button-row{
margin-top:18px!important;
gap:10px!important;
display:grid!important;
grid-template-columns:1fr!important;
}
body .page-hero .button-row .btn,
body .inner-hero .button-row .btn,
body .scan-page-hero .button-row .btn,
body .review-booking-hero .button-row .btn,
body .contact-page .button-row .btn{
width:100%!important;
min-height:48px!important;
}
body .inner-hero-card,
body .score-card.inner-score,
body .scan-includes-card,
body .review-booking-hero .card,
body .contact-card,
body .form-shell{
padding:18px!important;
border-radius:20px!important;
}
}
@media (max-width: 767px){ body.home .home-hero-reference-fold{padding:18px 0 22px!important;}
body.home .home-hero-reference-fold .home-hero-shell{width:calc(100% - 28px)!important;gap:12px!important;}
body.home .home-hero-reference-fold .mobile-hero-intel{display:none!important;}
body.home .home-hero-reference-fold .mobile-hero-pill{margin-bottom:10px!important;font-size:.62rem!important;}
body.home .home-hero-reference-fold .home-hero-title{font-size:clamp(2.12rem,10vw,2.85rem)!important;line-height:.98!important;}
body.home .home-hero-reference-fold .home-hero-copy{font-size:.96rem!important;line-height:1.42!important;margin-top:12px!important;}
body.home .home-hero-reference-fold .home-hero-form-col{margin-top:14px!important;}
body.home .home-hero-reference-fold .home-hero-scan-form{padding:14px!important;gap:9px!important;border-radius:18px!important;}
body.home .home-hero-reference-fold .mobile-form-title{font-size:.78rem!important;letter-spacing:.12em!important;}
body.home .home-hero-reference-fold .home-hero-scan-form input{height:48px!important;min-height:48px!important;font-size:.92rem!important;border-radius:13px!important;}
body.home .home-hero-reference-fold .home-hero-scan-form .btn{height:50px!important;min-height:50px!important;font-size:.94rem!important;border-radius:13px!important;}
body.home .home-hero-reference-fold .home-hero-trust{justify-content:flex-start!important;gap:7px!important;margin-top:10px!important;}
body.home .home-hero-reference-fold .trust-chip-fast{display:none!important;}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip{padding:7px 10px!important;}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip-icon{width:18px!important;height:18px!important;min-width:18px!important;}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip-text{font-size:.7rem!important;}
body.home .home-hero-reference-fold .home-hero-right{display:flex!important;justify-content:flex-end!important;margin-top:-6px!important;padding-right:8px!important;}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img{width:176px!important;max-width:176px!important;}
body.home .home-trust-bar{display:none!important;}
body.home .home-problem-section{padding-top:30px!important;}
body.home .home-search-card{padding:15px!important;}
body.home .search-everywhere-grid{grid-template-columns:1fr!important;gap:8px!important;}
body.home .search-everywhere-grid > div{display:grid!important;grid-template-columns:34px 1fr!important;gap:10px!important;align-items:start!important;padding:11px!important;border-radius:14px!important;}
body.home .search-everywhere-grid > div p{grid-column:2!important;margin:0!important;font-size:.84rem!important;line-height:1.36!important;}
body.home .search-everywhere-grid > div strong{display:block!important;font-size:.92rem!important;line-height:1.15!important;}
body.home .search-icon{width:30px!important;height:30px!important;grid-row:1 / span 2!important;} body.strategic-seo-page .strategic-hero p:not(.eyebrow):not(.lead),
body .strategic-seo-page .strategic-hero p:not(.eyebrow):not(.lead),
body .website-authority-page .authority-hero p:not(.eyebrow):not(.lead),
body .web-design-page .web-design-hero p:not(.eyebrow):not(.lead),
body .about-page .about-hero p:not(.eyebrow):not(.lead){
display:none!important;
}
body .strategic-mini-metrics{grid-template-columns:1fr!important;gap:8px!important;}
body .strategic-mini-metrics div{padding:11px!important;border-radius:14px!important;}
body .inner-score .bar-list{display:grid!important;gap:10px!important;}
body .inner-score{max-width:100%!important;} body .scan-page-hero{padding-top:34px!important;padding-bottom:34px!important;}
body .scan-page-hero .scan-hero-buttons .btn-secondary{display:none!important;}
body .scan-page-hero .scan-includes-card{display:none!important;}
body .scan-page-hero .scan-microcopy{font-size:.78rem!important;text-align:center!important;margin-top:10px!important;}
body .scan-page-hero + .section .grid-3 .card{padding:12px 14px!important;}
body .scan-page-hero + .section .grid-3 .card p{display:none!important;} body .review-booking-hero .button-row .btn-primary{order:-1!important;}
body .review-booking-hero .card ul.clean li{font-size:.9rem!important;}
body .review-booking-hero + .section .grid-3 .card p{font-size:.86rem!important;} body .contact-page{padding-top:34px!important;padding-bottom:34px!important;}
body .contact-card{margin-top:12px!important;}
body .contact-card h2,
body .form-shell h2{font-size:1.18rem!important;}
body .contact-card .btn{width:100%!important;}
body .form-grid{gap:11px!important;}
body .form-grid label{font-size:.82rem!important;}
body .form-grid input{height:46px!important;}
body .form-grid textarea{min-height:110px!important;}
body .form-grid button{width:100%!important;} body .case-grid{grid-template-columns:1fr!important;gap:12px!important;}
body .case-card .btn{width:100%!important;}
body .case-card p{font-size:.88rem!important;}
body .case-overview-card .result-number{font-size:2.2rem!important;}
body .case-metrics-row,
body .case-metrics-row.three,
body .metric-grid{grid-template-columns:1fr!important;gap:8px!important;} body .strategic-fix-grid,
body .ai-analysis-grid,
body .authority-question-grid,
body .authority-include-grid,
body .web-design-outcome-grid,
body .web-design-include-grid{
grid-template-columns:1fr!important;
gap:10px!important;
}
body .strategic-fix-grid .card,
body .ai-analysis-grid .card,
body .authority-question-grid .card,
body .authority-include-grid .card,
body .web-design-outcome-grid .card,
body .web-design-include-grid .card{
padding:13px!important;
min-height:0!important;
}
body .authority-question-grid .card h3{font-size:.98rem!important;margin:0!important;}
body .web-design-ai-section{position:relative!important;}
body .web-design-ai-section:before,
body .strategic-evidence-section:before,
body .authority-matters-section:before,
body .ai-competitor-section:before{
content:""!important;
display:block!important;
position:absolute!important;
left:18px!important;
right:18px!important;
top:0!important;
height:1px!important;
background:linear-gradient(90deg,transparent,rgba(55,197,255,.55),transparent)!important;
}
body .web-design-ai-card ul.clean li,
body .authority-outcome-card ul.clean li,
body .strategic-include-card ul.clean li,
body .ai-proof-card .signal-chip-grid span{
font-size:.88rem!important;
} body .about-page .about-hero .grid-2{gap:18px!important;}
body .about-page .about-photo-wrap{max-width:230px!important;margin:0 auto!important;}
body .about-page .about-photo{max-width:230px!important;}
body .about-page .photo-caption{max-width:230px!important;font-size:.78rem!important;padding:11px!important;}
body .about-difference-card p:nth-of-type(2){display:none!important;}
body .about-final-cta .lead{display:none!important;} body .final-cta .grid-2,
body .cta-panel.grid-2{grid-template-columns:1fr!important;gap:14px!important;}
body .final-cta .btn,
body .cta-panel .btn{width:100%!important;} body .mobile-cta-bar{padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;gap:8px!important;}
body .mobile-cta-bar .btn{min-height:40px!important;font-size:.78rem!important;padding:9px 10px!important;}
}
@media (max-width: 420px){
body.home .home-hero-reference-fold .home-hero-shell{width:calc(100% - 24px)!important;}
body.home .home-hero-reference-fold .home-hero-title{font-size:clamp(1.92rem,9.6vw,2.36rem)!important;}
body.home .home-hero-reference-fold .home-hero-copy{font-size:.9rem!important;}
body.home .home-hero-reference-fold .phone-hero-picture,
body.home .home-hero-reference-fold img.phone-hero-img{width:154px!important;max-width:154px!important;}
body .page-hero h1,
body .inner-hero h1,
body .scan-page-hero h1,
body .review-booking-hero h1,
body .contact-page h1{font-size:clamp(1.72rem,8.4vw,2.12rem)!important;}
body .page-hero.inner-hero,
body .page-hero.scan-page-hero,
body .page-hero.review-booking-hero,
body .page-hero.contact-page,
body .page-hero:not(.home-hero-reference-fold){padding-top:34px!important;padding-bottom:34px!important;}
} @media (max-width: 767px){
body .website-authority-page .authority-gaps-section{
padding-top:30px!important;
padding-bottom:82px!important;
background:#f7faff!important;
}
body .website-authority-page .authority-gaps-section .container{
display:block!important;
padding:18px 16px!important;
border-radius:22px!important;
background:#fff!important;
box-shadow:0 12px 32px rgba(7,17,31,.06)!important;
}
body .website-authority-page .authority-gaps-section .eyebrow{
margin-bottom:7px!important;
}
body .website-authority-page .authority-gaps-section h2{
font-size:clamp(1.48rem,6vw,1.9rem)!important;
line-height:1.04!important;
letter-spacing:-.045em!important;
margin-bottom:8px!important;
}
body .website-authority-page .authority-gaps-section p:not(.eyebrow){
font-size:.88rem!important;
line-height:1.38!important;
margin-bottom:0!important;
}
body .website-authority-page .authority-gap-card{
margin-top:16px!important;
padding:14px!important;
border-radius:18px!important;
box-shadow:none!important;
border:1px solid #dbe7f5!important;
background:#ffffff!important;
}
body .website-authority-page .authority-gap-card:before{
display:none!important;
}
body .website-authority-page .authority-gap-card h3{
font-size:1.08rem!important;
line-height:1.12!important;
letter-spacing:-.035em!important;
margin:0 0 10px!important;
}
body .website-authority-page .authority-gap-card ul.clean{
display:grid!important;
gap:7px!important;
margin:0!important;
padding:0!important;
}
body .website-authority-page .authority-gaps-section .authority-gap-card li,
body .website-authority-page .authority-gap-card ul.clean li{
display:grid!important;
grid-template-columns:13px 1fr!important;
gap:9px!important;
align-items:start!important;
min-height:0!important;
padding:8px 9px!important;
border-radius:12px!important;
border:1px solid #e5edf7!important;
background:#f8fbff!important;
color:#1f3148!important;
-webkit-text-fill-color:#1f3148!important;
font-size:.83rem!important;
line-height:1.24!important;
font-weight:800!important;
position:relative!important;
}
body .website-authority-page .authority-gaps-section .authority-gap-card li:before,
body .website-authority-page .authority-gap-card ul.clean li:before{
content:""!important;
display:block!important;
width:7px!important;
height:7px!important;
min-width:7px!important;
border-radius:999px!important;
background:var(--blue)!important;
box-shadow:0 0 0 4px rgba(36,87,230,.10)!important;
position:static!important;
margin-top:.42em!important;
}
}
@media (max-width: 420px){
body .website-authority-page .authority-gaps-section{
padding-top:22px!important;
padding-bottom:88px!important;
}
body .website-authority-page .authority-gaps-section .container{
padding:15px 13px!important;
border-radius:18px!important;
}
body .website-authority-page .authority-gap-card{
padding:12px!important;
border-radius:16px!important;
}
body .website-authority-page .authority-gap-card h3{
font-size:1rem!important;
}
body .website-authority-page .authority-gaps-section .authority-gap-card li,
body .website-authority-page .authority-gap-card ul.clean li{
grid-template-columns:12px 1fr!important;
gap:8px!important;
padding:7px 8px!important;
font-size:.78rem!important;
line-height:1.22!important;
border-radius:11px!important;
}
} @media (max-width: 767px){
body .website-authority-page .authority-final-cta{
background:#ffffff!important;
padding-top:30px!important;
padding-bottom:96px!important;
}
body .website-authority-page .authority-final-cta .cta-panel{
background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%)!important;
border:1px solid #d8e6fb!important;
box-shadow:0 18px 54px rgba(7,17,31,.10)!important;
padding:22px 20px!important;
border-radius:22px!important;
}
body .website-authority-page .authority-final-cta .eyebrow,
body .website-authority-page .authority-final-cta .cta-panel .eyebrow{
color:var(--blue)!important;
-webkit-text-fill-color:var(--blue)!important;
opacity:1!important;
}
body .website-authority-page .authority-final-cta h2,
body .website-authority-page .authority-final-cta .cta-panel h2{
color:var(--ink)!important;
-webkit-text-fill-color:var(--ink)!important;
opacity:1!important;
font-size:clamp(1.55rem,6.6vw,2rem)!important;
line-height:1.06!important;
letter-spacing:-.045em!important;
margin-bottom:10px!important;
text-shadow:none!important;
}
body .website-authority-page .authority-final-cta .lead,
body .website-authority-page .authority-final-cta p,
body .website-authority-page .authority-final-cta .cta-panel .lead,
body .website-authority-page .authority-final-cta .cta-panel p:not(.eyebrow){
color:#334155!important;
-webkit-text-fill-color:#334155!important;
opacity:1!important;
text-shadow:none!important;
}
body .website-authority-page .authority-final-cta .lead{
font-size:.95rem!important;
line-height:1.42!important;
margin-bottom:9px!important;
font-weight:700!important;
}
body .website-authority-page .authority-final-cta p:not(.eyebrow):not(.lead){
font-size:.9rem!important;
line-height:1.45!important;
margin-bottom:16px!important;
}
body .website-authority-page .authority-final-cta .btn{
width:100%!important;
margin-top:8px!important;
}
}
@media (max-width: 420px){
body .website-authority-page .authority-final-cta .cta-panel{
padding:20px 17px!important;
border-radius:20px!important;
}
body .website-authority-page .authority-final-cta h2,
body .website-authority-page .authority-final-cta .cta-panel h2{
font-size:1.48rem!important;
}
} @media (max-width: 980px){
body{
padding-top:70px!important;
}
.site-header{
position:fixed!important;
top:0!important;
left:0!important;
right:0!important;
width:100%!important;
z-index:2200!important;
background:rgba(7,17,31,.96)!important;
border-bottom:1px solid rgba(255,255,255,.10)!important;
box-shadow:0 10px 28px rgba(7,17,31,.18)!important;
backdrop-filter:blur(18px)!important;
-webkit-backdrop-filter:blur(18px)!important;
}
.site-header .header-inner{
min-height:70px!important;
}
.site-header.open .mobile-drawer{
max-height:calc(100vh - 70px)!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
}
}
@media (max-width: 640px){
body{
padding-top:62px!important;
}
.site-header .header-inner{
min-height:62px!important;
}
.site-header.open .mobile-drawer{
max-height:calc(100vh - 62px)!important;
}
}
@media (max-width: 420px){
body{
padding-top:58px!important;
}
.site-header .header-inner{
min-height:58px!important;
}
.site-header.open .mobile-drawer{
max-height:calc(100vh - 58px)!important;
}
} @media (max-width: 767px){
body.home{
padding-top:62px!important;
}
body.home .home-hero-reference-fold{
padding-top:20px!important;
padding-bottom:34px!important;
overflow:hidden!important;
}
body.home .home-hero-reference-fold .home-hero-shell{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(128px,39vw)!important;
column-gap:10px!important;
row-gap:12px!important;
align-items:center!important;
width:100%!important;
max-width:100%!important;
padding-left:18px!important;
padding-right:18px!important;
}
body.home .home-hero-reference-fold .home-hero-left{
display:contents!important;
}
body.home .home-hero-reference-fold .eyebrow,
body.home .home-hero-reference-fold .mobile-hero-intel{
display:none!important;
}
body.home .home-hero-reference-fold .mobile-hero-pill{
display:inline-flex!important;
grid-column:1 / -1!important;
grid-row:auto!important;
justify-self:start!important;
align-items:center!important;
width:auto!important;
max-width:100%!important;
margin:0 0 2px!important;
padding:7px 14px!important;
border-radius:999px!important;
background:rgba(34,197,94,.10)!important;
border:1px solid rgba(34,197,94,.28)!important;
color:#86efac!important;
font-size:.66rem!important;
line-height:1!important;
letter-spacing:.13em!important;
text-transform:uppercase!important;
white-space:nowrap!important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
grid-column:1 / 2!important;
justify-self:stretch!important;
align-self:center!important;
text-align:left!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
font-size:clamp(2rem,9.6vw,2.75rem)!important;
line-height:.98!important;
letter-spacing:-.07em!important;
overflow:visible!important;
word-break:normal!important;
overflow-wrap:normal!important;
}
body.home .home-hero-reference-fold .home-hero-title .desktop-title-line{
display:none!important;
}
body.home .home-hero-reference-fold .home-hero-title .mobile-title-line{
display:block!important;
white-space:nowrap!important;
line-height:.98!important;
}
body.home .home-hero-reference-fold .home-gradient-line{
display:block!important;
white-space:normal!important;
}
body.home .home-hero-reference-fold .home-hero-right{
grid-column:2 / 3!important;
justify-self:end!important;
align-self:center!important;
width:100%!important;
min-width:0!important;
min-height:0!important;
margin:0 -20px 0 -10px!important;
padding:0!important;
transform:none!important;
overflow:visible!important;
z-index:1!important;
}
body.home .home-hero-reference-fold .home-hero-right:before{
content:""!important;
display:block!important;
position:absolute!important;
z-index:-1!important;
width:190px!important;
height:190px!important;
left:50%!important;
top:50%!important;
transform:translate(-50%,-50%)!important;
border-radius:999px!important;
background:radial-gradient(circle,rgba(34,197,94,.28),rgba(55,197,255,.13) 42%,transparent 70%)!important;
filter:blur(12px)!important;
opacity:1!important;
}
body.home .home-hero-reference-fold .home-hero-right:after,
body.home .home-hero-reference-fold .phone-callout{
display:none!important;
}
body.home .home-hero-reference-fold .phone-hero-picture{
display:block!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
transform:none!important;
}
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
display:block!important;
width:min(188px,48vw)!important;
max-width:none!important;
height:auto!important;
margin:0!important;
transform:none!important;
filter:drop-shadow(0 18px 26px rgba(0,0,0,.30)) drop-shadow(0 0 12px rgba(34,197,94,.20))!important;
object-fit:contain!important;
}
body.home .home-hero-reference-fold .home-hero-copy{
grid-column:1 / -1!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
text-align:left!important;
font-size:.95rem!important;
line-height:1.45!important;
color:rgba(226,232,240,.88)!important;
font-weight:650!important;
}
body.home .home-hero-reference-fold .desktop-hero-copy{
display:none!important;
}
body.home .home-hero-reference-fold .mobile-hero-copy-text{
display:inline!important;
}
body.home .home-hero-reference-fold .home-hero-form-col{
grid-column:1 / -1!important;
width:100%!important;
max-width:100%!important;
margin:2px 0 0!important;
padding:0!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form{
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:16px!important;
border-radius:18px!important;
background:rgba(255,255,255,.055)!important;
border:1px solid rgba(255,255,255,.13)!important;
box-shadow:0 16px 40px rgba(7,17,31,.16)!important;
}
body.home .home-hero-reference-fold .mobile-form-title{
display:block!important;
margin:0 0 10px!important;
color:#e2e8f0!important;
font-size:.78rem!important;
line-height:1.2!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
font-weight:800!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form input{
height:48px!important;
min-height:48px!important;
padding:0 14px!important;
border-radius:12px!important;
font-size:1rem!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form input::placeholder{
color:rgba(255,255,255,.58)!important;
opacity:1!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form .btn{
width:100%!important;
height:50px!important;
margin-top:10px!important;
padding:0 14px!important;
border-radius:12px!important;
font-size:.92rem!important;
line-height:1!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
body.home .home-hero-reference-fold .home-hero-trust{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
width:100%!important;
max-width:100%!important;
margin:10px 0 0!important;
}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip{
width:100%!important;
justify-content:center!important;
min-height:34px!important;
padding:7px 8px!important;
border-radius:999px!important;
font-size:.72rem!important;
line-height:1.1!important;
white-space:nowrap!important;
}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip-fast{
display:none!important;
}
body.home .home-hero-reference-fold .home-trust-bar{
margin-top:26px!important;
}
}
@media (max-width: 420px){
body.home .home-hero-reference-fold .home-hero-shell{
grid-template-columns:minmax(0,1fr) minmax(108px,37vw)!important;
padding-left:16px!important;
padding-right:16px!important;
column-gap:8px!important;
row-gap:11px!important;
}
body.home .home-hero-reference-fold .mobile-hero-pill{
font-size:.6rem!important;
padding:6px 12px!important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
font-size:clamp(1.8rem,9.1vw,2.25rem)!important;
letter-spacing:-.065em!important;
}
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:min(168px,46vw)!important;
}
body.home .home-hero-reference-fold .home-hero-copy{
font-size:.88rem!important;
line-height:1.42!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form{
padding:14px!important;
border-radius:16px!important;
}
body.home .home-hero-reference-fold .home-hero-trust{
gap:7px!important;
}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip{
min-height:32px!important;
padding-left:6px!important;
padding-right:6px!important;
font-size:.68rem!important;
}
}
@media (max-width: 360px){
body.home .home-hero-reference-fold .home-hero-shell{
grid-template-columns:minmax(0,1fr) minmax(96px,35vw)!important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
font-size:1.68rem!important;
}
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:150px!important;
}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip{
font-size:.64rem!important;
}
} @media (max-width: 767px){
body.home .home-hero-reference-fold{
padding-top:18px!important;
padding-bottom:30px!important;
}
body.home .home-hero-reference-fold .home-hero-shell{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(132px,38vw)!important;
grid-template-areas:
"pill pill"
"title phone"
"copy phone"
"form form"!important;
column-gap:10px!important;
row-gap:12px!important;
align-items:start!important;
}
body.home .home-hero-reference-fold .mobile-hero-pill{
grid-area:pill!important;
align-self:start!important;
justify-self:start!important;
margin:0 0 4px!important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
grid-area:title!important;
align-self:start!important;
margin:0!important;
padding-top:4px!important;
max-width:100%!important;
}
body.home .home-hero-reference-fold .home-hero-right{
grid-area:phone!important;
align-self:start!important;
justify-self:end!important;
position:relative!important;
margin:-8px -32px 0 -8px!important;
padding:0!important;
width:auto!important;
max-width:none!important;
z-index:2!important;
pointer-events:none!important;
}
body.home .home-hero-reference-fold .home-hero-right:before{
width:178px!important;
height:178px!important;
opacity:.9!important;
filter:blur(13px)!important;
}
body.home .home-hero-reference-fold .phone-hero-picture{
display:block!important;
width:auto!important;
max-width:none!important;
margin:0!important;
}
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:180px!important;
max-width:none!important;
height:auto!important;
transform:rotate(0deg)!important;
object-fit:contain!important;
filter:drop-shadow(0 18px 26px rgba(0,0,0,.32)) drop-shadow(0 0 12px rgba(34,197,94,.22))!important;
}
body.home .home-hero-reference-fold .home-hero-copy{
grid-area:copy!important;
align-self:start!important;
grid-column:auto!important;
width:100%!important;
max-width:100%!important;
margin:4px 0 0!important;
padding:0!important;
text-align:left!important;
font-size:.94rem!important;
line-height:1.44!important;
}
body.home .home-hero-reference-fold .home-hero-form-col{
grid-area:form!important;
grid-column:auto!important;
width:100%!important;
margin:2px 0 0!important;
padding:0!important;
z-index:3!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form{
margin:0!important;
}
}
@media (max-width: 420px){
body.home .home-hero-reference-fold .home-hero-shell{
grid-template-columns:minmax(0,1fr) minmax(118px,36vw)!important;
column-gap:8px!important;
row-gap:11px!important;
}
body.home .home-hero-reference-fold .home-hero-right{
margin:-6px -30px 0 -8px!important;
}
body.home .home-hero-reference-fold .home-hero-right:before{
width:156px!important;
height:156px!important;
}
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:160px!important;
}
body.home .home-hero-reference-fold .home-hero-copy{
font-size:.88rem!important;
line-height:1.42!important;
margin-top:2px!important;
}
}
@media (max-width: 370px){
body.home .home-hero-reference-fold .home-hero-shell{
grid-template-columns:minmax(0,1fr) minmax(96px,34vw)!important;
column-gap:7px!important;
}
body.home .home-hero-reference-fold .home-hero-right{
margin:-4px -24px 0 -8px!important;
}
body.home .home-hero-reference-fold img.phone-hero-img,
body.home .home-hero-reference-fold .phone-hero-picture img{
width:142px!important;
}
} .mobile-hero-phone{
display:none;
}
@media (max-width: 767px){
body.home{
padding-top:62px!important;
}
body.home .home-hero-reference-fold{
padding-top:18px!important;
padding-bottom:30px!important;
overflow:hidden!important;
}
body.home .home-hero-reference-fold .home-hero-shell{
display:block!important;
width:100%!important;
max-width:100%!important;
padding-left:18px!important;
padding-right:18px!important;
}
body.home .home-hero-reference-fold .home-hero-left{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(126px,36vw)!important;
grid-template-areas:
"pill pill"
"title phone"
"copy phone"
"form form"!important;
column-gap:10px!important;
row-gap:12px!important;
align-items:start!important;
width:100%!important;
max-width:100%!important;
position:relative!important;
}
body.home .home-hero-reference-fold .home-hero-right{
display:none!important;
}
body.home .home-hero-reference-fold .mobile-hero-phone{
display:flex!important;
grid-area:phone!important;
align-self:start!important;
justify-self:end!important;
position:relative!important;
width:auto!important;
max-width:none!important;
margin:-10px -34px 0 -6px!important;
padding:0!important;
z-index:2!important;
pointer-events:none!important;
}
body.home .home-hero-reference-fold .mobile-hero-phone:before{
content:""!important;
position:absolute!important;
z-index:-1!important;
width:160px!important;
height:230px!important;
left:52%!important;
top:48%!important;
transform:translate(-50%,-50%) rotate(5deg)!important;
border-radius:999px!important;
background:radial-gradient(ellipse at center,rgba(34,197,94,.40) 0%,rgba(55,197,255,.18) 36%,rgba(34,197,94,.10) 52%,transparent 72%)!important;
filter:blur(14px)!important;
opacity:.98!important;
}
body.home .home-hero-reference-fold .mobile-phone-hero-picture{
display:block!important;
width:auto!important;
max-width:none!important;
margin:0!important;
}
body.home .home-hero-reference-fold .mobile-phone-hero-img{
display:block!important;
width:176px!important;
max-width:none!important;
height:auto!important;
margin:0!important;
transform:none!important;
object-fit:contain!important;
filter:drop-shadow(0 18px 26px rgba(0,0,0,.34))!important;
}
body.home .home-hero-reference-fold .eyebrow,
body.home .home-hero-reference-fold .mobile-hero-intel{
display:none!important;
}
body.home .home-hero-reference-fold .mobile-hero-pill{
display:inline-flex!important;
grid-area:pill!important;
justify-self:start!important;
align-items:center!important;
width:auto!important;
max-width:100%!important;
margin:0 0 3px!important;
padding:7px 14px!important;
border-radius:999px!important;
background:rgba(34,197,94,.10)!important;
border:1px solid rgba(34,197,94,.28)!important;
color:#86efac!important;
font-size:.66rem!important;
line-height:1!important;
letter-spacing:.13em!important;
text-transform:uppercase!important;
white-space:nowrap!important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
grid-area:title!important;
align-self:start!important;
justify-self:start!important;
text-align:left!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding-top:3px!important;
font-size:clamp(2.04rem,9.8vw,2.64rem)!important;
line-height:.98!important;
letter-spacing:-.07em!important;
overflow:visible!important;
word-break:normal!important;
overflow-wrap:normal!important;
}
body.home .home-hero-reference-fold .home-hero-title .desktop-title-line{
display:none!important;
}
body.home .home-hero-reference-fold .home-hero-title .mobile-title-line{
display:block!important;
white-space:nowrap!important;
line-height:.98!important;
}
body.home .home-hero-reference-fold .home-gradient-line{
display:block!important;
white-space:normal!important;
}
body.home .home-hero-reference-fold .home-hero-copy{
grid-area:copy!important;
width:100%!important;
max-width:100%!important;
margin:3px 0 0!important;
padding:0!important;
text-align:left!important;
font-size:.91rem!important;
line-height:1.42!important;
color:rgba(226,232,240,.88)!important;
font-weight:650!important;
}
body.home .home-hero-reference-fold .desktop-hero-copy{
display:none!important;
}
body.home .home-hero-reference-fold .mobile-hero-copy-text{
display:inline!important;
}
body.home .home-hero-reference-fold .home-hero-form-col{
grid-area:form!important;
width:100%!important;
max-width:100%!important;
margin:2px 0 0!important;
padding:0!important;
z-index:3!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form{
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:16px!important;
border-radius:18px!important;
background:rgba(255,255,255,.055)!important;
border:1px solid rgba(255,255,255,.13)!important;
box-shadow:0 16px 40px rgba(7,17,31,.16)!important;
}
body.home .home-hero-reference-fold .mobile-form-title{
display:block!important;
margin:0 0 10px!important;
color:#e2e8f0!important;
font-size:.78rem!important;
line-height:1.2!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
font-weight:800!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form input{
height:48px!important;
min-height:48px!important;
padding:0 14px!important;
border-radius:12px!important;
font-size:1rem!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form input::placeholder{
color:rgba(255,255,255,.58)!important;
opacity:1!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form .btn{
width:100%!important;
height:50px!important;
margin-top:10px!important;
padding:0 14px!important;
border-radius:12px!important;
font-size:.92rem!important;
line-height:1!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
body.home .home-hero-reference-fold .home-hero-trust{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
width:100%!important;
max-width:100%!important;
margin:10px 0 0!important;
}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip{
width:100%!important;
justify-content:center!important;
min-height:34px!important;
padding:7px 8px!important;
border-radius:999px!important;
font-size:.72rem!important;
line-height:1.1!important;
white-space:nowrap!important;
}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip-fast{
display:none!important;
}
body.home .home-hero-reference-fold .home-trust-bar{
margin-top:26px!important;
}
}
@media (max-width: 420px){
body.home .home-hero-reference-fold .home-hero-shell{
padding-left:16px!important;
padding-right:16px!important;
}
body.home .home-hero-reference-fold .home-hero-left{
grid-template-columns:minmax(0,1fr) minmax(112px,35vw)!important;
column-gap:8px!important;
row-gap:11px!important;
}
body.home .home-hero-reference-fold .mobile-hero-pill{
font-size:.6rem!important;
padding:6px 12px!important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
font-size:clamp(1.78rem,9.2vw,2.22rem)!important;
letter-spacing:-.065em!important;
}
body.home .home-hero-reference-fold .mobile-hero-phone{
margin:-7px -30px 0 -6px!important;
}
body.home .home-hero-reference-fold .mobile-hero-phone:before{
width:142px!important;
height:210px!important;
}
body.home .home-hero-reference-fold .mobile-phone-hero-img{
width:156px!important;
}
body.home .home-hero-reference-fold .home-hero-copy{
font-size:.86rem!important;
line-height:1.4!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form{
padding:14px!important;
border-radius:16px!important;
}
body.home .home-hero-reference-fold .home-hero-trust{
gap:7px!important;
}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip{
min-height:32px!important;
padding-left:6px!important;
padding-right:6px!important;
font-size:.68rem!important;
}
}
@media (max-width: 370px){
body.home .home-hero-reference-fold .home-hero-left{
grid-template-columns:minmax(0,1fr) minmax(94px,33vw)!important;
column-gap:7px!important;
}
body.home .home-hero-reference-fold .home-hero-title,
body.home .home-hero-reference-fold .hero-headline{
font-size:1.66rem!important;
}
body.home .home-hero-reference-fold .mobile-hero-phone{
margin:-5px -24px 0 -6px!important;
}
body.home .home-hero-reference-fold .mobile-phone-hero-img{
width:140px!important;
}
body.home .home-hero-reference-fold .mobile-hero-phone:before{
width:126px!important;
height:188px!important;
}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip{
font-size:.64rem!important;
}
} @media (max-width: 767px){
body.home .home-hero-reference-fold{
padding-bottom:42px!important;
}
body.home .home-hero-reference-fold .home-hero-left{
row-gap:10px!important;
}
body.home .home-hero-reference-fold .home-hero-form-col{
margin-top:0!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form{
padding:13px!important;
border-radius:16px!important;
background:rgba(255,255,255,.05)!important;
border-color:rgba(255,255,255,.14)!important;
}
body.home .home-hero-reference-fold .mobile-form-title{
margin:0 0 8px!important;
font-size:.68rem!important;
line-height:1.15!important;
letter-spacing:.07em!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form input{
height:43px!important;
min-height:43px!important;
padding:0 13px!important;
border-radius:11px!important;
font-size:.94rem!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form input::placeholder{
font-size:.94rem!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form .btn{
height:46px!important;
min-height:46px!important;
margin-top:8px!important;
border-radius:11px!important;
font-size:.88rem!important;
letter-spacing:-.01em!important;
}
body.home .home-hero-reference-fold .home-hero-trust{
gap:7px!important;
margin-top:8px!important;
}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip{
min-height:30px!important;
padding:5px 7px!important;
border-radius:999px!important;
font-size:.66rem!important;
line-height:1!important;
}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip-icon{
width:20px!important;
height:20px!important;
flex:0 0 20px!important;
margin-right:5px!important;
}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip-icon svg{
width:12px!important;
height:12px!important;
}
}
@media (max-width: 420px){
body.home .home-hero-reference-fold{
padding-bottom:44px!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form{
padding:12px!important;
}
body.home .home-hero-reference-fold .mobile-form-title{
font-size:.64rem!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form input{
height:41px!important;
min-height:41px!important;
font-size:.9rem!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form input::placeholder{
font-size:.9rem!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form .btn{
height:44px!important;
min-height:44px!important;
font-size:.84rem!important;
}
body.home .home-hero-reference-fold .home-hero-trust .trust-chip{
min-height:29px!important;
font-size:.62rem!important;
}
} .home-hero-proofline{
display:none;
}
@media (max-width: 767px){
body.home .home-hero-reference-fold .home-hero-proofline{
display:block!important;
margin:8px 0 0!important;
text-align:center!important;
font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;
font-size:.78rem!important;
line-height:1.35!important;
font-weight:800!important;
color:rgba(226,232,240,.86)!important;
letter-spacing:-.01em!important;
}
body.home .home-hero-reference-fold .home-hero-trust{
display:none!important;
}
body.home .home-hero-reference-fold .home-hero-scan-form{
margin-bottom:0!important;
}
}
@media (max-width: 420px){
body.home .home-hero-reference-fold .home-hero-proofline{
margin-top:7px!important;
font-size:.72rem!important;
}
}
@media (max-width: 370px){
body.home .home-hero-reference-fold .home-hero-proofline{
font-size:.68rem!important;
}
} .footer-logo-link{display:inline-block;line-height:0;}
.footer-logo-link:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:8px;} @media (max-width: 640px){
.page-section p:not(.eyebrow):not(.kicker):not(.microcopy):not(.small-text):not(.footer-copy):not(.footer-legal):not(.hero-microcopy),
.section-copy,
.section-intro p,
.content-card p,
.feature-card p,
.fit-card p,
.service-card p,
.proof-card p,
.authority-card p,
.seo-card p,
.ai-card p,
.web-card p,
.case-card p,
.review-card p,
.comparison-card p,
.insight-card p,
.strategy-card p,
.page-card p,
.glass-card p,
.light-card p,
.dark-card p,
.best-fit-card p,
.why-card p{
font-size:.96rem !important;
line-height:1.55 !important;
}
} .testimonials-section{
position:relative;
overflow:hidden;
}
.testimonials-section:before{
content:"";
position:absolute;
left:50%;
top:0;
width:min(900px,90vw);
height:1px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,rgba(26,79,214,.22),rgba(0,207,232,.2),transparent);
}
.testimonial-grid{
align-items:stretch;
}
.testimonial-card{
position:relative;
display:flex;
flex-direction:column;
min-height:100%;
background:rgba(255,255,255,.96);
border:1px solid rgba(220,230,242,.95);
border-radius:26px;
padding:30px;
box-shadow:0 18px 46px rgba(7,17,31,.08);
overflow:hidden;
}
.testimonial-card:before{
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:4px;
background:linear-gradient(90deg,var(--blue),var(--cyan));
opacity:.9;
}
.testimonial-card.featured-testimonial{
box-shadow:0 26px 70px rgba(26,79,214,.14);
border-color:#cfe0fb;
}
.testimonial-mark{
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:16px;
margin-bottom:18px;
color:#fff;
background:linear-gradient(135deg,var(--blue),var(--cyan));
font-family:Georgia,serif;
font-size:2.4rem;
line-height:1;
box-shadow:0 14px 28px rgba(26,79,214,.18);
}
.testimonial-card p{
font-size:1.02rem;
line-height:1.62;
color:#334155;
margin-bottom:24px;
}
.testimonial-author{
display:flex;
align-items:center;
gap:12px;
margin-top:auto;
padding-top:18px;
border-top:1px solid #e3ebf6;
}
.testimonial-avatar{
width:42px;
height:42px;
flex:0 0 42px;
display:grid;
place-items:center;
border-radius:14px;
background:#eef5ff;
color:var(--blue);
font-size:.78rem;
font-weight:950;
letter-spacing:.02em;
border:1px solid #d8e6fb;
}
.testimonial-author strong{
display:block;
color:#07111f;
font-size:.98rem;
line-height:1.2;
letter-spacing:-.02em;
}
.testimonial-author span:not(.testimonial-avatar){
display:block;
color:#64748b;
font-size:.82rem;
line-height:1.3;
font-weight:800;
margin-top:3px;
}
.testimonial-tag{
display:inline-flex;
align-self:flex-start;
margin-top:16px;
padding:7px 11px;
border-radius:999px;
background:rgba(34,197,94,.1);
color:#15803d;
font-size:.72rem;
font-weight:950;
letter-spacing:.06em;
text-transform:uppercase;
}
.testimonial-split{
display:grid;
grid-template-columns:.9fr 1.1fr;
gap:42px;
align-items:center;
}
.testimonial-intro h2{
max-width:620px;
}
.testimonial-stack{
display:grid;
gap:18px;
}
.compact-testimonial{
min-height:auto;
}
.compact-testimonial p{
margin-bottom:18px;
}
@media (max-width: 980px){
.testimonial-split{
grid-template-columns:1fr;
}
}
@media (max-width: 767px){
.testimonials-section{
padding-top:64px!important;
padding-bottom:64px!important;
}
.testimonials-section .section-head{
margin-bottom:24px!important;
}
.testimonials-section .section-head h2,
.testimonial-intro h2{
font-size:clamp(1.82rem,8vw,2.35rem)!important;
line-height:1.08!important;
letter-spacing:-.045em!important;
}
.testimonials-section .lead,
.testimonial-intro .lead{
font-size:.98rem!important;
line-height:1.55!important;
}
.testimonial-grid{
grid-template-columns:1fr!important;
gap:16px!important;
}
.testimonial-card{
padding:22px!important;
border-radius:22px!important;
}
.testimonial-mark{
width:38px!important;
height:38px!important;
border-radius:14px!important;
margin-bottom:14px!important;
font-size:2.05rem!important;
}
.testimonial-card p{
font-size:.96rem!important;
line-height:1.56!important;
margin-bottom:18px!important;
}
.testimonial-author{
padding-top:14px!important;
gap:10px!important;
}
.testimonial-avatar{
width:38px!important;
height:38px!important;
flex-basis:38px!important;
border-radius:13px!important;
font-size:.72rem!important;
}
.testimonial-author strong{
font-size:.92rem!important;
}
.testimonial-author span:not(.testimonial-avatar){
font-size:.77rem!important;
}
.testimonial-tag{
margin-top:13px!important;
font-size:.66rem!important;
padding:6px 9px!important;
}
.testimonial-split{
gap:24px!important;
}
.testimonial-stack{
gap:16px!important;
}
} @media (max-width: 767px){
.home-testimonials-section{
padding-top:52px!important;
padding-bottom:52px!important;
}
.home-testimonials-section .section-head{
margin-bottom:20px!important;
}
.home-testimonials-section .section-head h2{
font-size:31px!important;
line-height:1.08!important;
letter-spacing:-.045em!important;
max-width:340px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.home-testimonials-section .section-head .lead{
font-size:16px!important;
line-height:1.5!important;
max-width:340px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.home-testimonials-section .testimonial-grid{
gap:14px!important;
}
.home-testimonials-section .testimonial-card{
padding:19px 18px 18px!important;
border-radius:20px!important;
box-shadow:0 14px 34px rgba(7,17,31,.07)!important;
}
.home-testimonials-section .testimonial-card:before{
height:3px!important;
}
.home-testimonials-section .testimonial-mark{
width:34px!important;
height:34px!important;
border-radius:12px!important;
margin-bottom:14px!important;
font-size:30px!important;
box-shadow:0 10px 20px rgba(26,79,214,.14)!important;
}
.home-testimonials-section .testimonial-card p{
font-size:16px!important;
line-height:1.46!important;
letter-spacing:-.01em!important;
margin-bottom:16px!important;
}
.home-testimonials-section .testimonial-author{
padding-top:13px!important;
gap:10px!important;
align-items:center!important;
}
.home-testimonials-section .testimonial-avatar{
width:36px!important;
height:36px!important;
flex:0 0 36px!important;
border-radius:12px!important;
font-size:12px!important;
}
.home-testimonials-section .testimonial-author strong{
font-size:17px!important;
line-height:1.12!important;
letter-spacing:-.025em!important;
}
.home-testimonials-section .testimonial-author span:not(.testimonial-avatar){
font-size:14px!important;
line-height:1.25!important;
margin-top:3px!important;
}
.home-testimonials-section .testimonial-tag{
margin-top:12px!important;
padding:6px 9px!important;
font-size:11px!important;
line-height:1!important;
letter-spacing:.055em!important;
}
}
@media (max-width: 390px){
.home-testimonials-section .testimonial-card{
padding:18px 16px 17px!important;
}
.home-testimonials-section .testimonial-card p{
font-size:15.5px!important;
}
.home-testimonials-section .section-head h2{
font-size:29px!important;
}
} @media (max-width: 640px){
body ul.clean,
body .about-check-list,
body .two-column-list ul,
body .check-list,
body .scan-checklist .check-list,
body .fit-list-card,
body .inspect-grid,
body .ai-clarity-list,
body .authority-signal-list,
body .about-baseline-grid,
body .search-everywhere-grid,
body .case-question-list{
gap:8px!important;
}
body ul.clean li,
body .about-check-list li,
body .two-column-list li,
body .authority-signal-card li,
body .authority-gap-card li{
display:grid!important;
grid-template-columns:16px 1fr!important;
align-items:start!important;
column-gap:9px!important;
min-height:0!important;
padding:9px 10px!important;
border-radius:13px!important;
font-size:14px!important;
line-height:1.28!important;
font-weight:780!important;
letter-spacing:-.01em!important;
}
body ul.clean li:before,
body .about-check-list li:before,
body .two-column-list li:before,
body .authority-signal-card li:before,
body .authority-gap-card li:before{
width:7px!important;
height:7px!important;
min-width:7px!important;
box-shadow:0 0 0 4px rgba(36,87,230,.10)!important;
margin-top:.42em!important;
}
body .check-list div,
body .scan-checklist .check-list div{
gap:9px!important;
min-height:0!important;
padding:7px 0!important;
font-size:14px!important;
line-height:1.28!important;
}
body .check-list div span,
body .check-list span,
body .scan-checklist .check-list span{
width:21px!important;
height:21px!important;
min-width:21px!important;
border-radius:7px!important;
font-size:11px!important;
}
body .fit-list-item,
body .inspect-item,
body .ai-clarity-list > div,
body .authority-signal-list > div,
body .search-everywhere-grid > div{
grid-template-columns:24px 1fr!important;
gap:8px!important;
min-height:0!important;
padding:9px 10px!important;
border-radius:13px!important;
}
body .fit-list-item > span,
body .inspect-item > span,
body .ai-clarity-list > div > span,
body .authority-signal-list > div > span{
width:22px!important;
height:22px!important;
min-width:22px!important;
border-radius:8px!important;
font-size:11px!important;
}
body .fit-list-item p,
body .inspect-item p,
body .ai-clarity-list > div p,
body .authority-signal-list > div p,
body .search-everywhere-grid p{
font-size:14px!important;
line-height:1.27!important;
margin:0!important;
font-weight:720!important;
letter-spacing:-.01em!important;
}
body .ai-clarity-list > div p strong,
body .authority-signal-list > div p strong,
body .search-everywhere-grid strong{
font-size:14px!important;
line-height:1.15!important;
margin-bottom:2px!important;
}
body .card ul.clean,
body .split-card ul.clean,
body .about-work-card ul.clean,
body .about-fit-card ul.clean,
body .strategic-include-card ul.clean,
body .authority-gap-card ul.clean,
body .web-design-ai-card ul.clean{
margin-top:10px!important;
}
}
@media (max-width: 390px){
body ul.clean li,
body .about-check-list li,
body .two-column-list li,
body .authority-signal-card li,
body .authority-gap-card li{
padding:8px 9px!important;
font-size:13.5px!important;
line-height:1.24!important;
border-radius:12px!important;
}
body .fit-list-item,
body .inspect-item,
body .ai-clarity-list > div,
body .authority-signal-list > div,
body .search-everywhere-grid > div{
padding:8px 9px!important;
grid-template-columns:22px 1fr!important;
gap:7px!important;
border-radius:12px!important;
}
body .fit-list-item > span,
body .inspect-item > span,
body .ai-clarity-list > div > span,
body .authority-signal-list > div > span{
width:20px!important;
height:20px!important;
min-width:20px!important;
font-size:10px!important;
}
body .fit-list-item p,
body .inspect-item p,
body .ai-clarity-list > div p,
body .authority-signal-list > div p,
body .search-everywhere-grid p,
body .check-list div,
body .scan-checklist .check-list div{
font-size:13.5px!important;
line-height:1.23!important;
}
} @media (max-width: 640px){ body .about-search-card,
body .ai-proof-card,
body .authority-signal-card,
body .web-design-hero-card,
body .signal-stack-card,
body .case-signal-card{
padding:16px !important;
border-radius:18px !important;
}
body .about-search-card h3,
body .ai-proof-card h3,
body .authority-signal-card h3,
body .web-design-hero-card h3,
body .signal-stack-card h3,
body .case-signal-card h3{
font-size:20px !important;
line-height:1.12 !important;
margin:0 0 12px !important;
letter-spacing:-.035em !important;
}
body .about-proof-stack,
body .signal-chip-grid,
body .case-signal-grid,
body .stack-list,
body .web-design-stack-list{
display:grid !important;
grid-template-columns:1fr !important;
gap:7px !important;
margin-top:10px !important;
}
body .about-proof-stack > span,
body .signal-chip-grid > span,
body .case-signal-grid > span,
body .stack-list > span,
body .web-design-stack-list > span{
display:grid !important;
grid-template-columns:14px 1fr !important;
align-items:center !important;
column-gap:8px !important;
min-height:0 !important;
width:100% !important;
max-width:100% !important;
padding:8px 10px !important;
border-radius:12px !important;
font-size:14px !important;
line-height:1.22 !important;
font-weight:760 !important;
letter-spacing:-.012em !important;
text-align:left !important;
box-shadow:0 5px 14px rgba(7,17,31,.035) !important;
}
body .about-proof-stack > span:before,
body .signal-chip-grid > span:before,
body .case-signal-grid > span:before,
body .stack-list > span:before,
body .web-design-stack-list > span:before{
content:"" !important;
display:block !important;
width:7px !important;
height:7px !important;
min-width:7px !important;
border-radius:999px !important;
margin:0 !important;
box-shadow:0 0 0 4px rgba(36,87,230,.10) !important;
}
body .about-proof-stack > span,
body .stack-list > span,
body .web-design-stack-list > span{
background:#f8fbff !important;
border:1px solid #dce8f7 !important;
color:#172238 !important;
-webkit-text-fill-color:#172238 !important;
}
body .about-proof-stack > span:before,
body .stack-list > span:before,
body .web-design-stack-list > span:before{
background:#2457e6 !important;
}
body .signal-chip-grid > span,
body .case-signal-grid > span{
background:rgba(255,255,255,.10) !important;
border:1px solid rgba(255,255,255,.16) !important;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
}
body .signal-chip-grid > span:before,
body .case-signal-grid > span:before{
background:#35d7ff !important;
box-shadow:0 0 0 4px rgba(53,215,255,.12) !important;
}
body .about-search-card p,
body .ai-proof-card p,
body .signal-stack-card p,
body .case-signal-card p{
font-size:14px !important;
line-height:1.38 !important;
margin-top:10px !important;
}
}
@media (max-width: 390px){
body .about-search-card,
body .ai-proof-card,
body .authority-signal-card,
body .web-design-hero-card,
body .signal-stack-card,
body .case-signal-card{
padding:14px !important;
border-radius:16px !important;
}
body .about-search-card h3,
body .ai-proof-card h3,
body .authority-signal-card h3,
body .web-design-hero-card h3,
body .signal-stack-card h3,
body .case-signal-card h3{
font-size:18px !important;
line-height:1.1 !important;
margin-bottom:10px !important;
}
body .about-proof-stack,
body .signal-chip-grid,
body .case-signal-grid,
body .stack-list,
body .web-design-stack-list{
gap:6px !important;
}
body .about-proof-stack > span,
body .signal-chip-grid > span,
body .case-signal-grid > span,
body .stack-list > span,
body .web-design-stack-list > span{
grid-template-columns:12px 1fr !important;
column-gap:7px !important;
padding:7px 9px !important;
border-radius:11px !important;
font-size:13px !important;
line-height:1.2 !important;
font-weight:740 !important;
}
body .about-proof-stack > span:before,
body .signal-chip-grid > span:before,
body .case-signal-grid > span:before,
body .stack-list > span:before,
body .web-design-stack-list > span:before{
width:6px !important;
height:6px !important;
min-width:6px !important;
box-shadow:0 0 0 3px rgba(36,87,230,.10) !important;
}
} @media (max-width: 767px){
body .about-search-card,
body .ai-proof-card,
body .authority-signal-card,
body .web-design-hero-card,
body .signal-stack-card,
body .case-signal-card{
padding:14px !important;
border-radius:16px !important;
}
body .about-search-card h3,
body .ai-proof-card h3,
body .authority-signal-card h3,
body .web-design-hero-card h3,
body .signal-stack-card h3,
body .case-signal-card h3{
font-size:19px !important;
line-height:1.08 !important;
margin:0 0 10px !important;
letter-spacing:-.04em !important;
}
body .about-proof-stack,
body .signal-chip-grid,
body .case-signal-grid,
body .stack-list,
body .web-design-stack-list{
gap:7px !important;
margin-top:8px !important;
}
body .about-proof-stack > span,
body .signal-chip-grid > span,
body .case-signal-grid > span,
body .stack-list > span,
body .web-design-stack-list > span{
display:flex !important;
align-items:center !important;
gap:9px !important;
min-height:0 !important;
height:auto !important;
padding:9px 11px !important;
border-radius:12px !important;
font-size:14px !important;
line-height:1.18 !important;
font-weight:760 !important;
letter-spacing:-.02em !important;
}
body .about-proof-stack > span:before,
body .signal-chip-grid > span:before,
body .case-signal-grid > span:before,
body .stack-list > span:before,
body .web-design-stack-list > span:before{
width:8px !important;
height:8px !important;
min-width:8px !important;
flex:0 0 8px !important;
box-shadow:0 0 0 4px rgba(36,87,230,.10) !important;
} body .about-page .about-search-card{
padding:13px 13px 14px !important;
}
body .about-page .about-search-card h3{
font-size:18px !important;
line-height:1.08 !important;
margin-bottom:9px !important;
}
body .about-page .about-proof-stack{
gap:7px !important;
}
body .about-page .about-proof-stack > span{
padding:8px 10px !important;
border-radius:11px !important;
font-size:13.5px !important;
line-height:1.16 !important;
font-weight:760 !important;
}
body .about-page .about-proof-stack > span:before{
width:7px !important;
height:7px !important;
min-width:7px !important;
flex-basis:7px !important;
box-shadow:0 0 0 3px rgba(36,87,230,.10) !important;
}
}
@media (max-width: 390px){
body .about-search-card,
body .ai-proof-card,
body .authority-signal-card,
body .web-design-hero-card,
body .signal-stack-card,
body .case-signal-card{
padding:12px !important;
border-radius:15px !important;
}
body .about-search-card h3,
body .ai-proof-card h3,
body .authority-signal-card h3,
body .web-design-hero-card h3,
body .signal-stack-card h3,
body .case-signal-card h3{
font-size:17px !important;
line-height:1.07 !important;
margin-bottom:8px !important;
}
body .about-proof-stack,
body .signal-chip-grid,
body .case-signal-grid,
body .stack-list,
body .web-design-stack-list{
gap:6px !important;
}
body .about-proof-stack > span,
body .signal-chip-grid > span,
body .case-signal-grid > span,
body .stack-list > span,
body .web-design-stack-list > span{
padding:7px 9px !important;
border-radius:10px !important;
font-size:13px !important;
line-height:1.15 !important;
gap:8px !important;
}
} .web-design-work-section{
background:
radial-gradient(circle at 12% 8%, rgba(55,197,255,.08), transparent 28%),
linear-gradient(180deg,#ffffff,#f7fbff);
}
.web-design-work-grid{
margin-top:28px;
}
.web-work-card{
display:flex;
flex-direction:column;
min-height:260px;
padding:26px;
border-radius:24px;
background:#ffffff;
border:1px solid #dce6f2;
box-shadow:0 22px 55px rgba(15,23,42,.08);
text-decoration:none;
color:inherit;
position:relative;
overflow:hidden;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.web-work-card:before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:4px;
background:linear-gradient(90deg,var(--blue),var(--cyan));
}
.web-work-card:hover{
transform:translateY(-4px);
box-shadow:0 28px 70px rgba(15,23,42,.13);
border-color:#bfd6f7;
}
.web-work-category{
display:inline-flex;
width:max-content;
max-width:100%;
padding:8px 12px;
border-radius:999px;
background:#eef5ff;
color:#1742aa;
font-family:'Sora','Inter',sans-serif;
font-size:.72rem;
line-height:1.1;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
}
.web-work-card h3{
margin:18px 0 10px;
font-size:1.32rem;
letter-spacing:-.04em;
}
.web-work-card p{
color:#46566b;
margin:0;
line-height:1.55;
}
.web-work-tags{
margin-top:auto;
padding-top:20px;
color:#0f9d76;
font-family:'Sora','Inter',sans-serif;
font-size:.78rem;
font-weight:900;
letter-spacing:.04em;
}
@media (max-width: 767px){
body .about-founder-section{
padding-top:34px !important;
padding-bottom:34px !important;
}
body .about-founder-section .grid-2{
gap:18px !important;
}
body .about-founder-section h2{
font-size:1.85rem !important;
line-height:1.05 !important;
margin-bottom:14px !important;
}
body .about-founder-section p{
font-size:1rem !important;
line-height:1.48 !important;
margin-bottom:13px !important;
}
body .about-founder-section .lead{
font-size:1.08rem !important;
line-height:1.42 !important;
}
body .about-founder-section .about-note{
display:block !important;
margin-top:16px !important;
padding:12px 14px !important;
border-radius:14px !important;
font-size:.96rem !important;
line-height:1.35 !important;
}
body .about-work-card{
padding:18px !important;
border-radius:20px !important;
}
body .about-work-card h3{
font-size:1.42rem !important;
line-height:1.12 !important;
}
body .web-design-work-section{
padding-top:42px !important;
padding-bottom:42px !important;
}
body .web-design-work-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:14px !important;
margin-top:20px !important;
}
body .web-work-card{
min-height:0 !important;
padding:18px !important;
border-radius:18px !important;
box-shadow:0 14px 34px rgba(15,23,42,.07) !important;
}
body .web-work-category{
padding:7px 10px !important;
font-size:.66rem !important;
letter-spacing:.06em !important;
}
body .web-work-card h3{
margin:14px 0 8px !important;
font-size:1.18rem !important;
line-height:1.14 !important;
}
body .web-work-card p{
font-size:.94rem !important;
line-height:1.45 !important;
}
body .web-work-tags{
padding-top:14px !important;
font-size:.72rem !important;
line-height:1.35 !important;
}
body .web-work-note{
margin-top:18px !important;
padding:13px 14px !important;
border-radius:16px !important;
font-size:.88rem !important;
line-height:1.42 !important;
text-align:left !important;
}
}
@media (max-width: 390px){
body .about-founder-section p{
font-size:.96rem !important;
line-height:1.45 !important;
}
body .about-founder-section .lead{
font-size:1.02rem !important;
}
body .web-work-card{
padding:16px !important;
}
} @media (max-width: 767px){
body .about-founder-section{
padding-top:28px !important;
padding-bottom:28px !important;
}
body .about-founder-section .grid-2{
gap:14px !important;
}
body .about-founder-section .eyebrow{
margin-bottom:8px !important;
font-size:.78rem !important;
letter-spacing:.16em !important;
}
body .about-founder-section h2{
font-size:1.62rem !important;
line-height:1.05 !important;
margin:0 0 10px !important;
}
body .about-founder-section p,
body .about-founder-section .lead{
font-size:.95rem !important;
line-height:1.42 !important;
margin:0 0 10px !important;
}
body .about-founder-section .lead{
font-size:1rem !important;
line-height:1.38 !important;
margin-bottom:10px !important;
}
body .about-founder-section .about-note{
display:block !important;
margin:8px 0 0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
color:#07111f !important;
font-size:.98rem !important;
line-height:1.34 !important;
font-weight:800 !important;
}
body .about-work-card{
margin-top:2px !important;
}
}
@media (max-width: 390px){
body .about-founder-section p,
body .about-founder-section .lead{
font-size:.92rem !important;
line-height:1.38 !important;
}
body .about-founder-section h2{
font-size:1.5rem !important;
}
} .insights-page .insights-hero{
background:radial-gradient(circle at 80% 10%, rgba(55,197,255,.16), transparent 32%), linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);
}
.insights-hero-card .mini-label,
.insights-feature-card .insight-tag,
.insights-topic-card .insight-tag{
display:inline-flex;
align-items:center;
width:max-content;
border-radius:999px;
background:#eef5ff;
color:#1d4ed8;
padding:8px 13px;
font-size:.76rem;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
}
.insights-mini-metrics div{
border-left:3px solid var(--cyan);
padding-left:14px;
}
.insights-featured-section .grid-2,
.insights-decision-section .grid-2{
align-items:center;
}
.insights-feature-card{
border-top:4px solid var(--blue);
}
.insights-feature-card ul{
margin:18px 0 20px;
}
.grid-5.insights-category-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:18px;
}
.insights-category-card{
text-decoration:none;
color:inherit;
min-height:100%;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.insights-category-card:hover{
transform:translateY(-4px);
box-shadow:var(--shadow);
border-color:rgba(36,87,230,.28);
}
.insights-category-card span{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border-radius:14px;
background:linear-gradient(135deg,var(--blue),var(--cyan));
color:#fff;
font-weight:900;
margin-bottom:18px;
}
.insights-category-card h3,
.insights-topic-card h3{
margin-top:0;
}
.insights-topic-card{
display:flex;
flex-direction:column;
gap:12px;
}
.insights-topic-card .insight-tag{
background:#ecfdf5;
color:#047857;
}
.insights-decision-card{
background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
border-top:4px solid var(--cyan);
}
.insights-decision-card .lead{
color:var(--ink);
font-weight:800;
}
.insights-final-cta .btn-secondary{
color:#fff;
border-color:rgba(255,255,255,.22);
background:rgba(255,255,255,.08);
}
@media (max-width: 980px){
.grid-5.insights-category-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media (max-width: 760px){
.insights-page .section{
padding-top:54px;
padding-bottom:54px;
}
.insights-page .inner-hero{
padding-top:48px;
padding-bottom:54px;
}
.insights-page h1{
font-size:clamp(2.05rem, 10vw, 3rem);
line-height:1.02;
}
.insights-page h2{
font-size:clamp(1.75rem, 7.5vw, 2.35rem);
line-height:1.08;
}
.insights-page .lead{
font-size:1.02rem;
line-height:1.5;
}
.grid-5.insights-category-grid,
.insights-topic-grid{
grid-template-columns:1fr;
gap:14px;
}
.insights-category-card,
.insights-topic-card,
.insights-feature-card,
.insights-decision-card{
padding:22px;
border-radius:22px;
}
.insights-category-card span{
width:36px;
height:36px;
border-radius:12px;
margin-bottom:12px;
font-size:.86rem;
}
.insights-category-card h3,
.insights-topic-card h3,
.insights-feature-card h3{
font-size:1.12rem;
line-height:1.18;
margin-bottom:8px;
}
.insights-category-card p,
.insights-topic-card p,
.insights-feature-card p,
.insights-decision-card p{
font-size:.95rem;
line-height:1.48;
}
.insights-feature-card ul.clean li{
font-size:.95rem;
line-height:1.42;
padding-top:8px;
padding-bottom:8px;
}
.insights-hero-card .mini-label,
.insights-feature-card .insight-tag,
.insights-topic-card .insight-tag{
padding:6px 10px;
font-size:.68rem;
letter-spacing:.07em;
}
}
@media (max-width: 390px){
.insights-page .section{
padding-top:44px;
padding-bottom:44px;
}
.insights-category-card,
.insights-topic-card,
.insights-feature-card,
.insights-decision-card{
padding:18px;
}
} .insights-context-link{
margin-top: 22px;
padding: 20px 22px;
border: 1px solid rgba(9, 47, 73, 0.12);
border-radius: 20px;
background: rgba(255, 255, 255, 0.72);
box-shadow: 0 14px 34px rgba(9, 47, 73, 0.08);
}
.navy-band .insights-context-link{
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.18);
box-shadow: none;
}
.insights-context-link.compact{
margin-top: 20px;
padding: 18px 20px;
}
.insights-context-link h4{
margin: 8px 0 8px;
font-size: 1.08rem;
line-height: 1.25;
color: var(--navy);
}
.navy-band .insights-context-link h4{
color: #fff;
}
.insights-context-link p{
margin: 0 0 12px;
font-size: .96rem;
line-height: 1.55;
color: var(--muted);
}
.navy-band .insights-context-link p,
.navy-band .insights-context-link .mini-label{
color: rgba(255, 255, 255, 0.78);
}
.navy-band .insights-context-link .text-link{
color: #fff;
}
@media (max-width: 767px){
.insights-context-link,
.insights-context-link.compact{
margin-top: 16px;
padding: 15px 16px;
border-radius: 16px;
}
.insights-context-link h4{
font-size: .98rem;
margin: 6px 0 6px;
}
.insights-context-link p{
font-size: .88rem;
line-height: 1.45;
margin-bottom: 10px;
}
} @media (max-width: 767px){
body .web-design-page .web-design-ai-section{
padding-top: 44px!important;
padding-bottom: 44px!important;
}
body .web-design-page .web-design-ai-section .grid-2{
gap: 18px!important;
}
body .web-design-page .web-design-ai-card{
padding: 20px 18px!important;
border-radius: 22px!important;
background: rgba(255,255,255,.085)!important;
border-color: rgba(255,255,255,.22)!important;
}
body .web-design-page .web-design-ai-card h3{
font-size: 1.22rem!important;
line-height: 1.16!important;
margin-bottom: 14px!important;
color: #ffffff!important;
-webkit-text-fill-color: #ffffff!important;
}
body .web-design-page .web-design-ai-card ul.clean{
gap: 8px!important;
margin-top: 12px!important;
}
body .web-design-page .web-design-ai-card ul.clean li{
display: grid!important;
grid-template-columns: 13px 1fr!important;
gap: 10px!important;
align-items: start!important;
padding: 11px 12px!important;
border-radius: 14px!important;
background: rgba(255,255,255,.10)!important;
border: 1px solid rgba(255,255,255,.18)!important;
color: rgba(255,255,255,.92)!important;
-webkit-text-fill-color: rgba(255,255,255,.92)!important;
font-size: .88rem!important;
line-height: 1.32!important;
font-weight: 750!important;
}
body .web-design-page .web-design-ai-card ul.clean li:before{
position: static!important;
content: ""!important;
display: block!important;
width: 8px!important;
height: 8px!important;
margin-top: .38em!important;
border-radius: 999px!important;
background: #5fdcff!important;
box-shadow: 0 0 0 5px rgba(95,220,255,.14)!important;
}
body .web-design-page .web-design-ai-card .insights-context-link{
margin-top: 14px!important;
padding: 14px!important;
border-radius: 16px!important;
}
} .insights-context-link .text-link{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
width:auto;
margin-top:2px;
padding:10px 15px;
border-radius:999px;
background:linear-gradient(135deg,#1f4fff 0%,#0fbde9 100%);
color:#fff !important;
font-weight:800;
font-size:.88rem;
line-height:1;
text-decoration:none !important;
box-shadow:0 12px 24px rgba(31,79,255,.20);
}
.insights-context-link .text-link::after{
content:'→';
font-size:1rem;
line-height:1;
transform:translateY(-1px);
}
.insights-context-link .text-link:hover{
transform:translateY(-1px);
box-shadow:0 16px 30px rgba(31,79,255,.26);
}
.navy-band .insights-context-link .text-link{
background:#fff;
color:#07111f !important;
box-shadow:0 14px 28px rgba(0,0,0,.20);
}
@media (max-width:767px){
.insights-context-link .text-link{
width:100%;
padding:12px 14px;
font-size:.86rem;
}
} .web-design-page .web-design-ai-card .insights-context-link .mini-label,
.navy-band .insights-context-link .mini-label{
background: rgba(95,220,255,.14) !important;
color: #8feaff !important;
border: 1px solid rgba(95,220,255,.28) !important;
-webkit-text-fill-color: #8feaff !important;
}
.web-design-page .web-design-ai-card .insights-context-link .text-link{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: 100% !important;
margin-top: 4px !important;
padding: 11px 16px !important;
border-radius: 999px !important;
background: linear-gradient(135deg,#1f4fff 0%,#0fbde9 100%) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-size: .88rem !important;
font-weight: 850 !important;
line-height: 1.1 !important;
text-decoration: none !important;
box-shadow: 0 12px 24px rgba(31,79,255,.28) !important;
}
@media (max-width:767px){
body .web-design-page .web-design-ai-card .insights-context-link{
background: rgba(255,255,255,.075) !important;
border: 1px solid rgba(255,255,255,.18) !important;
}
body .web-design-page .web-design-ai-card .insights-context-link .mini-label{
display: inline-flex !important;
width: auto !important;
padding: 6px 10px !important;
font-size: .64rem !important;
letter-spacing: .08em !important;
background: rgba(95,220,255,.16) !important;
color: #9eefff !important;
-webkit-text-fill-color: #9eefff !important;
border: 1px solid rgba(95,220,255,.30) !important;
}
body .web-design-page .web-design-ai-card .insights-context-link h4{
font-size: 1rem !important;
line-height: 1.22 !important;
margin-top: 10px !important;
}
body .web-design-page .web-design-ai-card .insights-context-link p{
font-size: .86rem !important;
line-height: 1.42 !important;
}
body .web-design-page .web-design-ai-card .insights-context-link .text-link{
display: flex !important;
width: 100% !important;
padding: 12px 14px !important;
font-size: .84rem !important;
white-space: normal !important;
text-align: center !important;
}
} .page-identity-band{
position:relative;
z-index:1;
background:
radial-gradient(circle at 80% 20%, rgba(55,197,255,.11), transparent 34%),
linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
border-bottom:1px solid rgba(220,230,242,.78);
padding:28px 0 24px;
}
.page-identity-inner{
max-width:1120px;
}
.breadcrumb-trail{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:7px;
margin:0 0 10px;
font-size:.72rem;
line-height:1.2;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
color:var(--muted);
}
.breadcrumb-trail a{
color:var(--blue);
text-decoration:none;
}
.breadcrumb-trail a:hover{
text-decoration:underline;
}
.breadcrumb-trail span[aria-current="page"]{
color:var(--ink);
}
.breadcrumb-separator{
color:#9aadbf;
font-weight:800;
}
.page-identity-title{
margin:0;
color:var(--ink);
font-family:'Sora', 'Inter', sans-serif;
font-size:clamp(2rem, 2.8vw, 2.65rem);
line-height:.98;
letter-spacing:-.055em;
font-weight:900;
}
.page-identity-description{
max-width:780px;
margin:10px 0 0;
color:var(--slate);
font-size:1rem;
line-height:1.55;
}
.footer-sitemap-link{
color:#cfe0ff;
text-decoration:none;
margin-left:12px;
font-weight:700;
}
.footer-sitemap-link:hover{
color:#fff;
text-decoration:underline;
}
.sitemap-hero{
padding-bottom:66px;
}
.sitemap-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:22px;
}
.sitemap-list-card h2{
font-size:1.45rem;
margin:0 0 18px;
}
.sitemap-list{
list-style:none;
padding:0;
margin:0;
display:grid;
gap:12px;
}
.sitemap-list a{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:13px 14px;
border:1px solid var(--line);
border-radius:16px;
background:#f8fbff;
color:var(--ink);
text-decoration:none;
font-weight:800;
}
.sitemap-list a:after{
content:'→';
color:var(--blue);
font-weight:900;
}
.sitemap-list a:hover{
border-color:rgba(36,87,230,.35);
box-shadow:0 12px 26px rgba(16,24,40,.07);
transform:translateY(-1px);
}
@media (max-width:980px){
.page-identity-band{
padding:24px 0 20px;
}
.page-identity-title{
font-size:clamp(1.8rem, 6vw, 2.15rem);
letter-spacing:-.05em;
}
.page-identity-description{
font-size:.95rem;
}
.sitemap-grid{
grid-template-columns:1fr;
}
}
@media (max-width:640px){
.page-identity-band{
padding:20px 0 18px;
}
.breadcrumb-trail{
font-size:.64rem;
letter-spacing:.1em;
margin-bottom:8px;
}
.page-identity-title{
font-size:2.05rem;
line-height:1.02;
}
.page-identity-description{
font-size:.9rem;
line-height:1.5;
}
.footer-sitemap-link{
display:inline-block;
margin-left:8px;
}
.sitemap-list a{
padding:12px 13px;
}
} .contact-page-upgraded{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 78% 10%, rgba(55,197,255,.14), transparent 34%),
linear-gradient(180deg,#f7fbff 0%,#fff 68%);
}
.contact-page-upgraded:before{
content:"";
position:absolute;
inset:auto 0 0 auto;
width:46%;
height:78%;
background:radial-gradient(circle at 50% 50%, rgba(44,88,230,.10), transparent 62%);
pointer-events:none;
}
.contact-page-upgraded .contact-layout{
position:relative;
z-index:1;
align-items:center;
}
.contact-intro-col .lead{max-width:610px;}
.contact-primary-card{
margin-top:24px;
padding:24px;
border:1px solid rgba(37,99,235,.18);
border-radius:24px;
background:rgba(255,255,255,.86);
box-shadow:0 20px 58px rgba(7,17,31,.08);
max-width:570px;
}
.contact-card-kicker,
.form-kicker{
display:inline-flex;
align-items:center;
gap:8px;
margin-bottom:10px;
padding:7px 12px;
border-radius:999px;
background:rgba(37,99,235,.08);
color:#2354d8;
font-size:.72rem;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
}
.contact-primary-card h2{
margin:0 0 8px;
font-size:clamp(1.35rem,2vw,1.85rem);
line-height:1.06;
letter-spacing:-.035em;
color:#07111f;
}
.contact-primary-card p{
margin:0 0 18px;
color:#526173;
font-size:.98rem;
line-height:1.55;
}
.contact-option-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
margin-top:14px;
max-width:570px;
}
.contact-option-card{
display:grid;
grid-template-columns:42px 1fr;
gap:10px 12px;
align-items:center;
padding:16px;
border:1px solid rgba(148,163,184,.24);
border-radius:18px;
background:rgba(255,255,255,.76);
text-decoration:none;
color:#07111f;
box-shadow:0 14px 36px rgba(7,17,31,.055);
transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.contact-option-card:hover{
transform:translateY(-2px);
border-color:rgba(37,99,235,.35);
box-shadow:0 18px 44px rgba(37,99,235,.11);
}
.contact-option-icon{
grid-row:1 / span 2;
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:14px;
background:linear-gradient(135deg,#eff6ff,#e4f8ff);
color:#2354d8;
font-size:.78rem;
font-weight:900;
box-shadow:0 12px 28px rgba(37,99,235,.12);
}
.contact-option-card strong{
font-size:.98rem;
line-height:1.15;
letter-spacing:-.015em;
}
.contact-option-card span:last-child{
color:#64748b;
font-size:.86rem;
line-height:1.35;
}
.contact-form-shell{
position:relative;
background:rgba(255,255,255,.94)!important;
border:1px solid rgba(148,163,184,.24)!important;
box-shadow:0 26px 74px rgba(7,17,31,.11)!important;
}
.contact-form-shell:before{
content:"";
position:absolute;
inset:-1px -1px auto -1px;
height:4px;
border-radius:24px 24px 0 0;
background:linear-gradient(90deg,#2354d8,#2ed3ff);
}
.contact-form-shell .form-intro{
margin:-4px 0 16px;
color:#526173;
font-size:.96rem;
line-height:1.5;
}
.contact-form-grid select{
width:100%;
appearance:auto;
background:#fff;
}
.contact-form-grid textarea::placeholder{color:#8190a3;}
.contact-next-steps{
margin-top:18px;
padding:16px;
border-radius:18px;
background:linear-gradient(180deg,#f7fbff,#eef6ff);
border:1px solid rgba(148,163,184,.22);
}
.contact-next-steps h3{
margin:0 0 10px;
color:#07111f;
font-size:1rem;
line-height:1.2;
letter-spacing:-.015em;
}
.contact-next-steps ol{
list-style:none;
padding:0;
margin:0;
display:grid;
gap:9px;
}
.contact-next-steps li{
display:grid;
grid-template-columns:32px 1fr;
align-items:start;
gap:10px;
color:#334155;
font-size:.88rem;
line-height:1.35;
font-weight:650;
}
.contact-next-steps li span{
width:28px;
height:28px;
display:grid;
place-items:center;
border-radius:10px;
background:#fff;
color:#2354d8;
font-size:.68rem;
font-weight:900;
box-shadow:0 8px 18px rgba(37,99,235,.10);
}
.contact-privacy-note{
margin:12px 0 0;
color:#64748b;
font-size:.82rem;
line-height:1.4;
text-align:center;
}
@media (min-width:981px){
body .contact-page-upgraded{padding:64px 0 66px!important;}
body .contact-page-upgraded .container.grid-2{max-width:1180px!important;gap:64px!important;align-items:center!important;}
body .contact-page-upgraded h1{font-size:clamp(2.45rem,3.1vw,3.25rem)!important;max-width:620px!important;}
body .contact-page-upgraded .form-shell h2{font-size:clamp(2rem,2.5vw,2.6rem)!important;}
}
@media (max-width:980px){
.contact-option-grid{grid-template-columns:1fr;}
}
@media (max-width:767px){
body .contact-page-upgraded{padding-top:32px!important;padding-bottom:88px!important;}
body .contact-page-upgraded .container.grid-2{gap:18px!important;}
body .contact-page-upgraded h1{font-size:clamp(2rem,8vw,2.45rem)!important;}
body .contact-page-upgraded .lead{font-size:.96rem!important;line-height:1.48!important;}
.contact-primary-card{padding:17px;border-radius:20px;margin-top:16px;}
.contact-primary-card h2{font-size:1.22rem;}
.contact-primary-card p{font-size:.9rem;line-height:1.45;margin-bottom:14px;}
.contact-primary-card .btn{width:100%;}
.contact-option-grid{gap:10px;margin-top:10px;}
.contact-option-card{padding:13px;border-radius:16px;grid-template-columns:36px 1fr;}
.contact-option-icon{width:36px;height:36px;border-radius:12px;font-size:.7rem;}
.contact-option-card strong{font-size:.92rem;}
.contact-option-card span:last-child{font-size:.8rem;}
body .contact-form-shell{padding:18px!important;border-radius:20px!important;}
.contact-form-shell .form-intro{font-size:.88rem;line-height:1.44;margin-bottom:12px;}
.contact-next-steps{padding:13px;border-radius:16px;margin-top:14px;}
.contact-next-steps li{font-size:.8rem;grid-template-columns:28px 1fr;gap:8px;}
.contact-next-steps li span{width:25px;height:25px;border-radius:9px;font-size:.62rem;}
.contact-privacy-note{font-size:.76rem;}
} .contact-page-polished{
position:relative;
overflow:hidden;
padding:clamp(54px,5vw,78px) 0!important;
background:
radial-gradient(circle at 78% 8%, rgba(46,211,255,.14), transparent 34%),
linear-gradient(180deg,#f8fbff 0%,#ffffff 72%);
}
.contact-page-polished:before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(90deg, rgba(37,99,235,.035), transparent 42%),
radial-gradient(circle at 50% 100%, rgba(37,99,235,.055), transparent 46%);
pointer-events:none;
}
.contact-polished-grid{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(0,520px) minmax(0,500px);
gap:clamp(42px,5vw,76px);
align-items:start;
max-width:1120px!important;
}
.contact-panel{
position:relative;
}
.contact-direction-panel{
padding-top:10px;
}
body .contact-page-polished .contact-direction-panel h1{
max-width:520px!important;
margin:0 0 14px!important;
font-size:clamp(2.05rem,2.6vw,2.75rem)!important;
line-height:1.02!important;
letter-spacing:-.045em!important;
}
body .contact-page-polished .contact-direction-panel .lead{
max-width:520px!important;
margin:0!important;
font-size:1rem!important;
line-height:1.58!important;
color:#46566a!important;
}
.contact-paths{
display:grid;
gap:14px;
margin-top:24px;
max-width:520px;
}
.contact-path{
position:relative;
display:block;
padding:18px 20px 18px 22px;
border:1px solid rgba(148,163,184,.24);
border-radius:22px;
background:rgba(255,255,255,.82);
color:#07111f;
text-decoration:none;
box-shadow:0 16px 46px rgba(7,17,31,.055);
transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.contact-path:before{
content:"";
position:absolute;
left:-1px;
top:18px;
bottom:18px;
width:4px;
border-radius:999px;
background:linear-gradient(180deg,#2354d8,#2ed3ff);
opacity:.8;
}
.contact-path:hover{
transform:translateY(-2px);
border-color:rgba(37,99,235,.34);
box-shadow:0 22px 58px rgba(37,99,235,.10);
}
.contact-path-primary{
background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(244,249,255,.92));
border-color:rgba(37,99,235,.25);
}
.contact-path-label{
display:inline-flex;
margin-bottom:8px;
padding:5px 10px;
border-radius:999px;
background:rgba(37,99,235,.08);
color:#2354d8;
font-size:.66rem;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
}
.contact-path strong{
display:block;
margin-bottom:6px;
font-size:1.22rem;
line-height:1.1;
letter-spacing:-.025em;
}
.contact-path span:last-child{
display:block;
color:#526173;
font-size:.94rem;
line-height:1.48;
}
.contact-direct-line{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px 12px;
margin-top:16px;
color:#64748b;
font-size:.92rem;
}
.contact-direct-line span{
font-weight:850;
color:#07111f;
}
.contact-direct-line a{
color:#2354d8;
font-weight:750;
text-decoration:none;
}
.contact-polished-form{
width:100%;
max-width:500px!important;
margin:0!important;
padding:26px!important;
border-radius:26px!important;
background:rgba(255,255,255,.96)!important;
border:1px solid rgba(148,163,184,.24)!important;
box-shadow:0 26px 78px rgba(7,17,31,.11)!important;
}
body .contact-polished-form h2{
margin:0 0 8px!important;
font-size:clamp(1.9rem,2.25vw,2.45rem)!important;
line-height:1.03!important;
letter-spacing:-.045em!important;
}
.contact-polished-form .form-intro{
max-width:420px;
margin:0 0 16px!important;
color:#526173;
font-size:.94rem;
line-height:1.48;
}
.contact-polished-form .form-grid{
gap:11px!important;
}
.contact-polished-form .form-grid label{
font-size:.74rem!important;
}
.contact-polished-form .form-grid input,
.contact-polished-form .form-grid select,
.contact-polished-form .form-grid textarea{
min-height:42px!important;
border-radius:12px!important;
font-size:.9rem!important;
}
.contact-polished-form .form-grid textarea{
min-height:94px!important;
}
.contact-polished-form .btn{
min-height:43px!important;
}
.contact-next-steps-compact{
margin-top:14px;
padding:14px;
border-radius:18px;
}
.contact-next-steps-compact ol{
grid-template-columns:1fr;
gap:8px;
}
.contact-next-steps-compact li{
font-size:.84rem;
}
@media (min-width:981px){
body .contact-page-polished .container.contact-polished-grid{
max-width:1120px!important;
gap:clamp(42px,5vw,76px)!important;
align-items:start!important;
}
}
@media (max-width:980px){
.contact-polished-grid{
grid-template-columns:1fr;
max-width:680px!important;
gap:22px;
}
.contact-polished-form{max-width:none!important;}
}
@media (max-width:767px){
.contact-page-polished{padding:28px 0 88px!important;}
body .contact-page-polished .contact-direction-panel h1{
font-size:clamp(1.82rem,7vw,2.18rem)!important;
max-width:100%!important;
}
body .contact-page-polished .contact-direction-panel .lead{
font-size:.94rem!important;
line-height:1.5!important;
}
.contact-paths{margin-top:16px;gap:10px;}
.contact-path{padding:15px 15px 15px 18px;border-radius:18px;}
.contact-path-label{font-size:.6rem;padding:5px 8px;margin-bottom:7px;}
.contact-path strong{font-size:1.05rem;}
.contact-path span:last-child{font-size:.84rem;line-height:1.42;}
.contact-direct-line{font-size:.84rem;margin-top:12px;}
.contact-polished-form{padding:18px!important;border-radius:20px!important;}
body .contact-polished-form h2{font-size:1.7rem!important;}
.contact-polished-form .form-intro{font-size:.86rem!important;line-height:1.42!important;}
.contact-polished-form .form-grid input,
.contact-polished-form .form-grid select,
.contact-polished-form .form-grid textarea{font-size:.86rem!important;}
.contact-polished-form .form-grid textarea{min-height:86px!important;}
} body .contact-page-polished .contact-direction-panel .lead{
max-width:500px!important;
}
.contact-path-primary{
color:#fff!important;
border-color:rgba(46,211,255,.38)!important;
background:
radial-gradient(circle at 88% 10%, rgba(46,211,255,.25), transparent 34%),
linear-gradient(135deg,#174eea 0%,#1f3fbf 58%,#0b1a42 100%)!important;
box-shadow:0 24px 64px rgba(37,84,216,.24)!important;
}
.contact-path-primary:before{
background:#2ed3ff!important;
opacity:1!important;
}
.contact-path-primary .contact-path-label{
background:rgba(255,255,255,.16)!important;
color:#dff7ff!important;
border:1px solid rgba(255,255,255,.20);
}
.contact-path-primary strong{color:#fff!important;}
.contact-path-primary span:last-child{color:rgba(255,255,255,.82)!important;}
.contact-path-primary:hover{
box-shadow:0 28px 74px rgba(37,84,216,.32)!important;
}
.contact-proof-quote{
max-width:520px;
margin:18px 0 0;
padding:18px 20px;
border-radius:22px;
background:rgba(255,255,255,.78);
border:1px solid rgba(148,163,184,.24);
box-shadow:0 16px 46px rgba(7,17,31,.05);
}
.contact-proof-quote p{
margin:0 0 10px!important;
color:#07111f!important;
font-size:.94rem!important;
line-height:1.48!important;
font-weight:750;
}
.contact-proof-quote p:before{content:'“';color:#2354d8;font-weight:900;}
.contact-proof-quote p:after{content:'”';color:#2354d8;font-weight:900;}
.contact-proof-quote cite{
display:block;
color:#64748b;
font-size:.78rem;
line-height:1.35;
font-style:normal;
font-weight:800;
}
body .contact-polished-form h2{
max-width:430px!important;
}
.contact-response-time{
margin:-2px 0 0!important;
text-align:center;
color:#46566a!important;
font-size:.82rem!important;
line-height:1.35!important;
font-weight:750;
}
@media (max-width:767px){
body .contact-page-polished .contact-direction-panel .lead{
font-size:.92rem!important;
line-height:1.45!important;
}
.contact-proof-quote{
margin-top:12px;
padding:14px 15px;
border-radius:18px;
}
.contact-proof-quote p{
font-size:.84rem!important;
line-height:1.42!important;
}
.contact-proof-quote cite{font-size:.72rem;}
.contact-response-time{font-size:.76rem!important;}
} .contact-page-polished .contact-path:not(.contact-path-primary){
background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,250,255,.92))!important;
border-color:rgba(37,99,235,.18)!important;
box-shadow:0 14px 38px rgba(37,99,235,.07)!important;
}
.contact-page-polished .contact-path:not(.contact-path-primary):hover{
border-color:rgba(37,99,235,.34)!important;
box-shadow:0 20px 54px rgba(37,99,235,.12)!important;
}
.contact-proof-quote{
position:relative;
background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)!important;
border:1px solid rgba(203,213,225,.72)!important;
border-left:5px solid #2354d8!important;
box-shadow:0 12px 34px rgba(7,17,31,.055)!important;
}
.contact-proof-quote p{
font-style:italic!important;
font-weight:800!important;
color:#0b1628!important;
}
.contact-proof-quote p:before,
.contact-proof-quote p:after{
color:#2ed3ff!important;
}
.contact-proof-quote cite{
color:#475569!important;
}
@media (max-width:767px){
.contact-proof-quote{
border-left-width:4px!important;
padding:13px 14px!important;
}
} .contact-turnstile-wrap {
margin: 4px 0 2px;
min-height: 65px;
display: flex;
align-items: center;
}
.contact-turnstile-wrap .cf-turnstile {
max-width: 100%;
}
@media (max-width: 640px) {
.contact-turnstile-wrap {
justify-content: center;
overflow: hidden;
}
} .contact-v2-hero{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 86% 42%, rgba(55,197,255,.16), transparent 34%),
radial-gradient(circle at 8% 100%, rgba(36,87,230,.08), transparent 34%),
linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);
border-bottom:1px solid rgba(220,230,242,.86);
padding:54px 0 42px;
}
.contact-v2-hero:before{
content:"";
position:absolute;
right:-120px;
top:28px;
width:520px;
height:260px;
border:1px solid rgba(36,87,230,.10);
border-radius:999px 999px 0 0;
transform:rotate(-6deg);
pointer-events:none;
}
.contact-v2-hero:after{
content:"";
position:absolute;
right:68px;
top:52px;
width:110px;
height:110px;
background-image:radial-gradient(rgba(36,87,230,.16) 1px, transparent 1px);
background-size:12px 12px;
opacity:.42;
pointer-events:none;
}
.contact-v2-hero-inner{
position:relative;
z-index:1;
max-width:1120px!important;
}
.contact-v2-hero h1{
max-width:900px!important;
font-size:clamp(2.35rem,3.75vw,4.1rem)!important;
line-height:1.02!important;
letter-spacing:-.055em!important;
margin:0!important;
}
.contact-v2-hero .lead{
max-width:780px!important;
margin:14px 0 0!important;
font-size:1.08rem!important;
line-height:1.55!important;
color:#46566b!important;
}
.contact-v2-page{
position:relative;
background:
linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
padding:52px 0 82px;
}
.contact-v2-grid{
display:grid;
grid-template-columns:minmax(0,520px) minmax(0,560px);
gap:clamp(38px,5vw,72px);
align-items:start;
max-width:1180px!important;
}
.contact-v2-guidance{
padding-top:24px;
}
.contact-v2-guidance h2{
font-size:clamp(1.85rem,2.5vw,2.7rem)!important;
line-height:1.04!important;
letter-spacing:-.045em!important;
margin:0 0 12px!important;
}
.contact-v2-intro{
max-width:500px;
color:#526173!important;
font-size:1rem!important;
line-height:1.55!important;
margin:0 0 22px!important;
}
.contact-v2-choice-list{
display:grid;
gap:16px;
max-width:520px;
}
.contact-v2-choice{
position:relative;
display:grid;
grid-template-columns:54px 1fr 22px;
gap:18px;
align-items:center;
min-height:120px;
padding:22px 22px;
border-radius:22px;
background:#fff;
border:1px solid rgba(203,213,225,.78);
box-shadow:0 14px 42px rgba(7,17,31,.075);
overflow:hidden;
transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.contact-v2-choice:hover{
transform:translateY(-3px);
border-color:rgba(36,87,230,.35);
box-shadow:0 24px 64px rgba(36,87,230,.14);
}
.contact-v2-choice-primary{
color:#fff!important;
border-color:rgba(55,197,255,.42)!important;
background:
radial-gradient(circle at 84% 12%, rgba(55,197,255,.24), transparent 34%),
linear-gradient(135deg,#2457e6 0%,#173ebc 58%,#071b44 100%)!important;
box-shadow:0 24px 70px rgba(36,87,230,.28)!important;
}
.contact-v2-choice-icon{
width:54px;
height:54px;
display:grid;
place-items:center;
border-radius:999px;
background:#eef5ff;
color:#2457e6;
font-size:1.45rem;
font-weight:900;
box-shadow:inset 0 0 0 1px rgba(36,87,230,.08);
}
.contact-v2-choice-primary .contact-v2-choice-icon{
background:rgba(255,255,255,.16);
color:#fff;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
}
.contact-v2-choice-copy strong{
display:block;
font-size:1.22rem;
line-height:1.12;
letter-spacing:-.035em;
color:#07111f;
margin:0 0 6px;
}
.contact-v2-choice-primary .contact-v2-choice-copy strong{color:#fff;}
.contact-v2-choice-copy em{
display:block;
color:#536377;
font-size:.92rem;
line-height:1.45;
font-style:normal;
font-weight:650;
max-width:390px;
}
.contact-v2-choice-primary .contact-v2-choice-copy em{color:rgba(255,255,255,.84);}
.contact-v2-choice-copy b{
display:inline-flex;
align-items:center;
margin-top:11px;
padding:6px 11px;
border-radius:999px;
background:#edf4ff;
color:#2457e6;
font-size:.64rem;
line-height:1;
letter-spacing:.11em;
text-transform:uppercase;
font-weight:950;
}
.contact-v2-choice-primary .contact-v2-choice-copy b{
background:rgba(255,255,255,.14);
border:1px solid rgba(255,255,255,.18);
color:#dff7ff;
}
.contact-v2-arrow{
color:#2457e6;
font-size:2.05rem;
line-height:1;
font-weight:300;
}
.contact-v2-choice-primary .contact-v2-arrow{color:#fff;}
.contact-v2-proof{
display:grid;
grid-template-columns:48px 1fr;
gap:16px 18px;
max-width:520px;
margin:24px 0 0;
padding:22px 24px;
border-radius:22px;
background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);
border:1px solid rgba(203,213,225,.76);
box-shadow:0 16px 44px rgba(7,17,31,.055);
}
.contact-v2-proof > span{
width:48px;
height:48px;
display:grid;
place-items:center;
border-radius:999px;
background:#eaf2ff;
color:#2457e6;
font-size:2rem;
font-weight:950;
line-height:1;
}
.contact-v2-proof p{
margin:0!important;
color:#111827!important;
font-size:.94rem!important;
line-height:1.55!important;
font-style:italic;
font-weight:750;
}
.contact-v2-proof cite{
grid-column:2;
display:block;
color:#66758a;
font-size:.82rem;
line-height:1.35;
font-style:normal;
font-weight:750;
}
.contact-v2-proof cite strong{
display:block;
color:#07111f;
font-size:.88rem;
margin-bottom:2px;
}
.contact-v2-form-card{
position:relative;
overflow:hidden;
background:rgba(255,255,255,.98);
border:1px solid rgba(203,213,225,.82);
border-radius:28px;
padding:30px;
box-shadow:0 28px 88px rgba(7,17,31,.13);
}
.contact-v2-form-card:before{
content:"";
position:absolute;
left:0;
top:0;
right:0;
height:5px;
background:linear-gradient(90deg,#2457e6,#37c5ff);
}
.contact-v2-form-head{
display:grid;
grid-template-columns:58px 1fr;
gap:18px;
align-items:start;
margin-bottom:18px;
}
.contact-v2-form-icon{
width:58px;
height:58px;
display:grid;
place-items:center;
border-radius:999px;
color:#fff;
background:linear-gradient(135deg,#2457e6,#1d4ed8);
box-shadow:0 16px 38px rgba(36,87,230,.32);
font-size:1.35rem;
transform:rotate(-12deg);
}
.contact-v2-form-card .form-kicker{
display:inline-flex;
margin:0 0 8px;
padding:5px 10px;
border-radius:999px;
background:#eef5ff;
color:#2457e6;
font-size:.66rem;
line-height:1;
font-weight:950;
letter-spacing:.12em;
text-transform:uppercase;
}
.contact-v2-form-card h2{
font-size:clamp(1.85rem,2.35vw,2.5rem)!important;
line-height:1.02!important;
letter-spacing:-.05em!important;
margin:0 0 8px!important;
}
.contact-v2-form-card p{
margin:0!important;
color:#526173!important;
font-size:.94rem!important;
line-height:1.48!important;
}
.contact-v2-form{
display:grid;
gap:13px;
}
.contact-v2-field-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}
.contact-v2-form label{
display:grid;
gap:6px;
color:#0f172a;
font-size:.76rem;
line-height:1.2;
font-weight:850;
}
.contact-v2-form input,
.contact-v2-form select,
.contact-v2-form textarea{
width:100%;
min-height:46px;
padding:12px 14px;
border-radius:12px;
border:1px solid #dce6f2;
background:#fff;
color:#0f172a;
font-family:inherit;
font-size:.94rem;
font-weight:600;
outline:none;
box-shadow:0 2px 0 rgba(7,17,31,.015);
transition:border-color .18s ease, box-shadow .18s ease;
}
.contact-v2-form input::placeholder,
.contact-v2-form textarea::placeholder{color:#7b899b;}
.contact-v2-form textarea{
min-height:96px;
resize:vertical;
}
.contact-v2-form input:focus,
.contact-v2-form select:focus,
.contact-v2-form textarea:focus{
border-color:#2457e6;
box-shadow:0 0 0 4px rgba(36,87,230,.10);
}
.contact-v2-turnstile{
margin:2px 0 0!important;
min-height:60px!important;
}
.contact-v2-submit{
width:100%;
min-height:48px!important;
justify-content:center;
font-size:.94rem!important;
box-shadow:0 18px 42px rgba(36,87,230,.24);
}
.contact-v2-submit:before{
content:"➤";
margin-right:8px;
font-size:.86rem;
}
.contact-v2-response-time{
text-align:center;
color:#66758a!important;
font-size:.82rem!important;
line-height:1.35!important;
font-weight:750;
}
.contact-v2-response-time:before{
content:"◇";
color:#2457e6;
margin-right:7px;
font-weight:900;
}
.contact-v2-next{
margin-top:20px;
padding:18px;
border-radius:20px;
background:linear-gradient(180deg,#f7fbff,#edf5ff);
border:1px solid rgba(203,213,225,.70);
}
.contact-v2-next h3{
margin:0 0 13px!important;
font-size:1rem!important;
line-height:1.2!important;
letter-spacing:-.02em!important;
}
.contact-v2-next ol{
list-style:none;
margin:0;
padding:0;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:0;
}
.contact-v2-next li{
display:grid;
grid-template-columns:34px 1fr;
gap:10px;
align-items:center;
padding:0 12px;
min-height:48px;
border-right:1px solid rgba(203,213,225,.9);
color:#334155;
}
.contact-v2-next li:first-child{padding-left:0;}
.contact-v2-next li:last-child{
border-right:0;
padding-right:0;
}
.contact-v2-next li span{
width:30px;
height:30px;
display:grid;
place-items:center;
border-radius:999px;
background:#fff;
color:#2457e6;
font-size:.69rem;
font-weight:950;
box-shadow:0 8px 18px rgba(36,87,230,.10);
}
.contact-v2-next li strong{
display:block;
color:#334155;
font-size:.78rem;
line-height:1.35;
font-weight:800;
}
.contact-v2-next p{
text-align:center;
margin:14px 0 0!important;
color:#748397!important;
font-size:.78rem!important;
line-height:1.35!important;
font-weight:700;
}
@media(max-width:1100px){
.contact-v2-grid{
grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);
gap:34px;
}
.contact-v2-choice{
grid-template-columns:48px 1fr 18px;
padding:20px;
}
}
@media(max-width:980px){
.contact-v2-hero{
padding:42px 0 34px;
}
.contact-v2-grid{
grid-template-columns:1fr;
max-width:720px!important;
gap:26px;
}
.contact-v2-form-card{
order:1;
}
.contact-v2-guidance{
order:2;
padding-top:0;
}
.contact-v2-choice-list,
.contact-v2-proof{
max-width:none;
}
.contact-v2-next ol{
grid-template-columns:1fr;
gap:9px;
}
.contact-v2-next li,
.contact-v2-next li:first-child,
.contact-v2-next li:last-child{
padding:0;
border-right:0;
}
}
@media(max-width:640px){
.contact-v2-hero{
padding:32px 0 26px;
}
.contact-v2-hero:before,
.contact-v2-hero:after{
display:none;
}
.contact-v2-hero h1{
font-size:clamp(2rem,9vw,2.58rem)!important;
line-height:1.02!important;
}
.contact-v2-hero .lead{
font-size:.96rem!important;
line-height:1.48!important;
margin-top:12px!important;
}
.contact-v2-page{
padding:26px 0 94px;
}
.contact-v2-grid{
width:min(100% - 28px,720px)!important;
gap:22px;
}
.contact-v2-form-card{
padding:20px;
border-radius:22px;
}
.contact-v2-form-head{
grid-template-columns:1fr;
gap:12px;
margin-bottom:14px;
}
.contact-v2-form-icon{
width:46px;
height:46px;
font-size:1.05rem;
}
.contact-v2-form-card h2{
font-size:1.78rem!important;
}
.contact-v2-form-card p{
font-size:.88rem!important;
line-height:1.42!important;
}
.contact-v2-field-row{
grid-template-columns:1fr;
gap:12px;
}
.contact-v2-form input,
.contact-v2-form select,
.contact-v2-form textarea{
min-height:44px;
font-size:.9rem;
}
.contact-v2-form textarea{
min-height:86px;
}
.contact-v2-submit{
min-height:46px!important;
}
.contact-v2-next{
margin-top:16px;
padding:15px;
border-radius:18px;
}
.contact-v2-next li strong{
font-size:.82rem;
}
.contact-v2-guidance h2{
font-size:1.86rem!important;
}
.contact-v2-intro{
font-size:.92rem!important;
line-height:1.45!important;
margin-bottom:16px!important;
}
.contact-v2-choice-list{
gap:12px;
}
.contact-v2-choice{
grid-template-columns:42px 1fr 16px;
gap:13px;
min-height:0;
padding:16px;
border-radius:18px;
}
.contact-v2-choice-icon{
width:42px;
height:42px;
font-size:1.08rem;
}
.contact-v2-choice-copy strong{
font-size:1rem;
margin-bottom:5px;
}
.contact-v2-choice-copy em{
font-size:.82rem;
line-height:1.38;
}
.contact-v2-choice-copy b{
font-size:.56rem;
padding:5px 8px;
margin-top:9px;
}
.contact-v2-arrow{
font-size:1.6rem;
}
.contact-v2-proof{
grid-template-columns:36px 1fr;
gap:10px 12px;
padding:16px;
border-radius:18px;
margin-top:16px;
}
.contact-v2-proof > span{
width:36px;
height:36px;
font-size:1.45rem;
}
.contact-v2-proof p{
font-size:.84rem!important;
line-height:1.45!important;
}
.contact-v2-proof cite{
grid-column:1 / -1;
font-size:.76rem;
padding-left:48px;
}
} .nav-services{position:relative;display:flex;align-items:stretch;}
.nav-services-toggle{appearance:none;border:0;background:transparent;color:rgba(255,255,255,.84);font:inherit;font-weight:850;padding:26px 0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;position:relative;}
.nav-services-toggle:after{content:"";position:absolute;left:0;right:0;bottom:15px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform .18s ease;box-shadow:0 0 14px rgba(0,207,232,.55);}
.nav-services-toggle:hover,.nav-services-toggle:focus-visible,.nav-services.is-open .nav-services-toggle{color:#fff;}
.nav-services-toggle:hover:after,.nav-services-toggle:focus-visible:after,.nav-services.is-open .nav-services-toggle:after{transform:scaleX(1);}
.nav-services-toggle>span{font-size:.92rem;transition:transform .18s ease;}
.nav-services.is-open .nav-services-toggle>.nav-services-label{transform:none;}
.services-dropdown{position:absolute;top:calc(100% - 8px);left:-24px;width:390px;padding:12px;background:#fff;border:1px solid #dce6f2;border-radius:20px;box-shadow:0 24px 70px rgba(6,16,30,.2);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:2000;}
.nav-services.is-open .services-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.services-dropdown a{display:block;padding:13px 14px;border-radius:14px;text-decoration:none;transition:background .16s ease,transform .16s ease;}
.services-dropdown a:hover,.services-dropdown a:focus-visible{background:#f3f7ff;transform:translateX(3px);outline:none;}
.services-dropdown strong{display:block;color:#0f172a;font-size:.92rem;font-weight:900;line-height:1.25;}
.services-dropdown span{display:block;color:#64748b;font-size:.76rem;font-weight:700;line-height:1.4;margin-top:3px;}
.mobile-services{border-bottom:1px solid var(--line);}
.mobile-services-toggle{width:100%;appearance:none;border:0;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:14px 0;font:inherit;font-size:1rem;font-weight:800;text-align:left;cursor:pointer;}
.mobile-services-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#eef5ff;color:var(--blue);font-size:1.15rem;font-weight:900;}
.mobile-services-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease;}
.mobile-services-panel>*{overflow:hidden;}
.mobile-services.is-open .mobile-services-panel{grid-template-rows:1fr;}
.mobile-services-panel .sub-link{padding-left:16px!important;font-size:.92rem!important;color:#304158!important;border-bottom:1px solid #edf2f8!important;}
.mobile-services-panel .sub-link:last-child{border-bottom:0!important;}
.ppc-page{overflow:hidden;}
.ppc-hero{background:radial-gradient(circle at 82% 14%,rgba(55,197,255,.14),transparent 30%),linear-gradient(180deg,#f7fbff 0%,#fff 100%);}
.ppc-hero-card{position:relative;overflow:hidden;}
.ppc-hero-card:after{content:"";position:absolute;right:-80px;bottom:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(55,197,255,.16),transparent 68%);pointer-events:none;}
.ppc-hero-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;}
.ppc-hero-metrics div{position:relative;z-index:1;background:linear-gradient(180deg,#f7faff,#fff);border:1px solid #dce6f2;border-radius:18px;padding:16px;}
.ppc-hero-metrics strong{display:block;color:#1a4fd6;font-family:'Sora','Inter',sans-serif;font-size:1rem;letter-spacing:-.03em;}
.ppc-hero-metrics span{display:block;color:#65768d;font-size:.78rem;font-weight:750;line-height:1.42;margin-top:5px;}
.ppc-warning-card,.ppc-fit-card{border-top:4px solid var(--blue);}
.ppc-warning-card h3,.ppc-fit-card h3,.ppc-principles-card h3{margin-bottom:18px;}
.ppc-warning-card .clean,.ppc-fit-card .clean{gap:13px;}
.ppc-service-grid{align-items:stretch;}
.ppc-service-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding-top:28px;overflow:hidden;}
.ppc-service-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan));}
.ppc-card-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#eef5ff;color:var(--blue);font-family:'Sora','Inter',sans-serif;font-weight:900;font-size:.88rem;margin-bottom:18px;}
.ppc-service-card h3{font-size:1.25rem;margin-bottom:10px;}
.ppc-service-card p{margin:0;}
.ppc-difference-section{position:relative;}
.ppc-principles-card{background:rgba(255,255,255,.96)!important;}
.ppc-principles-card .clean li{color:#27364a;}
.ppc-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;}
.ppc-process-step{background:#fff;border:1px solid #dce6f2;border-radius:24px;padding:25px;box-shadow:0 14px 38px rgba(6,16,30,.07);position:relative;}
.ppc-process-step>span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,var(--blue),#1b43b8);color:#fff;font-family:'Sora','Inter',sans-serif;font-size:.82rem;font-weight:900;box-shadow:0 10px 24px rgba(36,87,230,.25);margin-bottom:18px;}
.ppc-process-step h3{font-size:1.15rem;margin-bottom:9px;}
.ppc-process-step p{font-size:.9rem;line-height:1.55;margin:0;}
.ppc-final-cta .btn{margin-top:14px;}
@media(max-width:1220px){
.services-dropdown{left:auto;right:-40px;}
}
@media(max-width:980px){
.nav-services{display:none;}
.ppc-hero-metrics{grid-template-columns:1fr 1fr;}
.ppc-process-grid{grid-template-columns:1fr 1fr;}
.ppc-service-grid{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:640px){
.ppc-hero{padding-top:44px!important;padding-bottom:48px!important;}
.ppc-hero .grid-2{gap:24px!important;}
.ppc-hero h1{font-size:clamp(2rem,9vw,2.55rem)!important;line-height:1.01!important;}
.ppc-hero .lead{font-size:.98rem!important;line-height:1.5!important;}
.ppc-hero .button-row{display:grid!important;gap:10px!important;}
.ppc-hero .button-row .btn{width:100%!important;justify-content:center!important;}
.ppc-hero-card{padding:22px!important;border-radius:22px!important;}
.ppc-hero-card h3{font-size:1.25rem!important;}
.ppc-hero-metrics{grid-template-columns:1fr;gap:9px;margin-top:16px;}
.ppc-hero-metrics div{padding:14px;border-radius:15px;}
.ppc-hero-metrics span{font-size:.74rem;}
.ppc-service-grid,.ppc-process-grid{grid-template-columns:1fr!important;gap:13px;}
.ppc-service-card,.ppc-process-step{padding:20px!important;border-radius:20px!important;}
.ppc-card-number,.ppc-process-step>span{width:40px;height:40px;margin-bottom:14px;}
.ppc-service-card h3,.ppc-process-step h3{font-size:1.1rem!important;}
.ppc-service-card p,.ppc-process-step p{font-size:.86rem!important;line-height:1.48!important;}
.ppc-warning-card,.ppc-fit-card,.ppc-principles-card{padding:21px!important;border-radius:20px!important;}
.ppc-final-cta .grid-2{gap:20px!important;}
.ppc-final-cta .btn{width:100%!important;justify-content:center!important;}
} .nav-services-toggle{
gap:9px;
}
.nav-services-toggle:after{
left:0;
right:auto;
width:58px;
bottom:13px;
}
.nav-services-label{
display:inline-block;
}
.nav-services-chevron{
display:inline-block;
width:7px;
height:7px;
margin-top:-4px;
border-right:2px solid currentColor;
border-bottom:2px solid currentColor;
transform:rotate(45deg);
transform-origin:center;
transition:transform .18s ease, margin-top .18s ease;
opacity:.9;
}
.nav-services.is-open .nav-services-chevron{
margin-top:4px;
transform:rotate(225deg);
} .nav-services-label{
transform:none!important;
}
.nav-services.is-open .nav-services-label,
.nav-services-toggle:hover .nav-services-label,
.nav-services-toggle:focus-visible .nav-services-label{
transform:none!important;
}
.services-dropdown a:after,
.services-dropdown a:hover:after,
.services-dropdown a:focus-visible:after{
content:none!important;
display:none!important;
transform:none!important;
box-shadow:none!important;
}
.services-dropdown a{
position:relative;
border-bottom:0!important;
}
.services-dropdown a:hover,
.services-dropdown a:focus-visible{
text-decoration:none!important;
} .services-dropdown{
width:480px!important;
max-width:min(480px,calc(100vw - 32px))!important;
overflow:hidden!important;
}
.services-dropdown a{
white-space:normal!important;
min-width:0!important;
overflow:hidden!important;
}
.services-dropdown strong,
.services-dropdown span{
white-space:normal!important;
overflow-wrap:anywhere!important;
word-break:normal!important;
max-width:100%!important;
}
.services-dropdown span{
line-height:1.45!important;
}
@media(max-width:1220px){
.services-dropdown{
right:-24px!important;
left:auto!important;
}
} body .navy-band .ppc-principles-card{
background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
border:1px solid #d8e6f5!important;
border-top:4px solid var(--blue)!important;
box-shadow:0 18px 50px rgba(0,0,0,.16)!important;
backdrop-filter:none!important;
}
body .navy-band .ppc-principles-card h3{
color:#0b1426!important;
}
body .navy-band .ppc-principles-card .clean li{
color:#334155!important;
opacity:1!important;
}
body .navy-band .ppc-principles-card .clean li:before{
background:var(--blue)!important;
box-shadow:0 0 0 5px rgba(36,87,230,.10)!important;
}
@media(max-width:640px){
body .navy-band .ppc-principles-card{
padding:20px!important;
border-radius:20px!important;
}
body .navy-band .ppc-principles-card h3{
font-size:1.08rem!important;
margin-bottom:14px!important;
}
body .navy-band .ppc-principles-card .clean{
gap:11px!important;
}
body .navy-band .ppc-principles-card .clean li{
font-size:.86rem!important;
line-height:1.45!important;
}
} @media (max-width: 900px){
.mobile-services{
width:100%!important;
border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.mobile-services-toggle{
width:100%!important;
min-height:56px!important;
margin:0!important;
padding:14px 0!important;
box-sizing:border-box!important;
background:transparent!important;
color:rgba(255,255,255,.94)!important;
border:0!important;
border-radius:0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
font-size:1rem!important;
font-weight:900!important;
line-height:1.2!important;
text-align:left!important;
box-shadow:none!important;
}
.mobile-services-toggle > span:first-child{
display:block!important;
min-width:0!important;
overflow:visible!important;
}
.mobile-services-icon{
flex:0 0 32px!important;
width:32px!important;
height:32px!important;
margin-left:16px!important;
border-radius:999px!important;
background:rgba(255,255,255,.09)!important;
border:1px solid rgba(255,255,255,.16)!important;
color:#6fd7ff!important;
font-size:1.2rem!important;
line-height:1!important;
}
.mobile-services-panel{
display:none!important;
width:100%!important;
margin:0!important;
padding:0!important;
}
.mobile-services.is-open .mobile-services-panel{
display:block!important;
}
.mobile-services-panel > *{
overflow:visible!important;
}
.mobile-services-panel .sub-link{
display:block!important;
width:100%!important;
box-sizing:border-box!important;
padding:14px 0 14px 18px!important;
margin:0!important;
color:rgba(255,255,255,.86)!important;
background:transparent!important;
border-bottom:1px solid rgba(255,255,255,.10)!important;
font-size:.95rem!important;
font-weight:800!important;
line-height:1.25!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
.mobile-services-panel .sub-link:hover,
.mobile-services-panel .sub-link:focus-visible{
color:#fff!important;
background:rgba(255,255,255,.06)!important;
padding-left:22px!important;
}
.mobile-services-panel .sub-link:last-child{
border-bottom:0!important;
}
} @media (max-width:640px){
.ppc-page .section{
padding-top:36px!important;
padding-bottom:36px!important;
}
.ppc-page .container{
padding-left:20px!important;
padding-right:20px!important;
}
.ppc-page .grid-2{
gap:18px!important;
}
.ppc-page .section-head{
margin-bottom:22px!important;
}
.ppc-page .section-head h2,
.ppc-page section h2{
margin-bottom:10px!important;
}
.ppc-page p{
margin-top:0!important;
margin-bottom:12px!important;
}
.ppc-page .lead{
margin-bottom:12px!important;
}
.ppc-hero{
padding-top:28px!important;
padding-bottom:32px!important;
}
.ppc-hero .grid-2{
gap:18px!important;
}
.ppc-hero h1{
margin-bottom:12px!important;
}
.ppc-hero .button-row{
margin-top:18px!important;
gap:8px!important;
}
.ppc-hero-card{
padding:18px!important;
border-radius:18px!important;
}
.ppc-hero-card h3{
margin-bottom:8px!important;
}
.ppc-hero-metrics{
gap:7px!important;
margin-top:12px!important;
}
.ppc-hero-metrics div{
padding:11px 12px!important;
border-radius:13px!important;
}
.ppc-hero-metrics span{
margin-top:3px!important;
line-height:1.35!important;
}
.ppc-problem-section,
.ppc-management-section,
.ppc-difference-section,
.ppc-fit-section,
.ppc-process-section,
.ppc-final-cta{
padding-top:34px!important;
padding-bottom:34px!important;
}
.ppc-warning-card,
.ppc-fit-card,
.ppc-principles-card{
padding:17px!important;
border-radius:17px!important;
}
.ppc-warning-card h3,
.ppc-fit-card h3,
.ppc-principles-card h3{
margin-bottom:12px!important;
}
.ppc-warning-card .clean,
.ppc-fit-card .clean,
.ppc-principles-card .clean{
gap:8px!important;
}
.ppc-page .clean li{
line-height:1.4!important;
}
.ppc-service-grid,
.ppc-process-grid{
gap:10px!important;
}
.ppc-service-card,
.ppc-process-step{
padding:16px!important;
border-radius:17px!important;
}
.ppc-card-number,
.ppc-process-step>span{
width:34px!important;
height:34px!important;
margin-bottom:10px!important;
border-radius:11px!important;
}
.ppc-service-card h3,
.ppc-process-step h3{
margin-bottom:6px!important;
}
.ppc-service-card p,
.ppc-process-step p{
margin-bottom:0!important;
line-height:1.42!important;
}
.ppc-final-cta .grid-2{
gap:12px!important;
}
.ppc-final-cta .btn{
margin-top:8px!important;
}
} .ppc-principles-card h3{
color:#0b1530!important;
opacity:1!important;
}
@media (max-width:640px){
.ppc-page .section,
.ppc-page .page-hero{
padding-top:24px!important;
padding-bottom:24px!important;
}
.ppc-page .container{
padding-left:16px!important;
padding-right:16px!important;
}
.ppc-page .grid-2,
.ppc-service-grid,
.ppc-process-grid{
gap:10px!important;
}
.ppc-page .section-head{
margin-bottom:14px!important;
}
.ppc-page .eyebrow{
margin-bottom:7px!important;
}
.ppc-page section h2,
.ppc-page .section-head h2{
font-size:clamp(1.55rem,7vw,1.9rem)!important;
line-height:1.06!important;
margin-bottom:7px!important;
}
.ppc-page .lead,
.ppc-page p{
font-size:.9rem!important;
line-height:1.42!important;
margin-bottom:8px!important;
}
.ppc-hero{
padding-top:22px!important;
padding-bottom:24px!important;
}
.ppc-hero h1{
font-size:clamp(1.9rem,8.5vw,2.3rem)!important;
margin-bottom:9px!important;
}
.ppc-hero .button-row{
margin-top:13px!important;
gap:7px!important;
}
.ppc-hero-card,
.ppc-warning-card,
.ppc-fit-card,
.ppc-principles-card,
.ppc-service-card,
.ppc-process-step{
padding:14px!important;
border-radius:15px!important;
}
.ppc-hero-metrics{
margin-top:10px!important;
gap:6px!important;
}
.ppc-hero-metrics div{
padding:9px 10px!important;
border-radius:11px!important;
}
.ppc-card-number,
.ppc-process-step>span{
width:30px!important;
height:30px!important;
margin-bottom:8px!important;
border-radius:9px!important;
font-size:.74rem!important;
}
.ppc-service-card h3,
.ppc-process-step h3,
.ppc-warning-card h3,
.ppc-fit-card h3,
.ppc-principles-card h3{
font-size:1rem!important;
line-height:1.2!important;
margin-bottom:8px!important;
}
.ppc-difference-section .grid-2{
gap:12px!important;
}
.ppc-principles-card{
border-top:3px solid var(--blue)!important;
}
.ppc-principles-card h3{
color:#0b1530!important;
opacity:1!important;
visibility:visible!important;
}
.ppc-principles-card ul.clean{
gap:4px!important;
margin:0!important;
}
.ppc-principles-card ul.clean li{
display:block!important;
position:relative!important;
padding:6px 4px 6px 22px!important;
min-height:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:#27364a!important;
font-size:.84rem!important;
font-weight:760!important;
line-height:1.32!important;
}
.ppc-principles-card ul.clean li:before{
position:absolute!important;
left:4px!important;
top:.76em!important;
width:6px!important;
height:6px!important;
margin:0!important;
box-shadow:0 0 0 3px rgba(36,87,230,.10)!important;
}
.ppc-final-cta .grid-2{
gap:9px!important;
}
.ppc-final-cta .btn{
margin-top:5px!important;
}
} @media (max-width:640px){
body .ppc-page .ppc-difference-section{
padding-top:20px!important;
padding-bottom:20px!important;
}
body .ppc-page .ppc-difference-section .grid-2{
gap:10px!important;
}
body .ppc-page .ppc-difference-section .ppc-principles-card{
padding:14px!important;
margin:0!important;
border-radius:16px!important;
min-height:0!important;
height:auto!important;
background:#fff!important;
border:1px solid #d8e6f5!important;
border-top:3px solid var(--blue)!important;
}
body .ppc-page .ppc-difference-section .ppc-principles-card h3{
display:block!important;
color:#0b1530!important;
-webkit-text-fill-color:#0b1530!important;
opacity:1!important;
visibility:visible!important;
font-size:1rem!important;
line-height:1.2!important;
font-weight:900!important;
margin:0 0 9px!important;
padding:0!important;
}
body .ppc-page .ppc-difference-section .ppc-principles-card ul.clean.two-column-list{
display:grid!important;
grid-template-columns:1fr!important;
gap:0!important;
margin:0!important;
padding:0!important;
}
body .ppc-page .ppc-difference-section .ppc-principles-card ul.clean.two-column-list li{
display:block!important;
position:relative!important;
min-height:0!important;
height:auto!important;
margin:0!important;
padding:7px 4px 7px 20px!important;
border:0!important;
border-bottom:1px solid #e6edf5!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:#26364a!important;
-webkit-text-fill-color:#26364a!important;
font-size:.82rem!important;
line-height:1.28!important;
font-weight:760!important;
}
body .ppc-page .ppc-difference-section .ppc-principles-card ul.clean.two-column-list li:last-child{
border-bottom:0!important;
}
body .ppc-page .ppc-difference-section .ppc-principles-card ul.clean.two-column-list li:before{
content:""!important;
position:absolute!important;
left:4px!important;
top:12px!important;
width:6px!important;
height:6px!important;
min-width:6px!important;
margin:0!important;
border-radius:50%!important;
background:var(--blue)!important;
box-shadow:0 0 0 3px rgba(36,87,230,.10)!important;
}
body .ppc-page .ppc-service-card,
body .ppc-page .ppc-process-step,
body .ppc-page .ppc-warning-card,
body .ppc-page .ppc-fit-card,
body .ppc-page .ppc-hero-card{
min-height:0!important;
height:auto!important;
padding:13px!important;
margin:0!important;
border-radius:15px!important;
}
body .ppc-page .ppc-service-grid,
body .ppc-page .ppc-process-grid{
gap:8px!important;
}
body .ppc-page .ppc-service-card h3,
body .ppc-page .ppc-process-step h3{
margin:0 0 5px!important;
font-size:.98rem!important;
line-height:1.18!important;
}
body .ppc-page .ppc-service-card p,
body .ppc-page .ppc-process-step p{
margin:0!important;
font-size:.82rem!important;
line-height:1.34!important;
}
body .ppc-page .ppc-card-number,
body .ppc-page .ppc-process-step>span{
width:28px!important;
height:28px!important;
margin:0 0 7px!important;
font-size:.7rem!important;
}
} .faq-page .faq-hero{position:relative;overflow:hidden;}
.faq-page .faq-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 18%,rgba(0,255,157,.13),transparent 30%),radial-gradient(circle at 12% 84%,rgba(36,87,230,.10),transparent 32%);pointer-events:none;}
.faq-page .faq-hero>.container{position:relative;z-index:1;}
.faq-hero-clean{max-width:860px;}
.faq-answer a{color:var(--blue);font-weight:900;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;}
.faq-answer a:hover{color:#123cb0;}
.faq-hero-card{border:1px solid rgba(36,87,230,.16);box-shadow:0 28px 80px rgba(7,17,31,.10);}
.faq-topic-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;}
.faq-topic-pills span{display:inline-flex;align-items:center;border-radius:999px;padding:8px 11px;background:#eef5ff;color:#14366e;font-size:.78rem;font-weight:900;letter-spacing:.02em;}
.faq-layout{display:grid;grid-template-columns:minmax(250px,340px) minmax(0,1fr);gap:28px;align-items:start;}
.faq-side-card{position:sticky;top:112px;border:1px solid var(--line);border-radius:28px;padding:28px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 22px 70px rgba(7,17,31,.07);}
.faq-side-card h2{font-size:1.5rem;margin:8px 0 10px;}
.faq-side-list{margin-top:18px;display:grid;gap:10px;}
.faq-side-list li{font-weight:800;color:#25364b;line-height:1.38;}
.faq-list{display:grid;gap:14px;}
.faq-detail{border:1px solid #dbe7f5;border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(7,17,31,.055);overflow:hidden;}
.faq-detail summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:22px 24px;font-weight:900;color:#07111f;}
.faq-detail summary::-webkit-details-marker{display:none;}
.faq-detail summary:after{content:"+";grid-column:3;justify-self:end;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef5ff;color:var(--blue);font-size:1.25rem;font-weight:950;margin-left:10px;}
.faq-detail[open] summary:after{content:"−";background:var(--blue);color:#fff;}
.faq-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1a4fd6,#00cfe8);color:#fff;font-size:.74rem;letter-spacing:.08em;box-shadow:0 10px 24px rgba(36,87,230,.20);}
.faq-question{font-size:1.06rem;line-height:1.3;}
.faq-answer{padding:0 24px 24px 82px;color:#35465c;font-weight:650;line-height:1.65;}
.faq-answer p{margin:0;}
.faq-cta-panel{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;}
.faq-cta-panel .button-row{justify-content:flex-end;}
@media(max-width:980px){.faq-layout{grid-template-columns:1fr;}.faq-side-card{position:relative;top:auto;}.faq-cta-panel{grid-template-columns:1fr;}.faq-cta-panel .button-row{justify-content:flex-start;}}
@media(max-width:640px){.faq-page .faq-hero .button-row,.faq-cta-panel .button-row{width:100%;}.faq-detail summary{grid-template-columns:36px 1fr;gap:11px;padding:18px 16px;}.faq-detail summary:after{width:26px;height:26px;font-size:1rem;}.faq-number{width:32px;height:32px;font-size:.68rem;}.faq-question{font-size:.95rem;}.faq-answer{padding:0 16px 18px 63px;font-size:.9rem;line-height:1.55;}.faq-side-card{padding:22px;border-radius:22px;}.faq-topic-pills span{font-size:.72rem;padding:7px 9px;}} .inline-link{
color:#2755d9;
font-weight:700;
text-decoration:none;
border-bottom:1px solid rgba(39,85,217,.28);
}
.inline-link:hover{
color:#173aa5;
border-bottom-color:rgba(23,58,165,.75);
}
.navy-band .inline-link{
color:#8fd3ff;
border-bottom-color:rgba(143,211,255,.38);
}
.navy-band .inline-link:hover{
color:#ffffff;
border-bottom-color:rgba(255,255,255,.85);
} .faq-more {
margin-top: 28px;
text-align: center;
}
.faq-more p {
margin: 0;
color: var(--muted);
font-weight: 700;
}
.faq-category-heading {
margin: 26px 0 12px;
}
.faq-category-heading:first-child {
margin-top: 0;
}
.faq-category-heading span {
display: inline-flex;
align-items: center;
border-radius: 999px;
padding: 8px 13px;
background: rgba(55, 92, 255, 0.08);
color: var(--brand-blue);
font-size: 0.78rem;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
}
@media (max-width: 760px) {
.faq-more {
text-align: left;
}
.faq-category-heading {
margin-top: 20px;
}
} .faq-main-section{padding-top:72px;}
.faq-page .page-identity-band + .faq-main-section{border-top:1px solid rgba(220,230,242,.7);}
.faq-side-card p{max-width:260px;}
@media(max-width:640px){.faq-main-section{padding-top:44px;}} body .strategic-seo-page .strategic-fix-grid .service-card:before{
position:relative !important;
left:auto !important;
top:auto !important;
right:auto !important;
bottom:auto !important;
display:flex !important;
flex:0 0 34px !important;
width:34px !important;
height:34px !important;
margin:0 0 16px 0 !important;
border-radius:12px !important;
}
body .strategic-seo-page .strategic-fix-grid .service-card h3{
clear:both !important;
}
@media (max-width: 900px){
body .strategic-seo-page .strategic-fix-grid .service-card:before{
width:32px !important;
height:32px !important;
flex-basis:32px !important;
margin-bottom:12px !important;
}
} .wa-redesign{--wa-green:#00ff9d;--wa-navy:#07071a;--wa-blue:#2457e6;--wa-soft:#f5f9ff;overflow:hidden;}
.wa-redesign .section{padding:96px 0;}
.wa-redesign a:not(.btn){color:inherit;text-decoration:none;font-weight:900;border-bottom:2px solid rgba(0,255,157,.55);}
.wa-redesign a:not(.btn):hover{color:#00a86b;border-bottom-color:#00ff9d;}
.wa-hero{position:relative;isolation:isolate;background:radial-gradient(circle at 72% 20%,rgba(0,255,157,.16),transparent 30%),radial-gradient(circle at 15% 15%,rgba(55,197,255,.12),transparent 32%),linear-gradient(135deg,#07071a 0%,#0c1830 100%);color:#fff;padding:76px 0 82px;}
.wa-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,26,.96),rgba(7,7,26,.78) 52%,rgba(7,7,26,.94));z-index:-1;}
.wa-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.82fr);gap:68px;align-items:center;}
.wa-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:#b9ffdf;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:950;}
.wa-kicker:before{content:"";width:38px;height:2px;background:#00ff9d;box-shadow:0 0 18px rgba(0,255,157,.8);}
.wa-hero h1{color:#fff;font-size:clamp(2.15rem,3.1vw,3.2rem);line-height:1.04;max-width:690px;letter-spacing:-.055em;}
.wa-hero h1 strong,.wa-accent{color:#00ff9d;}
.wa-hero p{color:rgba(239,247,255,.84);font-size:1rem;max-width:650px;}
.wa-hero .wa-lead{color:#fff;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.56;margin-top:20px;}
.wa-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:32px;}
.btn-ghost-light{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff;box-shadow:0 18px 48px rgba(0,0,0,.2);}
.btn-ghost-light:hover{background:rgba(255,255,255,.14);border-color:rgba(0,255,157,.55);transform:translateY(-2px);}
.wa-trust-map{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:32px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06));box-shadow:0 32px 90px rgba(0,0,0,.32);backdrop-filter:blur(16px);}
.wa-trust-map:before{content:"";position:absolute;inset:-1px;border-radius:32px;padding:1px;background:linear-gradient(135deg,rgba(0,255,157,.7),rgba(55,197,255,.2),rgba(255,255,255,.08));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.wa-map-label{display:inline-flex;border-radius:999px;padding:8px 12px;margin-bottom:18px;background:rgba(0,255,157,.12);color:#b8ffdf;border:1px solid rgba(0,255,157,.25);font-weight:950;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;}
.wa-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.wa-map-grid span{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:15px 14px;color:#fff;font-weight:900;}
.wa-map-grid span:before,.wa-signal-grid span:before{content:"";width:10px;height:10px;border-radius:999px;background:#00ff9d;box-shadow:0 0 16px rgba(0,255,157,.75);flex:0 0 auto;}
.wa-map-flow{display:flex;align-items:center;justify-content:center;gap:18px;margin:26px 0;}
.wa-map-flow i{display:block;width:58px;height:2px;background:linear-gradient(90deg,transparent,#00ff9d,transparent);position:relative;}
.wa-map-flow i:after{content:"";position:absolute;right:-2px;top:-4px;width:9px;height:9px;border-top:2px solid #00ff9d;border-right:2px solid #00ff9d;transform:rotate(45deg);}
.wa-map-result{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.wa-map-result strong{display:grid;place-items:center;text-align:center;min-height:70px;border-radius:18px;background:linear-gradient(135deg,rgba(0,255,157,.18),rgba(36,87,230,.16));border:1px solid rgba(0,255,157,.24);color:#fff;font-size:1.02rem;}
.wa-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.78fr);gap:72px;align-items:center;}
.wa-intro{background:#fff;}
.wa-intro h2,.wa-framework h2,.wa-gaps h2,.wa-signals h2,.wa-seo-ai h2,.wa-fit h2,.wa-final h2{font-size:clamp(2.4rem,4.2vw,4.65rem);letter-spacing:-.06em;}
.wa-proof-card,.wa-compare-card,.wa-fit-panel,.wa-final-panel{border:1px solid rgba(220,230,242,.95);border-radius:32px;background:#fff;box-shadow:0 28px 80px rgba(7,17,31,.1);padding:34px;}
.wa-proof-card{position:relative;overflow:hidden;}
.wa-proof-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#00ff9d,#2457e6);}
.wa-proof-card h3{font-size:clamp(1.7rem,2.2vw,2.35rem);}
.wa-framework{background:linear-gradient(180deg,#f8fbff,#fff);}
.wa-question-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px;}
.wa-question-tiles div{position:relative;min-height:190px;padding:28px;border:1px solid rgba(220,230,242,.95);border-radius:26px;background:linear-gradient(180deg,#fff,#f9fcff);box-shadow:0 22px 58px rgba(7,17,31,.08);transition:.18s ease;}
.wa-question-tiles div:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(7,17,31,.12);border-color:rgba(0,255,157,.45);}
.wa-question-tiles span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:12px;margin-bottom:18px;background:linear-gradient(135deg,#00ff9d,#37c5ff);color:#07111f;font-size:.82rem;font-weight:1000;}
.wa-question-tiles strong{display:block;color:#07111f;font-size:1.4rem;line-height:1.08;letter-spacing:-.04em;margin-bottom:10px;}
.wa-question-tiles p{font-size:.98rem;margin:0;color:#55657a;}
.wa-dark{background:radial-gradient(circle at 76% 20%,rgba(0,255,157,.12),transparent 32%),linear-gradient(135deg,#07071a,#0c2039);color:#fff;}
.wa-dark h2,.wa-dark h3,.wa-final h2{color:#fff;}
.wa-dark p{color:rgba(239,247,255,.82);}
.wa-dark .lead{color:#fff;}
.wa-dark .eyebrow,.wa-final .eyebrow{color:#a8ffdb;}
.wa-dark-card{border:1px solid rgba(255,255,255,.14);border-radius:32px;background:rgba(255,255,255,.08);box-shadow:0 26px 70px rgba(0,0,0,.25);padding:32px;}
.wa-dark-card ul,.wa-diagnostic-card ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px;}
.wa-dark-card li,.wa-diagnostic-card li,.wa-fit-list div{position:relative;padding-left:32px;color:rgba(255,255,255,.86);font-weight:750;line-height:1.45;}
.wa-dark-card li:before,.wa-diagnostic-card li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#00ff9d;color:#07111f;display:grid;place-items:center;font-size:.72rem;font-weight:1000;}
.wa-gaps{background:#fff;}
.wa-diagnostic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;}
.wa-diagnostic-card{border-radius:30px;padding:30px;background:#07111a;border:1px solid rgba(7,17,26,.1);box-shadow:0 28px 80px rgba(7,17,31,.14);}
.wa-diagnostic-card:nth-child(2){background:#0b1d33;}
.wa-diagnostic-card:nth-child(3){background:#0d263c;}
.wa-diagnostic-card h3{color:#fff;font-size:1.65rem;}
.wa-diagnostic-card li{color:rgba(239,247,255,.88);}
.wa-signals{background:linear-gradient(135deg,#f5f9ff,#fff);}
.wa-signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.wa-signal-grid span{display:flex;align-items:center;gap:10px;min-height:58px;border-radius:16px;background:#07111a;color:#fff;border:1px solid rgba(0,255,157,.14);padding:14px 16px;font-weight:900;box-shadow:0 18px 48px rgba(7,17,31,.08);}
.wa-seo-ai{background:#fff;}
.wa-compare-card{display:grid;gap:16px;background:linear-gradient(180deg,#fff,#f7fbff);}
.wa-compare-card div{padding:24px;border-radius:22px;background:#fff;border:1px solid #dce6f2;}
.wa-compare-card strong{display:block;color:#07111f;font-size:1.25rem;letter-spacing:-.03em;margin-bottom:8px;}
.wa-compare-card p{font-size:.98rem;margin:0;}
.wa-fit{background:linear-gradient(135deg,#eef6ff,#fff);}
.wa-fit-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(330px,1fr);gap:48px;align-items:center;background:rgba(255,255,255,.9);}
.wa-fit-list{display:grid;gap:12px;}
.wa-fit-list div{color:#1d2d44;background:#fff;border:1px solid #dce6f2;border-radius:16px;padding:14px 16px 14px 46px;box-shadow:0 10px 26px rgba(7,17,31,.05);}
.wa-fit-list span{position:absolute;left:16px;top:14px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#00ff9d;color:#07111f;font-size:.75rem;font-weight:1000;}
.wa-final{background:radial-gradient(circle at 20% 20%,rgba(0,255,157,.15),transparent 28%),linear-gradient(135deg,#07111a,#0a1d34);}
.wa-final-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);gap:56px;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-color:rgba(255,255,255,.14);box-shadow:0 36px 100px rgba(0,0,0,.26);}
.wa-final p{color:rgba(239,247,255,.84);}
.wa-final .lead{color:#fff;}
@media(max-width:980px){
.wa-hero-grid,.wa-split,.wa-fit-panel,.wa-final-panel{grid-template-columns:1fr;gap:34px;}
.wa-question-tiles,.wa-diagnostic-grid{grid-template-columns:1fr 1fr;}
.wa-hero{padding:70px 0 76px;}
}
@media(max-width:640px){
.wa-redesign .section{padding:58px 0;}
.wa-hero{padding:54px 0 62px;}
.wa-hero h1{font-size:clamp(2.05rem,10vw,2.85rem);}
.wa-hero .wa-lead{font-size:1.06rem;}
.wa-trust-map,.wa-proof-card,.wa-dark-card,.wa-diagnostic-card,.wa-fit-panel,.wa-final-panel{border-radius:22px;padding:22px;}
.wa-map-grid,.wa-map-result,.wa-question-tiles,.wa-diagnostic-grid,.wa-signal-grid{grid-template-columns:1fr;}
.wa-question-tiles div{min-height:auto;padding:22px;}
.wa-actions .btn{width:100%;}
} .wa-map-lead{
margin:24px 0 14px;
text-align:center;
color:rgba(239,247,255,.78);
font-size:.82rem;
font-weight:950;
letter-spacing:.12em;
text-transform:uppercase;
}
.wa-map-result{
margin-top:0;
}
.ai-visibility-page .ai-hero .grid-2{
align-items:center;
gap:72px;
}
.ai-phone-visual{
position:relative;
min-height:620px;
display:grid;
place-items:center;
isolation:isolate;
}
.ai-phone-visual:before{
content:"";
position:absolute;
width:min(470px,88%);
height:min(470px,88%);
border-radius:999px;
background:radial-gradient(circle,rgba(0,255,157,.22),rgba(55,197,255,.14) 38%,transparent 70%);
filter:blur(6px);
z-index:-2;
}
.ai-phone-orbit{
position:absolute;
width:min(520px,94%);
height:min(520px,94%);
border-radius:999px;
border:1px solid rgba(36,87,230,.12);
background:radial-gradient(circle at 65% 28%,rgba(0,255,157,.12),transparent 28%);
box-shadow:0 40px 120px rgba(7,17,31,.12);
z-index:-1;
}
.ai-phone-picture{
display:block;
width:min(330px,58vw);
transform:rotate(5deg);
animation:ewsPhoneFloat 7s ease-in-out infinite;
filter:drop-shadow(0 34px 52px rgba(7,17,31,.28));
}
.ai-phone-picture img{
display:block;
width:100%;
height:auto;
}
.ai-phone-callout{
position:absolute;
display:grid;
grid-template-columns:auto 1fr;
column-gap:10px;
align-items:start;
width:255px;
padding:14px 16px;
border-radius:18px;
background:rgba(255,255,255,.92);
border:1px solid rgba(220,230,242,.95);
box-shadow:0 24px 65px rgba(7,17,31,.14);
backdrop-filter:blur(14px);
animation:ewsCalloutFloat 6.5s ease-in-out infinite;
}
.ai-phone-callout span{
width:10px;
height:10px;
border-radius:999px;
background:#00ff9d;
box-shadow:0 0 18px rgba(0,255,157,.75);
margin-top:5px;
}
.ai-phone-callout strong{
color:#07111f;
font-size:.92rem;
line-height:1.15;
letter-spacing:-.02em;
}
.ai-phone-callout em{
grid-column:2;
margin-top:4px;
color:#52647b;
font-style:normal;
font-size:.78rem;
line-height:1.35;
font-weight:750;
}
.ai-phone-callout-score{
top:84px;
left:0;
}
.ai-phone-callout-gap{
right:0;
bottom:92px;
animation-delay:-1.8s;
}
@keyframes ewsPhoneFloat{
0%,100%{transform:translateY(0) rotate(5deg);}
50%{transform:translateY(-12px) rotate(5deg);}
}
@keyframes ewsCalloutFloat{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-7px);}
}
@media(max-width:980px){
.ai-visibility-page .ai-hero .grid-2{gap:34px;}
.ai-phone-visual{min-height:560px;}
.ai-phone-picture{width:min(300px,70vw);}
.ai-phone-callout-score{left:6%;top:62px;}
.ai-phone-callout-gap{right:5%;bottom:58px;}
}
@media(max-width:640px){
.ai-phone-visual{min-height:480px;margin-top:18px;}
.ai-phone-picture{width:min(245px,72vw);}
.ai-phone-orbit{width:92%;height:92%;}
.ai-phone-callout{width:min(235px,78vw);padding:12px 14px;border-radius:16px;}
.ai-phone-callout strong{font-size:.84rem;}
.ai-phone-callout em{font-size:.72rem;}
.ai-phone-callout-score{left:0;top:32px;}
.ai-phone-callout-gap{right:0;bottom:34px;}
.wa-map-lead{margin:20px 0 12px;}
}
@media(prefers-reduced-motion:reduce){
.ai-phone-picture,.ai-phone-callout{animation:none!important;}
} .ai-visibility-page .ai-hero .grid-2{
gap:56px;
}
.ai-visibility-page .ai-phone-visual{
min-height:500px;
}
.ai-visibility-page .ai-phone-visual:before{
width:min(390px,78%);
height:min(390px,78%);
}
.ai-visibility-page .ai-phone-orbit{
width:min(420px,82%);
height:min(420px,82%);
}
.ai-visibility-page .ai-phone-picture{
width:min(260px,46vw);
}
.ai-visibility-page .ai-phone-callout{
width:235px;
padding:12px 14px;
}
.ai-visibility-page .ai-phone-callout-score{
top:86px;
left:5%;
}
.ai-visibility-page .ai-phone-callout-gap{
right:4%;
bottom:86px;
}
@media(max-width:980px){
.ai-visibility-page .ai-hero .grid-2{
gap:28px;
}
.ai-visibility-page .ai-phone-visual{
min-height:430px;
}
.ai-visibility-page .ai-phone-picture{
width:min(220px,44vw);
}
.ai-visibility-page .ai-phone-orbit{
width:min(360px,84%);
height:min(360px,84%);
}
.ai-visibility-page .ai-phone-callout{
width:210px;
}
.ai-visibility-page .ai-phone-callout-score{
top:52px;
left:2%;
}
.ai-visibility-page .ai-phone-callout-gap{
right:2%;
bottom:52px;
}
}
@media(max-width:720px){
.ai-visibility-page .ai-phone-visual{
display:none!important;
}
.ai-visibility-page .ai-hero .grid-2{
display:block;
}
} .wa-redesign .wa-signals{
background:linear-gradient(135deg,#f7fbff 0%,#ffffff 100%)!important;
}
.wa-redesign .wa-signals .wa-split{
gap:54px!important;
align-items:center!important;
}
.wa-redesign .wa-signal-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
}
.wa-redesign .wa-signal-grid span{
min-height:48px!important;
padding:11px 14px!important;
border-radius:999px!important;
background:rgba(255,255,255,.88)!important;
color:#152237!important;
border:1px solid rgba(205,220,238,.95)!important;
box-shadow:0 10px 24px rgba(7,17,31,.05)!important;
font-size:.94rem!important;
font-weight:850!important;
}
.wa-redesign .wa-signal-grid span:before{
width:9px!important;
height:9px!important;
background:#00ff9d!important;
box-shadow:0 0 12px rgba(0,255,157,.5)!important;
}
@media(max-width:900px){
.wa-redesign .wa-signal-grid{
grid-template-columns:1fr!important;
}
.wa-redesign .wa-signal-grid span{
border-radius:16px!important;
}
}
.ai-visibility-page .ai-hero .grid-2{
gap:44px!important;
}
.ai-visibility-page .ai-phone-visual{
min-height:410px!important;
transform:scale(.86)!important;
transform-origin:center center!important;
}
.ai-visibility-page .ai-phone-visual:before{
width:min(320px,70%)!important;
height:min(320px,70%)!important;
}
.ai-visibility-page .ai-phone-orbit{
width:min(340px,76%)!important;
height:min(340px,76%)!important;
}
.ai-visibility-page .ai-phone-picture{
width:min(205px,34vw)!important;
}
.ai-visibility-page .ai-phone-callout{
width:205px!important;
padding:11px 13px!important;
border-radius:16px!important;
}
.ai-visibility-page .ai-phone-callout strong{
font-size:.82rem!important;
}
.ai-visibility-page .ai-phone-callout em{
font-size:.7rem!important;
}
.ai-visibility-page .ai-phone-callout-score{
top:58px!important;
left:2%!important;
}
.ai-visibility-page .ai-phone-callout-gap{
right:2%!important;
bottom:58px!important;
}
@media(max-width:1100px){
.ai-visibility-page .ai-phone-visual{
min-height:360px!important;
transform:scale(.78)!important;
}
.ai-visibility-page .ai-phone-picture{
width:min(185px,32vw)!important;
}
}
@media(max-width:820px){
.ai-visibility-page .ai-phone-visual{
display:none!important;
}
.ai-visibility-page .ai-hero .grid-2{
display:block!important;
}
}  .web-design-redesign-v112 .wd-hero-premium{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 78% 28%, rgba(0,255,157,.20), transparent 34%),
radial-gradient(circle at 14% 0%, rgba(52,93,255,.22), transparent 28%),
linear-gradient(135deg,#07071a 0%,#07111f 50%,#0a2340 100%);
color:#fff;
padding:112px 0 100px;
}
.web-design-redesign-v112 .wd-hero-premium:before{
content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;opacity:.35;pointer-events:none;
}
.web-design-redesign-v112 .wd-hero-grid{position:relative;z-index:1;gap:72px;align-items:center;}
.web-design-redesign-v112 .wd-hero-copy h1{font-size:clamp(2.7rem,4.25vw,5rem);line-height:.98;letter-spacing:-.06em;margin:0 0 24px;max-width:760px;color:#fff;}
.web-design-redesign-v112 .wd-hero-copy .lead{font-size:1.18rem;line-height:1.65;color:rgba(255,255,255,.86);max-width:720px;}
.web-design-redesign-v112 .wd-hero-copy p:not(.eyebrow){color:rgba(255,255,255,.78);max-width:700px;}
.web-design-redesign-v112 .wd-hero-premium .eyebrow{color:#8ef7c7;}
.web-design-redesign-v112 .inline-link.light{color:#9affd3;border-color:rgba(154,255,211,.45);}
.web-design-redesign-v112 .btn-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff;box-shadow:none;}
.web-design-redesign-v112 .wd-hero-visual{position:relative;min-height:540px;}
.web-design-redesign-v112 .wd-browser{border:1px solid rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.075));box-shadow:0 30px 90px rgba(0,0,0,.32);backdrop-filter:blur(18px);}
.web-design-redesign-v112 .wd-browser-main{position:absolute;right:10px;top:24px;width:min(540px,100%);padding:24px 24px 22px;overflow:hidden;}
.web-design-redesign-v112 .wd-browser-bar{display:flex;gap:8px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1);}
.web-design-redesign-v112 .wd-browser-bar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35);}
.web-design-redesign-v112 .wd-browser-hero-line{width:46%;height:10px;border-radius:999px;background:#00ff9d;margin:26px 0 18px;box-shadow:0 0 30px rgba(0,255,157,.45);}
.web-design-redesign-v112 .wd-browser-title{width:78%;height:30px;border-radius:12px;background:rgba(255,255,255,.86);margin-bottom:12px;}
.web-design-redesign-v112 .wd-browser-copy{width:58%;height:12px;border-radius:999px;background:rgba(255,255,255,.35);margin-bottom:20px;}
.web-design-redesign-v112 .wd-browser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px;}
.web-design-redesign-v112 .wd-browser-grid i{height:96px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.12);}
.web-design-redesign-v112 .wd-browser-cta{width:160px;height:42px;border-radius:999px;background:linear-gradient(135deg,#2457ff,#00c8ff);box-shadow:0 20px 42px rgba(36,87,255,.3);}
.web-design-redesign-v112 .wd-visual-glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.75;pointer-events:none;}
.web-design-redesign-v112 .wd-glow-a{width:220px;height:220px;right:70px;top:12px;background:radial-gradient(circle,rgba(0,255,157,.28),rgba(0,255,157,0));}
.web-design-redesign-v112 .wd-glow-b{width:280px;height:280px;left:30px;bottom:35px;background:radial-gradient(circle,rgba(36,87,255,.24),rgba(36,87,255,0));}
.web-design-redesign-v112 .wd-browser-shell{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:start;margin-bottom:18px;}
.web-design-redesign-v112 .wd-browser-sidebar{padding:12px;border-radius:18px;background:rgba(10,19,34,.28);border:1px solid rgba(255,255,255,.08);display:grid;gap:10px;}
.web-design-redesign-v112 .wd-browser-sidebar i{height:12px;border-radius:999px;background:rgba(255,255,255,.18);display:block;}
.web-design-redesign-v112 .wd-browser-sidebar i:first-child{height:48px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));}
.web-design-redesign-v112 .wd-browser-body{display:block;}
.web-design-redesign-v112 .wd-browser-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;}
.web-design-redesign-v112 .wd-browser-metrics b{display:block;height:46px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.1);}
.web-design-redesign-v112 .wd-browser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:0;}
.web-design-redesign-v112 .wd-browser-grid i{height:88px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.12);}
.web-design-redesign-v112 .wd-browser-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 20px;}
.web-design-redesign-v112 .wd-browser-chart{flex:1;min-width:0;height:58px;padding:10px 12px;border-radius:16px;background:rgba(10,19,34,.26);border:1px solid rgba(255,255,255,.09);display:flex;align-items:flex-end;gap:8px;}
.web-design-redesign-v112 .wd-browser-chart i{display:block;flex:1;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#76ffc1,#2457ff);opacity:.95;}
.web-design-redesign-v112 .wd-browser-chart i:nth-child(1){height:42%;}
.web-design-redesign-v112 .wd-browser-chart i:nth-child(2){height:72%;}
.web-design-redesign-v112 .wd-browser-chart i:nth-child(3){height:58%;}
.web-design-redesign-v112 .wd-browser-chart i:nth-child(4){height:84%;}
.web-design-redesign-v112 .wd-browser-proof{width:110px;height:58px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;text-align:center;padding:6px;}
.web-design-redesign-v112 .wd-browser-proof span{display:block;font-size:1.15rem;font-weight:900;color:#fff;line-height:1;}
.web-design-redesign-v112 .wd-browser-proof em{display:block;font-style:normal;font-size:.72rem;font-weight:700;color:rgba(255,255,255,.72);margin-top:4px;line-height:1.2;}
.web-design-redesign-v112 .wd-floating-card,.web-design-redesign-v112 .wd-score-card{position:absolute;border-radius:18px;background:rgba(255,255,255,.94);color:#07111f;box-shadow:0 24px 60px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.55);padding:16px 18px;z-index:3;}
.web-design-redesign-v112 .wd-floating-card{display:grid;grid-template-columns:12px 1fr;column-gap:10px;width:230px;}
.web-design-redesign-v112 .wd-floating-card span{width:10px;height:10px;border-radius:50%;background:#00ff9d;box-shadow:0 0 20px rgba(0,255,157,.55);margin-top:5px;}
.web-design-redesign-v112 .wd-floating-card strong{font-size:.95rem;line-height:1.2;}
.web-design-redesign-v112 .wd-floating-card em{grid-column:2;font-style:normal;font-size:.78rem;color:#526078;font-weight:800;margin-top:4px;line-height:1.35;}
.web-design-redesign-v112 .wd-card-structure{left:0;top:86px;}
.web-design-redesign-v112 .wd-card-signals{right:-8px;bottom:66px;}
.web-design-redesign-v112 .wd-score-card{left:36px;bottom:0;width:330px;}
.web-design-redesign-v112 .wd-score-card strong{display:block;margin-bottom:12px;font-size:.95rem;}
.web-design-redesign-v112 .wd-score-card div{display:flex;gap:8px;flex-wrap:wrap;}
.web-design-redesign-v112 .wd-score-card span{font-size:.75rem;font-weight:900;background:#eef5ff;color:#1d3ec8;border-radius:999px;padding:7px 10px;}
.web-design-redesign-v112 .wd-shift-section,.web-design-redesign-v112 .wd-includes-section,.web-design-redesign-v112 .wd-work-section{padding:96px 0;}
.web-design-redesign-v112 .wd-shift-grid{gap:70px;align-items:center;}
.web-design-redesign-v112 .wd-before-after-card{background:#fff;border:1px solid #dbe7f5;border-radius:28px;padding:18px;box-shadow:0 30px 90px rgba(7,17,31,.08);}
.web-design-redesign-v112 .wd-before-after-row{padding:24px;border-radius:22px;}
.web-design-redesign-v112 .wd-before-after-row span{display:inline-flex;text-transform:uppercase;font-size:.72rem;letter-spacing:.12em;font-weight:1000;color:#3150d4;margin-bottom:10px;}
.web-design-redesign-v112 .wd-before-after-row strong{display:block;font-size:1.35rem;letter-spacing:-.03em;color:#07111f;margin-bottom:8px;}
.web-design-redesign-v112 .wd-before{background:#f6f9ff;margin-bottom:12px;}
.web-design-redesign-v112 .wd-after{background:linear-gradient(135deg,#07111f,#0a2340);color:#fff;border:1px solid rgba(0,255,157,.25);}
.web-design-redesign-v112 .wd-after strong,.web-design-redesign-v112 .wd-after p{color:#fff;}
.web-design-redesign-v112 .wd-after span{color:#00ff9d;}
.web-design-redesign-v112 .wd-system-section{padding:100px 0;background:#fff;}
.web-design-redesign-v112 .wd-system-map{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:34px;}
.web-design-redesign-v112 .wd-system-map article{position:relative;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid #dce8f5;border-radius:24px;padding:28px 22px 26px;box-shadow:0 18px 48px rgba(7,17,31,.06);overflow:hidden;}
.web-design-redesign-v112 .wd-system-map article:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#2457ff,#00ff9d);}
.web-design-redesign-v112 .wd-system-map span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#eef4ff;color:#2457ff;font-weight:1000;font-size:.75rem;margin-bottom:18px;}
.web-design-redesign-v112 .wd-system-map h3,.web-design-redesign-v112 .wd-includes-grid h3,.web-design-redesign-v112 .wd-work-feature h3{letter-spacing:-.03em;}
.web-design-redesign-v112 .wd-ai-section{padding:100px 0;}
.web-design-redesign-v112 .wd-ai-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.2);}
.web-design-redesign-v112 .wd-ai-panel h3{color:#fff;margin-bottom:18px;}
.web-design-redesign-v112 .wd-ai-list{display:grid;gap:10px;margin-bottom:20px;}
.web-design-redesign-v112 .wd-ai-list div{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;color:#fff;font-weight:800;}
.web-design-redesign-v112 .wd-ai-list span{color:#00ff9d;}
.web-design-redesign-v112 .wd-related-insight{background:rgba(0,255,157,.08);border:1px solid rgba(0,255,157,.24);border-radius:20px;padding:20px;color:#fff;}
.web-design-redesign-v112 .wd-related-insight strong{display:block;color:#fff;margin:8px 0;}
.web-design-redesign-v112 .wd-related-insight p{color:rgba(255,255,255,.75);}
.web-design-redesign-v112 .wd-includes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;}
.web-design-redesign-v112 .wd-includes-grid article{background:#fff;border:1px solid #dce8f5;border-radius:22px;padding:26px;box-shadow:0 18px 48px rgba(7,17,31,.06);}
.web-design-redesign-v112 .wd-includes-grid article span{display:block;width:30px;height:6px;border-radius:999px;background:linear-gradient(90deg,#2457ff,#00ff9d);margin-bottom:18px;}
.web-design-redesign-v112 .wd-proof-section{padding:100px 0;}
.web-design-redesign-v112 .wd-testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px;}
.web-design-redesign-v112 .wd-testimonial-card{background:#fff;border:1px solid #dbe7f5;border-radius:26px;padding:28px;box-shadow:0 24px 64px rgba(7,17,31,.07);position:relative;}
.web-design-redesign-v112 .wd-testimonial-card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:4px;background:linear-gradient(90deg,#2457ff,#00ff9d);border-radius:0 0 999px 999px;}
.web-design-redesign-v112 .wd-work-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;}
.web-design-redesign-v112 .wd-work-feature{display:block;text-decoration:none;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dce8f5;border-radius:26px;padding:28px;box-shadow:0 22px 58px rgba(7,17,31,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.web-design-redesign-v112 .wd-work-feature:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(7,17,31,.11);border-color:#9ec3ff;}
.web-design-redesign-v112 .wd-work-feature span{display:inline-flex;text-transform:uppercase;font-size:.68rem;letter-spacing:.12em;font-weight:1000;color:#2457ff;margin-bottom:14px;}
.web-design-redesign-v112 .wd-work-feature h3{color:#07111f;margin-bottom:10px;}
.web-design-redesign-v112 .wd-work-feature p{color:#526078;}
.web-design-redesign-v112 .wd-work-feature em{display:block;font-style:normal;color:#0c8f61;font-weight:900;margin-top:14px;font-size:.86rem;}
.web-design-redesign-v112 .wd-fit-section{padding:100px 0;}
.web-design-redesign-v112 .wd-fit-panel{gap:72px;align-items:center;}
.web-design-redesign-v112 .wd-fit-checks{background:#fff;border:1px solid #dce8f5;border-radius:28px;padding:30px;box-shadow:0 24px 70px rgba(7,17,31,.08);}
.web-design-redesign-v112 .wd-fit-checks h3{margin-bottom:18px;}
.web-design-redesign-v112 .wd-fit-checks div{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid #edf3fb;font-weight:800;color:#314057;}
.web-design-redesign-v112 .wd-fit-checks span{color:#00b875;font-weight:1000;}
.web-design-redesign-v112 .wd-final-cta .cta-panel{background:radial-gradient(circle at 80% 20%,rgba(0,255,157,.18),transparent 35%),linear-gradient(135deg,#07111f,#0a2340);border:1px solid rgba(255,255,255,.1);}
@media (max-width:1100px){
.web-design-redesign-v112 .wd-system-map{grid-template-columns:repeat(2,1fr)}
.web-design-redesign-v112 .wd-work-feature-grid,.web-design-redesign-v112 .wd-includes-grid,.web-design-redesign-v112 .wd-testimonial-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
.web-design-redesign-v112 .wd-hero-premium{padding:72px 0 76px;}
.web-design-redesign-v112 .wd-hero-copy h1{font-size:2.45rem;line-height:1.05;}
.web-design-redesign-v112 .wd-hero-visual{min-height:420px;margin-top:30px;}
.web-design-redesign-v112 .wd-browser-shell{grid-template-columns:68px 1fr;gap:10px;}
.web-design-redesign-v112 .wd-browser-metrics{gap:8px;}
.web-design-redesign-v112 .wd-browser-bottom-row{flex-direction:column;align-items:stretch;}
.web-design-redesign-v112 .wd-browser-proof{width:100%;height:auto;padding:10px 12px;}
.web-design-redesign-v112 .wd-browser-main{position:relative;right:auto;top:auto;width:100%;}
.web-design-redesign-v112 .wd-floating-card,.web-design-redesign-v112 .wd-score-card{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%;margin-top:12px;}
.web-design-redesign-v112 .wd-system-map,.web-design-redesign-v112 .wd-includes-grid,.web-design-redesign-v112 .wd-work-feature-grid,.web-design-redesign-v112 .wd-testimonial-grid{grid-template-columns:1fr;}
.web-design-redesign-v112 .wd-shift-section,.web-design-redesign-v112 .wd-system-section,.web-design-redesign-v112 .wd-ai-section,.web-design-redesign-v112 .wd-includes-section,.web-design-redesign-v112 .wd-proof-section,.web-design-redesign-v112 .wd-work-section,.web-design-redesign-v112 .wd-fit-section{padding:64px 0;}
} .web-design-redesign-v112 .wd-hero-visual{position:relative;min-height:560px;}
.web-design-redesign-v112 .wd-eqs-mockup{position:absolute;right:0;top:6px;width:min(700px,100%);border-radius:28px;background:linear-gradient(180deg,#070925 0%,#0a0d2f 100%);border:1px solid rgba(139,151,255,.18);box-shadow:0 40px 100px rgba(0,0,0,.38);overflow:hidden;}
.web-design-redesign-v112 .wd-eqs-chrome{display:flex;align-items:center;gap:16px;padding:18px 26px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.08);}
.web-design-redesign-v112 .wd-eqs-dots{display:flex;gap:10px;}
.web-design-redesign-v112 .wd-eqs-dots span{width:14px;height:14px;border-radius:50%;display:block;}
.web-design-redesign-v112 .wd-eqs-dots span:nth-child(1){background:#ff6b57;}
.web-design-redesign-v112 .wd-eqs-dots span:nth-child(2){background:#ffbf3f;}
.web-design-redesign-v112 .wd-eqs-dots span:nth-child(3){background:#47d764;}
.web-design-redesign-v112 .wd-eqs-address{flex:1;min-width:0;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);display:flex;align-items:center;padding:0 22px;color:rgba(255,255,255,.5);font-size:.92rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.web-design-redesign-v112 .wd-eqs-sitebar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px 26px;border-bottom:1px solid rgba(255,255,255,.08);}
.web-design-redesign-v112 .wd-eqs-brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.01em;}
.web-design-redesign-v112 .wd-eqs-brand i{width:12px;height:12px;border-radius:50%;background:#00ff9d;box-shadow:0 0 22px rgba(0,255,157,.6);display:block;}
.web-design-redesign-v112 .wd-eqs-nav{display:flex;justify-content:center;gap:30px;color:rgba(255,255,255,.55);font-weight:700;flex-wrap:wrap;}
.web-design-redesign-v112 .wd-eqs-mini-cta{padding:12px 18px;border-radius:12px;background:#00ff9d;color:#07111f;font-weight:900;white-space:nowrap;}
.web-design-redesign-v112 .wd-eqs-body{display:grid;grid-template-columns:1.02fr 1fr;gap:26px;padding:26px 28px 22px;align-items:center;}
.web-design-redesign-v112 .wd-eqs-copy{padding:8px 12px 8px 12px;}
.web-design-redesign-v112 .wd-eqs-label{margin:0 0 14px;color:#00ff9d;text-transform:uppercase;font-weight:900;letter-spacing:.03em;font-size:.9rem;}
.web-design-redesign-v112 .wd-eqs-copy h3{margin:0 0 18px;color:#fff;font-size:2.05rem;line-height:1.1;letter-spacing:-.035em;max-width:340px;}
.web-design-redesign-v112 .wd-eqs-copy h3 span{color:#00ff9d;}
.web-design-redesign-v112 .wd-eqs-copy p{margin:0 0 24px;color:rgba(255,255,255,.64);font-size:.98rem;line-height:1.55;max-width:340px;}
.web-design-redesign-v112 .wd-eqs-buttons{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.web-design-redesign-v112 .wd-eqs-buttons b,.web-design-redesign-v112 .wd-eqs-buttons em{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 20px;border-radius:12px;font-style:normal;font-size:1rem;font-weight:900;}
.web-design-redesign-v112 .wd-eqs-buttons b{background:#00ff9d;color:#07111f;}
.web-design-redesign-v112 .wd-eqs-buttons em{color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.02);}
.web-design-redesign-v112 .wd-eqs-preview{position:relative;min-height:322px;display:flex;align-items:center;justify-content:center;}
.web-design-redesign-v112 .wd-eqs-wireframe{width:100%;max-width:388px;border-radius:18px;border:1px solid rgba(62,88,150,.42);background:linear-gradient(180deg,#11153b 0%,#0b1032 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);overflow:hidden;}
.web-design-redesign-v112 .wd-eqs-line-row{display:flex;gap:16px;padding:14px 22px 10px;align-items:center;}
.web-design-redesign-v112 .wd-eqs-line-row i{display:block;height:6px;border-radius:999px;background:rgba(255,255,255,.14);width:46px;}
.web-design-redesign-v112 .wd-eqs-line-row i.is-green{background:#00ff9d;width:34px;box-shadow:0 0 16px rgba(0,255,157,.35);}
.web-design-redesign-v112 .wd-eqs-hero-lines{padding:8px 22px 8px;}
.web-design-redesign-v112 .wd-eqs-hero-lines span{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.12);margin-bottom:10px;}
.web-design-redesign-v112 .wd-eqs-hero-lines span:nth-child(1){width:88%;}
.web-design-redesign-v112 .wd-eqs-hero-lines span:nth-child(2){width:72%;}
.web-design-redesign-v112 .wd-eqs-hero-lines span:nth-child(3){width:95%;margin-bottom:0;}
.web-design-redesign-v112 .wd-eqs-cta-row{display:flex;gap:12px;padding:8px 22px 18px;}
.web-design-redesign-v112 .wd-eqs-cta-row b,.web-design-redesign-v112 .wd-eqs-cta-row em{display:block;height:22px;border-radius:8px;font-style:normal;}
.web-design-redesign-v112 .wd-eqs-cta-row b{width:98px;background:#00ff9d;}
.web-design-redesign-v112 .wd-eqs-cta-row em{width:68px;border:1px solid rgba(255,255,255,.18);}
.web-design-redesign-v112 .wd-eqs-card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 22px 14px;}
.web-design-redesign-v112 .wd-eqs-card-row u{display:block;height:64px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);text-decoration:none;}
.web-design-redesign-v112 .wd-eqs-schema-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid rgba(0,255,157,.22);background:rgba(0,255,157,.06);}
.web-design-redesign-v112 .wd-eqs-schema-row strong{color:#00ff9d;font-size:.9rem;text-transform:uppercase;}
.web-design-redesign-v112 .wd-eqs-schema-row span{padding:6px 12px;border-radius:999px;border:1px solid rgba(0,255,157,.35);color:#8df7c4;font-weight:700;font-size:.8rem;}
.web-design-redesign-v112 .wd-eqs-note{position:absolute;z-index:4;width:300px;border-radius:18px;background:rgba(255,255,255,.98);color:#07111f;box-shadow:0 24px 60px rgba(0,0,0,.28);padding:18px 20px;border:1px solid rgba(255,255,255,.7);}
.web-design-redesign-v112 .wd-eqs-note i{display:block;width:14px;height:14px;border-radius:50%;margin-bottom:12px;background:#00d88a;box-shadow:0 0 18px rgba(0,216,138,.35);}
.web-design-redesign-v112 .wd-eqs-note strong{display:block;font-size:1.08rem;line-height:1.15;margin-bottom:4px;}
.web-design-redesign-v112 .wd-eqs-note span{display:block;color:#6b7386;font-size:.86rem;line-height:1.32;font-weight:700;}
.web-design-redesign-v112 .wd-eqs-note-structure{right:-22px;top:-18px;}
.web-design-redesign-v112 .wd-eqs-note-signals{left:-28px;top:160px;}
.web-design-redesign-v112 .wd-eqs-bottom-band{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);}
.web-design-redesign-v112 .wd-eqs-bottom-band > div{padding:18px 16px;text-align:center;position:relative;}
.web-design-redesign-v112 .wd-eqs-bottom-band > div:not(:last-child):after{content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;background:rgba(255,255,255,.08);}
.web-design-redesign-v112 .wd-eqs-bottom-band strong{display:block;color:#00ff9d;font-size:1.1rem;line-height:1.1;margin-bottom:6px;letter-spacing:-.02em;}
.web-design-redesign-v112 .wd-eqs-bottom-band span{display:block;color:rgba(255,255,255,.42);text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.04em;}
@media (max-width: 1260px){
.web-design-redesign-v112 .wd-eqs-mockup{width:min(640px,100%);}
.web-design-redesign-v112 .wd-eqs-note{width:260px;}
.web-design-redesign-v112 .wd-eqs-copy h3{font-size:1.86rem;max-width:300px;}
}
@media (max-width: 960px){
.web-design-redesign-v112 .wd-hero-visual{min-height:0;margin-top:26px;}
.web-design-redesign-v112 .wd-eqs-mockup{position:relative;top:auto;right:auto;width:100%;}
.web-design-redesign-v112 .wd-eqs-sitebar{grid-template-columns:1fr;justify-items:start;}
.web-design-redesign-v112 .wd-eqs-nav{justify-content:flex-start;gap:18px;}
.web-design-redesign-v112 .wd-eqs-body{grid-template-columns:1fr;gap:18px;}
.web-design-redesign-v112 .wd-eqs-copy h3,.web-design-redesign-v112 .wd-eqs-copy p{max-width:none;}
.web-design-redesign-v112 .wd-eqs-preview{min-height:0;padding-top:66px;padding-bottom:14px;}
.web-design-redesign-v112 .wd-eqs-note-structure{right:8px;top:0;}
.web-design-redesign-v112 .wd-eqs-note-signals{left:8px;top:132px;}
}
@media (max-width: 640px){
.web-design-redesign-v112 .wd-eqs-chrome{padding:14px 16px;gap:10px;}
.web-design-redesign-v112 .wd-eqs-address{height:40px;padding:0 14px;font-size:.8rem;}
.web-design-redesign-v112 .wd-eqs-sitebar{padding:16px;gap:14px;}
.web-design-redesign-v112 .wd-eqs-brand span{font-size:.92rem;}
.web-design-redesign-v112 .wd-eqs-nav{display:none;}
.web-design-redesign-v112 .wd-eqs-body{padding:18px 16px 14px;}
.web-design-redesign-v112 .wd-eqs-copy{padding:0;}
.web-design-redesign-v112 .wd-eqs-copy h3{font-size:1.65rem;}
.web-design-redesign-v112 .wd-eqs-buttons b,.web-design-redesign-v112 .wd-eqs-buttons em{height:44px;padding:0 16px;font-size:.95rem;}
.web-design-redesign-v112 .wd-eqs-note{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%;margin-top:12px;}
.web-design-redesign-v112 .wd-eqs-preview{padding-top:0;display:block;}
.web-design-redesign-v112 .wd-eqs-bottom-band{grid-template-columns:1fr;}
.web-design-redesign-v112 .wd-eqs-bottom-band > div:not(:last-child):after{display:none;}
} .web-design-redesign-v112 .wd-hero-visual {
position: relative;
min-height: 470px !important;
}
.web-design-redesign-v112 .wd-simple-web-visual {
position: absolute;
right: 0;
top: 22px;
width: min(690px, 100%);
padding-bottom: 80px;
}
.web-design-redesign-v112 .wd-simple-browser {
position: relative;
border-radius: 28px;
overflow: hidden;
background: #090b29;
border: 1px solid rgba(139,151,255,.20);
box-shadow: 0 38px 95px rgba(0,0,0,.34);
}
.web-design-redesign-v112 .wd-simple-chrome {
display: flex;
align-items: center;
gap: 16px;
padding: 18px 24px;
border-bottom: 1px solid rgba(255,255,255,.09);
background: rgba(255,255,255,.025);
}
.web-design-redesign-v112 .wd-simple-dots {
display: flex;
gap: 9px;
flex: 0 0 auto;
}
.web-design-redesign-v112 .wd-simple-dots span {
width: 12px;
height: 12px;
display: block;
border-radius: 50%;
}
.web-design-redesign-v112 .wd-simple-dots span:nth-child(1) { background: #ff6b57; }
.web-design-redesign-v112 .wd-simple-dots span:nth-child(2) { background: #ffbf3f; }
.web-design-redesign-v112 .wd-simple-dots span:nth-child(3) { background: #47d764; }
.web-design-redesign-v112 .wd-simple-address {
flex: 1;
min-width: 0;
height: 42px;
display: flex;
align-items: center;
padding: 0 18px;
border-radius: 10px;
background: rgba(255,255,255,.055);
border: 1px solid rgba(255,255,255,.08);
color: rgba(255,255,255,.48);
font-weight: 850;
font-size: .92rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.web-design-redesign-v112 .wd-simple-canvas {
position: relative;
display: grid;
grid-template-columns: 1fr .92fr;
gap: 34px;
align-items: center;
min-height: 255px;
padding: 30px 34px 30px;
background:
radial-gradient(circle at 78% 24%, rgba(0,255,157,.075), transparent 32%),
linear-gradient(135deg, #0e1034 0%, #090b29 100%);
}
.web-design-redesign-v112 .wd-simple-left span {
display: block;
border-radius: 999px;
}
.web-design-redesign-v112 .wd-simple-left .wd-line {
height: 9px;
background: rgba(255,255,255,.30);
margin-bottom: 10px;
}
.web-design-redesign-v112 .wd-line-1 { width: 82%; }
.web-design-redesign-v112 .wd-line-2 { width: 64%; }
.web-design-redesign-v112 .wd-line-3 { width: 74%; }
.web-design-redesign-v112 .wd-simple-left .wd-thin {
height: 5px;
background: rgba(255,255,255,.12);
margin-bottom: 9px;
}
.web-design-redesign-v112 .wd-thin-1 { width: 88%; margin-top: 22px; }
.web-design-redesign-v112 .wd-thin-2 { width: 67%; }
.web-design-redesign-v112 .wd-simple-actions {
display: flex;
gap: 14px;
margin-top: 24px;
}
.web-design-redesign-v112 .wd-simple-actions b,
.web-design-redesign-v112 .wd-simple-actions em {
display: block;
height: 32px;
border-radius: 10px;
font-style: normal;
}
.web-design-redesign-v112 .wd-simple-actions b {
width: 118px;
background: #00ff9d;
box-shadow: 0 0 28px rgba(0,255,157,.18);
}
.web-design-redesign-v112 .wd-simple-actions em {
width: 116px;
border: 1px solid rgba(255,255,255,.17);
background: rgba(255,255,255,.015);
}
.web-design-redesign-v112 .wd-simple-right {
position: relative;
}
.web-design-redesign-v112 .wd-mini-page {
border-radius: 18px;
background: rgba(5,7,28,.62);
border: 1px solid rgba(82,101,170,.28);
overflow: hidden;
}
.web-design-redesign-v112 .wd-mini-tabs {
display: flex;
gap: 18px;
padding: 15px 18px 12px;
border-bottom: 1px solid rgba(255,255,255,.07);
}
.web-design-redesign-v112 .wd-mini-tabs i {
width: 42px;
height: 6px;
display: block;
border-radius: 999px;
background: rgba(255,255,255,.12);
}
.web-design-redesign-v112 .wd-mini-tabs i:first-child {
width: 34px;
background: #00ff9d;
}
.web-design-redesign-v112 .wd-mini-lines {
padding: 16px 18px 8px;
}
.web-design-redesign-v112 .wd-mini-lines span {
display: block;
height: 7px;
border-radius: 999px;
background: rgba(255,255,255,.16);
margin-bottom: 9px;
}
.web-design-redesign-v112 .wd-mini-lines span:nth-child(1) { width: 88%; }
.web-design-redesign-v112 .wd-mini-lines span:nth-child(2) { width: 72%; }
.web-design-redesign-v112 .wd-mini-lines span:nth-child(3) { width: 96%; }
.web-design-redesign-v112 .wd-mini-page > b {
display: block;
width: 76px;
height: 22px;
border-radius: 8px;
background: #00ff9d;
margin: 4px 18px 18px;
}
.web-design-redesign-v112 .wd-mini-card-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
padding: 14px 18px 18px;
border-top: 1px solid rgba(255,255,255,.07);
}
.web-design-redesign-v112 .wd-mini-card-row u {
display: block;
height: 54px;
text-decoration: none;
border-radius: 10px;
background: rgba(255,255,255,.055);
border: 1px solid rgba(255,255,255,.07);
}
.web-design-redesign-v112 .wd-simple-callout {
position: absolute;
z-index: 5;
width: 238px;
border-radius: 18px;
background: rgba(255,255,255,.98);
color: #07111f;
padding: 18px 20px;
box-shadow: 0 24px 62px rgba(0,0,0,.28);
border: 1px solid rgba(255,255,255,.70);
}
.web-design-redesign-v112 .wd-simple-callout i {
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
margin-bottom: 12px;
background: #00d88a;
box-shadow: 0 0 17px rgba(0,216,138,.35);
}
.web-design-redesign-v112 .wd-simple-callout strong {
display: block;
margin-bottom: 4px;
font-size: 1.08rem;
line-height: 1.15;
}
.web-design-redesign-v112 .wd-simple-callout span {
color: #6b7386;
display: block;
font-weight: 750;
line-height: 1.3;
}
.web-design-redesign-v112 .wd-simple-callout-structure {
right: -8px;
top: 108px;
}
.web-design-redesign-v112 .wd-simple-callout-trust {
left: 330px;
bottom: 78px;
}
.web-design-redesign-v112 .wd-simple-score {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
z-index: 4;
display: flex;
align-items: center;
gap: 14px;
padding: 16px 22px;
min-width: 420px;
border-radius: 18px;
background: #ffffff;
color: #07111f;
box-shadow: 0 22px 60px rgba(0,0,0,.22);
}
.web-design-redesign-v112 .wd-simple-score strong {
font-size: 1.05rem;
white-space: nowrap;
}
.web-design-redesign-v112 .wd-simple-score span {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
padding: 7px 12px;
font-weight: 900;
font-size: .84rem;
}
.web-design-redesign-v112 .wd-simple-score span:nth-child(2) {
background: rgba(0,255,157,.16);
color: #049b68;
}
.web-design-redesign-v112 .wd-simple-score span:nth-child(3) {
background: rgba(36,87,255,.12);
color: #2457ff;
}
.web-design-redesign-v112 .wd-simple-score span:nth-child(4) {
background: rgba(139,92,246,.14);
color: #7c3aed;
}
@media (max-width: 1200px) {
.web-design-redesign-v112 .wd-simple-web-visual {
width: min(620px, 100%);
}
.web-design-redesign-v112 .wd-simple-canvas {
gap: 24px;
padding: 28px 28px 30px;
}
.web-design-redesign-v112 .wd-simple-callout-trust {
left: 285px;
}
}
@media (max-width: 960px) {
.web-design-redesign-v112 .wd-hero-visual {
min-height: 0 !important;
margin-top: 28px;
}
.web-design-redesign-v112 .wd-simple-web-visual {
position: relative;
right: auto;
top: auto;
width: 100%;
}
.web-design-redesign-v112 .wd-simple-callout-structure,
.web-design-redesign-v112 .wd-simple-callout-trust,
.web-design-redesign-v112 .wd-simple-score {
position: relative;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
width: 100%;
min-width: 0;
margin-top: 12px;
}
.web-design-redesign-v112 .wd-simple-score {
justify-content: center;
flex-wrap: wrap;
}
}
@media (max-width: 640px) {
.web-design-redesign-v112 .wd-simple-chrome {
padding: 14px 16px;
gap: 10px;
}
.web-design-redesign-v112 .wd-simple-address {
height: 38px;
font-size: .76rem;
padding: 0 12px;
}
.web-design-redesign-v112 .wd-simple-canvas {
grid-template-columns: 1fr;
gap: 24px;
padding: 22px;
min-height: 0;
}
.web-design-redesign-v112 .wd-simple-right {
display: none;
}
.web-design-redesign-v112 .wd-simple-score {
align-items: flex-start;
justify-content: flex-start;
}
} body .web-design-page .web-design-premium-hero h1,
body .web-design-page .web-design-hero h1,
body .web-design-page .page-hero h1 {
font-size: clamp(2.5rem, 4vw, 4.25rem) !important;
line-height: 1.02 !important;
letter-spacing: -0.055em !important;
max-width: 760px !important;
}
body .web-design-page .web-design-premium-hero .lead,
body .web-design-page .web-design-hero .lead,
body .web-design-page .page-hero .lead {
font-size: 1.02rem !important;
line-height: 1.65 !important;
max-width: 680px !important;
}
body .web-design-page .web-design-premium-hero,
body .web-design-page .web-design-hero {
padding-top: clamp(72px, 7vw, 112px) !important;
padding-bottom: clamp(72px, 7vw, 112px) !important;
}
@media (max-width: 960px) {
body .web-design-page .web-design-premium-hero h1,
body .web-design-page .web-design-hero h1,
body .web-design-page .page-hero h1 {
font-size: clamp(2.15rem, 9vw, 3.15rem) !important;
line-height: 1.05 !important;
max-width: 100% !important;
}
}
@media (max-width: 640px) {
body .web-design-page .web-design-premium-hero h1,
body .web-design-page .web-design-hero h1,
body .web-design-page .page-hero h1 {
font-size: clamp(2rem, 10vw, 2.65rem) !important;
line-height: 1.06 !important;
letter-spacing: -0.045em !important;
}
} body .web-design-page .wd-final-cta,
body .web-design-page .web-design-final-cta,
body .web-design-page .webdesign-final-cta,
body .web-design-page .website-visibility-review,
body .web-design-page .final-cta-card {
background: radial-gradient(circle at 82% 18%, rgba(0,255,157,.16), transparent 34%), linear-gradient(135deg, #07111f 0%, #0b1b32 55%, #0f3654 100%) !important;
color: #ffffff !important;
border: 1px solid rgba(255,255,255,.12) !important;
box-shadow: 0 28px 80px rgba(7,17,31,.22) !important;
}
body .web-design-page .wd-final-cta *,
body .web-design-page .web-design-final-cta *,
body .web-design-page .webdesign-final-cta *,
body .web-design-page .website-visibility-review *,
body .web-design-page .final-cta-card * { color: inherit; }
body .web-design-page .wd-final-cta .eyebrow,
body .web-design-page .web-design-final-cta .eyebrow,
body .web-design-page .webdesign-final-cta .eyebrow,
body .web-design-page .website-visibility-review .eyebrow,
body .web-design-page .final-cta-card .eyebrow { color: #6ee7ff !important; }
body .web-design-page .wd-final-cta h2,
body .web-design-page .web-design-final-cta h2,
body .web-design-page .webdesign-final-cta h2,
body .web-design-page .website-visibility-review h2,
body .web-design-page .final-cta-card h2 { color: #ffffff !important; opacity: 1 !important; }
body .web-design-page .wd-final-cta p,
body .web-design-page .web-design-final-cta p,
body .web-design-page .webdesign-final-cta p,
body .web-design-page .website-visibility-review p,
body .web-design-page .final-cta-card p { color: rgba(255,255,255,.82) !important; opacity: 1 !important; }
body .web-design-page .wd-final-cta .btn,
body .web-design-page .web-design-final-cta .btn,
body .web-design-page .webdesign-final-cta .btn,
body .web-design-page .website-visibility-review .btn,
body .web-design-page .final-cta-card .btn { color: #ffffff !important; }
@media (max-width: 760px) {
body .web-design-page .wd-final-cta,
body .web-design-page .web-design-final-cta,
body .web-design-page .webdesign-final-cta,
body .web-design-page .website-visibility-review,
body .web-design-page .final-cta-card {
text-align: left !important;
padding: 32px 24px !important;
border-radius: 24px !important;
}
} body .web-design-page .wd-service-hero-title,
body .web-design-page section:first-of-type h1.wd-service-hero-title,
body .web-design-page > section:first-of-type h1.wd-service-hero-title {
font-size: clamp(2.35rem, 3.2vw, 3.35rem) !important;
line-height: 1.08 !important;
letter-spacing: -0.045em !important;
max-width: 660px !important;
}
body .web-design-page > section:first-of-type,
body .web-design-page section:first-of-type {
padding-top: clamp(64px, 6vw, 96px) !important;
padding-bottom: clamp(64px, 6vw, 96px) !important;
}
@media (max-width: 960px) {
body .web-design-page .wd-service-hero-title,
body .web-design-page section:first-of-type h1.wd-service-hero-title {
font-size: clamp(2rem, 7vw, 2.85rem) !important;
line-height: 1.08 !important;
max-width: 100% !important;
}
}
@media (max-width: 640px) {
body .web-design-page .wd-service-hero-title,
body .web-design-page section:first-of-type h1.wd-service-hero-title {
font-size: clamp(1.9rem, 8.5vw, 2.35rem) !important;
line-height: 1.1 !important;
letter-spacing: -0.04em !important;
}
} body .strategic-seo-page .seo-fit-section {
background: radial-gradient(circle at 78% 18%, rgba(57,183,255,.10), transparent 34%), linear-gradient(180deg, #f8fbff 0%, #ffffff 100%) !important;
border-top: 1px solid rgba(18,35,64,.07);
border-bottom: 1px solid rgba(18,35,64,.06);
}
body .strategic-seo-page .seo-fit-section .grid-2 { align-items: center; gap: clamp(48px, 6vw, 96px); }
body .strategic-seo-page .seo-fit-section .card {
position: relative;
overflow: hidden;
border-radius: 28px !important;
border: 1px solid rgba(18,35,64,.10) !important;
background: rgba(255,255,255,.92) !important;
box-shadow: 0 28px 80px rgba(7,17,31,.10) !important;
padding: clamp(26px, 3vw, 38px) !important;
}
body .strategic-seo-page .seo-fit-section .card:before {
content: "";
position: absolute;
left: 24px;
right: 24px;
top: 0;
height: 3px;
border-radius: 999px;
background: linear-gradient(90deg, #2457ff, #00ff9d);
}
body .strategic-seo-page .seo-fit-section ul {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px 18px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body .strategic-seo-page .seo-fit-section ul li {
display: flex !important;
gap: 11px;
align-items: flex-start;
padding: 0 !important;
font-weight: 800;
line-height: 1.35;
color: #1a2640;
}
body .strategic-seo-page .seo-fit-section ul li:before {
content: "✓";
flex: 0 0 22px;
width: 22px;
height: 22px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 1px;
background: rgba(0,255,157,.14);
color: #049b68;
font-size: .78rem;
font-weight: 950;
box-shadow: 0 0 18px rgba(0,255,157,.22);
}
body .strategic-seo-page .seo-ai-bridge-section {
position: relative;
overflow: hidden;
background: radial-gradient(circle at 82% 20%, rgba(0,255,157,.16), transparent 34%), linear-gradient(135deg, #07111f 0%, #0b1b32 58%, #0e3554 100%) !important;
color: #ffffff;
}
body .strategic-seo-page .seo-ai-bridge-section .container { position: relative; z-index: 1; }
body .strategic-seo-page .seo-ai-bridge-section .grid-2 { align-items: center; gap: clamp(46px, 6vw, 92px); }
body .strategic-seo-page .seo-ai-bridge-section .eyebrow { color: #6ee7ff !important; }
body .strategic-seo-page .seo-ai-bridge-section h2 { color: #ffffff !important; max-width: 620px; }
body .strategic-seo-page .seo-ai-bridge-section p { color: rgba(255,255,255,.78) !important; }
body .strategic-seo-page .seo-ai-card,
body .strategic-seo-page .seo-ai-bridge-section .card {
border-radius: 28px !important;
border: 1px solid rgba(255,255,255,.13) !important;
background: rgba(255,255,255,.08) !important;
box-shadow: 0 28px 80px rgba(0,0,0,.26) !important;
backdrop-filter: blur(16px);
color: #ffffff !important;
padding: clamp(26px, 3vw, 38px) !important;
}
body .strategic-seo-page .seo-ai-card h3,
body .strategic-seo-page .seo-ai-bridge-section .card h3 { color: #ffffff !important; }
body .strategic-seo-page .seo-ai-bridge-list { display: grid; gap: 12px; margin: 22px 0 24px; }
body .strategic-seo-page .seo-ai-bridge-list div {
display: grid;
grid-template-columns: 34px 1fr;
gap: 12px;
align-items: center;
padding: 14px 16px;
border-radius: 16px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.10);
color: rgba(255,255,255,.88);
font-weight: 850;
}
body .strategic-seo-page .seo-ai-bridge-list span {
width: 34px;
height: 34px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(0,255,157,.13);
color: #8ef7c7;
font-weight: 950;
box-shadow: 0 0 20px rgba(0,255,157,.20);
}
body .strategic-seo-page .seo-ai-card .text-link,
body .strategic-seo-page .seo-ai-bridge-section .text-link { color: #8ef7c7 !important; font-weight: 950; }
@media (max-width: 780px) {
body .strategic-seo-page .seo-fit-section ul { grid-template-columns: 1fr; }
} .website-authority-page .wa-signals,
.website-authority-page .wa-signals.section {
background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}
.website-authority-page .wa-signal-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.website-authority-page .wa-signal-grid > *,
.website-authority-page .wa-signal-pill {
display: flex;
align-items: center;
gap: 12px;
min-height: 58px;
padding: 14px 18px;
border-radius: 999px;
background: rgba(255,255,255,.94);
border: 1px solid rgba(18,35,64,.10);
box-shadow: 0 12px 35px rgba(7,17,31,.06);
color: #07111f;
font-weight: 900;
line-height: 1.25;
}
.website-authority-page .wa-signal-grid > *:before,
.website-authority-page .wa-signal-pill:before {
content: "";
flex: 0 0 9px;
width: 9px;
height: 9px;
border-radius: 999px;
background: #79ffad;
box-shadow: 0 0 14px rgba(0,255,157,.45);
}
@media (max-width: 760px) {
.website-authority-page .wa-signal-grid {
grid-template-columns: 1fr;
gap: 10px;
}
.website-authority-page .wa-signal-grid > *,
.website-authority-page .wa-signal-pill {
min-height: 48px;
padding: 12px 15px;
border-radius: 18px;
font-size: .92rem;
}
} .home-faq-accordion {
display: grid;
gap: 18px;
}
.home-faq-item summary {
list-style: none;
cursor: pointer;
position: relative;
padding-right: 52px;
font-weight: 900;
color: #07111f;
}
.home-faq-item summary::-webkit-details-marker {
display: none;
}
.home-faq-item summary:after {
content: "+";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 34px;
height: 34px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(36,87,255,.10);
color: #2457ff;
font-weight: 950;
font-size: 1.25rem;
}
.home-faq-item[open] summary:after {
content: "–";
background: rgba(0,255,157,.16);
color: #049b68;
}
.home-faq-item .faq-answer {
margin-top: 18px;
}
.wa-trust-map-mobile { display: none; }
@media (max-width: 760px) {
.home-faq-item {
padding: 22px;
border-radius: 24px;
}
.home-faq-item summary {
font-size: 1.18rem;
line-height: 1.15;
padding-right: 42px;
}
.home-faq-item summary:after {
width: 30px;
height: 30px;
font-size: 1.12rem;
}
.home-faq-item .faq-answer {
font-size: 1rem;
line-height: 1.55;
}
.wa-trust-map-desktop {
display: none;
}
.wa-trust-map-mobile {
display: block;
width: 100%;
max-width: 420px;
margin: 22px auto 0;
padding: 18px 16px 16px;
border-radius: 24px;
background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.065));
border: 1px solid rgba(0,255,157,.32);
box-shadow: 0 24px 60px rgba(0,0,0,.24);
backdrop-filter: blur(14px);
}
.wa-mobile-map-label {
display: inline-flex;
padding: 8px 12px;
margin: 0 0 12px;
border-radius: 999px;
background: rgba(0,255,157,.10);
border: 1px solid rgba(0,255,157,.26);
color: #d8fff0;
font-size: .68rem;
line-height: 1.15;
font-weight: 950;
letter-spacing: .12em;
text-transform: uppercase;
}
.wa-mobile-map-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.wa-mobile-map-grid div {
display: flex;
align-items: center;
gap: 7px;
padding: 10px 9px;
border-radius: 14px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.10);
color: #fff;
font-size: .78rem;
line-height: 1.15;
font-weight: 900;
}
.wa-mobile-map-grid span {
flex: 0 0 8px;
width: 8px;
height: 8px;
border-radius: 999px;
background: #00ff9d;
box-shadow: 0 0 13px rgba(0,255,157,.55);
}
.wa-mobile-map-lead {
margin: 13px 0 8px;
color: rgba(255,255,255,.66);
text-align: center;
font-size: .66rem;
line-height: 1.2;
font-weight: 950;
letter-spacing: .12em;
text-transform: uppercase;
}
.wa-mobile-map-results {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 7px;
}
.wa-mobile-map-results span {
display: flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 9px 5px;
border-radius: 12px;
background: linear-gradient(135deg, rgba(0,255,157,.14), rgba(36,87,255,.16));
border: 1px solid rgba(0,255,157,.18);
color: #fff;
font-size: .68rem;
line-height: 1.1;
font-weight: 950;
text-align: center;
}
} body .ai-visibility-page .ai-hero .grid-2{gap:52px!important;align-items:center!important;}
body .ai-visibility-page .ai-phone-visual{min-height:510px!important;max-width:560px!important;margin:0 auto!important;transform:none!important;}
body .ai-visibility-page .ai-phone-visual:before{width:380px!important;height:380px!important;}
body .ai-visibility-page .ai-phone-orbit{width:410px!important;height:410px!important;}
body .ai-visibility-page .ai-phone-picture{width:264px!important;max-width:264px!important;transform:rotate(5deg)!important;}
body .ai-visibility-page .ai-phone-picture img{width:264px!important;max-width:264px!important;height:auto!important;}
body .ai-visibility-page .ai-phone-callout{width:172px!important;padding:11px 12px!important;border-radius:16px!important;}
body .ai-visibility-page .ai-phone-callout strong{font-size:.84rem!important;}
body .ai-visibility-page .ai-phone-callout em{font-size:.72rem!important;}
body .ai-visibility-page .ai-phone-callout-score{top:88px!important;left:-62px!important;}
body .ai-visibility-page .ai-phone-callout-gap{right:-68px!important;bottom:90px!important;}
@media (min-width: 1200px){
body .ai-visibility-page .ai-phone-callout-score{left:-84px!important;}
body .ai-visibility-page .ai-phone-callout-gap{right:-92px!important;}
}
@media (max-width: 960px){
body .ai-visibility-page .ai-phone-visual{display:none!important;}
body .ai-visibility-page .ai-hero .grid-2{display:block!important;}
} .website-authority-page .wa-hero-browser-visual {
width: min(100%, 620px);
margin-left: auto;
}
.website-authority-page .wa-browser-shell {
position: relative;
overflow: hidden;
border-radius: 28px;
background: linear-gradient(180deg, rgba(21,22,45,.96), rgba(10,10,31,.96));
border: 1px solid rgba(255,255,255,.14);
box-shadow: 0 34px 90px rgba(0,0,0,.32);
}
.website-authority-page .wa-browser-top {
display: grid;
grid-template-columns: 14px 14px 14px 1fr;
align-items: center;
gap: 10px;
padding: 18px 20px;
border-bottom: 1px solid rgba(255,255,255,.10);
}
.website-authority-page .wa-dot {
width: 12px;
height: 12px;
border-radius: 999px;
}
.website-authority-page .wa-red {
background: #ff615c;
}
.website-authority-page .wa-yellow {
background: #ffbd44;
}
.website-authority-page .wa-green {
background: #28c840;
}
.website-authority-page .wa-browser-address {
min-height: 34px;
display: flex;
align-items: center;
padding: 0 16px;
border-radius: 8px;
background: rgba(255,255,255,.065);
border: 1px solid rgba(255,255,255,.10);
color: rgba(255,255,255,.45);
font-weight: 850;
}
.website-authority-page .wa-browser-body {
position: relative;
min-height: 230px;
padding: 34px 32px 28px;
}
.website-authority-page .wa-browser-main {
width: 47%;
padding-top: 10px;
}
.website-authority-page .wa-browser-main span,
.website-authority-page .wa-browser-main em,
.website-authority-page .wa-browser-page > span {
display: block;
height: 10px;
border-radius: 999px;
background: rgba(255,255,255,.28);
margin-bottom: 10px;
}
.website-authority-page .wa-browser-main span:nth-child(1) {
width: 94%;
}
.website-authority-page .wa-browser-main span:nth-child(2) {
width: 72%;
}
.website-authority-page .wa-browser-main span:nth-child(3) {
width: 82%;
}
.website-authority-page .wa-browser-main em {
width: 96%;
height: 5px;
opacity: .55;
}
.website-authority-page .wa-browser-main em:nth-of-type(2) {
width: 74%;
}
.website-authority-page .wa-browser-cta,
.website-authority-page .wa-browser-mini-cta {
width: 104px;
height: 24px;
border-radius: 8px;
background: linear-gradient(90deg, #00e08a, #4cffaa);
margin-top: 22px;
}
.website-authority-page .wa-browser-page {
position: absolute;
right: 28px;
bottom: 28px;
width: 48%;
min-height: 158px;
border-radius: 14px;
background: rgba(9,10,28,.84);
border: 1px solid rgba(255,255,255,.10);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
padding: 20px 18px;
}
.website-authority-page .wa-browser-mini-nav {
display: flex;
gap: 10px;
margin-bottom: 22px;
}
.website-authority-page .wa-browser-mini-nav span {
height: 6px;
border-radius: 999px;
background: rgba(255,255,255,.16);
}
.website-authority-page .wa-browser-mini-nav span:first-child {
width: 28px;
background: #00ff9d;
}
.website-authority-page .wa-browser-mini-nav span:nth-child(2),
.website-authority-page .wa-browser-mini-nav span:nth-child(3) {
width: 40px;
}
.website-authority-page .wa-browser-page > span {
width: 86%;
height: 7px;
opacity: .7;
}
.website-authority-page .wa-browser-page > span:nth-of-type(2) {
width: 68%;
}
.website-authority-page .wa-browser-mini-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin-top: 20px;
}
.website-authority-page .wa-browser-mini-grid i {
height: 36px;
border-radius: 8px;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.08);
}
.website-authority-page .wa-authority-cards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
padding: 0 24px 24px;
}
.website-authority-page .wa-authority-card {
display: grid;
grid-template-columns: 13px 1fr;
gap: 11px;
align-items: start;
min-height: 94px;
padding: 18px 18px;
border-radius: 16px;
background: #ffffff;
color: #07111f;
box-shadow: 0 16px 42px rgba(0,0,0,.16);
}
.website-authority-page .wa-authority-card span {
width: 11px;
height: 11px;
border-radius: 999px;
margin-top: 3px;
background: #00df92;
}
.website-authority-page .wa-trust-card span {
background: #5a8df7;
}
.website-authority-page .wa-authority-card strong,
.website-authority-page .wa-authority-card small {
display: block;
}
.website-authority-page .wa-authority-card strong {
margin-bottom: 5px;
font-size: 1rem;
line-height: 1.08;
font-weight: 950;
}
.website-authority-page .wa-authority-card small {
color: #6b7487;
font-size: .9rem;
line-height: 1.22;
font-weight: 700;
}
.website-authority-page .wa-ready-build {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
width: max-content;
max-width: 92%;
margin: 28px auto 0;
padding: 14px 22px;
border-radius: 16px;
background: #ffffff;
color: #07111f;
box-shadow: 0 20px 55px rgba(0,0,0,.18);
}
.website-authority-page .wa-ready-build strong {
font-size: 1rem;
font-weight: 950;
}
.website-authority-page .wa-ready-build span {
padding: 7px 14px;
border-radius: 999px;
font-size: .82rem;
line-height: 1;
font-weight: 950;
}
.website-authority-page .wa-ready-build span:nth-child(2) {
color: #049b68;
background: rgba(0,255,157,.18);
}
.website-authority-page .wa-ready-build span:nth-child(3) {
color: #2457ff;
background: rgba(36,87,255,.13);
}
.website-authority-page .wa-ready-build span:nth-child(4) {
color: #7147ff;
background: rgba(113,71,255,.13);
}
@media (max-width: 960px) {
.website-authority-page .wa-hero-browser-visual {
margin: 38px auto 0;
width: min(100%, 560px);
}
}
@media (max-width: 760px) {
.website-authority-page .wa-browser-shell {
border-radius: 22px;
}
.website-authority-page .wa-browser-top {
grid-template-columns: 10px 10px 10px 1fr;
gap: 7px;
padding: 14px;
}
.website-authority-page .wa-dot {
width: 9px;
height: 9px;
}
.website-authority-page .wa-browser-address {
min-height: 28px;
font-size: .78rem;
padding: 0 10px;
}
.website-authority-page .wa-browser-body {
min-height: 190px;
padding: 22px 18px 20px;
}
.website-authority-page .wa-browser-main {
width: 52%;
}
.website-authority-page .wa-browser-main span,
.website-authority-page .wa-browser-main em {
height: 7px;
margin-bottom: 8px;
}
.website-authority-page .wa-browser-page {
right: 14px;
bottom: 20px;
width: 50%;
min-height: 120px;
padding: 14px 12px;
}
.website-authority-page .wa-authority-cards {
grid-template-columns: 1fr;
gap: 10px;
padding: 0 16px 16px;
}
.website-authority-page .wa-authority-card {
min-height: 0;
padding: 14px 15px;
border-radius: 14px;
}
.website-authority-page .wa-authority-card strong {
font-size: .9rem;
}
.website-authority-page .wa-authority-card small {
font-size: .78rem;
}
.website-authority-page .wa-ready-build {
width: 100%;
gap: 7px;
padding: 12px 10px;
margin-top: 22px;
border-radius: 14px;
}
.website-authority-page .wa-ready-build strong {
font-size: .82rem;
}
.website-authority-page .wa-ready-build span {
padding: 6px 8px;
font-size: .68rem;
}
}
@media (max-width: 420px) {
.website-authority-page .wa-browser-body {
min-height: 170px;
}
.website-authority-page .wa-browser-page {
width: 52%;
}
.website-authority-page .wa-ready-build {
flex-wrap: wrap;
}
} .website-authority-page .wa-signals-section {
position: relative;
isolation: isolate;
overflow: hidden;
background:
radial-gradient(circle at 76% 18%, rgba(36,87,255,.06), transparent 28%),
linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
border-top: 1px solid rgba(18,35,64,.06);
border-bottom: 1px solid rgba(18,35,64,.08);
padding-top: clamp(82px, 7vw, 118px);
padding-bottom: clamp(92px, 8vw, 128px);
}
.website-authority-page .wa-signals-section:before {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: min(1040px, calc(100% - 48px));
height: 1px;
transform: translateX(-50%);
background: linear-gradient(90deg, transparent, rgba(36,87,255,.22), rgba(0,255,157,.26), transparent);
}
.website-authority-page .wa-signals-section .container {
position: relative;
z-index: 1;
}
.website-authority-page .wa-signals-section .wa-split {
align-items: center;
gap: clamp(64px, 7vw, 116px);
}
.website-authority-page .wa-signals-section .wa-signal-grid {
position: relative;
padding: 28px;
border-radius: 30px;
background: rgba(255,255,255,.72);
border: 1px solid rgba(18,35,64,.08);
box-shadow: 0 28px 80px rgba(7,17,31,.08);
}
.website-authority-page .wa-contrast-band {
position: relative;
isolation: isolate;
overflow: hidden;
background:
radial-gradient(circle at 18% 14%, rgba(0,255,157,.10), transparent 28%),
radial-gradient(circle at 86% 28%, rgba(36,87,255,.14), transparent 34%),
linear-gradient(135deg, #07111f 0%, #0b1d34 52%, #0f3556 100%);
color: #ffffff;
padding-top: clamp(92px, 8vw, 136px);
padding-bottom: clamp(96px, 8vw, 140px);
}
.website-authority-page .wa-contrast-band:before {
content: "";
position: absolute;
inset: 0;
opacity: .32;
pointer-events: none;
background-image:
linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
background-size: 42px 42px;
}
.website-authority-page .wa-contrast-band .container {
position: relative;
z-index: 1;
}
.website-authority-page .wa-contrast-band .wa-split {
align-items: center;
gap: clamp(64px, 7vw, 116px);
}
.website-authority-page .wa-contrast-band .eyebrow {
color: #78e8ff;
}
.website-authority-page .wa-contrast-band h2 {
color: #ffffff;
max-width: 680px;
}
.website-authority-page .wa-contrast-band p {
color: rgba(255,255,255,.76);
}
.website-authority-page .wa-ai-foundation-panel {
position: relative;
overflow: hidden;
border-radius: 32px;
padding: 30px;
background: rgba(255,255,255,.09);
border: 1px solid rgba(255,255,255,.15);
box-shadow: 0 34px 90px rgba(0,0,0,.28);
backdrop-filter: blur(16px);
}
.website-authority-page .wa-ai-foundation-panel:before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 78% 4%, rgba(0,255,157,.20), transparent 34%);
pointer-events: none;
}
.website-authority-page .wa-ai-foundation-panel > * {
position: relative;
z-index: 1;
}
.website-authority-page .wa-ai-foundation-head {
margin-bottom: 20px;
padding-bottom: 18px;
border-bottom: 1px solid rgba(255,255,255,.12);
}
.website-authority-page .wa-ai-foundation-head span {
display: inline-flex;
margin-bottom: 8px;
padding: 7px 11px;
border-radius: 999px;
background: rgba(0,255,157,.12);
color: #94ffd1;
font-size: .72rem;
line-height: 1;
font-weight: 950;
letter-spacing: .12em;
text-transform: uppercase;
}
.website-authority-page .wa-ai-foundation-head h3 {
margin: 0;
color: #ffffff;
font-size: clamp(1.2rem, 1.8vw, 1.55rem);
line-height: 1.1;
font-weight: 950;
}
.website-authority-page .wa-ai-foundation-list {
display: grid;
gap: 14px;
}
.website-authority-page .wa-ai-foundation-item {
display: grid;
grid-template-columns: 48px 1fr;
gap: 14px;
align-items: flex-start;
padding: 18px;
border-radius: 20px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.12);
}
.website-authority-page .wa-ai-foundation-icon {
width: 48px;
height: 48px;
border-radius: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(0,255,157,.14);
color: #94ffd1;
font-weight: 950;
box-shadow: 0 0 24px rgba(0,255,157,.16);
}
.website-authority-page .wa-ai-foundation-item:nth-child(2) .wa-ai-foundation-icon {
background: rgba(36,87,255,.18);
color: #9db5ff;
}
.website-authority-page .wa-ai-foundation-item strong {
display: block;
margin-bottom: 6px;
color: #ffffff;
font-size: 1.05rem;
font-weight: 950;
}
.website-authority-page .wa-ai-foundation-item p {
margin: 0;
color: rgba(255,255,255,.72);
line-height: 1.48;
}
@media (max-width: 900px) {
.website-authority-page .wa-signals-section {
padding-top: 58px;
padding-bottom: 64px;
}
.website-authority-page .wa-signals-section .wa-signal-grid {
padding: 16px;
border-radius: 24px;
}
.website-authority-page .wa-contrast-band {
padding-top: 66px;
padding-bottom: 74px;
}
.website-authority-page .wa-ai-foundation-panel {
padding: 22px;
border-radius: 26px;
}
.website-authority-page .wa-ai-foundation-item {
grid-template-columns: 42px 1fr;
padding: 16px;
}
.website-authority-page .wa-ai-foundation-icon {
width: 42px;
height: 42px;
border-radius: 14px;
}
} .about-page-enhanced .about-hero {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 76% 8%, rgba(0,255,157,.13), transparent 28%),
radial-gradient(circle at 90% 22%, rgba(57,183,255,.18), transparent 34%),
linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
border-bottom: 1px solid rgba(18,35,64,.06);
}
.about-page-enhanced .about-hero .grid-2,
.about-page-enhanced .about-founder-section .grid-2,
.about-page-enhanced .about-pov-layout,
.about-page-enhanced .about-search-section .grid-2 {
align-items: center;
gap: clamp(54px, 7vw, 110px);
}
.about-page-enhanced .about-hero h1 {
max-width: 760px;
font-size: clamp(2.5rem, 5vw, 4.8rem);
line-height: 1;
letter-spacing: -0.058em;
}
.about-page-enhanced .about-hero .lead {
max-width: 680px;
font-size: clamp(1.06rem, 1.3vw, 1.24rem);
line-height: 1.55;
}
.about-page-enhanced .paul-photo-wrap,
.about-page-enhanced .about-photo-wrap {
max-width: 420px;
margin-left: auto;
}
.about-page-enhanced .paul-photo,
.about-page-enhanced .about-photo {
display: block;
width: 100%;
aspect-ratio: 4 / 5;
object-fit: cover;
border-radius: 26px;
box-shadow: 0 30px 80px rgba(7,17,31,.16);
}
.about-page-enhanced .photo-caption {
margin-top: 16px;
}
.about-page-enhanced .photo-caption strong,
.about-page-enhanced .photo-caption span {
display: block;
}
.about-page-enhanced .about-founder-section,
.about-page-enhanced .about-pov-section {
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
.about-page-enhanced .about-founder-section .about-founder-copy,
.about-page-enhanced .about-founder-section [class*="copy"] {
max-width: 660px;
}
.about-page-enhanced .about-method-card,
.about-page-enhanced .about-pov-questions,
.about-page-enhanced .about-fit-panel,
.about-page-enhanced .about-testimonial-stack blockquote {
border: 1px solid rgba(18,35,64,.09);
background: rgba(255,255,255,.88);
box-shadow: 0 28px 80px rgba(7,17,31,.08);
}
.about-page-enhanced .about-method-card {
border-radius: 30px;
padding: clamp(28px, 3.5vw, 44px);
}
.about-page-enhanced .about-method-card ul,
.about-page-enhanced .about-method-card .check-list {
display: grid;
gap: 12px;
}
.about-page-enhanced .about-method-card li {
line-height: 1.35;
}
.about-page-enhanced .about-pov-questions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
border-radius: 30px;
padding: 26px;
background:
radial-gradient(circle at 92% 0%, rgba(0,255,157,.16), transparent 34%),
rgba(255,255,255,.92);
}
.about-page-enhanced .about-pov-questions > *,
.about-page-enhanced .about-question-grid > * {
min-height: 82px;
display: flex;
align-items: center;
padding: 18px;
border-radius: 16px;
background: #ffffff;
border: 1px solid rgba(18,35,64,.08);
color: #07111f;
font-weight: 950;
line-height: 1.22;
}
.about-page-enhanced .about-different-section {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 84% 16%, rgba(0,255,157,.12), transparent 30%),
linear-gradient(135deg, #07111f 0%, #0b1d34 54%, #103a5f 100%);
color: #ffffff;
}
.about-page-enhanced .about-different-section .eyebrow {
color: #78e8ff;
}
.about-page-enhanced .about-different-section h2,
.about-page-enhanced .about-different-section h3 {
color: #ffffff;
}
.about-page-enhanced .about-difference-grid {
gap: 18px;
}
.about-page-enhanced .about-difference-card,
.about-page-enhanced .about-difference-grid .card {
min-height: 250px;
padding: 28px;
border-radius: 22px;
background: rgba(255,255,255,.09);
border: 1px solid rgba(255,255,255,.13);
box-shadow: none;
}
.about-page-enhanced .about-difference-card p,
.about-page-enhanced .about-different-section p {
color: rgba(255,255,255,.75);
}
.about-page-enhanced .about-search-section {
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
.about-page-enhanced .about-modern-card,
.about-page-enhanced .modern-visibility-card {
border-radius: 28px;
padding: 30px;
background: linear-gradient(135deg, #07111f, #193b60);
color: #ffffff;
box-shadow: 0 28px 80px rgba(7,17,31,.14);
}
.about-page-enhanced .about-modern-card h3,
.about-page-enhanced .modern-visibility-card h3 {
color: #ffffff;
}
.about-page-enhanced .about-modern-card li,
.about-page-enhanced .modern-visibility-card li,
.about-page-enhanced .about-modern-card span,
.about-page-enhanced .modern-visibility-card span {
border-radius: 12px;
background: rgba(255,255,255,.08);
color: #ffffff;
}
.about-page-enhanced .about-fit-section {
background: #ffffff;
}
.about-page-enhanced .about-fit-panel {
border-radius: 34px;
padding: clamp(34px, 5vw, 70px);
background:
radial-gradient(circle at 88% 8%, rgba(0,255,157,.18), transparent 30%),
linear-gradient(135deg, #f8fbff, #ffffff);
}
.about-page-enhanced .about-fit-list,
.about-page-enhanced .about-fit-card {
padding: 28px;
border-radius: 24px;
background: #ffffff;
border: 1px solid rgba(18,35,64,.08);
box-shadow: 0 22px 65px rgba(7,17,31,.08);
}
.about-page-enhanced .about-testimonial-section {
background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}
.about-page-enhanced .about-testimonial-stack {
display: grid;
gap: 18px;
}
.about-page-enhanced .about-testimonial-stack blockquote {
position: relative;
margin: 0;
border-radius: 24px;
padding: 28px;
}
.about-page-enhanced .about-testimonial-stack blockquote:before {
content: "“";
display: inline-flex;
width: 42px;
height: 42px;
border-radius: 999px;
align-items: center;
justify-content: center;
margin-bottom: 16px;
background: rgba(36,87,255,.10);
color: #2457ff;
font-size: 2rem;
font-weight: 950;
}
.about-page-enhanced .about-final-cta,
.about-page-enhanced .about-cta-section {
background: linear-gradient(135deg, #07111f, #103a5f);
}
.about-page-enhanced .about-final-card,
.about-page-enhanced .about-cta-card {
border-radius: 30px;
background: rgba(255,255,255,.09);
border: 1px solid rgba(255,255,255,.13);
color: #ffffff;
}
.about-page-enhanced .about-final-card h2,
.about-page-enhanced .about-cta-card h2 {
color: #ffffff;
}
@media (max-width: 980px) {
.about-page-enhanced .about-hero .grid-2,
.about-page-enhanced .about-founder-section .grid-2,
.about-page-enhanced .about-pov-layout,
.about-page-enhanced .about-search-section .grid-2 {
grid-template-columns: 1fr;
}
.about-page-enhanced .paul-photo-wrap,
.about-page-enhanced .about-photo-wrap {
margin: 0 auto;
}
.about-page-enhanced .about-hero h1 {
font-size: clamp(2.2rem, 8vw, 3.8rem);
}
}
@media (max-width: 680px) {
.about-page-enhanced .about-hero {
padding-top: 48px;
padding-bottom: 64px;
}
.about-page-enhanced .about-pov-questions {
grid-template-columns: 1fr;
padding: 18px;
border-radius: 24px;
}
.about-page-enhanced .about-difference-grid {
grid-template-columns: 1fr;
}
.about-page-enhanced .about-difference-card,
.about-page-enhanced .about-difference-grid .card {
min-height: 0;
}
.about-page-enhanced .about-hero .btn {
width: 100%;
}
}