.seo-page{background:#fff;color:#243247;padding-top:68px}
.seo-page .breadcrumb{max-width:none}
.seo-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#07172a 0%,#0b2945 65%,#12395a 100%);padding:86px 5% 76px;color:#fff}
.seo-hero::after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-130px;top:-210px;box-shadow:0 0 0 85px rgba(255,255,255,.025),0 0 0 170px rgba(255,255,255,.018)}
.seo-wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto}
.seo-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:4rem;align-items:center}
.seo-eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:#ff6b35;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.1rem}
.seo-eyebrow::before{content:"";width:32px;height:3px;background:#ff4b16;border-radius:3px}
.seo-hero h1{font-family:var(--fh);font-size:clamp(2.35rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.045em;max-width:850px;margin:0 0 1.2rem}
.seo-hero h1 em{font-style:normal;color:#ff5b26}
.seo-lead{font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.75;color:rgba(255,255,255,.76);max-width:720px}
.seo-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.8rem}
.seo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.78rem 1.35rem;border-radius:6px;font-weight:800;font-size:.9rem;text-decoration:none;transition:transform .18s,background .18s}
.seo-btn:hover{transform:translateY(-2px)}
.seo-btn-primary{background:#e8430a;color:#fff;box-shadow:0 8px 26px rgba(232,67,10,.28)}
.seo-btn-primary:hover{background:#c93608}
.seo-btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.05)}
.seo-btn-wa{background:#25d366;color:#062b16}
.seo-proof{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:1.5rem;backdrop-filter:blur(8px)}
.seo-proof strong{font-family:var(--fh);font-size:1.15rem;display:block;margin-bottom:.75rem}
.seo-proof ul{list-style:none;display:grid;gap:.72rem}
.seo-proof li{color:rgba(255,255,255,.72);font-size:.88rem;padding-left:1.35rem;position:relative}
.seo-proof li::before{content:"✓";position:absolute;left:0;color:#54d998;font-weight:900}
.seo-section{padding:76px 5%}
.seo-section.alt{background:#f5f7fa}
.seo-section.dark{background:#07172a;color:#fff}
.seo-head{max-width:780px;margin-bottom:2.5rem}
.seo-head.center{text-align:center;margin-left:auto;margin-right:auto}
.seo-kicker{font-size:.74rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#e8430a;margin-bottom:.75rem}
.seo-head h2{font-family:var(--fh);font-size:clamp(1.8rem,3.2vw,2.75rem);line-height:1.12;letter-spacing:-.035em;color:#07172a;margin-bottom:.9rem}
.dark .seo-head h2{color:#fff}
.seo-head p{color:#667386;line-height:1.75;max-width:720px}
.dark .seo-head p{color:rgba(255,255,255,.66)}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.seo-card{border:1px solid #e0e6ed;border-radius:12px;padding:1.55rem;background:#fff;box-shadow:0 5px 18px rgba(7,23,42,.035)}
.seo-card h3{font-family:var(--fh);font-size:1.03rem;color:#07172a;margin-bottom:.55rem}
.seo-card p{font-size:.9rem;line-height:1.67;color:#667386}
.seo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1.35rem;list-style:none}
.seo-list li{position:relative;padding:1rem 1rem 1rem 2.65rem;border:1px solid #e2e7ed;border-radius:8px;background:#fff;font-size:.92rem;color:#445165}
.seo-list li::before{content:"✓";position:absolute;left:1rem;color:#e8430a;font-weight:900}
.seo-steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.15rem}
.seo-step{counter-increment:step;padding:1.45rem;border-top:3px solid #e8430a;background:#fff;color:#435064}
.seo-step::before{content:"0" counter(step);font-family:var(--fh);font-size:1.7rem;font-weight:900;color:#e8430a;display:block;margin-bottom:.7rem}
.seo-step h3{font-family:var(--fh);font-size:1rem;color:#07172a;margin-bottom:.45rem}
.seo-step p{font-size:.86rem;line-height:1.6}
.seo-table-wrap{overflow-x:auto;border:1px solid #dce3ea;border-radius:10px;background:#fff}
.seo-table{width:100%;border-collapse:collapse;min-width:680px}
.seo-table th,.seo-table td{text-align:left;padding:1rem;border-bottom:1px solid #e4e9ef;font-size:.88rem;vertical-align:top}
.seo-table th{background:#0b2945;color:#fff;font-family:var(--fh)}
.seo-table tr:last-child td{border-bottom:0}
.seo-faq{display:grid;gap:.75rem;max-width:900px;margin:0 auto}
.seo-faq details{border:1px solid #dfe5eb;border-radius:8px;background:#fff;padding:0 1.1rem}
.seo-faq summary{cursor:pointer;font-family:var(--fh);font-weight:800;color:#07172a;padding:1.05rem 2rem 1.05rem 0}
.seo-faq p{padding:0 0 1.15rem;color:#667386;font-size:.91rem;line-height:1.7}
.seo-related{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}
.seo-related a{border:1px solid #d9e0e7;border-radius:100px;padding:.55rem .9rem;font-size:.82rem;font-weight:700;color:#17324d;background:#fff}
.seo-conversion{text-align:center;background:linear-gradient(125deg,#0b2945,#07172a);padding:65px 5%;color:#fff}
.seo-conversion h2{font-family:var(--fh);font-size:clamp(1.8rem,3.5vw,2.7rem);margin-bottom:.8rem}
.seo-conversion p{max-width:680px;margin:0 auto;color:rgba(255,255,255,.7);line-height:1.7}
.seo-conversion .seo-actions{justify-content:center}
@media(max-width:980px){.seo-hero-grid{grid-template-columns:1fr;gap:2rem}.seo-proof{max-width:620px}.seo-grid{grid-template-columns:repeat(2,1fr)}.seo-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.seo-page{padding-top:108px}.seo-hero{padding:58px 6%}.seo-section{padding:58px 6%}.seo-grid,.seo-list,.seo-steps{grid-template-columns:1fr}.seo-actions{align-items:stretch}.seo-btn{width:100%}.seo-proof{padding:1.2rem}.seo-hero::after{display:none}}