/* SEO expansion pages — intentionally inherits Claude's design language */
:root{--seo-violet:#a58cff;--seo-cyan:var(--ocean);--seo-coral:var(--air);--seo-lime:var(--land)}
.seo-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0e2d4f 0%,#081d35 64%,#102d4d 100%);color:var(--on-navy);padding:clamp(3.6rem,7vw,7.2rem) 0 3.6rem}
.seo-hero:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 72% 28%,rgba(73,198,229,.18),transparent 26%),radial-gradient(circle at 88% 60%,rgba(255,197,49,.15),transparent 22%),radial-gradient(circle at 55% 80%,rgba(255,122,89,.10),transparent 20%);pointer-events:none}
.seo-hero .wrap{position:relative;z-index:1}.crumbs{margin:0 0 1.2rem;font-size:.86rem;color:#b7c7d9}.crumbs a{color:#fff;text-decoration:none}.crumbs span{opacity:.65;margin:0 .45rem}
.eyebrow-seo{display:inline-flex;align-items:center;gap:.55rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.76rem;color:var(--yellow);margin-bottom:.9rem}.eyebrow-seo:before{content:"";width:.58rem;height:.58rem;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 7px rgba(255,197,49,.08)}
.seo-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);gap:clamp(2rem,5vw,5rem);align-items:center}.seo-hero h1{font:900 clamp(3.2rem,7.6vw,7.1rem)/.87 var(--ff-display);letter-spacing:-.035em;text-transform:uppercase;margin:0;max-width:12ch}.seo-hero h1 em{font-style:normal;color:var(--yellow)}.seo-hero .lede{color:#d5e2ef;max-width:62ch;font-size:clamp(1.04rem,1.55vw,1.28rem);margin:1.5rem 0 0}
.hero-route{position:relative;min-height:320px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.25)}.hero-route svg{position:absolute;inset:0;width:100%;height:100%}.hero-route .route-line{fill:none;stroke:var(--yellow);stroke-width:4;stroke-linecap:round;stroke-dasharray:10 13;animation:dash 16s linear infinite}.hero-route .route-line.alt{stroke:var(--ocean);stroke-width:2.3;animation-duration:22s}.hero-route .node{fill:#eaf1f8;stroke:#0a223d;stroke-width:5}.hero-route .node.hot{fill:var(--yellow)}.hero-route .route-label{position:absolute;left:1.25rem;bottom:1.15rem;right:1.25rem;display:flex;justify-content:space-between;gap:1rem;font:800 .76rem/1 var(--ff-display);text-transform:uppercase;letter-spacing:.08em}.hero-route .route-label span:last-child{text-align:right;color:var(--yellow)}
@keyframes dash{to{stroke-dashoffset:-460}}
.quick-answer{margin-top:-1.35rem;position:relative;z-index:4}.quick-answer .qa-card{background:#fff;border:1px solid #dfe8f1;border-radius:24px;box-shadow:0 20px 55px rgba(8,29,53,.10);padding:1.4rem 1.55rem;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.qa-num{width:48px;height:48px;border-radius:15px;background:var(--yellow);display:grid;place-items:center;font:900 1.45rem var(--ff-display);color:#0e2d4f}.qa-card h2{font:800 1.22rem var(--ff-display);margin:.05rem 0 .28rem;text-transform:uppercase}.qa-card p{margin:0;color:#49647d;line-height:1.6}
.seo-main{padding:4rem 0 5rem}.seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:3rem;align-items:start}.seo-prose{max-width:780px}.seo-prose>p:first-child{font-size:1.2rem;line-height:1.75;color:#304c66}.seo-prose h2{font:900 clamp(2.05rem,4vw,3.5rem)/.98 var(--ff-display);text-transform:uppercase;letter-spacing:-.02em;margin:3.4rem 0 1rem;color:#0e2d4f}.seo-prose h3{font:800 1.3rem var(--ff-display);text-transform:uppercase;margin:2rem 0 .65rem}.seo-prose p,.seo-prose li{line-height:1.78;color:#405a73}.seo-prose ul,.seo-prose ol{padding-left:1.3rem}.seo-prose li{margin:.55rem 0}.seo-prose a{color:#0b6f86;text-underline-offset:3px;font-weight:650}.seo-prose strong{color:#0e2d4f}.seo-prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;border-radius:16px;overflow:hidden;border:1px solid #dce5ed}.seo-prose th,.seo-prose td{padding:.85rem 1rem;border-bottom:1px solid #e5ebf1;text-align:left}.seo-prose th{background:#edf4f8;color:#0e2d4f}.seo-prose tr:last-child td{border-bottom:0}
.side-stack{position:sticky;top:110px;display:grid;gap:1rem}.side-panel{border:1px solid #dbe5ee;border-radius:22px;padding:1.25rem;background:#fff}.side-panel.navy{background:#0e2d4f;color:#fff;border-color:#0e2d4f}.side-panel h2,.side-panel h3{font:800 1.12rem var(--ff-display);text-transform:uppercase;margin:0 0 .75rem}.side-panel p{font-size:.92rem;line-height:1.55;color:#60758a;margin:.5rem 0 1rem}.side-panel.navy p{color:#cbd9e7}.side-links{display:grid;gap:.45rem}.side-links a{display:flex;justify-content:space-between;gap:.6rem;padding:.7rem .8rem;border-radius:12px;text-decoration:none;color:#0e2d4f;background:#f1f6f9;font-weight:700;font-size:.9rem}.side-links a:hover{background:#e3f4f8}.side-panel.navy .side-links a{background:rgba(255,255,255,.08);color:#fff}.side-panel.navy .side-links a:hover{background:rgba(255,255,255,.14)}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.stat-card{border:1px solid #dbe5ee;border-radius:18px;padding:1.2rem;background:linear-gradient(180deg,#fff,#f8fbfd)}.stat-card b{display:block;font:900 1.7rem var(--ff-display);color:#0e2d4f}.stat-card span{color:#61788e;font-size:.88rem}.mode-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:2rem 0}.mode-pill{border-radius:15px;padding:1rem;background:#0e2d4f;color:white}.mode-pill small{display:block;opacity:.65;text-transform:uppercase;letter-spacing:.08em}.mode-pill b{font:800 1.04rem var(--ff-display)}.mode-pill:nth-child(1){border-top:4px solid var(--ocean)}.mode-pill:nth-child(2){border-top:4px solid var(--air)}.mode-pill:nth-child(3),.mode-pill:nth-child(4){border-top:4px solid var(--land)}
.source-box{border-left:4px solid var(--yellow);background:#f8fbfd;padding:1rem 1.15rem;margin:2rem 0;border-radius:0 14px 14px 0}.source-box strong{display:block;margin-bottom:.3rem}.source-box a{font-size:.92rem}
.related{background:#edf4f8;padding:4rem 0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.link-card{position:relative;display:block;padding:1.4rem;border-radius:22px;background:#fff;border:1px solid #dbe5ee;text-decoration:none;color:#0e2d4f;min-height:190px;overflow:hidden;transition:.22s transform,.22s box-shadow}.link-card:after{content:"→";position:absolute;right:1.1rem;bottom:.9rem;font:900 2rem var(--ff-display);color:var(--yellow)}.link-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(14,45,79,.10)}.link-card small{display:block;color:#688096;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.link-card h3{font:900 1.6rem/1 var(--ff-display);text-transform:uppercase;margin:.65rem 0}.link-card p{color:#61788e;line-height:1.5;margin:0}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.blog-card{display:flex;flex-direction:column;border:1px solid #dbe5ee;border-radius:22px;padding:1.35rem;text-decoration:none;color:#0e2d4f;background:#fff;min-height:260px;transition:.2s transform,.2s box-shadow}.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(14,45,79,.1)}.blog-card .tag{font-weight:800;color:#0b829e;text-transform:uppercase;font-size:.76rem;letter-spacing:.08em}.blog-card h2,.blog-card h3{font:900 1.55rem/1.05 var(--ff-display);text-transform:uppercase;margin:.7rem 0}.blog-card p{color:#61788e;line-height:1.55}.blog-card .read{margin-top:auto;font-weight:800;color:#0e2d4f}
.floating-quote{position:fixed;right:1.1rem;bottom:1.1rem;z-index:30;display:inline-flex;align-items:center;gap:.45rem;padding:.85rem 1.15rem;background:var(--yellow);color:#0e2d4f;text-decoration:none;border-radius:999px;font:900 .95rem var(--ff-display);text-transform:uppercase;box-shadow:0 16px 35px rgba(0,0,0,.2)}
.quote-shell{max-width:900px;margin:0 auto}.quote-form{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;background:#fff;border:1px solid #dbe5ee;border-radius:24px;padding:1.4rem}.quote-form label{display:grid;gap:.45rem;font-weight:700;color:#0e2d4f}.quote-form label.full{grid-column:1/-1}.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:.9rem 1rem;border:1px solid #cbd8e4;border-radius:12px;font:inherit;background:#fff}.quote-form textarea{min-height:130px;resize:vertical}.form-note{grid-column:1/-1;color:#657b90;font-size:.9rem}.form-status{grid-column:1/-1;font-weight:700}.form-status.error{color:#a62b2b}.form-status.ok{color:#276b38}
.keyword-cloud{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.keyword-cloud a{padding:.55rem .75rem;background:#edf4f8;border-radius:999px;text-decoration:none;color:#0e2d4f;font-weight:700;font-size:.86rem}
@media (max-width:980px){.seo-hero-grid,.seo-layout{grid-template-columns:1fr}.hero-route{min-height:260px}.side-stack{position:static}.card-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.seo-hero{padding-top:2.8rem}.seo-hero h1{font-size:clamp(3rem,15vw,5rem)}.stat-grid,.mode-strip,.card-grid,.blog-grid,.quote-form{grid-template-columns:1fr}.floating-quote{bottom:88px}.qa-card{grid-template-columns:1fr}.quote-form label.full{grid-column:auto}}