/* 365 Media (EN, reserve) — two-column hero, plum accent, grotesk. */
:root{
  --ink:#201d28;--muted:#645e70;--plum:#5b3b8c;--bg:#faf9fc;--soft:#f1edf7;--line:#e7e2ef;
  --sans:"Helvetica Neue",Helvetica,Arial,system-ui,"Segoe UI",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.65;font-size:17px}
a{color:inherit}
.hdr{display:flex;justify-content:space-between;align-items:center;padding:24px max(6vw,24px);border-bottom:1px solid var(--line)}
.brand{font-weight:700;font-size:1.2rem;letter-spacing:-.01em;text-decoration:none}
.nav a{margin-left:26px;text-decoration:none;color:var(--muted);font-size:.92rem}
.nav a:hover,.nav a[aria-current]{color:var(--plum)}
.hero{max-width:1080px;margin:0 auto;padding:80px max(6vw,24px) 70px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.1;font-weight:700;letter-spacing:-.02em}
.intro{color:var(--muted);font-size:1.15rem;margin:24px 0 30px;max-width:46ch}
.cta{display:inline-block;padding:14px 30px;background:var(--plum);color:#fff;text-decoration:none;font-weight:600;border-radius:3px}
.cta:hover{background:#472c6e}
.hero-mark{font-size:clamp(6rem,18vw,12rem);font-weight:800;color:var(--soft);text-align:right;line-height:1;letter-spacing:-.04em}
.svc{max-width:1080px;margin:0 auto;padding:0 max(6vw,24px) 100px;display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.svc h3{font-size:1.05rem;font-weight:700;margin-bottom:8px}
.svc h3::before{content:"";display:block;width:26px;height:3px;background:var(--plum);margin-bottom:13px}
.svc p{color:var(--muted);font-size:.96rem}
.page{max-width:720px;margin:0 auto;padding:80px max(6vw,24px)}
.page h1{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em;margin-bottom:28px}
.prose p{margin-bottom:18px;color:#2d2937}
.prose a{color:var(--plum);text-decoration:underline;text-underline-offset:3px}
.svc-list{display:grid;gap:0}
.svc-list>div{padding:24px 0;border-bottom:1px solid var(--line)}
.svc-list dt{font-weight:700;font-size:1.05rem;margin-bottom:5px}
.svc-list dd{color:var(--muted)}
.foot{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:28px max(6vw,24px);border-top:1px solid var(--line);font-size:.88rem;color:var(--muted)}
.foot a{color:var(--muted);text-decoration:none}
.foot a:hover{color:var(--plum)}
@media(max-width:820px){.hero{grid-template-columns:1fr}.hero-mark{display:none}.svc{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.svc{grid-template-columns:1fr}.hdr{flex-direction:column;gap:12px}.nav a{margin:0 12px}}