/* ================================
   SK Builders SEO Landing Pages
   File: css/seo-pages.css
================================ */

/* 01. Variables */
:root{--dark:#181818;--light:#f7f3ea;--ink:#111;--gold:#d9a441;--muted:#6f6a61;--line:rgba(17,17,17,.12);--line-dark:rgba(255,255,255,.14);--white:#fff;--font-display:"Playfair Display","Cormorant Garamond",Georgia,serif;--font-body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--container:min(1180px,calc(100% - 40px));--radius:10px}

/* 02. Base */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--light);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{width:var(--container);margin-inline:auto}

/* 03. Header */
.seo-header{position:sticky;top:0;z-index:1000;background:var(--gold);border-bottom:1px solid rgba(24,24,24,.16)}.seo-header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.seo-brand img{height:58px;width:auto;border-radius:6px}.seo-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.seo-nav a{font-size:.78rem;font-weight:900;text-transform:uppercase}.seo-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:4px;background:var(--dark);color:var(--white);font-size:.8rem;font-weight:900;text-transform:uppercase}

/* 04. Hero */
.seo-hero{position:relative;overflow:hidden;padding:clamp(78px,9vw,130px) 0 clamp(66px,8vw,104px);background:var(--dark);color:var(--white);isolation:isolate}.seo-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.46),rgba(0,0,0,.9)),url("../assets/hero-bg.png") left center/cover no-repeat;opacity:.94}.seo-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(217,164,65,.8),transparent)}.seo-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.58fr);gap:clamp(46px,7vw,96px);align-items:end}.kicker,.section-label{margin:0 0 16px;color:var(--gold);font-size:.78rem;font-weight:900;text-transform:uppercase}.seo-hero h1,.section-title{margin:0;font-family:var(--font-display);font-weight:700;line-height:1.02;letter-spacing:-.035em}.seo-hero h1{max-width:840px;font-size:clamp(3rem,6vw,6.4rem)}.seo-hero p{max-width:680px;margin:24px 0 0;color:rgba(255,255,255,.76);font-size:clamp(1rem,1.2vw,1.12rem)}.hero-facts{display:grid;gap:12px;padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}.hero-facts strong{color:var(--gold);font-size:1.85rem;line-height:1}.hero-facts span{color:rgba(255,255,255,.72);font-weight:800}

/* 05. Buttons */
.action-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:4px;border:1px solid transparent;font-size:.86rem;font-weight:900;text-transform:uppercase}.btn-primary{background:var(--gold);color:var(--ink);border-color:var(--gold)}.btn-secondary{color:var(--white);border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.05)}

/* 06. Sections */
.section{padding:clamp(70px,8vw,112px) 0}.section-title{max-width:860px;color:var(--ink);font-size:clamp(2.45rem,4vw,4.4rem)}.section-intro{max-width:760px;margin:22px 0 0;color:var(--muted);font-size:1.05rem}.dark-section{background:var(--dark);color:var(--white)}.dark-section .section-title{color:var(--white)}.dark-section .section-intro{color:rgba(255,255,255,.68)}

/* 07. Cards */
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px}.info-card{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.56)}.dark-section .info-card{border-color:var(--line-dark);background:rgba(255,255,255,.055)}.info-card h3{margin:0 0 12px;font-size:1.05rem}.info-card p{margin:0;color:var(--muted)}.dark-section .info-card p{color:rgba(255,255,255,.66)}

/* 08. Packages */
.package-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px}.package-mini{padding:28px;border-radius:var(--radius);border:1px solid rgba(217,164,65,.28);background:linear-gradient(180deg,rgba(217,164,65,.1),rgba(255,255,255,.05))}.package-mini small{display:block;color:var(--gold);font-weight:900;text-transform:uppercase;margin-bottom:14px}.package-mini h3{margin:0;font-family:var(--font-display);font-size:2rem;color:var(--white)}.package-mini strong{display:block;margin-top:12px;color:var(--gold);font-size:1.2rem}

/* 09. Process */
.process-list{display:grid;gap:14px;margin-top:42px;counter-reset:process}.process-step{counter-increment:process;display:grid;grid-template-columns:68px minmax(0,1fr);gap:18px;align-items:start;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.58)}.process-step:before{content:counter(process,decimal-leading-zero);width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:rgba(217,164,65,.16);color:var(--gold);font-weight:900}.process-step h3{margin:0 0 6px;font-size:1rem}.process-step p{margin:0;color:var(--muted)}

/* 10. FAQ */
.faq-list{display:grid;gap:14px;margin-top:42px}.faq-list details{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.58);overflow:hidden}.faq-list summary{cursor:pointer;padding:20px 22px;font-weight:900}.faq-list details p{margin:0;padding:0 22px 22px;color:var(--muted)}

/* 11. CTA */
.final-cta{background:var(--dark);color:var(--white);padding:clamp(64px,8vw,100px) 0}.final-cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:clamp(30px,5vw,56px);border:1px solid rgba(217,164,65,.32);border-radius:var(--radius);background:linear-gradient(135deg,rgba(217,164,65,.12),rgba(255,255,255,.04))}.final-cta h2{margin:0;font-family:var(--font-display);font-size:clamp(2.3rem,4vw,4.1rem);line-height:1}.final-cta p{max-width:640px;margin:16px 0 0;color:rgba(255,255,255,.7)}

/* 12. Footer */
.seo-footer{padding:34px 0;background:#101010;color:rgba(255,255,255,.68)}.seo-footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.seo-footer strong{color:var(--white)}

/* 13. Responsive */
@media(max-width:960px){.seo-nav{display:none}.seo-hero-grid,.final-cta-inner{grid-template-columns:1fr}.card-grid,.package-strip{grid-template-columns:1fr}.seo-hero h1{font-size:clamp(2.65rem,10vw,5rem)}}@media(max-width:560px){.seo-header-inner{min-height:74px}.seo-brand img{height:48px}.seo-hero{padding-top:66px}.action-row .btn{width:100%}.process-step{grid-template-columns:1fr}}