:root{--ink:#0b1020;--blue:#2f6bff;--cyan:#38c6ff;--muted:#5f6b82;--line:#dfe5ef;--light:#f7f9fc;--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--shadow-sm:0 4px 14px rgba(11,16,32,.06);--shadow-md:0 12px 40px rgba(11,16,32,.10);--shadow-lg:0 25px 70px rgba(11,16,32,.15);--shadow-glow:0 15px 35px rgba(47,107,255,.25);--ease: cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.section{padding:96px 0}
.section-light{background:var(--light)}
.section-dark{background:linear-gradient(135deg,#080d19,#13274f);color:#fff}
.section-gray{background:#f5f7fb}
.skip-link{position:absolute;left:-999px}.skip-link:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:100}
/* Header */
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:800;color:var(--ink)}
.brand-mark{display:flex;align-items:end;gap:3px;width:28px;height:28px}
.brand-mark span{width:7px;border-radius:4px;background:linear-gradient(var(--cyan),var(--blue))}
.brand-mark span:nth-child(1){height:11px}.brand-mark span:nth-child(2){height:19px}.brand-mark span:nth-child(3){height:27px}
.primary-nav{display:flex;align-items:center;gap:26px}.primary-nav a{text-decoration:none;font-weight:700;color:var(--ink);transition:opacity .2s}.primary-nav a:hover{opacity:.65}
.nav-cta{background:var(--ink);color:#fff!important;padding:10px 16px;border-radius:999px}.nav-cta:hover{opacity:.9!important}
.menu-toggle{display:none;background:none;border:0;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:#111;margin:5px;transition:.3s}

/* Hero */
.hero{background:radial-gradient(circle at 85% 18%,rgba(56,198,255,.2),transparent 28%),linear-gradient(#fff,#f7faff);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.eyebrow{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;margin-bottom:16px}
.eyebrow-light{color:#7fe1ff}
h1,h2,h3{line-height:1.08;margin-top:0}
h1{font-size:clamp(3.2rem,6vw,5.8rem);letter-spacing:-.055em;margin-bottom:24px}
h2{font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-.04em}
.hero-lede,.section-heading p{color:var(--muted);font-size:1.08rem}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}
.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 22px;border-radius:999px;text-decoration:none;font-weight:800;border:0;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease);font-size:.95rem}
.button:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(135deg,var(--blue),#6a4cff);color:#fff;box-shadow:var(--shadow-glow)}
.button-secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.button-secondary:hover{box-shadow:var(--shadow-sm)}
.button-light{background:#fff;color:var(--ink)}.button-full{width:100%}
.hero-proof{display:flex;gap:20px;flex-wrap:wrap;color:#47536a}.hero-proof span:before{content:"✓";color:var(--blue);font-weight:900;margin-right:7px}

/* Score Card */
.score-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-lg);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.score-card:hover{transform:translateY(-4px);box-shadow:0 30px 80px rgba(11,16,32,.2)}
.score-topline{display:flex;justify-content:space-between;gap:10px;align-items:center}.score-topline span{font-size:.75rem;color:#168447;background:#eaf7ef;border-radius:99px;padding:6px 9px}
.score-number{text-align:center;font-size:5rem;font-weight:900;color:var(--blue);margin-top:24px;line-height:1}
.score-label{text-align:center;color:var(--muted);margin-bottom:24px}
.score-list div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.score-list div:last-child{border-bottom:0}

/* Trust Strip */
.trust-strip{padding:24px 0;border-block:1px solid var(--line)}.trust-inner{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}.trust-inner div{display:flex;gap:10px;flex-wrap:wrap}
.trust-inner span{border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:#fff;font-weight:700;font-size:.84rem}
.section-heading{max-width:740px;margin-bottom:46px}.centered{text-align:center;margin-inline:auto}

/* What Is Scan Grid */
.audit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.audit-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:25px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.audit-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.audit-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-sm);background:#edf3ff;color:var(--blue);font-weight:900;margin-bottom:38px}
.audit-grid p,.process-grid p,.value-grid p,.faq-list p{color:var(--muted)}

/* Process */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.process-grid article{border-top:1px solid var(--line);padding-top:24px;transition:transform .3s var(--ease)}
.process-grid article:hover{transform:translateY(-4px)}
.process-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;font-weight:900;margin-bottom:20px}

/* Industries */
.industries-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.section-dark .section-heading p{color:#c0c9da}
.industry-cloud{display:flex;gap:10px;flex-wrap:wrap}
.industry-cloud span{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:12px 16px;font-weight:700;transition:background .2s,transform .2s var(--ease);cursor:default}
.industry-cloud span:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}

/* About */
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.about-card{display:grid;grid-template-columns:110px 1fr;gap:28px;background:linear-gradient(145deg,#0b1020,#1e376a);color:#fff;border-radius:var(--radius-lg);padding:36px}
.about-card p{color:#c6d0e2}.portrait{width:100px;height:100px;border-radius:24px;background:linear-gradient(135deg,var(--cyan),var(--blue));display:grid;place-items:center;font-size:2rem;font-weight:900}
.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* FAQ */
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list details{padding:18px 0;border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;font-weight:800;font-size:1.05rem;transition:color .2s}.faq-list summary:hover{color:var(--blue)}
.faq-list details[open] summary{color:var(--blue)}

/* Contact */
.contact-section{background:linear-gradient(135deg,#080d19,#173367);color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}
.contact-grid>div>p{color:#c3ccdc}.contact-grid li{margin:8px 0}
.lead-form{background:#fff;color:var(--ink);padding:28px;border-radius:26px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:grid;gap:7px;font-weight:700;font-size:.86rem;margin-bottom:14px}input,select,textarea{width:100%;font:inherit;padding:13px;border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color .2s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,107,255,.15)}
.form-note{text-align:center;font-size:.78rem;color:var(--muted)}

/* Footer */
.site-footer{background:#060913;color:#fff;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.footer-grid a{display:block;color:#c8d1e3;text-decoration:none;margin:7px 0;transition:color .2s}.footer-grid a:hover{color:#fff}
.footer-grid p{color:#9ca8be}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:35px;font-size:.78rem;color:#8f9bb0}

/* Included Grid */
.included-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}
.included-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.included-grid article{display:grid;gap:8px;border:1px solid var(--line);border-radius:var(--radius-md);padding:22px;background:#fff;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.included-grid article:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.included-grid strong{font-size:1.02rem}.included-grid span{color:var(--muted);font-size:.92rem}

/* Deliverables */
.deliverable-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start}
.deliverable-list{display:grid;gap:14px}
.deliverable-list article{display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:start;border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;background:#fff;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.deliverable-list article:hover{transform:translateX(4px);box-shadow:var(--shadow-sm)}
.deliverable-list article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-sm);background:#edf3ff;color:var(--blue);font-weight:900}
.deliverable-list h3{margin-bottom:7px}.deliverable-list p{margin:0;color:var(--muted)}

/* Growth System */
.growth-system{background:linear-gradient(135deg,#080d19,#173367);color:#fff}.growth-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.growth-layout p{color:#c3ccdc}.growth-note{font-weight:700;color:#fff!important}
.growth-tags{display:flex;gap:12px;flex-wrap:wrap}
.growth-tags span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:999px;padding:12px 16px;font-weight:700;transition:background .2s,transform .2s var(--ease)}
.growth-tags span:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}

/* ===== NEW SECTIONS ===== */

/* Why AI Search Is Different */
.comparison-section{overflow:hidden}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.comparison-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:28px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.comparison-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.comparison-card.old{background:#fafbfc}
.comparison-card.new{background:linear-gradient(145deg,#f0f6ff,#fff)}
.comparison-card .card-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}
.comparison-card.old .card-label{color:#b0b8c8}
.comparison-card.new .card-label{color:var(--blue)}
.comparison-card h3{margin:4px 0 8px;font-size:1.1rem}
.comparison-card p{color:var(--muted);font-size:.92rem;margin:0}
.comparison-card ul{list-style:none;padding:0;margin:14px 0 0}
.comparison-card li{padding:6px 0;font-size:.88rem;color:#47536a;position:relative;padding-left:18px}
.comparison-card.old li:before{content:"✗";position:absolute;left:0;color:#d0d5e0}
.comparison-card.new li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:900}

/* Engines strip */
.engine-strip{padding:20px 0}
.engine-inner{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:center}
.engine-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:10px 18px;background:#fff;font-weight:700;font-size:.84rem;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.engine-tag:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.engine-tag .dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.dot-google{background:#4285f4}.dot-ai{background:#19c37d}.dot-gemini{background:#8e7bfb}.dot-claude{background:#d97706}.dot-perplexity{background:#6366f1}.dot-grok{background:#1da1f2}

/* Implementation Options */
.impl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.impl-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:28px;text-align:center;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.impl-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.impl-card .icon-circle{width:48px;height:48px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;font-size:1.3rem;font-weight:900}
.impl-card:nth-child(1) .icon-circle{background:#edf3ff;color:var(--blue)}
.impl-card:nth-child(2) .icon-circle{background:#e8f8f0;color:#1e8449}
.impl-card:nth-child(3) .icon-circle{background:#fef9e7;color:#b7950b}
.impl-card h3{margin-bottom:6px}.impl-card p{color:var(--muted);font-size:.92rem;margin:0}

/* Trust bar */
.trust-bar{padding:32px 0;background:#0b1020;color:#fff}
.trust-bar-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.trust-stat .num{font-size:2.4rem;font-weight:900;color:var(--cyan);line-height:1.2}
.trust-stat .label{color:#9ca8be;font-size:.88rem}

/* Fade Reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.reveal.visible{opacity:1;transform:none}

/* Responsive */
@media(max-width:900px){
.menu-toggle{display:block}
.primary-nav{display:none;position:absolute;top:76px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;flex-direction:column;align-items:stretch}
.primary-nav.open{display:flex}
.hero-grid,.industries-grid,.about-grid,.faq-layout,.contact-grid,.comparison-grid{grid-template-columns:1fr}
.audit-grid{grid-template-columns:repeat(2,1fr)}
.process-grid{grid-template-columns:repeat(2,1fr)}
.trust-inner{grid-template-columns:1fr}
.impl-grid{grid-template-columns:1fr}
.trust-bar-inner{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:620px){
.container{width:min(100% - 26px,1180px)}
.section{padding:72px 0}
h1{font-size:3.1rem}
.audit-grid,.process-grid,.value-grid,.form-row,.included-grid,.deliverable-layout,.included-layout,.growth-layout{grid-template-columns:1fr}
.about-card{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
.footer-bottom{flex-direction:column}
.trust-bar-inner{grid-template-columns:1fr}
.impl-grid{grid-template-columns:1fr}
}