/* page.css — interior page styles for WebUpturn subpages */

/* PAGE HERO */
.page-hero{background:var(--ink);padding:88px 56px 80px}
.page-hero-inner{max-width:720px}
.page-eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:20px}
.page-h1{font-size:clamp(48px,6vw,88px);font-weight:800;letter-spacing:-3px;line-height:.92;color:#fff;margin-bottom:28px}
.page-hero-desc{font-size:16px;color:rgba(255,255,255,.75);line-height:1.8;font-weight:300;max-width:540px;margin-bottom:40px;border-left:2px solid rgba(201,56,41,.6);padding-left:18px}

/* PAGE SECTIONS */
.page-section{padding:88px 56px}
.page-container{max-width:1200px;margin:0 auto}
.bg-white{background:var(--white)}
.bg-light{background:var(--light)}
.bg-ink{background:var(--ink)}

/* TWO COLUMN LAYOUT */
.page-two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.page-h2{font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-1px;line-height:1.05;margin-bottom:20px}
.page-body{font-size:15px;color:var(--mid);line-height:1.8;margin-bottom:16px}
.page-body:last-child{margin-bottom:0}

/* CALLOUT CARDS */
.page-callout-stack{display:flex;flex-direction:column;gap:14px}
.page-callout{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:28px}
.page-callout.dark{background:var(--ink);border-color:var(--ink)}
.page-callout-num{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:10px;font-weight:800}
.page-callout-title{font-size:18px;font-weight:800;letter-spacing:-.4px;color:var(--ink);margin-bottom:10px}
.page-callout.dark .page-callout-title{color:#fff}
.page-callout p{font-size:13px;color:var(--mid);line-height:1.7}
.page-callout.dark p{color:rgba(255,255,255,.75)}

/* SERVICE CARDS */
.page-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.page-service-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:32px;transition:transform .25s ease,box-shadow .25s ease}
.page-service-card:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(0,0,0,.08)}
.svc-card-num{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:16px;font-weight:800}
.svc-card-title{font-size:20px;font-weight:800;letter-spacing:-.4px;color:var(--ink);margin-bottom:12px}
.svc-card-body{font-size:14px;color:var(--mid);line-height:1.7;margin-bottom:20px}
.svc-card-list{list-style:none;display:flex;flex-direction:column;gap:8px}
.svc-card-list li{font-size:13px;color:var(--mid);display:flex;gap:8px;align-items:flex-start}
.svc-card-list li::before{content:'→';color:var(--red);font-size:11px;margin-top:1px;flex-shrink:0}

/* WHO WE WORK WITH */
.page-who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.page-who-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px 20px;display:flex;align-items:center;gap:14px}
.who-icon{font-size:24px;flex-shrink:0}
.who-label{font-size:15px;font-weight:700;color:#fff}

/* FAQ */
.faq-list{display:flex;flex-direction:column;max-width:760px}
.faq-item{padding:28px 0;border-top:1px solid var(--border)}
.faq-item:last-child{border-bottom:1px solid var(--border)}
.faq-q{font-size:18px;font-weight:800;letter-spacing:-.3px;color:var(--ink);margin-bottom:10px}
.faq-a{font-size:14px;color:var(--mid);line-height:1.8}

/* RESPONSIVE */
@media(max-width:900px){
  .page-hero{padding:54px 24px 48px}
  .page-section{padding:48px 20px}
  .page-two-col{grid-template-columns:1fr}
  .page-service-grid{grid-template-columns:1fr}
  .page-who-grid{grid-template-columns:1fr 1fr}
  .page-h1{letter-spacing:-2px}
}
@media(max-width:600px){
  .page-who-grid{grid-template-columns:1fr}
}