:root{--navy:#07152c;--blue:#173c8f;--electric:#4e6cff;--ice:#eef3fb;--paper:#f7f8fb;--ink:#0d1b31;--muted:#667085;--line:#dbe2ec;--accent:#b9ff62;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}.shell{width:min(1440px,calc(100% - 96px));margin:auto}.skip{position:fixed;top:-100px;left:12px;background:#fff;padding:10px;z-index:100}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(13,27,49,.08)}.header-inner{height:78px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:25px;letter-spacing:-.04em}.brand img{width:36px;height:36px}.brand small{display:block;font-size:10px;font-weight:600;color:#7b8492;letter-spacing:0}.header-inner nav{display:flex;gap:28px;margin-left:auto;font-size:13px;font-weight:600}.header-inner nav a:hover{opacity:.55}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:999px;padding:16px 22px;font-weight:700;font-size:14px;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(7,21,44,.14)}.btn-small{padding:11px 17px}.btn-light{background:#fff;border-color:#dce3ec}.btn-dark{background:var(--navy);color:#fff}.btn-accent{background:var(--accent);color:#0b1a2d}.btn-outline{border-color:#cbd5e1}.text-link{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 22%,#2248a8 0,#0b2251 25%,#07152c 58%);color:#fff;padding:72px 0 34px}.hero:before{content:"SITO";position:absolute;left:-1vw;top:-8vw;font-size:34vw;line-height:1;font-weight:800;letter-spacing:-.09em;color:rgba(255,255,255,.025);pointer-events:none}.eyebrow,.section-index{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#63728a;margin-bottom:30px}.hero .eyebrow,.section-index.light{color:#91a4c6}.hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:center}.hero-copy{position:relative;z-index:2}.hero h1,.section h2,.manager-band h2,.final h2{font-size:clamp(44px,5.2vw,78px);line-height:1.02;letter-spacing:-.055em;margin:0 0 28px;font-weight:600}.hero h1 span{color:#9bb2e9}.hero-lead{max-width:620px;color:#c4d0e4;font-size:19px;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:26px}.hero .text-link{color:#dfe7f6}.mockup{position:relative;background:#eaf0f8;border:1px solid rgba(255,255,255,.35);border-radius:20px;box-shadow:0 30px 80px rgba(2,10,25,.25);overflow:hidden}.browser-bar{height:43px;display:flex;align-items:center;gap:7px;padding:0 15px;background:rgba(255,255,255,.94);color:#7b8492;font-size:11px}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#cbd4df}.browser-bar span{margin-left:10px;padding:6px 13px;background:#f1f4f8;border-radius:999px;min-width:180px}.screen{background:#fff;overflow:hidden}.screen img,.screen video{width:100%;height:auto}.hero-visual{transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);overflow:visible}.hero-visual .screen,.hero-visual .browser-bar{overflow:hidden}.hero-visual .browser-bar{border-radius:20px 20px 0 0}.hero-visual .screen{border-radius:0 0 20px 20px}.float-card{position:absolute;background:#fff;color:var(--ink);border-radius:14px;padding:13px 16px;box-shadow:0 18px 50px rgba(3,11,28,.22);font-size:11px;min-width:155px}.float-card b,.float-card span{display:block}.float-card span{color:#758197;margin-top:3px}.float-a{left:-38px;top:26%}.float-b{right:-30px;bottom:13%}.hero-proof{position:relative;display:flex;gap:18px 40px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.15);margin-top:62px;padding-top:22px;color:#c9d5e8;font-size:13px}.hero-proof span:before{content:"✓";color:var(--accent);margin-right:8px}.fine{font-size:11px;color:#7185a7;margin:12px 0 0}.section{padding:108px 0}.title-row{display:grid;grid-template-columns:1.15fr .65fr;gap:80px;align-items:end;margin-bottom:56px}.title-row h2{font-size:clamp(38px,4.3vw,66px);margin-bottom:0}.title-row h2 span,.fit h2 span{color:#8993a2}.title-row>p{color:var(--muted);font-size:17px;margin:0 0 5px}.current{background:var(--paper)}.current-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.flow-list{border-top:1px solid var(--line)}.flow-list>div{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);font-size:17px}.flow-list b{font-size:11px;color:#8793a5}.soft-frame{background:#edf1f6;border-radius:28px;padding:28px;overflow:hidden}.soft-frame img{width:100%;border-radius:16px}.contrast{background:#fff}.journey{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-bottom:44px}.journey article{padding:28px;min-height:220px;border-right:1px solid var(--line)}.journey article:last-child{border-right:0}.journey em{font-style:normal;font-size:11px;color:#778397}.journey h3{font-size:26px;margin:35px 0 10px;letter-spacing:-.04em}.journey p{color:var(--muted);font-size:14px;margin:0}.wide-mockup{max-width:1240px;margin:auto}.wide-mockup .screen{max-height:660px;overflow:hidden}.center-action{text-align:center;margin-top:30px}.manager-band{padding:100px 0;background:linear-gradient(135deg,#07152c,#102a5f);color:#fff;overflow:hidden}.manager-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}.manager-band h2{font-size:clamp(42px,4.5vw,68px)}.manager-band p{color:#c3cee0;max-width:590px;font-size:17px}.quote{border-left:2px solid var(--accent);padding:12px 0 12px 18px;margin-top:30px;color:#fff;font-weight:600}.dark-mock{transform:rotate(1deg)}.research{padding:72px 0;background:#b9ff62}.research-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:80px;align-items:center}.research strong{font-size:clamp(100px,13vw,190px);letter-spacing:-.08em;line-height:.8}.research sup{font-size:.35em}.research h3{font-size:28px;max-width:760px;line-height:1.2;margin:0 0 14px}.research p{max-width:720px}.research a{text-decoration:underline;text-underline-offset:4px;font-size:12px}.company{background:#fff}.import-cards{display:grid;grid-template-columns:1fr 54px 1fr 54px 1fr;align-items:center}.import-cards article{border:1px solid var(--line);border-radius:22px;padding:28px;min-height:260px}.import-cards small{font-size:10px;color:#758197;font-weight:800}.file-icon,.mini-window{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:16px;background:#eef2f7;margin:32px 0 20px;font-weight:800}.mini-window{width:120px;font-size:13px}.import-cards article>img{width:72px;height:72px;margin:32px 0 20px}.import-cards h3{font-size:27px;margin:0 0 8px}.import-cards p{color:var(--muted);margin:0}.import-cards .accent-card{background:var(--navy);color:#fff;border-color:var(--navy);transform:scale(1.035)}.import-cards .accent-card p{color:#b8c5d8}.arrow{text-align:center;font-size:27px;color:#8490a2}.big-note{text-align:center;font-size:22px;margin:45px 0 0;font-weight:600}.product-show{background:#eef3fb;overflow:hidden}.show-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}.phoneish{margin-top:90px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric-grid article{background:#f6f8fb;border:1px solid #e3e8ef;border-radius:20px;padding:30px}.metric-grid span{display:flex;width:44px;height:44px;border-radius:50%;background:#e6edff;align-items:center;justify-content:center;color:#254db0;font-size:22px}.metric-grid h3{font-size:25px;margin:35px 0 8px}.metric-grid p{color:var(--muted);margin:0}.fit{background:#07152c;color:#fff}.fit-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.fit h2{font-size:clamp(40px,4.2vw,64px);margin:0}.fit-list{border-top:1px solid #2a3c58}.fit-list>div{display:grid;grid-template-columns:45px 1fr;border-bottom:1px solid #2a3c58;padding:23px 0}.fit-list b{font-size:11px;color:#8da2c5}.fit-list p{font-size:20px;margin:0;color:#d8e1ef}.pricing{background:#f7f8fb}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:38px}.price-grid .pilot{background:linear-gradient(145deg,#0a1c39,#173c8f);color:#fff;border:0}.price-grid small{font-size:10px;font-weight:800;letter-spacing:.1em}.price-grid h3{font-size:28px;max-width:520px;margin:22px 0 34px}.price{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #dce2ea;padding:18px 0}.pilot .price{border-color:#365486}.price b{font-size:34px;letter-spacing:-.04em}.price span{font-size:13px;color:#7a8494}.pilot .price span,.pilot>p{color:#b8c6dd}.price-grid article>p{color:var(--muted);min-height:52px}.price-grid .btn{width:100%;margin-top:12px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.faq h2{font-size:48px;margin:0}.accordions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;font-size:17px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{font-size:24px;color:#7a879a;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);max-width:720px;margin:14px 40px 0 0}.final{padding:105px 0;background:#0a1b38;color:#fff}.final-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.final h2{font-size:clamp(46px,5vw,76px)}.final h2 span{color:#a9bae0}.final p{color:#bdc9dc;max-width:620px;font-size:17px}.final-card{background:#fff;color:var(--ink);border-radius:24px;padding:32px}.final-card span{font-size:11px;color:#7d8797}.final-card h3{font-size:31px;margin:24px 0 8px}.final-card p{color:var(--muted);font-size:14px}.final-card a{font-weight:800;text-decoration:underline;text-underline-offset:5px}footer{background:#fff;padding:54px 0}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:40px}.footer-grid>div:not(.brand){display:flex;flex-direction:column;gap:8px;font-size:13px;color:#697586}.footer-grid b{color:var(--ink);margin-bottom:6px}.foot-brand{align-items:flex-start;height:max-content}.foot-brand img{width:38px}.reveal-up{animation:rise .8s ease both}@keyframes rise{from{opacity:0;transform:translateY(18px) perspective(1200px) rotateY(-4deg)}to{opacity:1;transform:translateY(0) perspective(1200px) rotateY(-4deg)}}@media(max-width:1000px){.shell{width:calc(100% - 48px)}.hero-grid,.title-row,.manager-grid,.current-grid,.fit-grid,.faq-grid,.final-grid{grid-template-columns:1fr}.hero-grid{gap:46px}.hero-copy{max-width:800px}.hero-visual{max-width:900px}.title-row{gap:18px}.title-row>p{max-width:700px}.journey{grid-template-columns:1fr 1fr}.journey article:nth-child(2){border-right:0}.journey article:nth-child(-n+2){border-bottom:1px solid var(--line)}.import-cards{grid-template-columns:1fr}.arrow{transform:rotate(90deg);padding:8px}.import-cards .accent-card{transform:none}.show-grid{grid-template-columns:1fr}.phoneish{margin-top:0}.metric-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.fit-grid,.faq-grid{gap:45px}}@media(max-width:680px){body{font-size:15px}.shell{width:calc(100% - 32px)}.site-header .header-inner{height:68px}.header-inner nav{display:none}.brand{font-size:22px}.brand img{width:32px}.header-inner>.btn{margin-left:auto;font-size:11px;padding:9px 12px;gap:8px}.hero{padding:48px 0 28px}.hero h1{font-size:43px}.hero-lead{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column;gap:18px}.hero-actions .btn{width:100%}.hero-proof{margin-top:38px;flex-direction:column;gap:9px}.float-card{display:none}.hero-visual{transform:none}.browser-bar span{min-width:0;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section{padding:72px 0}.section-index{margin-bottom:22px}.title-row{margin-bottom:34px}.title-row h2,.manager-band h2,.fit h2,.final h2{font-size:38px}.title-row>p,.manager-band p,.final p{font-size:15px}.current-grid{gap:30px}.soft-frame{padding:12px;border-radius:18px}.journey{grid-template-columns:1fr}.journey article{min-height:0;border-right:0;border-bottom:1px solid var(--line)!important;padding:24px}.journey article:last-child{border-bottom:0!important}.journey h3{margin-top:20px}.manager-band{padding:72px 0}.manager-grid{gap:36px}.research{padding:52px 0}.research-grid{grid-template-columns:1fr;gap:26px}.research strong{font-size:110px}.research h3{font-size:23px}.import-cards article{min-height:0}.big-note{font-size:18px}.metric-grid{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr}.price-grid article{padding:25px}.price b{font-size:29px}.faq h2{font-size:38px}.final{padding:72px 0}.footer-grid{grid-template-columns:1fr;gap:28px}.show-grid{gap:18px}.mockup{border-radius:14px}.browser-bar{height:36px}.btn{padding:14px 18px}.fit-list p{font-size:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Readability + SEO value block */
.fine{font-size:14px;line-height:1.5;color:#9aabc8}
.import-cards small,.journey em,.flow-list b,.fit-list b,.price-grid small,.final-card span,.research a,.browser-bar,.float-card{font-size:14px}
.seo-underhood{margin-top:34px;border:1px solid var(--line);border-radius:24px;padding:34px;background:linear-gradient(135deg,#f7f9fd,#eef3fb);display:grid;grid-template-columns:.42fr 1.1fr;gap:22px 46px;align-items:start}
.seo-kicker{font-size:14px;font-weight:800;letter-spacing:.1em;color:#3653a4}
.seo-underhood h3{font-size:30px;line-height:1.15;letter-spacing:-.035em;margin:0 0 12px}
.seo-underhood p{font-size:16px;color:var(--muted);margin:0;max-width:760px}
.seo-flow{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px}
.seo-flow span{font-size:14px;font-weight:700;background:#fff;border:1px solid #dce4ef;border-radius:999px;padding:9px 13px}
.seo-flow b{color:#8290a5}
@media(max-width:680px){body{font-size:16px}.header-inner>.btn{font-size:14px}.title-row>p,.manager-band p,.final p{font-size:16px}.journey p,.final-card p,.price span,.footer-grid>div:not(.brand),.text-link{font-size:14px}.eyebrow,.section-index{font-size:14px;letter-spacing:.1em}.seo-underhood{grid-template-columns:1fr;padding:24px;gap:14px}.seo-underhood h3{font-size:25px}.seo-flow{grid-column:auto}.seo-flow b{display:none}.seo-flow span{width:100%;text-align:center}.fine{font-size:14px}}

/* Marketing v3 */
.hero-v3{padding-top:76px;padding-bottom:70px}
.hero-v3 .hero-grid{grid-template-columns:.9fr 1.1fr}
.hero-v3 h1{font-size:clamp(48px,5.3vw,80px)}
.hero-v3 h1 span{color:#d5e0ff}
.hero-v3 .fine{margin-top:18px;max-width:600px}
.btn-ghost{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.06)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.hero-tags span{font-size:14px;font-weight:600;color:#dce5f5;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);padding:9px 13px;border-radius:999px}
.benefits{padding:70px 0;border-bottom:1px solid var(--line)}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.benefit-grid article{padding:28px;border-right:1px solid var(--line)}
.benefit-grid article:last-child{border-right:0}
.benefit-grid span{font-size:14px;color:#8290a5;font-weight:700}
.benefit-grid h2{font-size:25px;letter-spacing:-.035em;margin:30px 0 8px}
.benefit-grid p{font-size:15px;color:var(--muted);margin:0}
.company-v3{background:#f7f8fb}
.company-v3 .seo-underhood{margin-top:44px}
.compact-journey{margin-bottom:0}
.product-show .title-row{margin-bottom:44px}
@media(max-width:1000px){.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid article:nth-child(2){border-right:0}.benefit-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:680px){.hero-v3{padding-top:48px}.hero-v3 h1{font-size:42px}.hero-v3 .hero-grid{gap:38px}.hero-tags{margin-top:24px}.hero-tags span{font-size:14px}.benefits{padding:54px 0}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{border-right:0;border-bottom:1px solid var(--line)!important;padding:23px}.benefit-grid article:last-child{border-bottom:0!important}.benefit-grid h2{margin-top:16px}.hero-v3 .hero-actions .btn-ghost{width:100%}}

/* v3 capability polish */
.brand small{font-size:11px;line-height:1.25;margin-top:2px}
.hero-tags{display:grid;grid-template-columns:repeat(4,max-content);gap:10px;margin-top:30px}
.hero-tags span{font-size:13px;line-height:1.2;padding:9px 12px;white-space:nowrap}
.capabilities{padding:76px 0;background:#fff;border-bottom:1px solid var(--line)}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.capability-grid article{padding:25px 27px;min-height:142px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.capability-grid article:nth-child(3n){border-right:0}
.capability-grid article:nth-child(n+4){border-bottom:0}
.capability-grid b{font-size:18px;letter-spacing:-.025em}
.capability-grid p{font-size:14px;color:var(--muted);margin:10px 0 0;max-width:330px}
@media(max-width:1200px){.hero-tags{grid-template-columns:repeat(2,max-content)}}
@media(max-width:800px){.capability-grid{grid-template-columns:1fr 1fr}.capability-grid article{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}.capability-grid article:nth-child(2n){border-right:0!important}.capability-grid article:nth-last-child(-n+2){border-bottom:0!important}}
@media(max-width:680px){.hero-tags{display:flex;gap:8px}.hero-tags span{white-space:normal}.capabilities{padding:58px 0}.capability-grid{grid-template-columns:1fr}.capability-grid article{min-height:0;border-right:0!important;border-bottom:1px solid var(--line)!important}.capability-grid article:last-child{border-bottom:0!important}}

/* Body copy readability */
.hero-lead,.title-row>p,.manager-band p,.final p,.benefit-grid p,.capability-grid p,.journey p,.import-cards p,.seo-underhood p,.fit-list p,.price-grid article>p,details p,.final-card p{font-size:18px;line-height:1.6}
@media(max-width:680px){.hero-lead,.title-row>p,.manager-band p,.final p,.benefit-grid p,.capability-grid p,.journey p,.import-cards p,.seo-underhood p,.fit-list p,.price-grid article>p,details p,.final-card p{font-size:18px}}

/* v3 visual hierarchy: benefits, capabilities, process */
.benefits{background:#fff}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border:0;border-radius:0;overflow:visible}
.benefit-grid article{position:relative;padding:30px 28px;min-height:210px;border:1px solid #dfe7f1!important;border-radius:22px;background:#f2f6fc;overflow:hidden}
.benefit-grid article:nth-child(2){background:#f6f7fb}
.benefit-grid article:nth-child(3){background:#eef4ff}
.benefit-grid article:nth-child(4){background:#f4f7f2}
.benefit-grid article:after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;right:-28px;top:-30px;background:rgba(23,60,143,.055)}
.benefit-grid span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:12px;background:#fff;border:1px solid #dce5f0;color:#31549b;font-size:14px}
.benefit-grid h2{font-size:26px;margin:34px 0 10px}
.benefit-grid p{font-size:18px;line-height:1.55}

.capabilities{background:#eef3fb;border:0;padding:82px 0}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border:0;border-radius:0;overflow:visible}
.capability-grid article{position:relative;padding:24px 25px 24px 56px;min-height:132px;border:1px solid rgba(23,60,143,.10)!important;border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 7px 24px rgba(18,43,84,.035)}
.capability-grid article:before{content:"✓";position:absolute;left:22px;top:24px;width:23px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dfe9ff;color:#173c8f;font-size:13px;font-weight:800}
.capability-grid b{font-size:19px}
.capability-grid p{font-size:18px;line-height:1.5;margin-top:9px}

.company-v3{background:#f8f9fc}
.company-v3 .import-cards{gap:18px;grid-template-columns:1fr 34px 1fr 34px 1fr}
.company-v3 .import-cards article{border:0;box-shadow:0 10px 32px rgba(13,27,49,.06);min-height:285px}
.company-v3 .import-cards article:first-child{background:#f1f7f1;border:1px solid #d9e9db}
.company-v3 .import-cards article:first-child .file-icon{background:#dfeee1;color:#245b32}
.company-v3 .import-cards .accent-card{background:linear-gradient(145deg,#07152c,#102a5f);box-shadow:0 18px 45px rgba(7,21,44,.16)}
.company-v3 .import-cards article:last-child{background:#eef4ff;border:1px solid #d9e5fb}
.company-v3 .import-cards article:last-child .mini-window{background:#dce8ff;color:#173c8f}
.company-v3 .arrow{font-size:30px;color:#7890ad}
.company-v3 .seo-underhood{background:#fff;border:1px solid #dce5f1;box-shadow:0 10px 32px rgba(13,27,49,.035)}
@media(max-width:1000px){.benefit-grid{grid-template-columns:1fr 1fr}.capability-grid{grid-template-columns:1fr 1fr}.company-v3 .import-cards{grid-template-columns:1fr;gap:0}}
@media(max-width:680px){.benefit-grid,.capability-grid{grid-template-columns:1fr}.benefit-grid article{min-height:0}.capability-grid article{min-height:0}.company-v3 .import-cards article{min-height:0}}

/* Mobile layout correction */
@media(max-width:680px){
  .site-header .header-inner{height:64px;gap:10px}
  .brand{font-size:20px}.brand img{width:30px;height:30px}.brand small{font-size:9px}
  .header-inner>.btn{font-size:13px;padding:9px 13px}
  .hero-v3{padding:34px 0 42px}
  .hero-v3 .eyebrow{margin-bottom:18px;font-size:12px}
  .hero-v3 .hero-grid{display:flex;flex-direction:column;gap:28px}
  .hero-v3 h1{font-size:clamp(38px,11vw,48px);line-height:1.01;letter-spacing:-.055em;margin-bottom:20px}
  .hero-v3 .hero-lead{font-size:18px;line-height:1.5;margin-bottom:24px}
  .hero-v3 .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero-v3 .hero-actions .btn{width:100%;padding:13px 10px;font-size:13px;gap:7px}
  .hero-v3 .hero-tags{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
  .hero-v3 .hero-tags span{display:flex;align-items:center;min-height:42px;padding:8px 10px;font-size:12px;line-height:1.25;border-radius:12px}
  .hero-v3 .fine{font-size:14px;line-height:1.45;margin-top:14px}
  .hero-v3 .hero-visual{width:100%;margin-top:2px}
  .hero-v3 .browser-bar{height:32px;font-size:10px}
  .hero-v3 .screen{max-height:310px}
  .hero-v3 .screen img{width:100%;height:auto}
  .benefit-grid{grid-template-columns:1fr 1fr;gap:10px}
  .benefit-grid article{padding:18px 16px;min-height:190px}
  .benefit-grid span{width:32px;height:32px}
  .benefit-grid h2{font-size:20px;line-height:1.15;margin:22px 0 8px}
  .benefit-grid p{font-size:16px;line-height:1.45}
  .capability-grid{grid-template-columns:1fr 1fr;gap:10px}
  .capability-grid article{padding:18px 14px 18px 42px;min-height:155px}
  .capability-grid article:before{left:13px;top:18px;width:21px;height:21px}
  .capability-grid b{font-size:17px;line-height:1.2}
  .capability-grid p{font-size:15px;line-height:1.4}
  .company-v3 .import-cards{grid-template-columns:1fr;gap:0}
}
@media(max-width:390px){
  .hero-v3 .hero-actions{grid-template-columns:1fr}
  .hero-v3 h1{font-size:37px}
  .benefit-grid,.capability-grid{grid-template-columns:1fr}
}

/* Capabilities grouped by buyer/company value */
.capability-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin:16px 0 34px}
.capability-intro h2{font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:-.045em;margin:0;max-width:760px}
.capability-intro>p{font-size:18px;line-height:1.55;color:var(--muted);margin:0;max-width:520px}
.capability-groups{display:grid;gap:18px}
.capability-group{background:rgba(255,255,255,.62);border:1px solid rgba(23,60,143,.10);border-radius:26px;padding:28px}
.capability-group-title{display:grid;grid-template-columns:.65fr 1.35fr;gap:24px;align-items:start;margin-bottom:20px}
.capability-group-title span{font-size:24px;font-weight:700;letter-spacing:-.025em}
.capability-group-title p{font-size:16px;line-height:1.5;color:var(--muted);margin:2px 0 0;max-width:620px}
.capability-group .capability-grid{grid-template-columns:repeat(4,1fr)}
.capability-group:last-child .capability-grid{grid-template-columns:repeat(3,1fr)}
.capability-group .capability-grid article{background:#fff}
.company-v3 .import-cards .accent-card{background:#10295a;box-shadow:0 12px 32px rgba(7,21,44,.12)}
.company-v3 .import-cards article:last-child{background:#e8f1ff;border-color:#cbdcf8;box-shadow:0 14px 38px rgba(39,83,156,.10)}
@media(max-width:1000px){
 .capability-intro{grid-template-columns:1fr;gap:16px}
 .capability-group .capability-grid,.capability-group:last-child .capability-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
 .capability-intro{margin-bottom:24px}
 .capability-intro h2{font-size:34px}
 .capability-group{padding:16px;border-radius:20px}
 .capability-group-title{grid-template-columns:1fr;gap:6px;margin-bottom:14px}
 .capability-group-title span{font-size:21px}
 .capability-group-title p{font-size:16px}
 .capability-group .capability-grid,.capability-group:last-child .capability-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){
 .capability-group .capability-grid,.capability-group:last-child .capability-grid{grid-template-columns:1fr}
}

/* Narrative v4: problem, audience, updates, personalization */
.pain{background:#0b1a32;color:#fff;padding:92px 0}
.pain .section-index{color:#8fa5c6}
.pain-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.pain-copy h2{font-size:clamp(38px,4.3vw,64px);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px}
.pain-copy h2 span{color:#9eacc1}
.pain-copy p{font-size:18px;line-height:1.6;color:#b9c5d6;max-width:650px}
.pain-messages{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pain-messages div{padding:22px 20px;border-radius:18px;background:#132746;border:1px solid rgba(255,255,255,.08);font-size:17px;font-weight:600}
.pain-result{margin-top:44px;padding:24px 28px;border-radius:20px;background:#c8ff4d;color:#0b1a32;display:flex;justify-content:space-between;gap:30px;align-items:center}
.pain-result b{font-size:21px}.pain-result span{font-size:17px;max-width:520px}
.audience{padding:72px 0;background:#f2f6fc}
.audience-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.audience-row h2{font-size:clamp(34px,3.6vw,52px);line-height:1.05;letter-spacing:-.04em;margin:0}
.audience-tags{display:flex;flex-wrap:wrap;gap:10px}
.audience-tags span{padding:12px 16px;border-radius:999px;background:#fff;border:1px solid #dce5f1;font-size:16px;font-weight:600}
.audience-note{font-size:18px;line-height:1.55;color:var(--muted);margin:28px 0 0;max-width:900px}
.data-update{padding:84px 0;background:#fff}
.data-update-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.data-update h2{font-size:clamp(36px,4vw,58px);line-height:1.03;letter-spacing:-.045em;margin:0 0 22px}.data-update h2 span{color:#8996aa}
.data-update-grid>div>p{font-size:18px;line-height:1.6;color:var(--muted);max-width:620px}
.data-cards{display:grid;gap:12px}.data-cards article{padding:25px;border-radius:20px;background:#f3f6fb;border:1px solid #dfe7f1}.data-cards article:last-child{background:#eef4ff}
.data-cards small{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;color:#6f83a2;margin-bottom:13px}.data-cards b{font-size:21px}.data-cards p{font-size:16px;line-height:1.5;color:var(--muted);margin:8px 0 0}
.personalization{padding:88px 0;background:#eef3fb}
.personalization-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.personalization h2{font-size:clamp(38px,4.3vw,62px);line-height:1.03;letter-spacing:-.045em;margin:0 0 22px}.personalization-grid>div>p{font-size:18px;line-height:1.6;color:var(--muted)}
.personalization-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.personalization-list div{padding:24px;border-radius:18px;background:#fff;border:1px solid #dce5f1;min-height:142px}.personalization-list b{display:block;font-size:19px;margin-bottom:8px}.personalization-list span{font-size:16px;line-height:1.45;color:var(--muted)}
@media(max-width:800px){.pain-grid,.audience-row,.data-update-grid,.personalization-grid{grid-template-columns:1fr;gap:30px}.pain-messages,.personalization-list{grid-template-columns:1fr 1fr}.pain-result{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:680px){.pain{padding:62px 0}.pain-copy h2{font-size:36px}.pain-messages{grid-template-columns:1fr 1fr;gap:8px}.pain-messages div{padding:16px 14px;font-size:15px}.pain-result{margin-top:26px;padding:20px}.audience{padding:58px 0}.audience-row h2,.data-update h2,.personalization h2{font-size:34px}.audience-tags span{font-size:14px;padding:10px 12px}.data-update,.personalization{padding:62px 0}.personalization-list{grid-template-columns:1fr 1fr;gap:9px}.personalization-list div{padding:17px;min-height:150px}.personalization-list b{font-size:17px}.personalization-list span{font-size:15px}}
@media(max-width:390px){.pain-messages,.personalization-list{grid-template-columns:1fr}}

/* Separate hero and problem sections + buyer-to-manager transition */
.pain{background:#f2f6fc;color:#0b1a32;border-top:1px solid #dce5f1}
.pain .section-index{color:#59739a}
.pain-copy h2 span{color:#8795aa}
.pain-copy p{color:#5e6f87}
.pain-messages div{background:#fff;border:1px solid #d8e2ef;color:#0b1a32;box-shadow:0 8px 24px rgba(18,43,84,.035)}
.pain-result{display:none}
.pain-result-flow{display:grid;grid-template-columns:1fr 56px 1fr;gap:14px;align-items:stretch;margin-top:42px}
.pain-result-card{padding:25px 28px;border-radius:20px;background:#fff;border:1px solid #d8e2ef;display:flex;flex-direction:column;justify-content:center;min-height:120px}
.pain-result-card small{font-size:12px;font-weight:800;letter-spacing:.1em;color:#6680a7;margin-bottom:10px}
.pain-result-card b{font-size:21px;line-height:1.35;max-width:520px}
.pain-result-card.accent{background:#c8ff4d;border-color:#b9ef3f}
.pain-result-card.accent small{color:#365300}
.pain-flow-arrow{display:flex;align-items:center;justify-content:center;font-size:34px;color:#58769e}
@media(max-width:680px){
 .pain-result-flow{grid-template-columns:1fr;gap:9px;margin-top:26px}
 .pain-flow-arrow{height:26px;transform:rotate(90deg);font-size:28px}
 .pain-result-card{min-height:0;padding:19px}
 .pain-result-card b{font-size:18px}
}

/* Pain dialogue + solution heading */
.pain-messages{display:flex;flex-direction:column;gap:9px;align-items:stretch}
.chat-row{display:flex;flex-direction:column;max-width:78%;gap:5px}
.chat-row span{font-size:11px;font-weight:800;letter-spacing:.06em;color:#7185a4;padding:0 10px}
.chat-row p{margin:0;padding:14px 17px;font-size:16px;line-height:1.35;font-weight:600;background:#fff;border:1px solid #d8e2ef;box-shadow:0 5px 16px rgba(18,43,84,.025)}
.chat-row.customer{align-self:flex-start}.chat-row.customer p{border-radius:18px 18px 18px 5px}
.chat-row.manager{align-self:flex-end;align-items:flex-end}.chat-row.manager p{background:#e4edfb;border-color:#cfddf0;border-radius:18px 18px 5px 18px}
.pain-solution-title{display:flex;align-items:baseline;gap:18px;margin-top:46px;margin-bottom:16px}
.pain-solution-title span{font-size:12px;font-weight:800;letter-spacing:.1em;color:#31549b;text-transform:uppercase}
.pain-solution-title h3{font-size:28px;line-height:1.15;letter-spacing:-.025em;margin:0}
.pain-result-flow{margin-top:0}
@media(max-width:680px){
 .chat-row{max-width:88%}
 .chat-row p{font-size:15px;padding:12px 14px}
 .pain-solution-title{display:block;margin-top:34px;margin-bottom:14px}
 .pain-solution-title h3{font-size:23px;margin-top:7px}
}

/* Conversion pass: compact demo, clearer pilot and next step */
.product-journey{background:#0b1a32;color:#fff}
.product-journey .section-index{color:#8fa5c6}
.product-journey-head{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;margin-bottom:34px}
.product-journey-head h2{font-size:clamp(38px,4.4vw,64px);line-height:1.03;letter-spacing:-.045em;margin:0 0 18px}
.product-journey-head p{font-size:18px;line-height:1.55;color:#b8c5d8;max-width:790px;margin:0}
.demo-text-link{color:#c8ff4d;font-size:17px;font-weight:700;text-decoration:none;white-space:nowrap;padding-bottom:5px;border-bottom:1px solid rgba(200,255,77,.45)}
.product-main-mockup{max-width:1180px;margin:0 auto;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.product-main-mockup .screen{max-height:620px;overflow:hidden}
.product-main-mockup .screen img{width:100%;display:block}
.journey-line{display:grid;grid-template-columns:repeat(4,1fr);margin:26px auto 0;max-width:1180px;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden}
.journey-line span{display:flex;gap:11px;align-items:center;padding:18px 20px;border-right:1px solid rgba(255,255,255,.12)}
.journey-line span:last-child{border-right:0}.journey-line em{font-style:normal;color:#8193ad;font-size:12px;font-weight:800}.journey-line b{font-size:16px}

.price-includes{display:grid;gap:8px;margin:22px 0 24px;padding:20px;border-radius:16px;background:#f3f6fb}
.price-includes b{font-size:16px;margin-bottom:3px}.price-includes span{font-size:16px;color:var(--muted)}
.price-includes span:before{content:"✓";margin-right:9px;color:#31549b;font-weight:800}
.price-next{display:block;margin-top:13px;font-size:14px!important;color:var(--muted);line-height:1.45}
.pilot-badge{display:inline-flex;padding:8px 11px;border-radius:999px;background:#c8ff4d;color:#0b1a32;font-size:12px;font-weight:900;letter-spacing:.06em;margin-bottom:17px}
.pilot-reason{padding:20px;border-radius:16px;background:rgba(255,255,255,.08);margin:20px 0 12px}
.pilot-reason b{display:block;font-size:17px;color:#fff;margin-bottom:7px}.pilot-reason p{font-size:16px!important;line-height:1.5!important;color:#d1daea!important;margin:0!important}
.pilot-fixed{padding:16px 18px;border-radius:14px;background:#c8ff4d;color:#0b1a32;margin-bottom:22px}.pilot-fixed b{font-size:17px}
.final-note{display:block;margin-top:14px;color:#9baac0;font-size:14px;line-height:1.45;max-width:610px}
@media(max-width:800px){.product-journey-head{grid-template-columns:1fr;gap:18px}.demo-text-link{justify-self:start}.journey-line{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.product-journey-head h2{font-size:34px}.product-main-mockup .screen{max-height:380px}.journey-line{grid-template-columns:1fr 1fr}.journey-line span{padding:14px 12px}.journey-line span:nth-child(2){border-right:0}.journey-line span:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.journey-line b{font-size:14px}}

/* Separate audience section from neighboring light sections */
.audience{background:#e7eef9}
.audience-tags span{background:#fff;border-color:#cbd8e9;box-shadow:0 6px 18px rgba(18,43,84,.035)}

/* Gartner research proof */
.research-proof{background:#fff;padding:38px 0;border-top:1px solid rgba(18,43,84,.08);border-bottom:1px solid rgba(18,43,84,.08)}
.research-proof-inner{display:grid;grid-template-columns:180px minmax(0,760px);gap:38px;align-items:center}
.research-proof-number{font-size:76px;line-height:.9;font-weight:800;letter-spacing:-.055em;color:#2f63d8}
.research-proof-copy strong{display:block;font-size:23px;line-height:1.25;letter-spacing:-.02em;max-width:720px}
.research-proof-copy p{margin:10px 0 8px;font-size:18px;line-height:1.55;color:var(--muted,#5d6878);max-width:760px}
.research-proof-copy a{font-size:14px;font-weight:700;color:#2f63d8;text-decoration:none}
@media(max-width:680px){.research-proof{padding:30px 0}.research-proof-inner{grid-template-columns:1fr;gap:14px}.research-proof-number{font-size:64px}.research-proof-copy strong{font-size:21px}}

/* Pilot price-fix note: supporting information, not a second CTA */
.pilot-fixed{
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  border-radius:16px;
  padding:15px 18px;
}

/* Research proof v2: contained editorial callout */
.research-proof{padding:52px 0;background:#fff}
.research-proof-inner{
  position:relative;
  display:grid;
  grid-template-columns:150px minmax(0,720px);
  gap:34px;
  align-items:center;
  max-width:1120px;
  padding:34px 42px;
  background:#f5f8ff;
  border:1px solid #dbe5f4;
  border-radius:28px;
}
.research-proof-kicker{
  position:absolute;
  top:-13px;
  left:42px;
  padding:7px 13px;
  border-radius:999px;
  background:#173b78;
  color:#fff;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.research-proof-number{font-size:82px;line-height:1;font-weight:800;letter-spacing:-.06em;color:#2f63d8}
.research-proof-copy strong{font-size:22px;line-height:1.3}
@media(max-width:680px){
 .research-proof{padding:40px 0}
 .research-proof-inner{grid-template-columns:1fr;gap:8px;padding:34px 22px 24px;border-radius:22px}
 .research-proof-kicker{left:22px}
 .research-proof-number{font-size:66px}
}

/* Center Gartner callout within the page */
.research-proof-inner{margin-left:auto;margin-right:auto}