:root{
  --purple:#9d2284; --purple-dark:#7a1a67; --purple-soft:#f6e9f3;
  --ink:#100d21; --text:#2c2a3a; --muted:#5d5a6e; --line:#e4e1ec;
  --bg:#ffffff; --bg-alt:#f2f1f6; --radius:14px;
  --font:"Encode Sans Semi Expanded", Helvetica, Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.65;font-size:16px}
a{color:var(--purple)}
img{max-width:100%}
.wrap{width:min(1140px,100% - 32px);margin-inline:auto}
h1,h2,h3{color:var(--ink);line-height:1.2;margin:0 0 .6em}
h1{font-size:clamp(1.8rem,4vw,2.8rem)}
h2{font-size:clamp(1.35rem,2.5vw,1.75rem)}
h3{font-size:1.1rem}
.topbar{background:var(--purple);font-size:.85rem}
.topbar .wrap{display:flex;gap:22px;justify-content:flex-end;flex-wrap:wrap;padding:6px 0}
.topbar a{color:#fff;text-decoration:none}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.logo{font-weight:700;font-size:1.5rem;color:var(--ink);text-decoration:none;letter-spacing:-.01em;line-height:1;display:inline-flex;align-items:baseline;gap:2px;flex-wrap:wrap;margin:0}
.logo span{color:var(--purple)}
.logo small{display:block;width:100%;font-size:.62rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.logo-light{color:#fff}.logo-light small{color:#c9c4da}
.menu{list-style:none;display:flex;gap:4px;margin:0;padding:0;align-items:center}
.menu>li{position:relative}
.menu a{display:block;padding:10px 12px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.9rem;border-radius:8px}
.menu a:hover{color:var(--purple);background:var(--purple-soft)}
.menu .nav-cta{background:var(--purple);color:#fff}.menu .nav-cta:hover{background:var(--purple-dark);color:#fff}
.sub{list-style:none;margin:0;padding:8px;position:absolute;left:0;top:100%;min-width:250px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 30px rgba(16,13,33,.12);display:none}
.sub a{font-weight:400}
.has-sub:hover .sub,.has-sub:focus-within .sub{display:block}
.menu-toggle,.burger{display:none}
.hero{background:linear-gradient(115deg,var(--ink) 0%,#2a1440 55%,var(--purple) 130%);color:#fff;padding:clamp(56px,9vw,110px) 0}
.hero h1{color:#fff;font-size:clamp(2.4rem,7vw,4.4rem);margin-bottom:.2em}
.hero .lead{font-size:clamp(1.05rem,2vw,1.3rem);color:#e7e2f3;max-width:640px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:#e2b6d9;margin:0 0 12px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.page-hero{background:var(--bg-alt);padding:clamp(36px,6vw,64px) 0}
.page-hero .lead{font-size:1.08rem;max-width:820px;color:var(--text);margin:0}
.crumbs{font-size:.85rem;color:var(--muted);margin:0 0 10px}.crumbs a{color:var(--muted)}
.btn,button{display:inline-block;background:var(--purple);color:#fff;border:0;border-radius:10px;padding:13px 22px;font:600 .95rem var(--font);text-decoration:none;cursor:pointer}
.btn:hover,button:hover{background:var(--purple-dark)}
.btn-ghost{background:transparent;border:1.5px solid rgba(255,255,255,.7)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.values{border-bottom:1px solid var(--line);background:#fff}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px 0}
.value{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--ink);font-size:.95rem}
.ico{width:34px;height:34px;color:var(--purple);flex:none}
section.wrap{padding:clamp(36px,6vw,64px) 0}
.section-title{text-align:center;margin-bottom:28px}
.intro{max-width:820px;font-size:1.05rem}
.prose p,.prose li{max-width:72ch}
.prose ul,.prose ol{padding-left:1.2em}.prose li{margin:.35em 0}
.prose li::marker{color:var(--purple)}
.narrow{max-width:760px}
.cta-line{background:var(--purple-soft);border-left:4px solid var(--purple);padding:14px 18px;border-radius:8px;font-weight:600;color:var(--ink)}
.band{background:var(--ink);color:#e7e2f3;padding:clamp(40px,6vw,70px) 0}
.band h2{color:#fff}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.cards.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.link-card{text-decoration:none;color:var(--text);transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;flex-direction:column}
.link-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(16,13,33,.1);border-color:var(--purple)}
.link-card p{flex:1;margin:0 0 12px}
.cards:has(.fam){grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.fam ul{padding-left:1.1em;margin:0 0 14px;flex:1;color:var(--muted)}
.more{color:var(--purple);font-weight:600;font-size:.9rem}
.channel .ico{width:40px;height:40px;margin-bottom:10px}
.client-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.client-list li{border:1px solid var(--line);border-radius:999px;padding:10px 20px;font-weight:600;color:var(--muted);background:var(--bg-alt)}
.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:clamp(24px,4vw,56px);align-items:start}
aside{position:sticky;top:96px}
.form{display:grid;gap:12px;border-top:4px solid var(--purple)}
.form h2{font-size:1.25rem;margin:0}
.form label{display:grid;gap:4px;font-size:.88rem;font-weight:600;color:var(--ink)}
.form input,.form select,.form textarea{font:400 1rem var(--font);padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--purple);outline-offset:1px;border-color:transparent}
.form .check{display:flex;align-items:center;gap:8px;font-weight:400}
.form .check input{width:auto}
.hp{position:absolute;left:-9999px}
.site-footer{background:var(--ink);color:#c9c4da;padding:48px 0 20px;margin-top:20px}
.site-footer h3{color:#fff;font-size:1rem}
.site-footer a{color:#fff}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:16px;font-size:.85rem}
@media (max-width:980px){
  .burger{display:block;width:44px;height:44px;position:relative;cursor:pointer}
  .burger span,.burger span::before,.burger span::after{position:absolute;left:10px;width:24px;height:2px;background:var(--ink);content:""}
  .burger span{top:21px}.burger span::before{top:-7px;left:0}.burger span::after{top:7px;left:0}
  nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);max-height:75vh;overflow:auto}
  .menu-toggle:checked~nav{display:block}
  .menu{flex-direction:column;align-items:stretch;padding:10px 16px}
  .sub{display:block;position:static;box-shadow:none;border:0;padding:0 0 6px 12px;min-width:0}
  .values-grid{grid-template-columns:repeat(2,1fr)}
  .content-grid{grid-template-columns:1fr}
  aside{position:static}
  .footer-grid{grid-template-columns:1fr}
}
@media (max-width:480px){.topbar .wrap{justify-content:center;gap:12px}.values-grid{grid-template-columns:1fr}}
mark.todo{background:#fff3c4;color:#6b4e00;padding:1px 6px;border-radius:4px;font-weight:600}
.muted{color:var(--muted);font-size:.9rem}