/* PURUSA 2026-10-15 approved visual refresh: existing service hub, no new landing page */
:root{--bg:#110d24;--panel:rgba(25,17,49,.94);--panel-soft:rgba(255,255,255,.045);--text:#fff7ed;--muted:#d8cde5;--accent:#e7c587;--accent-strong:#aa84e6;--border:rgba(219,185,255,.2);--shadow:0 22px 65px rgba(8,4,23,.45)}
body{background:radial-gradient(ellipse at 15% 5%,rgba(116,71,177,.34),transparent 38%),radial-gradient(ellipse at 95% 30%,rgba(119,72,171,.23),transparent 35%),linear-gradient(150deg,#0f0b20,#211337 55%,#100c23);background-attachment:fixed}
.app-shell{max-width:1240px;padding:22px}
.topbar,.card{border:1px solid rgba(222,191,255,.2);background:linear-gradient(145deg,rgba(36,25,66,.96),rgba(20,15,42,.97));box-shadow:0 24px 65px rgba(7,4,23,.4);border-radius:22px}
.topbar{padding:28px 32px;border-bottom:1px solid rgba(231,197,135,.32)}
.brand-mark{background:linear-gradient(140deg,#f7e0a8,#b88d49);color:#2d1740;box-shadow:0 0 30px rgba(226,191,113,.2)}
.eyebrow,.section-kicker{color:#e7c587!important;letter-spacing:.13em}
.topbar h1{font-size:clamp(1.7rem,3.6vw,2.8rem);letter-spacing:-.035em;color:#fff8ed}
.topbar-copy,.hub-copy{color:#d8cde5}
#service-hub{padding:32px}
#service-hub-title{font-size:clamp(1.6rem,3vw,2.25rem);color:#fff3dc}
.service-grid{gap:14px}
.service-card{border:1px solid rgba(199,169,238,.24);background:linear-gradient(155deg,rgba(69,45,108,.72),rgba(30,23,58,.94));border-radius:17px;min-height:144px;box-shadow:inset 0 1px rgba(255,255,255,.06);transition:transform .15s ease,border-color .15s ease}
button.service-card:hover,button.service-card:focus-visible{transform:translateY(-3px);border-color:#e7c587}
.service-card strong{color:#fff5e6;font-size:1.1rem}
.service-index{color:#e7c587!important}
.primary-btn{background:linear-gradient(130deg,#f0d7a2,#d9ad65)!important;color:#271a35!important;border-color:#e7c587!important}
.ai-counsel-card,.counselor-card{border-color:rgba(199,169,238,.26)!important;background:rgba(59,40,94,.56)!important}
.legal-footer{color:#d4c8df;border-top:1px solid rgba(231,197,135,.3);max-width:1200px;margin:auto}
@media(max-width:700px){.app-shell{padding:10px}.topbar{padding:20px}#service-hub{padding:18px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service-card{min-height:130px;padding:12px}.service-card strong{font-size:.96rem}}
@media(max-width:390px){.service-grid{grid-template-columns:1fr}}
