/* SkyGen SEO informational pages – visually matched to existing palette; isolated from homepage */
.seo-landing{background:#f7f5f0;color:#122333;}
.seo-landing .seo-container{max-width:1180px;padding:0 24px;margin:auto;}
.seo-landing a:focus-visible,.seo-landing summary:focus-visible{outline:3px solid #0d9488;outline-offset:4px;}
.seo-landing .site-header{position:sticky;top:0;z-index:30;}
.seo-landing .nav-links-center a[aria-current="page"]{color:#08796f!important;font-weight:800;}
.seo-landing .seo-hero-wrap{padding:35px 0 70px;background:radial-gradient(circle at 88% 15%,rgba(31,199,182,.15),transparent 35%),radial-gradient(circle at 10% 70%,rgba(245,189,79,.25),transparent 30%),linear-gradient(130deg,#fff9f0 0%,#f6f3ea 53%,#e9f1f4 100%);}
.seo-landing .seo-breadcrumb{display:flex;align-items:center;gap:11px;color:#62737c;font-size:.86rem;margin:18px 0 42px;}
.seo-landing .seo-breadcrumb a{color:#32676c;text-decoration:none;font-weight:700;}
.seo-landing .seo-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.78fr);align-items:center;gap:50px;}
.seo-landing .seo-eyebrow,.seo-landing .seo-kicker{font-size:.76rem;letter-spacing:.13em;font-weight:900;text-transform:uppercase;color:#08796f;}
.seo-landing .seo-hero h1{font-size:clamp(2.4rem,5.1vw,4.9rem);letter-spacing:-.057em;line-height:1.07;color:#0c2431;max-width:850px;margin:17px 0 25px;font-weight:900;}
.seo-landing .seo-lead{font-size:clamp(1.06rem,1.6vw,1.22rem);line-height:1.74;color:#435461;max-width:780px;margin:0;}
.seo-landing .seo-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:33px;}
.seo-landing .seo-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:55px;padding:14px 25px;border-radius:100px;text-decoration:none;font-weight:900;font-size:.95rem;color:#fff!important;background:#102b38;box-shadow:0 17px 37px rgba(16,43,56,.18);transition:transform .2s ease,background .2s ease;}
.seo-landing .seo-button:hover{transform:translateY(-3px);background:#08796f;}
.seo-landing .seo-hero-secondary{font-weight:800;text-decoration:none;color:#175d63;}
.seo-landing .seo-hero-panel{border:1px solid rgba(255,255,255,.45);border-radius:30px;min-height:355px;padding:29px 30px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(155deg,#0f2d3c 0%,#0c192a 75%,#253342 100%);color:#fff;box-shadow:0 32px 75px rgba(16,43,56,.18);overflow:hidden;position:relative;}
.seo-landing .seo-hero-panel::before{content:'';position:absolute;right:-60px;top:-85px;width:220px;height:220px;border-radius:50%;background:rgba(31,199,182,.15);pointer-events:none;}
.seo-landing .seo-panel-top{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.62;}
.seo-landing .seo-panel-brand{height:85px;display:flex;align-items:center;}
.seo-landing .seo-panel-brand img{width:170px;height:auto;max-height:85px;object-fit:contain;}
.seo-landing .seo-hero-panel strong{font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.25;letter-spacing:-.02em;color:#fae1a6;}
.seo-landing .seo-hero-panel p{color:#d5e2e8;line-height:1.8;margin:6px 0 10px;}
.seo-landing .seo-hero-panel a{color:#8de6d9;text-decoration:none;font-weight:800;}
.seo-landing .seo-toc{margin:-28px 0 12px;position:relative;z-index:1;padding:21px 25px;background:#fff;box-shadow:0 12px 46px rgba(16,43,56,.08);border-radius:20px;display:flex;align-items:center;gap:20px;}
.seo-landing .seo-toc strong{white-space:nowrap;font-size:.85rem;}
.seo-landing .seo-toc>div{display:flex;flex-wrap:wrap;gap:10px 20px;}
.seo-landing .seo-toc a{color:#176b69;font-size:.84rem;text-decoration:none;font-weight:750;}
.seo-landing .seo-toc a:hover{text-decoration:underline;}
.seo-landing .seo-section{padding:83px 0 78px;scroll-margin-top:90px;}
.seo-landing .seo-section+.seo-section{border-top:1px solid rgba(16,43,56,.1);}
.seo-landing .seo-section-head{max-width:850px;margin-bottom:28px;}
.seo-landing .seo-section h2,.seo-landing .seo-final-cta h2{color:#102b38;font-size:clamp(1.9rem,3.3vw,3rem);letter-spacing:-.042em;line-height:1.18;margin:13px 0 16px;font-weight:900;}
.seo-landing .seo-section p,.seo-landing .seo-final-cta p{line-height:1.73;color:#475761;}
.seo-landing .seo-section-head p{font-size:1.07rem;}
.seo-landing .seo-section-soft{position:relative;}
.seo-landing .seo-grid{display:grid;gap:18px;}
.seo-landing .seo-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.seo-landing .seo-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.seo-landing .seo-card,.seo-landing .seo-price{border:1px solid #dce6e5;border-radius:22px;padding:26px 26px 24px;background:#fff;box-shadow:0 8px 32px rgba(14,37,52,.045);min-width:0;}
.seo-landing .seo-card h3,.seo-landing .seo-price h3{font-size:1.2rem;margin:12px 0 8px;letter-spacing:-.025em;color:#16303e;font-weight:850;line-height:1.32;}
.seo-landing .seo-card p,.seo-landing .seo-price p{margin:0;font-size:.98rem;}
.seo-landing .seo-card p+p,.seo-landing .seo-card ul+p{margin-top:17px;}
.seo-landing .seo-num{display:inline-flex;align-items:center;min-height:29px;font-size:.8rem;letter-spacing:.04em;font-weight:850;color:#057c72;background:#e8f8f4;border-radius:100px;padding:4px 11px;}
.seo-landing .seo-price{display:flex;flex-direction:column;}
.seo-landing .seo-price-popular{border:2px solid #1aa995;box-shadow:0 14px 36px rgba(13,148,136,.14);}
.seo-landing .seo-pill{display:inline-block;width:max-content;font-size:.75rem;font-weight:800;color:#9d5a11;background:#fff2df;padding:6px 12px;border-radius:99px;}
.seo-landing .seo-price .seo-amount{font-size:clamp(1.7rem,2.6vw,2.2rem);letter-spacing:-.04em;line-height:1.2;font-weight:900;color:#102b38;margin:12px 0 15px;white-space:nowrap;}
.seo-landing .seo-price .seo-amount span{font-size:.96rem;color:#66808b;letter-spacing:0;}
.seo-landing .seo-price a{margin-top:auto;padding-top:25px;text-decoration:none;font-weight:850;color:#08796f;}
.seo-landing .seo-note{padding:18px 23px;margin-top:23px!important;border-left:4px solid #1aa995;background:#e9f4f1;border-radius:0 14px 14px 0;font-size:.95rem;}
.seo-landing .seo-note a,.seo-landing .seo-section p a{color:#00786d;text-decoration:underline;text-underline-offset:3px;font-weight:750;}
.seo-landing .seo-checks{list-style:none;padding:0;margin:13px 0 0;}
.seo-landing .seo-checks li{position:relative;padding:0 0 0 28px;margin:0 0 13px;line-height:1.65;color:#455866;}
.seo-landing .seo-checks li::before{content:'✓';position:absolute;left:0;color:#0d9488;font-weight:900;}
.seo-landing .seo-steps{counter-reset:sgstep;list-style:none;padding:0;margin:10px 0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.seo-landing .seo-steps li{counter-increment:sgstep;position:relative;border:1px solid #dce6e5;border-radius:18px;background:#fff;padding:22px 20px 20px 66px;line-height:1.66;color:#455866;}
.seo-landing .seo-steps li::before{content:counter(sgstep,decimal-leading-zero);position:absolute;left:22px;top:23px;font-size:.84rem;font-weight:900;color:#08796f;}
.seo-landing .seo-text-link{display:inline-flex;margin-top:20px;color:#08796f;text-decoration:none;font-weight:850;}
.seo-landing .seo-text-link:hover{text-decoration:underline;}
.seo-landing .seo-faq{display:grid;gap:12px;}
.seo-landing .seo-faq details{background:#fff;border:1px solid #dce6e5;border-radius:16px;padding:20px 24px;}
.seo-landing .seo-faq summary{cursor:pointer;font-weight:800;color:#102b38;}
.seo-landing .seo-faq p{margin-bottom:0;}
.seo-landing .seo-table-wrap{overflow-x:auto;border:1px solid #dce6e5;border-radius:20px;background:#fff;}
.seo-landing .seo-table{border-collapse:collapse;width:100%;min-width:630px;text-align:left;}
.seo-landing .seo-table th,.seo-landing .seo-table td{padding:22px 23px;border-bottom:1px solid #e1e9e8;}
.seo-landing .seo-table thead th{background:#102b38;color:#fff;font-size:.92rem;}
.seo-landing .seo-table tbody th{color:#183c49;}
.seo-landing .seo-table td{font-weight:800;color:#1e5b62;}
.seo-landing .seo-table tbody tr:last-child th,.seo-landing .seo-table tbody tr:last-child td{border-bottom:0;}
.seo-landing .seo-highlight{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:#102b38;border-radius:22px;padding:34px 38px;}
.seo-landing .seo-highlight h3{font-size:2rem;color:#fff;letter-spacing:-.03em;margin:8px 0;}
.seo-landing .seo-highlight p,.seo-landing .seo-highlight li{color:#d5e2e8;}
.seo-landing .seo-highlight .seo-kicker{color:#75e1d1;}
.seo-landing .seo-checklist{background:#fff;border:1px solid #dce6e5;border-radius:22px;padding:30px 36px;}
.seo-landing .seo-checklist ul{columns:2;column-gap:35px;}
.seo-landing .seo-checklist li{break-inside:avoid;}
.seo-landing .seo-final-cta{text-align:center;background:radial-gradient(circle at 15% 20%,rgba(31,199,182,.20),transparent 30%),linear-gradient(130deg,#102b38,#0b1728);border-radius:32px;margin:30px 0 78px;padding:64px 36px;}
.seo-landing .seo-final-cta h2{color:#fff;margin:14px auto;max-width:700px;}
.seo-landing .seo-final-cta p{max-width:700px;margin:0 auto 28px;color:#cbdde2;}
.seo-landing .seo-final-cta .seo-kicker{color:#78e6d7;}
.seo-landing .seo-final-cta .seo-button{background:#f5bd4f;color:#102b38!important;box-shadow:none;}
.seo-landing .seo-final-cta .seo-button:hover{background:#ffdb83;}
.seo-landing .seo-related{padding:0 0 90px;}
.seo-landing .seo-related h2{font-size:1.6rem;letter-spacing:-.03em;color:#102b38;margin-bottom:24px;}
.seo-landing .seo-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.seo-landing .seo-related-grid>a{text-decoration:none;border:1px solid #dce6e5;border-radius:20px;padding:25px 28px;background:#fff;display:flex;flex-direction:column;gap:13px;color:#102b38;}
.seo-landing .seo-related-grid>a:hover{border-color:#1aa995;}
.seo-landing .seo-related-grid strong{font-size:1.1rem;}
.seo-landing .seo-related-grid span{font-size:.87rem;color:#08796f;font-weight:800;}
@media(max-width:980px){.seo-landing .seo-hero{grid-template-columns:1fr;gap:30px;}.seo-landing .seo-hero-panel{min-height:245px;}.seo-landing .seo-hero h1{max-width:850px;}.seo-landing .seo-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}.seo-landing .seo-toc{align-items:flex-start;flex-direction:column;}.seo-landing .seo-highlight{grid-template-columns:1fr;gap:12px;}}
@media(max-width:660px){.seo-landing .seo-container{padding:0 18px;}.seo-landing .seo-hero-wrap{padding:15px 0 50px;}.seo-landing .seo-breadcrumb{margin:14px 0 28px;}.seo-landing .seo-hero h1{font-size:clamp(2.2rem,10vw,3rem);}.seo-landing .seo-lead{font-size:1rem;}.seo-landing .seo-hero-panel{padding:25px;}.seo-landing .seo-hero-actions{align-items:stretch;flex-direction:column;}.seo-landing .seo-button{width:100%;text-align:center;}.seo-landing .seo-toc{margin:-19px 0 0;padding:19px 20px;}.seo-landing .seo-section{padding:61px 0 56px;}.seo-landing .seo-grid-2,.seo-landing .seo-grid-3,.seo-landing .seo-steps,.seo-landing .seo-related-grid{grid-template-columns:1fr;}.seo-landing .seo-checklist ul{columns:1;}.seo-landing .seo-highlight{padding:26px 22px;}.seo-landing .seo-final-cta{border-radius:22px;padding:47px 23px;margin:10px 0 65px;}.seo-landing .seo-related{padding-bottom:60px;}}
@media(prefers-reduced-motion:reduce){.seo-landing .seo-button{transition:none;}}

/* Accessible desktop/mobile menu layout on content pages (home-page nav has separate CSS). */
@media (min-width:1121px){
 .seo-landing .sky-nav{gap:20px;}
 .seo-landing .nav-menu{display:flex;align-items:center;gap:16px;margin-left:auto;}
 .seo-landing .nav-links-center{display:flex;align-items:center;gap:16px;}
 .seo-landing .nav-links-center>a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:#183141;font-size:.85rem;line-height:1.2;font-weight:850;white-space:nowrap;}
 .seo-landing .nav-links-center>a:hover{color:#08796f;}
}
@media (max-width:1120px){
 .seo-landing .nav-toggle{display:flex;}
 .seo-landing .nav-menu{position:absolute;left:0;right:0;top:calc(100% + 10px);display:grid;gap:10px;padding:18px;background:#fff8ee;border:1px solid #dce6e5;border-radius:22px;box-shadow:0 24px 60px rgba(7,20,31,.18);opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .2s,transform .2s;}
 .seo-landing .nav-menu.open{opacity:1;pointer-events:auto;transform:none;}
 .seo-landing .nav-links-center{display:flex;align-items:stretch;flex-direction:column;gap:4px;}
 .seo-landing .nav-links-center>a{display:block;padding:11px 15px;border-radius:10px;font-size:1rem;font-weight:800;text-decoration:none;color:#143445;}
 .seo-landing .nav-links-center>a:hover{background:#e8f8f4;}
 .seo-landing .nav-menu .nav-action{margin:4px 0 0;width:100%;justify-content:center;}
}
