/* Section styles used by this site — copied subset from engine/components/sections.html */

/* nav */
.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--ground) 88%,transparent);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.nav-logo{font-family:var(--display);font-weight:700;font-size:20px;color:var(--ink)}
.nav-links{display:flex;gap:var(--s3);align-items:center;list-style:none;margin:0;padding:0}
.nav-links a{color:var(--ink-soft);font-weight:500;font-size:15px}
.nav-links a:hover{color:var(--ink)}
@media (max-width:800px){.nav-links{display:none}}

/* hero-split */
.hero{padding:calc(var(--section-pad)*1.1) 0}
.hero h1{margin-bottom:var(--s3)}
.hero .sub{font-size:19px;max-width:34em;margin-bottom:var(--s4)}
.hero-media{aspect-ratio:4/3.2}

/* trust strip */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--s3) 0}
.trust-row{display:flex;gap:var(--s4);align-items:center;justify-content:space-between;flex-wrap:wrap}
.trust-item{display:flex;gap:10px;align-items:baseline}
.trust-item .big{font-family:var(--mono,var(--display));font-weight:700;font-size:22px;color:var(--ink)}

/* services */
.svc-card h3{margin:var(--s2) 0 var(--s1)}
.svc-card a{font-weight:600;font-size:15px}

/* process */
.step-item{display:grid;grid-template-columns:56px 1fr;gap:var(--s3);padding:var(--s3) 0;border-top:1px solid var(--line)}
.step-item:first-of-type{border-top:none}
.step-item .n{font-family:var(--mono,var(--display));font-weight:700;font-size:24px;color:var(--accent)}
.step-item h3{margin-bottom:6px}
.step-item p{margin:0}

/* testimonials */
.quote-featured{font-family:var(--display);font-weight:600;
  font-size:clamp(22px,2.8vw,30px);line-height:1.35;color:var(--ink);max-width:26em;margin:0}
.quote-attr{margin-top:var(--s3)}
.quote-attr .who{font-weight:600;color:var(--ink)}
.quote-card{border-left:2px solid var(--accent);padding-left:var(--s3)}
.quote-card p{font-size:var(--fs-small);margin-bottom:var(--s2)}

/* faq */
.faq-item{border-top:1px solid var(--line)}
.faq-item summary{font-weight:600;color:var(--ink);font-size:17px;padding:var(--s3) 0;
  cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:var(--s2)}
.faq-item summary::after{content:"+";font-family:var(--mono,var(--body));color:var(--accent);font-size:20px}
.faq-item[open] summary::after{content:"–"}
.faq-item p{padding-bottom:var(--s3);margin:0}

/* cta band */
.cta-band{background:var(--accent);color:#fff}
.cta-band h2{color:#fff;max-width:18ch}
.cta-band p{color:color-mix(in srgb,#fff 82%,transparent)}

/* contact */
.contact-info{display:flex;flex-direction:column;gap:var(--s3)}
.contact-info .item .k{font-size:var(--fs-label);letter-spacing:var(--track-label);
  text-transform:uppercase;color:var(--muted);font-family:var(--mono,var(--body));margin-bottom:4px}
.contact-info .item .v{font-weight:600;color:var(--ink);font-size:18px}

/* footer */
.footer{background:var(--ink);color:color-mix(in srgb,var(--ground) 72%,transparent);padding:var(--s5) 0 var(--s3)}
.footer a{color:color-mix(in srgb,var(--ground) 72%,transparent)}
.footer a:hover{color:var(--surface)}
.footer .logo{font-family:var(--display);font-weight:700;font-size:20px;color:var(--surface)}
.footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--s4);padding-bottom:var(--s4);
  border-bottom:1px solid color-mix(in srgb,var(--ground) 18%,transparent)}
.footer-cols ul{list-style:none;margin:var(--s2) 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px}
.footer .legal{padding-top:var(--s3);font-size:13px;display:flex;justify-content:space-between;gap:var(--s2);flex-wrap:wrap}
@media (max-width:800px){.footer-cols{grid-template-columns:1fr 1fr}}