/* Página de serviço: criação de sites. O design system da home continua em ../styles.css. */
.service-page{background:var(--bg);}
.service-page .service-hero{position:relative;padding:calc(var(--header-h) + clamp(3rem,8vw,6rem)) 0 clamp(4rem,9vw,7rem);overflow:hidden}
.service-page .service-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(240,242,245,.06) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(#000 45%,transparent 90%)}
.service-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.service-lead{max-width:57ch;margin-top:1.6rem;color:var(--muted);font-size:1.08rem}
.site-preview{width:100%;max-width:520px;justify-self:end;border:1px solid var(--line-2);border-radius:var(--radius);background:#fff;color:#1d2025;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.45);transform:rotate(2deg)}
.preview-top{display:flex;align-items:center;gap:.4rem;padding:.9rem 1rem;background:#f1f2f3;border-bottom:1px solid #e1e2e4;color:#7b8087;font-size:.72rem}.preview-top i{width:9px;height:9px;border-radius:50%;background:#d0d2d5}.preview-top i:first-child{background:var(--accent)}.preview-top span{margin-left:.7rem;border:1px solid #dddfe2;border-radius:999px;padding:.3rem .8rem;flex:1;white-space:nowrap;overflow:hidden}
.preview-body{padding:1.2rem}.preview-nav{display:flex;gap:.55rem;align-items:center;color:#202329;font-size:.65rem}.preview-nav b{color:var(--accent);margin-right:auto}.preview-nav span{width:32px;height:5px;border-radius:99px;background:#e5e6e8}.preview-main{display:grid;grid-template-columns:1fr .85fr;gap:1rem;padding:2.7rem 0 1.5rem;align-items:center}.preview-main strong{display:block;font:700 1.2rem/1.1 var(--font-sans)}.preview-main p{font-size:.68rem;color:#72767d;line-height:1.5;margin:.7rem 0}.preview-main i{display:block;width:82px;height:19px;border-radius:99px;background:var(--accent)}.preview-image{height:140px;border-radius:12px;background:linear-gradient(135deg,#f0f1f2,#dfe1e3)}.preview-cards{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:.55rem}.preview-cards i{height:42px;border-radius:8px;background:#f0f1f2}
.service-page .sec-title{max-width:25ch}.service-page .section{padding-block:clamp(4rem,8vw,7rem)}.service-page .section--contrast{background:var(--surface);border-block:1px solid var(--line)}.service-page .section--soft{background:var(--surface-2)}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:3.2rem}.value-card{background:var(--bg);padding:2rem;min-height:230px}.value-number{display:block;color:var(--accent);font:700 .8rem var(--font-body);letter-spacing:.12em;margin-bottom:3.2rem}.value-card h3{font-size:1.35rem;margin-bottom:.6rem}.value-card p{color:var(--muted);font-size:.95rem}
.service-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 3rem;counter-reset:steps;margin-top:3rem}.service-steps li{display:grid;grid-template-columns:58px 1fr;gap:1rem;padding-top:1.2rem;border-top:1px solid var(--line)}.service-steps li>span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--accent);color:var(--ink);font:700 .85rem var(--font-sans)}.service-steps h3{font-size:1.2rem;margin-bottom:.45rem}.service-steps p{color:var(--muted);font-size:.95rem}
.deliverables{display:grid;grid-template-columns:repeat(2,1fr);gap:0 3rem;margin-top:2.5rem}.deliverables li{display:flex;gap:1rem;padding:1.4rem 0;border-top:1px solid var(--line)}.deliverables .ic{width:22px;height:22px;color:var(--accent);flex:none}.deliverables h3{font-size:1.05rem;margin-bottom:.25rem}.deliverables p{color:var(--muted);font-size:.92rem}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(2rem,7vw,7rem);align-items:start}.faq-intro .btn{margin-top:2rem}.faq-inner p{color:var(--muted);max-width:62ch}.service-cta{background:var(--accent);color:var(--ink);padding:clamp(4rem,9vw,7rem) 0}.service-cta h2{font:900 clamp(2rem,5vw,4rem)/.95 var(--font-sans);max-width:13ch;margin-top:1.1rem}.service-cta p:not(.eyebrow){max-width:55ch;margin:1.3rem 0 2rem;font-size:1.08rem}.service-cta .eyebrow{color:var(--ink);margin:0}.service-cta .btn-dark{background:var(--ink);color:var(--accent)}
@media(max-width:1080px){.service-hero-grid{grid-template-columns:1fr}.site-preview{justify-self:center}.faq-grid{grid-template-columns:1fr}.faq-intro{position:static}}
@media(max-width:700px){.value-grid,.service-steps,.deliverables{grid-template-columns:1fr}.value-card{min-height:auto}.value-number{margin-bottom:2rem}.preview-main{grid-template-columns:1fr}.preview-image{height:100px}.site-preview{transform:none}}