.area-hero-actions { margin-top: 1.5rem; }
.area-welcome { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.area-welcome-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(18rem,.8fr); gap:2rem; align-items:start; }
.area-welcome h2 { max-width:20ch; margin-top:.65rem; }
.area-choice { display:grid; gap:.7rem; padding:1.35rem; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.035); }
.area-choice strong { color:var(--ink); font-size:.95rem; }
.area-choice a { color:var(--accent); text-decoration:none; padding:.45rem 0; border-bottom:1px solid rgba(255,255,255,.12); }
.area-choice a:last-child { border-bottom:0; }
.area-choice a:hover, .area-choice a:focus-visible { color:var(--ink); text-decoration:underline; text-underline-offset:.25rem; }

/* Service pages: help people choose a route before asking them to decode legal labels. */
.service-guide { margin-top:2.2rem; padding:1.35rem; border:1px solid var(--glass-border); background:var(--glass-fill); }
.service-guide > p { color:var(--stone); font-size:.92rem; margin-top:.35rem; max-width:62ch; }
.service-guide-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; margin-top:1rem; }
.service-guide-option { display:block; min-height:100%; padding:1rem; border:1px solid var(--line); color:var(--ink); background:rgba(255,255,255,.018); transition:background .25s var(--ease-out), border-color .25s var(--ease-out), transform .25s var(--ease-out); }
.service-guide-option strong { display:block; font-size:.96rem; font-weight:600; }
.service-guide-option span { display:block; margin-top:.3rem; color:var(--stone); font-size:.85rem; line-height:1.45; }
.service-guide-option:hover, .service-guide-option:focus-visible { border-color:rgba(var(--accent-rgb),.68); background:rgba(var(--accent-rgb),.1); transform:translateY(-2px); outline:none; }
.service-guide-option:focus-visible { box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2); }
.price-panel .price-kicker { margin-top:1.2rem; padding-top:1.1rem; border-top:1px solid var(--line); color:var(--stone); font-size:.85rem; }
.price-panel .price-kicker strong { color:var(--ink); }
.service-note { margin-top:1.1rem; padding:.9rem 1rem; border-left:2px solid var(--accent); background:rgba(var(--accent-rgb),.07); color:var(--ink-soft); font-size:.9rem; }
.services-intro { max-width:68ch; margin-top:.85rem; color:var(--stone); }
.service-more-link { white-space:nowrap; }
.cta-final .cta-context { max-width:56ch; margin:1rem auto 0; color:var(--stone); }
.cta-final .hero-actions { gap:.85rem; flex-wrap:wrap; }
.faq-item summary:hover { background:rgba(var(--accent-rgb),.05); }

/* Complementary services: an editorial explorer, not a secondary list. */
.service-explorer-section { overflow:hidden; }
.service-explorer-grid { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:2rem; padding-left:.15rem; }
.service-explorer-grid::before { content:""; position:absolute; left:0; top:0; bottom:0; width:1px; background:linear-gradient(to bottom, rgba(var(--accent-rgb),.85), rgba(var(--accent-rgb),.16)); pointer-events:none; }
.service-explorer-card { position:relative; display:flex; flex-direction:column; min-height:15.3rem; padding:1.45rem 1.5rem 1.35rem 1.75rem; border:1px solid var(--glass-border); background:rgba(255,255,255,.018); transition:border-color .25s var(--ease-out), background .25s var(--ease-out), transform .25s var(--ease-out), box-shadow .25s var(--ease-out); }
.service-explorer-card::before { content:""; position:absolute; left:-1px; top:0; bottom:0; width:2px; background:var(--accent); opacity:.85; }
.service-explorer-card:hover, .service-explorer-card:focus-within { border-color:rgba(var(--accent-rgb),.58); background:rgba(var(--accent-rgb),.055); transform:translateY(-3px); box-shadow:0 12px 25px rgba(0,0,0,.1); }
.service-explorer-meta { display:flex; align-items:center; gap:.78rem; color:var(--accent); font-size:.77rem; line-height:1; font-weight:600; letter-spacing:.02em; text-transform:uppercase; }
.service-explorer-meta > span:first-child { font-variant-numeric:tabular-nums; }
.service-explorer-meta > span:nth-child(2) { width:1px; height:1rem; background:rgba(var(--accent-rgb),.55); }
.service-explorer-meta p { margin:0; }
.service-explorer-card h3 { margin-top:1rem; font-size:clamp(1.25rem,1.7vw,1.55rem); }
.service-explorer-card > p, .service-explorer-card-featured p { margin-top:.55rem; max-width:56ch; color:var(--stone); font-size:.92rem; line-height:1.55; }
.service-explorer-cta { display:inline-flex; align-items:center; gap:.45rem; align-self:flex-start; margin-top:auto; padding-top:1.35rem; border-bottom:1px solid rgba(237,239,241,.24); color:var(--ink); font-size:.91rem; font-weight:600; line-height:1.35; transition:color .2s var(--ease-out), border-color .2s var(--ease-out); }
.service-explorer-cta span { color:var(--accent); font-size:1.1em; transition:transform .2s var(--ease-out); }
.service-explorer-cta:hover, .service-explorer-cta:focus-visible { color:var(--accent); border-color:var(--accent); outline:none; }
.service-explorer-cta:hover span, .service-explorer-cta:focus-visible span { transform:translateX(3px); }
.service-explorer-card-featured { grid-column:1 / -1; display:flex; flex-direction:row; align-items:end; justify-content:space-between; gap:2rem; min-height:auto; padding-block:1.35rem; }
.service-explorer-card-featured > div { max-width:70ch; }
.service-explorer-card-featured .service-explorer-cta { flex:none; margin:0 0 .15rem; padding-top:0; }
.service-orientation { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:1.5rem; margin-top:1.25rem; padding:1.45rem 1.6rem; border:1px solid var(--glass-border); background:rgba(255,255,255,.028); }
.service-orientation > div:first-child { padding-left:1.15rem; border-left:3px solid var(--accent); }
.service-orientation h3 { font-size:clamp(1.18rem,1.8vw,1.45rem); }
.service-orientation p { margin-top:.35rem; color:var(--stone); font-size:.9rem; }
.service-orientation-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.75rem; }
.service-orientation-actions .btn { min-width:max-content; }

/* Decision paths: the full surface is an intentional, accessible link. */
.service-paths { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin-top:2.25rem; border:1px solid var(--glass-border); background:var(--glass-border); }
.service-path { position:relative; display:flex; flex-direction:column; min-height:16.25rem; padding:1.65rem 1.7rem 1.45rem; color:var(--ink); background:rgba(22,29,41,.98); text-decoration:none; transition:background .25s var(--ease-out), transform .25s var(--ease-out); }
.service-path::before { content:""; position:absolute; inset:0 auto 0 0; width:2px; background:var(--accent); opacity:.72; transition:opacity .25s var(--ease-out), width .25s var(--ease-out); }
.service-path:hover, .service-path:focus-visible { z-index:1; background:rgba(var(--accent-rgb),.08); outline:1px solid rgba(var(--accent-rgb),.75); outline-offset:-1px; transform:translateY(-2px); }
.service-path:hover::before, .service-path:focus-visible::before { width:3px; opacity:1; }
.service-path-kicker { margin:0; color:var(--accent); font-size:.72rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.service-path h3 { margin-top:1rem; max-width:18ch; font-size:clamp(1.35rem,2vw,1.78rem); line-height:1.08; }
.service-path p:not(.service-path-kicker) { margin-top:.75rem; max-width:44ch; color:var(--stone); font-size:.94rem; line-height:1.55; }
.service-path-cta { display:flex; align-items:center; gap:.45rem; margin-top:auto; padding-top:1.45rem; color:var(--ink); font-size:.92rem; font-weight:600; }
.service-path-cta span { color:var(--accent); font-size:1.1em; transition:transform .2s var(--ease-out); }
.service-path:hover .service-path-cta span, .service-path:focus-visible .service-path-cta span { transform:translateX(4px); }
.service-path-featured { grid-column:1 / -1; min-height:11.5rem; }
.service-path-featured h3 { max-width:26ch; }
.process-list .clause { scroll-margin-top:calc(var(--nav-h) + 1.5rem); }

/* Long-form service profiles keep the same editorial cadence as direct services. */
.service-profiles { padding-top:clamp(3.75rem,7vw,7rem); }
.service-profile { scroll-margin-top:calc(var(--nav-h) + 1.5rem); padding-block:clamp(3rem,5vw,5rem); border-top:1px solid var(--line); }
.clause { scroll-margin-top:calc(var(--nav-h) + 1.5rem); }
.service-profile:first-of-type { margin-top:2.6rem; }
.service-profile-last { border-bottom:1px solid var(--line); }
.service-profile-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(18rem,.8fr); gap:clamp(2rem,4vw,4.5rem); align-items:start; }
.service-profile-kicker { color:var(--accent); font-size:.8rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.service-profile h3 { margin-top:.75rem; font-size:clamp(1.8rem,3vw,2.8rem); }
.service-profile .lede { max-width:38ch; margin-top:1rem; }
.profile-signals { margin-top:2rem; padding:1.25rem 1.35rem; border-left:2px solid var(--accent); background:rgba(var(--accent-rgb),.06); }
.profile-signals h4, .profile-case-panel h4 { color:var(--ink); font-size:1rem; line-height:1.35; }
.profile-signals ul { display:grid; gap:.6rem; margin-top:.85rem; }
.profile-signals li { position:relative; padding-left:1rem; color:var(--ink-soft); font-size:.92rem; }
.profile-signals li::before { content:""; position:absolute; left:0; top:.62em; width:.36rem; height:1px; background:var(--accent); }
.profile-faq { margin-top:1.25rem; }
.profile-case-panel { position:sticky; top:calc(var(--nav-h) + 1.5rem); display:flex; flex-direction:column; align-items:flex-start; padding:1.55rem; border:1px solid var(--glass-border); background:var(--glass-fill); }
.profile-case-panel::before { content:""; width:2.2rem; height:1px; margin-bottom:1.25rem; background:var(--accent); }
.profile-panel-label { color:var(--accent); font-size:.75rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase; }
.profile-case-panel h4 { margin-top:.85rem; font-size:1.2rem; }
.profile-case-panel > p:not(.profile-panel-label) { margin-top:.75rem; color:var(--stone); font-size:.9rem; }
.profile-case-panel .btn { width:100%; justify-content:center; margin-top:1.45rem; }
.profile-case-panel .btn-line { margin-top:1rem; }
.profile-case-panel-featured { border-color:rgba(var(--accent-rgb),.45); background:rgba(var(--accent-rgb),.065); }
@media (max-width:767px) { .area-welcome { padding-top:2.5rem; padding-bottom:2.5rem; } .area-welcome-grid, .service-guide-options, .service-explorer-grid, .service-profile-grid, .service-paths { grid-template-columns:1fr; gap:1.25rem; } .area-hero-actions { flex-direction:column; align-items:stretch; } .area-hero-actions .btn { justify-content:center; } .service-explorer-grid { padding-left:0; } .service-explorer-grid::before { display:none; } .service-explorer-card { min-height:0; } .service-explorer-card-featured, .service-orientation, .service-path-featured { grid-column:auto; flex-direction:column; align-items:flex-start; } .service-explorer-card-featured .service-explorer-cta { margin-top:1.35rem; } .service-orientation { grid-template-columns:1fr; padding:1.3rem; } .service-orientation-actions { width:100%; justify-content:stretch; } .service-orientation-actions .btn { flex:1 1 100%; justify-content:center; } .service-profile { padding-block:3rem; } .profile-case-panel { position:static; } .service-path { min-height:0; } }
