/* Legal, utility and contact pages */
.utility-main { background: var(--color-surface); }
.utility-hero { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(5rem, 9vw, 8rem) clamp(3.5rem, 6vw, 6rem); color: white; background: radial-gradient(circle at 12% 18%, rgba(131,217,215,.22), transparent 28%), linear-gradient(145deg,var(--color-navy-950),var(--color-navy-900) 58%,#0b516d); }
.utility-hero::after { position:absolute; inset:auto -12rem -18rem auto; width:38rem; height:38rem; content:""; border-radius:50%; background:radial-gradient(circle, rgba(35,131,197,.32), transparent 65%); z-index:-1; }
.utility-hero__grid { display:grid; gap:clamp(2rem,4vw,4rem); align-items:center; grid-template-columns:minmax(0,1fr) minmax(20rem,.85fr); }
.utility-hero h1 { color:white; }
.utility-hero .lead { color:rgba(255,255,255,.82); }
.utility-hero p:not(.eyebrow):not(.lead) { color:rgba(255,255,255,.72); }
.utility-hero__actions { display:flex; flex-wrap:wrap; gap:.8rem; align-items:center; }
.utility-hero__visual { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:var(--radius-2xl); box-shadow:var(--shadow-xl); background:rgba(255,255,255,.08); }
.utility-hero__visual img { display:block; width:100%; height:auto; }
.utility-section { padding-block: var(--section-space); }
.utility-section--soft { background: linear-gradient(180deg,var(--color-surface-soft),#fff); }
.utility-section--blue { background: var(--color-surface-blue); }
.utility-section--compact { padding-block: var(--section-space-compact); }
.contact-route-grid { display:grid; gap:var(--grid-gap); grid-template-columns:repeat(3,minmax(0,1fr)); }
.contact-route { display:grid; min-height:100%; padding:clamp(1.4rem,2.8vw,2rem); gap:1rem; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:#fff; box-shadow:var(--shadow-sm); }
.contact-route h3 { margin:0; }
.contact-route__meta { color:var(--color-brand-teal); font-size:.78rem; font-weight:var(--font-weight-bold); letter-spacing:.07em; text-transform:uppercase; }
.contact-detail-grid { display:grid; gap:var(--grid-gap); grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:start; }
.contact-panel { display:grid; gap:1.25rem; padding:clamp(1.5rem,3vw,2.3rem); border:1px solid var(--color-border); border-radius:var(--radius-xl); background:#fff; box-shadow:var(--shadow-sm); }
.contact-method { display:grid; gap:.45rem; padding-bottom:1rem; border-bottom:1px solid var(--color-border); }
.contact-method:last-child { padding-bottom:0; border-bottom:0; }
.contact-method strong { color:var(--color-navy-950); }
.contact-method a { font-weight:var(--font-weight-bold); }
.contact-office-list { display:grid; gap:1rem; }
.contact-office { padding:1rem; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface-soft); }
.contact-office h3 { margin:0 0 .35rem; font-size:var(--text-h5); }
.contact-guidance { display:grid; gap:var(--grid-gap); align-items:center; grid-template-columns:minmax(0,1fr) minmax(20rem,.82fr); }
.guidance-list { display:grid; gap:.8rem; padding:0; list-style:none; }
.guidance-list li { position:relative; padding:1rem 1rem 1rem 3.1rem; border:1px solid var(--color-border); border-radius:var(--radius-md); background:#fff; }
.guidance-list li::before { position:absolute; left:1rem; top:1rem; display:grid; width:1.45rem; height:1.45rem; place-items:center; border-radius:50%; content:""; background:linear-gradient(145deg,var(--color-brand-blue),var(--color-brand-teal)); }
.legal-main { background:var(--color-surface-soft); }
.legal-hero { padding-block:clamp(4.5rem,8vw,7rem) clamp(2rem,4vw,3rem); background:linear-gradient(145deg,var(--color-navy-950),var(--color-navy-900)); color:white; }
.legal-hero .container-reading { max-width:56rem; }
.legal-hero h1 { color:white; }
.legal-hero .lead, .legal-hero p:not(.eyebrow) { color:rgba(255,255,255,.8); }
.legal-shell { display:grid; gap:var(--grid-gap); align-items:start; grid-template-columns:minmax(14rem,.34fr) minmax(0,1fr); padding-block:var(--section-space-compact); }
.legal-nav { position:sticky; top:calc(var(--header-height) + 1rem); display:grid; gap:.55rem; padding:1rem; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:#fff; box-shadow:var(--shadow-sm); }
.legal-nav h2 { font-size:var(--text-h5); margin:0 0 .35rem; }
.legal-nav a { display:block; padding:.55rem .65rem; border-radius:var(--radius-sm); color:var(--color-ink); text-decoration:none; font-weight:var(--font-weight-bold); }
.legal-nav a:hover, .legal-nav a:focus-visible { background:var(--color-surface-blue); color:var(--color-brand-blue-800); }
.legal-content { display:grid; gap:1.25rem; }
.legal-card { padding:clamp(1.5rem,3vw,2.5rem); border:1px solid var(--color-border); border-radius:var(--radius-xl); background:#fff; box-shadow:var(--shadow-sm); }
.legal-card h2 { margin-top:0; }
.legal-card p, .legal-card li { color:var(--color-ink); }
.legal-card ul { padding-left:1.25rem; }
.legal-meta { display:flex; flex-wrap:wrap; gap:.75rem; color:var(--color-muted); font-size:.9rem; }
.legal-visual-strip { display:grid; gap:1rem; grid-template-columns:minmax(0,1fr) minmax(17rem,.55fr); align-items:center; }
.legal-visual-strip img { width:100%; border-radius:var(--radius-lg); border:1px solid var(--color-border); background:#fff; }
.utility-404 { min-height:100svh; display:grid; place-items:center; padding-block:5rem; background:radial-gradient(circle at 15% 15%, rgba(131,217,215,.22), transparent 26%), linear-gradient(145deg,var(--color-navy-950),var(--color-navy-900)); color:white; }
.utility-404__grid { display:grid; gap:clamp(2rem,5vw,4rem); align-items:center; grid-template-columns:minmax(0,1fr) minmax(20rem,.78fr); }
.utility-404 h1 { color:white; }
.utility-404 .lead, .utility-404 p { color:rgba(255,255,255,.78); }
.utility-404__links { display:flex; flex-wrap:wrap; gap:.75rem; }
.utility-404 figure { overflow:hidden; border-radius:var(--radius-2xl); border:1px solid rgba(255,255,255,.18); box-shadow:var(--shadow-xl); }
.utility-404 img { display:block; width:100%; height:auto; }
.footer-legal-links { display:inline-flex; gap:.45rem; flex-wrap:wrap; align-items:center; }
@media (max-width: 64rem) { .utility-hero__grid, .contact-detail-grid, .contact-guidance, .legal-visual-strip, .utility-404__grid { grid-template-columns:1fr; } .contact-route-grid { grid-template-columns:1fr; } .legal-shell { grid-template-columns:1fr; } .legal-nav { position:relative; top:auto; } }
@media (max-width: 44rem) { .utility-hero { padding-top:4rem; } .utility-hero h1 { max-width:none; } .utility-hero__actions, .utility-404__links { align-items:stretch; } .utility-hero__actions .btn, .utility-404__links .btn { width:100%; } }