/* QESPRO SEO landing v1.6.6 — scoped, responsive, no external assets. */
.qseo-page{--qseo-ink:#102a48;--qseo-muted:#4c617a;--qseo-line:#dce5ef;color:var(--qseo-ink);overflow:clip}
.qseo-page *{box-sizing:border-box}
.qseo-page [id]{scroll-margin-top:100px}
.qseo-hero{background:radial-gradient(ellipse at 90% 38%,#cfe3fc 0,transparent 49%),linear-gradient(135deg,#f7fbff 0%,#edf5ff 62%,#f9fbff 100%);padding:12px 0 clamp(50px,6.5vw,90px);border-bottom:1px solid var(--qseo-line)}
.qseo-hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:clamp(30px,5vw,84px);padding-top:clamp(33px,5.7vw,83px)}
.qseo-hero-copy{min-width:0}.qseo-hero-copy .q-eyebrow{margin:0 0 17px;color:#125ab0;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.qseo-hero h1{max-width:15ch;margin:0 0 22px;color:#102944;font-size:clamp(36px,4.25vw,65px);letter-spacing:-.051em;line-height:1.06;overflow-wrap:break-word}
.qseo-hero .q-lead{max-width:56ch;margin:0;font-size:clamp(16px,1.6vw,20px);line-height:1.64;color:#40556f}
.qseo-hero .q-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 25px;margin-top:28px}
.qseo-hero .q-button,.qseo-callout .q-button{font-size:14px}
.qseo-anchor{display:inline-flex;gap:9px;align-items:center;color:#115ab0;font-size:14px;font-weight:750;text-underline-offset:4px}
.qseo-anchor:hover{text-decoration:underline}
.qseo-hero-note{margin:23px 0 0;color:#6a7890;font-size:13px}
.qseo-visual{position:relative;min-width:0;max-width:530px;margin-inline:auto;width:100%;padding:17px;background:#fff;border:1px solid #cbd9ea;border-radius:20px;box-shadow:0 26px 70px rgba(31,65,113,.15);transform:rotate(1deg)}
.qseo-visual-top{display:flex;justify-content:space-between;align-items:center;padding:0 3px 15px;color:#49617f;font-size:12px;font-weight:850;letter-spacing:.16em}
.qseo-visual-dots{display:flex;gap:5px}.qseo-visual-dots i{width:8px;height:8px;border-radius:50%;background:#cbd9e7}
.qseo-visual-dots i:first-child{background:#ffb3a1}.qseo-visual-dots i:nth-child(2){background:#ffd59b}
.qseo-visual-search{display:flex;gap:12px;align-items:center;min-height:55px;border:1px solid #b8cde4;border-radius:10px;padding:13px 14px;box-shadow:0 2px 7px #173e6414;font-size:13px;font-weight:700;color:#2d4f71;background:#fbfdff}
.qseo-visual-search svg{flex:none;width:20px;height:20px;color:#1264d3}.qseo-visual-search span{flex:1}.qseo-visual-search b{color:#0d65d7}
.qseo-visual-result{margin-top:17px;padding:20px;background:#f4f8fd;border:1px solid #e4edf7;border-radius:11px}
.qseo-result-bar{display:flex;gap:5px;margin-bottom:17px}.qseo-result-bar span{height:8px;width:8px;background:#8cb7ea;border-radius:50%}.qseo-result-bar span:nth-child(2){background:#bbd1e9}.qseo-result-bar span:nth-child(3){background:#dae5f1}
.qseo-result-title{width:68%;height:16px;background:#165abb;border-radius:4px;margin-bottom:13px}
.qseo-result-copy{width:92%;height:9px;border-radius:3px;background:#b5c9df;margin-top:9px}.qseo-result-copy.qseo-short{width:75%}
.qseo-result-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.qseo-result-tags span{padding:6px 9px;color:#205585;background:#e0edfa;border-radius:6px;font-size:11px;font-weight:700}
.qseo-stats{display:flex;align-items:center;gap:12px;margin-top:14px;padding:15px;background:#102d52;color:#fff;border-radius:11px}
.qseo-stat-icon{display:grid;width:38px;height:38px;place-items:center;background:#245184;border-radius:9px;flex:none}.qseo-stat-icon svg{width:21px;height:21px}
.qseo-stats>div:nth-child(2){flex:1;display:grid;gap:3px}.qseo-stats strong{font-size:11px;letter-spacing:.08em}.qseo-stats div>span{font-size:11px;color:#b6cfe9}
.qseo-bars{align-self:end;display:flex;align-items:end;gap:4px;height:37px}.qseo-bars i{width:7px;height:13px;background:#7db7f8;border-radius:3px 3px 1px 1px}.qseo-bars i:nth-child(2){height:22px}.qseo-bars i:nth-child(3){height:17px}.qseo-bars i:nth-child(4){height:29px}.qseo-bars i:nth-child(5){height:35px;background:#ffad66}
.qseo-jump{background:#fff;border-bottom:1px solid var(--qseo-line)}.qseo-jump .q-wrap{display:flex;flex-wrap:wrap;gap:3px clamp(14px,3vw,39px);align-items:center;padding-top:16px;padding-bottom:16px}.qseo-jump a{font-size:13px;font-weight:700;color:#34526f;text-decoration:none}.qseo-jump a:hover,.qseo-jump a:focus-visible{color:#0e61c9;text-decoration:underline;text-underline-offset:4px}
.qseo-section{padding-top:clamp(54px,7vw,98px);padding-bottom:clamp(54px,7vw,98px)}
.qseo-heading{max-width:790px;margin-bottom:33px}.qseo-heading .q-eyebrow,.qseo-article-intro .q-eyebrow,.qseo-callout .q-eyebrow,.qseo-faq .q-eyebrow{margin:0 0 13px;color:#1264c7;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.qseo-heading h2,.qseo-article-intro h2,.qseo-callout h2,.qseo-faq h2{margin:0 0 15px;color:#102b49;font-size:clamp(29px,3.5vw,46px);letter-spacing:-.036em;line-height:1.14;overflow-wrap:break-word}
.qseo-heading p:not(.q-eyebrow){margin:0;max-width:66ch;color:var(--qseo-muted);line-height:1.75}
.qseo-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.qseo-service-card{padding:clamp(19px,2.2vw,29px);background:#fff;border:1px solid var(--qseo-line);border-radius:15px;box-shadow:0 5px 20px rgba(16,47,84,.035)}
.qseo-card-index{display:inline-flex;align-items:center;justify-content:center;margin-bottom:28px;width:43px;height:43px;border-radius:11px;background:#eaf3ff;color:#1361c1;font-size:14px;font-weight:850}
.qseo-service-card h3{margin:0 0 10px;font-size:19px;line-height:1.27;letter-spacing:-.012em}.qseo-service-card p{margin:0;font-size:14px;color:var(--qseo-muted);line-height:1.75}
.qseo-process{background:#0d2a4c;color:#fff;padding:clamp(56px,7vw,95px) 0}.qseo-process .qseo-heading .q-eyebrow{color:#9ac7ff}.qseo-process .qseo-heading h2{color:#fff}.qseo-process .qseo-heading p:not(.q-eyebrow){color:#c9d8e9}
.qseo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.qseo-steps li{padding:22px 0 0;border-top:1px solid #58718e}.qseo-steps li>span{display:inline-block;margin-bottom:16px;color:#9ec6ff;font-size:13px;font-weight:850}.qseo-steps h3{margin:0 0 11px;color:#fff;font-size:22px}.qseo-steps p{max-width:45ch;margin:0;color:#cbd9e8;font-size:15px;line-height:1.75}
.qseo-article{padding-top:clamp(60px,8vw,110px);padding-bottom:clamp(60px,8vw,110px)}
.qseo-article-intro{max-width:830px;margin-bottom:38px}.qseo-article-intro h2{margin-bottom:0}
.qseo-article-layout{display:grid;grid-template-columns:minmax(210px,265px) minmax(0,780px);gap:clamp(26px,5.5vw,77px);align-items:start}
.qseo-toc{position:sticky;top:92px;padding:22px 20px 24px;background:#eff6ff;border:1px solid #e1ebf6;border-radius:15px;max-height:calc(100vh - 105px);overflow:auto}
.qseo-toc strong{display:block;margin-bottom:11px;color:#123553;font-size:14px}.qseo-toc ol{margin:0;padding-left:18px}.qseo-toc li{padding:5px 0;color:#55708b}.qseo-toc a{color:#365577;text-decoration:none;font-size:13px;line-height:1.48}.qseo-toc a:hover{text-decoration:underline;text-underline-offset:3px;color:#0c65c9}
.qseo-prose{min-width:0}.qseo-prose section+section{border-top:1px solid var(--qseo-line);padding-top:31px;margin-top:32px}
.qseo-prose h3{margin:0 0 17px;color:#132f4d;font-size:clamp(21px,2.2vw,27px);line-height:1.3;letter-spacing:-.018em}
.qseo-prose p{max-width:78ch;margin:0;color:#334a60;font-size:15.5px;line-height:1.85;hyphens:auto}.qseo-prose p+p{margin-top:15px}.qseo-prose p a{color:#0a5fca;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.qseo-related{margin-top:32px;padding:23px 25px;border:1px solid var(--qseo-line);border-radius:13px;background:#f7fbff}.qseo-related>strong{display:block;font-size:15px;margin-bottom:12px}.qseo-related>div{display:flex;flex-wrap:wrap;gap:10px 18px}.qseo-related a{color:#0b5fbf;font-size:13px;font-weight:750;text-decoration:none}.qseo-related a:hover{text-decoration:underline}
.qseo-callout{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:clamp(27px,5vw,60px)!important;background:linear-gradient(112deg,#e9f3ff,#fafcff);border:1px solid #cfe0f3;border-radius:20px;margin-bottom:clamp(60px,8vw,102px)}
.qseo-callout>div{max-width:750px}.qseo-callout h2{max-width:20ch}.qseo-callout p:not(.q-eyebrow){max-width:67ch;margin:0;color:#425d79;line-height:1.75}.qseo-callout>.q-button{flex-shrink:0}
.qseo-faq{padding:clamp(65px,8vw,108px) 0;background:#f2f7fd;border-top:1px solid #e0eaf5}.qseo-faq-layout{display:grid;grid-template-columns:minmax(235px,350px) minmax(0,800px);gap:clamp(28px,6vw,88px)}
.qseo-faq h2{max-width:13ch}.qseo-faq-layout>div:first-child>p:not(.q-eyebrow){color:#536a82;font-size:14px;line-height:1.75}
.qseo-faq-items{min-width:0}.qseo-faq-items details{border-bottom:1px solid #cbdaea}.qseo-faq-items details:first-child{border-top:1px solid #cbdaea}
.qseo-faq-items summary{display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;list-style:none;padding:19px 2px;color:#172e49;font-size:16px;font-weight:750;line-height:1.45}.qseo-faq-items summary::-webkit-details-marker{display:none}
.qseo-faq-items summary::after{content:'+';display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#e3effb;color:#1b63b3;font-size:22px;font-weight:400}
.qseo-faq-items details[open] summary::after{content:'−'}
.qseo-faq-items details p{max-width:78ch;margin:0;padding:0 35px 21px 2px;font-size:15px;color:#455f79;line-height:1.78}
@media(max-width:1080px){.qseo-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qseo-hero-grid{gap:32px}.qseo-callout{align-items:flex-start;flex-direction:column}.qseo-article-layout{grid-template-columns:minmax(180px,215px) minmax(0,1fr);gap:30px}}
@media(max-width:760px){.qseo-hero-grid,.qseo-article-layout,.qseo-faq-layout{grid-template-columns:1fr}.qseo-hero-grid{padding-top:32px}.qseo-hero h1{max-width:21ch}.qseo-visual{max-width:520px;transform:none}.qseo-toc{position:static;max-height:none}.qseo-steps{grid-template-columns:1fr;gap:20px}.qseo-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qseo-jump .q-wrap{gap:10px 18px}.qseo-jump a{font-size:12px}.qseo-faq h2{max-width:none}}
@media(max-width:490px){.qseo-hero h1{font-size:clamp(32px,10vw,42px)}.qseo-service-grid{grid-template-columns:1fr}.qseo-card-index{margin-bottom:14px}.qseo-hero .q-actions{align-items:stretch;flex-direction:column}.qseo-hero .q-button{align-self:flex-start}.qseo-visual{padding:12px}.qseo-stats strong{font-size:10px}.qseo-callout{border-radius:12px}.qseo-prose p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.qseo-page *{scroll-behavior:auto}}
