/* Inner pages: services, projects, areas, FAQ, contact, privacy. Shared chrome comes from pages.css. */
:root{--ink:#14212A;--ink2:#56636B;--line:#DCE6EB;--sky:#E3EEF3;--blue:#1F6F95;--blue2:#1F8FC2;--amber:#E8A33D;
  --font-d:Oswald,'Arial Narrow',sans-serif;--font-b:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
html{scroll-behavior:smooth}
body.inner{margin:0;background:#fff;color:var(--ink);font-family:var(--font-b);line-height:1.6;-webkit-font-smoothing:antialiased}
body.inner main{padding-top:var(--head-h,64px)}
.inner .wrap{max-width:1120px;margin:0 auto;padding-inline:clamp(16px,4.5vw,36px)}
.inner header.site-head{background:#E3EEF3;border-bottom:1px solid #C7D8E0}
.inner .nav-links a[aria-current="page"]{color:var(--blue)!important;font-weight:600}
.pg-hero{background:linear-gradient(180deg,var(--sky),#fff);padding:clamp(28px,6vw,56px) 0 clamp(18px,4vw,30px)}
.crumbs{font-size:.8rem;color:var(--ink2);margin-bottom:10px}
.crumbs a{color:var(--blue);text-decoration:none}
.crumbs span[aria-hidden]{margin:0 6px;opacity:.5}
.pg-hero h1{margin:0;font-family:var(--font-d);font-weight:700;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(1.9rem,6vw,3rem);line-height:1.02;text-wrap:balance}
.pg-hero .lead{margin:.7rem 0 0;max-width:46em;color:var(--ink2);font-size:clamp(1rem,2.6vw,1.12rem)}
.pg{padding:clamp(18px,4vw,36px) 0}
.pg-cta{padding:0 0 clamp(36px,6vw,64px)}
.inner .proof{margin-bottom:18px}
/* services */
.svc-list{display:grid;gap:22px}
.svc-row{display:grid;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;scroll-margin-top:90px}
.svc-row figure{margin:0;height:240px;background:var(--sky)}
.svc-row img{width:100%;height:100%;object-fit:cover;display:block}
.svc-row > div{padding:0 18px 20px}
.svc-row h2{margin:0;font-family:var(--font-d);font-weight:600;text-transform:uppercase;font-size:1.4rem;letter-spacing:.02em}
.svc-line{margin:.2rem 0 .6rem;color:var(--blue);font-weight:600}
.svc-row h3{margin:1rem 0 .2rem;font-size:.98rem}
.svc-row p{margin:0;color:var(--ink2);font-size:.95rem}
@media (min-width:820px){.svc-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0}.svc-row figure{height:auto;min-height:300px}.svc-row > div{padding:26px 28px}}
.svc-mini{margin-top:26px;padding:20px;border-radius:16px;background:var(--sky)}
.svc-mini h2{margin:0 0 10px;font-family:var(--font-d);text-transform:uppercase;font-size:1.15rem}
.svc-mini ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.svc-mini a{display:inline-block;background:#fff;border:1px solid #C7D8E0;border-radius:999px;padding:.45rem .85rem;color:var(--blue);text-decoration:none;font-size:.88rem;font-weight:500}
/* areas */
.area-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.area-card{display:grid;gap:4px;padding:18px;border-radius:16px;border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--ink);box-shadow:0 8px 24px rgba(20,30,40,.05);transition:transform .2s,border-color .2s}
.area-card:hover{transform:translateY(-2px);border-color:var(--blue2)}
.area-card b{font-family:var(--font-d);text-transform:uppercase;font-size:1.15rem;letter-spacing:.02em}
.area-card span{color:var(--ink2);font-size:.9rem}
.area-card i{font-style:normal;color:var(--blue);font-size:.8rem;font-weight:600}
.note{margin-top:18px;color:var(--ink2)}
.note a,.prose a{color:var(--blue)}
/* FAQ */
.faq{display:grid;gap:10px;max-width:820px}
.faq details{border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 18px}
.faq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;font-weight:600;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:12px;font-size:1.4rem;color:var(--blue);line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0 0 16px;color:var(--ink2)}
/* contact */
.contact-grid{display:grid;gap:18px}
@media (min-width:860px){.contact-grid{grid-template-columns:1fr 1.1fr;align-items:start}}
.c-info{display:grid;gap:10px}
.c-big{display:grid;gap:2px;padding:16px 18px;border-radius:14px;background:var(--sky);text-decoration:none;color:var(--ink)}
.c-big span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.c-big b{font-family:var(--font-d);font-size:1.3rem;letter-spacing:.02em;font-weight:600;word-break:break-word}
.c-big b a{color:inherit}
.c-big em{font-style:normal;color:var(--ink2);font-size:.88rem}
.c-big.wa{background:#E6F8EC}
.c-form{display:grid;gap:8px;padding:22px 18px;border-radius:18px;border:1px solid var(--line);border-top:4px solid var(--blue);box-shadow:0 18px 50px rgba(20,33,42,.08);scroll-margin-top:90px}
.c-form h2{margin:0;font-family:var(--font-d);text-transform:uppercase;font-size:1.5rem}
.c-form > p{margin:0 0 6px;color:var(--ink2)}
.c-form label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);margin-top:4px}
.c-form input,.c-form select,.c-form textarea{font:16px var(--font-b);color:var(--ink);background:#F5F8FA;border:1px solid #D6E2E8;border-radius:8px;padding:.7rem .8rem;width:100%;box-sizing:border-box}
.c-form input:focus,.c-form select:focus,.c-form textarea:focus{outline:2px solid var(--blue);background:#fff}
.c-form input.bad{border-color:#C0392B;background:#FDF3F1}
.c-err{margin:0;min-height:1em;color:#C0392B;font-size:.85rem}
.c-form button{font-family:var(--font-d);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.95rem;background:var(--amber);color:#160f06;border:0;border-radius:8px;padding:.95rem;cursor:pointer}
.c-form button.alt{background:none;color:var(--blue);text-transform:none;letter-spacing:0;font-family:var(--font-b);font-weight:500;text-decoration:underline;padding:.4rem}
/* privacy */
.prose{max-width:760px}
.prose h2{font-family:var(--font-d);text-transform:uppercase;font-size:1.2rem;margin:1.6rem 0 .3rem}
.prose p{color:var(--ink2);margin:0}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}