@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#171a43;--muted:#5e6681;--violet:#6352ec;--violet-dark:#4c3bc8;--line:#e1e4ef;--cream:#f7f8fc;--pale:#eeefff;--teal:#126a75;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.62 'DM Sans',sans-serif;background:#fff}body,button,input,select{font-family:'DM Sans',sans-serif}button{cursor:pointer}a{color:inherit}img{display:block;max-width:100%}.shell{width:min(1190px,calc(100% - 48px));margin:auto}section[id]{scroll-margin-top:88px}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:0 max(24px,calc((100vw - 1190px)/2));position:sticky;top:0;z-index:50;box-shadow:0 5px 20px rgba(23,26,67,.04)}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;line-height:1.1;white-space:nowrap}.brand-icon{height:36px;width:36px;border-radius:12px;background:var(--violet);color:#fff;display:grid;place-items:center;font-size:22px}.brand strong{font-family:Manrope,sans-serif;font-weight:800;font-size:19px}.brand small{display:block;letter-spacing:.16em;font-size:9px;color:var(--muted);margin-top:3px;font-weight:800}.topbar nav{display:flex;gap:24px;margin-left:auto}.topbar nav a{text-decoration:none;color:#3d4665;font-weight:700;font-size:13px}.topbar nav a:hover,.source-row a:hover{color:var(--violet)}.nav-cta{color:var(--violet);text-decoration:none;font-weight:800;font-size:13px;white-space:nowrap}
.hero{padding:80px 0 84px;display:grid;grid-template-columns:1.13fr .87fr;gap:65px;align-items:center}.eyebrow,.section-kicker{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--violet);text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.dot{height:9px;width:9px;border-radius:50%;background:#4eb8bd}.hero h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.12}.hero h1{font-size:clamp(42px,4.7vw,68px);letter-spacing:-.06em;margin:25px 0 25px;font-weight:800}.lead{font-size:20px;line-height:1.55;color:#434d6b;max-width:630px}.lead a{color:var(--violet);font-weight:800}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 0}.button{text-decoration:none;border:0;display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:11px 18px;border-radius:12px;font-weight:800;font-size:14px;line-height:1.25;text-align:center}.button-primary{background:var(--violet);color:#fff}.button-primary:hover{background:var(--violet-dark)}.button-ghost{background:var(--pale);color:var(--violet-dark)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#31366b}.button-outline{border:1px solid #b7bbed;background:transparent;color:var(--violet-dark)}.button-outline.light{color:#fff;border-color:#7c82c0}.mini-note{margin-top:25px;color:var(--muted);font-size:14px}.hero-visual{background:linear-gradient(145deg,#22255e,#12143f);border-radius:28px;color:#fff;min-height:420px;padding:35px;box-shadow:0 28px 55px rgba(21,24,72,.18);position:relative;overflow:hidden}.hero-visual:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,#7e6eff99,transparent 70%);right:-100px;top:-100px}.visual-label{position:relative;font-size:13px;letter-spacing:.1em;color:#cac9ff;text-transform:uppercase;font-weight:800}.stat-large{font-family:Manrope,sans-serif;font-weight:800;font-size:112px;letter-spacing:-.08em;line-height:1;margin:40px 0 35px}.stat-large span{display:block;letter-spacing:0;font-size:19px;font-family:'DM Sans',sans-serif;font-weight:600;color:#e4e5ff}.visual-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #ffffff3d;padding-top:24px}.visual-stats strong{display:block;font:800 23px Manrope,sans-serif}.visual-stats span{display:block;color:#cbd0ed;font-size:12px;line-height:1.3;margin-top:6px}.hero-visual p{color:#bac1e2;font-size:12px;line-height:1.5;margin-top:30px}
.section{padding:82px 0}.section-light{background:var(--cream)}.section-tint{background:#f3f5fb}.section h2{font-size:clamp(32px,3vw,48px);letter-spacing:-.045em;margin:14px 0 20px;max-width:900px}.section-intro{font-size:18px;line-height:1.6;color:var(--muted);max-width:950px;margin:0 0 35px}.section h3{font-size:19px;letter-spacing:-.025em;margin:12px 0 10px}.section p{margin-top:0}.small{font-size:13px;color:var(--muted)}.answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.answer{border:1px solid var(--line);border-radius:18px;padding:25px;background:#fff;display:flex;flex-direction:column;min-height:235px}.answer>span{font-weight:800;color:var(--violet);font-size:12px;letter-spacing:.12em}.answer p{color:var(--muted);line-height:1.55;flex:1;font-size:15px}.answer a{color:var(--violet);text-decoration:none;font-size:14px;font-weight:800}.inline-cta{margin-top:30px;padding:22px 24px;background:#e8e9ff;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.inline-cta strong,.inline-cta span{display:block}.inline-cta strong{font:800 17px Manrope,sans-serif}.inline-cta span{font-size:14px;color:#596383;margin-top:5px}.inline-cta .button{flex-shrink:0}.cta-stack{display:flex;gap:8px;flex-wrap:wrap}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{border:1px solid var(--line);padding:25px;border-radius:18px;background:#fff}.metric b{display:block;font:800 42px Manrope,sans-serif;letter-spacing:-.05em;color:var(--violet)}.metric span{display:block;font-weight:800}.metric small{display:block;color:var(--muted);margin-top:6px}.split-box{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px;align-items:stretch}.split-box>div{border:1px solid var(--line);border-radius:20px;padding:28px}.ranked{padding:0;margin:22px 0;list-style:none}.ranked li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0}.ranked strong{color:var(--violet)}.insight{background:#f1f3ff}.insight-icon{width:42px;height:42px;border-radius:14px;background:var(--violet);color:#fff;display:grid;place-items:center;font-size:22px}.insight p{color:var(--muted);font-size:16px}.insight a{color:var(--violet);font-weight:800;text-decoration:none}.source-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.source-row a{color:var(--violet-dark);font-weight:800;text-decoration:none;font-size:14px}
.journey-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.journey-grid article{border:1px solid var(--line);background:#fff;border-radius:17px;padding:20px}.journey-grid article>span{font-size:30px}.journey-grid h3{font-size:16px}.journey-grid p{font-size:14px;color:var(--muted);line-height:1.5}.journey-grid small{font-size:12px;color:var(--teal);font-weight:800}.callout{margin-top:26px;padding:21px 24px;border-left:4px solid var(--teal);background:#ecf6f6;color:#285a61;border-radius:0 14px 14px 0;font-weight:700}
.shot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.shot-card{margin:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 28px rgba(23,26,67,.05)}.shot-card img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;background:#eef0f6}.shot-card figcaption{padding:19px 22px 23px}.shot-card b,.shot-card span,.shot-card a{display:block}.shot-card b{font:800 17px Manrope,sans-serif;line-height:1.4}.shot-card span{color:var(--muted);font-size:14px;line-height:1.55;margin-top:7px}.shot-card a{font-weight:800;color:var(--violet);font-size:13px;margin-top:12px;text-decoration:none}.competitor-shots{grid-template-columns:repeat(3,1fr);margin-top:28px}.competitor-shots .shot-card img{aspect-ratio:4/3}
.keyword-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.keyword-highlights>div{border-radius:16px;background:#fff;border:1px solid var(--line);padding:20px}.keyword-highlights strong{display:block;font:800 31px Manrope,sans-serif;color:var(--violet)}.keyword-highlights span{display:block;font-weight:800;font-size:14px;margin:4px 0}.keyword-highlights small{font-size:11px;color:var(--muted)}.warning{background:#fff4e4;border:1px solid #f1d4a1;border-radius:14px;padding:16px 19px;color:#715223;margin:22px 0 28px;font-size:15px}.table-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:15px}.table-tools label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--muted);display:flex;flex-direction:column;gap:6px}.table-tools input,.table-tools select{min-width:230px;height:43px;border:1px solid #cfd4e3;border-radius:10px;padding:0 12px;background:#fff;color:var(--ink);font-size:14px}.text-button{background:transparent;border:0;color:var(--violet);font-size:14px;font-weight:800;height:43px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff}.keyword-table,.compare-table{border-collapse:collapse;min-width:740px;width:100%;font-size:14px}.keyword-table th,.compare-table th{text-align:left;background:#f0f2fa;color:#4c5576;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:13px 14px}.keyword-table td,.compare-table td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:top}.keyword-table tr:hover td{background:#fafaff}.keyword-table td:nth-child(2){font-weight:700}.keyword-table td:first-child{color:#8a92ac}.keyword-table td:nth-child(4),.keyword-table td:nth-child(5){font-variant-numeric:tabular-nums}.tag{display:inline-block;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800;background:#edf0fa;color:#525e84}.tag.real{background:#e4f6f4;color:#116a72}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:var(--muted);font-size:13px;gap:12px}.pagination>div{display:flex;align-items:center;gap:10px}.pagination button{border:1px solid #cdd1e5;background:#fff;color:var(--ink);border-radius:9px;padding:7px 10px;font-weight:800}.pagination button:disabled{opacity:.4;cursor:default}.compare-table td strong,.compare-table td small{display:block}.compare-table td small{color:var(--muted);margin-top:3px}
.audit-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.audit-scores>div{background:#fff;border-radius:17px;border:1px solid var(--line);padding:20px}.audit-scores b{display:block;font:800 36px Manrope,sans-serif;color:var(--violet);letter-spacing:-.04em}.audit-scores b span{font-size:18px;color:#8882c2}.audit-scores strong,.audit-scores small{display:block}.audit-scores strong{font-size:15px}.audit-scores small{font-size:12px;color:var(--muted);margin-top:5px}.two-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:27px}.two-columns>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.check-list{padding-left:20px;color:#49536f}.check-list li{margin:10px 0}.priority-lanes{background:#fff;border:1px solid var(--line);border-radius:18px;margin-top:22px;padding:24px}.priority-lanes h3{margin-top:0}.priority-lanes>div{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:13px 0;border-top:1px solid var(--line);font-size:14px}.priority-lanes b{color:var(--violet)}.priority-lanes span{color:var(--muted)}
.swot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.swot-grid article{border-radius:18px;padding:23px 25px;background:#f4f5ff;border:1px solid #e0e3f7}.swot-grid article:nth-child(2){background:#fff4f0;border-color:#f3ddd3}.swot-grid article:nth-child(3){background:#edf8f6;border-color:#d1e9e3}.swot-grid article:nth-child(4){background:#fff9e9;border-color:#f2e8c9}.swot-grid label{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--violet)}.swot-grid p{color:var(--muted);margin-bottom:0}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.timeline article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:26px;display:flex;flex-direction:column}.timeline-label{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--violet)}.timeline h3{font-size:21px}.timeline p{color:var(--muted);font-size:15px;flex:1}.timeline small{color:#4f5a76;font-size:13px;padding-top:15px;border-top:1px solid var(--line)}.timeline b{font:800 24px Manrope,sans-serif;margin-top:17px}.pricing-box{margin-top:20px;border-radius:19px;background:var(--ink);color:#fff;padding:25px 30px;display:grid;grid-template-columns:270px 1fr;gap:30px;align-items:center}.pricing-box span,.pricing-box strong,.pricing-box small{display:block}.pricing-box span{font-size:11px;letter-spacing:.13em;font-weight:800;color:#c7c4ff}.pricing-box strong{font:800 40px Manrope,sans-serif}.pricing-box small{color:#afb6da}.pricing-box p{margin:0;color:#d7dafa}.measure{margin-top:30px}.measure>div{display:flex;gap:25px;border-top:1px solid var(--line);padding:14px 0}.measure span{flex:0 0 165px;font-weight:800;color:var(--violet)}.measure p{margin:0;color:var(--muted)}.access-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.access-grid>div{border:1px solid var(--line);border-radius:17px;padding:20px}.access-grid b{color:var(--violet)}.access-grid p{font-size:14px;color:var(--muted);line-height:1.5}
.crm-section{background:#1b1d4d;color:#fff}.crm-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.crm-section .section-kicker{color:#b9b5ff}.crm-section h2{color:#fff}.crm-section p{color:#d3d7ef;font-size:17px}.crm-section p a{color:#b9b5ff;font-weight:800}.flow-card{background:#ffffff14;border:1px solid #ffffff30;border-radius:22px;padding:27px;display:flex;flex-direction:column;gap:7px;align-items:center}.flow-card span,.flow-card strong{display:block;border-radius:11px;padding:11px 15px;background:#ffffff16;width:100%;text-align:center;font-size:14px}.flow-card strong{background:#7467ed;color:#fff}.flow-card i{font-style:normal;color:#aaa8ff}.reply-card{border:1px solid var(--line);border-radius:18px;padding:26px;background:#f9faff;max-width:920px}.reply-card p{white-space:normal;line-height:1.7;color:#404b6e}.reply-card button{margin-top:8px}
footer{background:#111331;color:#fff;padding:35px 0}.footer,.footer a{color:#fff}footer .shell{display:flex;gap:30px;align-items:start;justify-content:space-between}footer .shell>div{display:flex;flex-direction:column}footer strong{font:800 18px Manrope,sans-serif}footer span{color:#aeb5d0;font-size:12px}footer p{font-size:12px;color:#aeb5d0;max-width:590px}footer a{font-size:13px;text-decoration:none;font-weight:800;white-space:nowrap}
.chat-launch{position:fixed;bottom:22px;right:22px;z-index:70;background:var(--violet);color:#fff;border:0;border-radius:99px;padding:14px 20px;box-shadow:0 10px 35px #29227861;font-weight:800;font-size:13px}.chat-launch span{margin-right:5px}.chat-panel{position:fixed;right:22px;bottom:78px;width:min(390px,calc(100vw - 30px));height:510px;background:#fff;border-radius:20px;box-shadow:0 18px 65px #171a4359;z-index:80;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line)}.chat-panel[hidden]{display:none}.chat-head{background:var(--ink);color:#fff;padding:15px 17px;display:flex;justify-content:space-between;align-items:center}.chat-head strong,.chat-head small{display:block}.chat-head small{font-size:11px;color:#b8bce2}.chat-head button{border:0;background:transparent;color:#fff;font-size:24px}.chat-messages{padding:14px;flex:1;overflow:auto;background:#f7f8fd;display:flex;flex-direction:column;gap:9px}.bubble{max-width:92%;padding:10px 13px;border-radius:14px;font-size:13px;line-height:1.5}.bubble.bot{background:#fff;border:1px solid var(--line);align-self:flex-start}.bubble.user{background:var(--violet);color:#fff;align-self:flex-end}.bubble a{color:var(--violet);font-weight:800}.chat-chips{padding:9px 12px;display:flex;gap:5px;flex-wrap:wrap}.chat-chips button{border:1px solid #cfd0ea;background:#fff;color:#4c3bc8;border-radius:99px;font-size:11px;font-weight:800;padding:5px 8px}#chat-form{padding:0 12px 8px;display:flex;gap:7px}#chat-form input{border:1px solid #d2d5e3;border-radius:10px;padding:9px;flex:1;min-width:0;font-size:13px}#chat-form button{border:0;border-radius:10px;background:var(--violet);color:#fff;width:36px}.chat-disclaimer{font-size:10px;color:#878eaa;padding:0 13px 11px}
@media(max-width:1050px){.topbar nav{gap:13px}.topbar nav a{font-size:12px}.journey-grid{grid-template-columns:repeat(3,1fr)}.competitor-shots{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.shell{width:min(100% - 30px,600px)}.topbar{padding:0 16px;height:64px}.topbar nav{display:none}.nav-cta{margin-left:auto}.hero{grid-template-columns:1fr;padding:52px 0;gap:30px}.hero h1{font-size:42px}.lead{font-size:17px}.hero-visual{min-height:0}.stat-large{font-size:84px;margin:24px 0}.section{padding:58px 0}.section-intro{font-size:16px}.answer-grid,.metric-grid,.journey-grid,.shot-grid,.swot-grid,.timeline,.access-grid,.audit-scores,.two-columns,.split-box,.crm-layout,.keyword-highlights{grid-template-columns:1fr 1fr}.competitor-shots{grid-template-columns:1fr 1fr}.inline-cta{align-items:flex-start;flex-direction:column}.priority-lanes>div{grid-template-columns:1fr;gap:3px}.pricing-box{grid-template-columns:1fr}.crm-layout{gap:25px}.chat-launch{bottom:13px;right:13px}.chat-panel{right:12px;bottom:66px}}
@media(max-width:560px){.answer-grid,.metric-grid,.journey-grid,.shot-grid,.swot-grid,.timeline,.access-grid,.audit-scores,.two-columns,.split-box,.crm-layout,.competitor-shots,.keyword-highlights{grid-template-columns:1fr}.hero h1{font-size:37px}.visual-stats strong{font-size:17px}.visual-stats span{font-size:10px}.stat-large{font-size:70px}.section h2{font-size:31px}.table-tools label,.table-tools input,.table-tools select{width:100%}.pagination{align-items:start;flex-direction:column}.measure>div{display:block}.measure span{display:block;margin-bottom:4px}footer .shell{display:block}footer p{margin:12px 0}.crm-section .hero-buttons{display:block}.crm-section .button{margin:5px 0;width:100%}}
