:root{--seo-navy:#091726;--seo-ink:#f5f8f8;--seo-cyan:#34ddd0;--seo-paper:#f3f4ef;--seo-dark:#142c35;--seo-line:#d9dfdc}body.seo-page{background:var(--seo-paper);color:var(--seo-dark)}.seo-page .header{color:var(--seo-ink)}.seo-hero{background:var(--seo-navy);color:var(--seo-ink);padding:5rem 0}.seo-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.7fr);gap:5rem;align-items:center}.seo-hero h1{font-size:clamp(2.9rem,6.2vw,5.8rem);line-height:.94;letter-spacing:-.065em;margin:.55rem 0 1.4rem;max-width:12ch}.seo-hero h1 span{color:var(--seo-cyan)}.seo-hero .lead{color:#d5e0e5;font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:1.62;max-width:42rem}.seo-kicker,.section-kicker{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.seo-kicker{color:var(--seo-cyan)}.section-kicker{color:#24736f}.hero-note{border:1px solid #ffffff29;background:linear-gradient(145deg,#183347,#0e2130);padding:1.65rem;border-radius:1.25rem;box-shadow:0 1.4rem 4rem #0003}.hero-note strong{display:block;font-size:1.24rem;margin-bottom:.7rem}.hero-note p{color:#c6d3da;line-height:1.6}.hero-note ul{display:grid;gap:.7rem;margin:1rem 0 0;padding:0;list-style:none}.hero-note li{padding-left:1.55rem;position:relative}.hero-note li:before{content:'✓';position:absolute;left:0;color:var(--seo-cyan);font-weight:900}.seo-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:2rem}.seo-actions .button{margin:0}.secondary-seo{color:#fff;font-weight:750;text-decoration:none;border-bottom:1px solid #ffffff70;padding:.65rem 0}.seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:5rem;padding-top:5.5rem;padding-bottom:5.5rem}.seo-content{max-width:48rem}.seo-content section+section{border-top:1px solid var(--seo-line);margin-top:3.5rem;padding-top:3.5rem}.seo-content h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.02;letter-spacing:-.045em;margin:.55rem 0 1.35rem}.seo-content h3{font-size:1.35rem;line-height:1.25;margin:2rem 0 .65rem}.seo-content p,.seo-content li{font-size:1.06rem;line-height:1.75}.seo-content ul,.seo-content ol{padding-left:1.35rem}.seo-content li+li{margin-top:.55rem}.toc{position:sticky;top:2rem;align-self:start;border-left:2px solid #bed0cc;padding-left:1.35rem}.toc strong{display:block;margin-bottom:.85rem}.toc a{display:block;color:#436068;text-decoration:none;padding:.38rem 0;line-height:1.35}.tip{background:#fff;border-left:4px solid var(--seo-cyan);padding:1.3rem 1.45rem;margin:1.6rem 0;border-radius:0 .8rem .8rem 0}.tip strong{display:block;margin-bottom:.35rem}.step-list{list-style:none;padding:0;counter-reset:steps}.step-list li{counter-increment:steps;position:relative;padding:1.1rem 1rem 1.1rem 4.2rem;background:#fff;border-radius:.8rem;margin:.75rem 0}.step-list li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:1.15rem;top:1rem;color:#16827c;font-weight:900}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.8rem 0}.template-card{background:#fff;border:1px solid var(--seo-line);border-radius:.9rem;overflow:hidden}.template-card img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;display:block}.template-card div{padding:1rem}.template-card h3{font-size:1.08rem;margin:0 0 .35rem}.template-card p{font-size:.9rem;line-height:1.5;margin:0;color:#52666d}.example-box{background:var(--seo-navy);color:#edf5f5;border-radius:1rem;padding:1.6rem;margin:1.5rem 0}.example-box p{font-size:1rem;color:#d7e1e5}.faq-list details{background:#fff;border:1px solid var(--seo-line);border-radius:.75rem;padding:1.05rem 1.2rem;margin:.7rem 0}.faq-list summary{font-weight:800;cursor:pointer}.faq-list p{font-size:1rem}.seo-cta{background:linear-gradient(125deg,#102b3c,#153f50);color:#fff;border-radius:1.25rem;padding:clamp(1.6rem,4vw,3rem)}.seo-cta h2{color:#fff}.seo-cta p{color:#d4e1e5}.seo-page footer{background:var(--seo-navy);color:#fff;max-width:none;padding:2rem max(1.5rem,calc((100vw - 1200px)/2))}.seo-page footer a{color:#d6e2e6}.resource-band{padding-top:1rem;padding-bottom:5rem}.resource-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.6rem}.resource-head h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;line-height:1;margin:0}.resource-head p{max-width:35rem;color:#587078;line-height:1.6}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.resource-card{display:block;background:#fff;color:#17303a;text-decoration:none;border:1px solid #dce3e0;border-radius:1rem;padding:1.5rem;transition:.2s}.resource-card:hover{transform:translateY(-3px);border-color:#59aaa5}.resource-card span{color:#16827c;font-size:.76rem;font-weight:900;letter-spacing:.13em}.resource-card h3{font-size:1.45rem;margin:.65rem 0}.resource-card p{color:#536970;line-height:1.6}.resource-card b{display:block;margin-top:1.1rem}@media(max-width:850px){.seo-hero-grid,.seo-layout{grid-template-columns:1fr;gap:2.5rem}.seo-hero{padding:3.5rem 0 4rem}.toc{position:static;order:-1;border-left:0;border-bottom:1px solid var(--seo-line);padding:0 0 1.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.2rem 1rem}.toc strong{grid-column:1/-1}.template-grid,.resource-grid{grid-template-columns:1fr}.resource-head{display:block}.seo-layout{padding-top:3.5rem}}@media(max-width:520px){.seo-hero h1{font-size:2.75rem}.toc{grid-template-columns:1fr}.seo-actions .button{width:100%;text-align:center}}
