/* Shared design tokens and compact Vault presentation. */
:root{font-family:Inter,sans-serif}
body{font-family:Inter,sans-serif}
.experience-hero{padding-block:54px 42px;background:#020617}
.experience-hero .container{width:min(1400px,calc(100% - 64px))}
.experience-hero-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:38px;align-items:center}
.experience-hero h1{font-size:clamp(38px,4.3vw,62px);font-weight:900;line-height:1.06;letter-spacing:-.045em;margin:0 0 26px;max-width:650px}
.experience-hero .ramp-hero-lead{font-size:17px;line-height:1.85;color:#cbd5e1;margin-bottom:26px}
.experience-hero .ramp-profile-links{margin:22px 0 0}
.service-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.service-category{background:#0f172a;border:1px solid #334155;border-radius:16px;padding:28px}
.service-category h3{font-size:26px;font-weight:900;margin:10px 0 16px;letter-spacing:-.035em}
.service-category p{font-size:15px;line-height:1.8}
.service-category details{font-size:13px;margin-top:18px}
.service-category summary{cursor:pointer;color:#67e8f9;padding-block:10px}
.service-category details p{font-size:13px}
.service-example{border-left:2px solid #8b5cf6;padding-left:16px;margin-top:20px;color:#cbd5e1}
.service-number{color:#a5b4fc;font-size:12px;font-weight:800;letter-spacing:.1em}
.intake-categories>p{font-size:13px;color:#a8b7cc;margin-top:-12px}
.intake-categories>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.intake-categories label{display:flex;align-items:center;gap:10px;border:1px solid #475569;border-radius:8px;padding:14px;font-size:13px;cursor:pointer}
.intake-categories input{width:18px;height:18px;accent-color:#8b5cf6;flex-shrink:0}
.intake-categories input:focus-visible{outline:3px solid #67e8f9;outline-offset:3px}

@media(min-width:1251px){.experience-hero .container{max-width:1400px}
}

@media(max-width:1100px){.experience-hero-grid{grid-template-columns:1fr;gap:36px}
.experience-hero-copy{max-width:780px}
.experience-hero h1{font-size:56px;max-width:780px}
}

@media(max-width:640px){.experience-hero .container{width:calc(100% - 40px)}
.experience-hero{padding-block:36px}
.experience-hero h1{font-size:clamp(34px,9vw,48px);line-height:1.08}
.experience-hero .ramp-hero-lead{font-size:16px}
.experience-hero-grid{gap:30px}
.service-categories{grid-template-columns:1fr}
.service-category{padding:24px}
.intake-categories>div{grid-template-columns:1fr}
}