.experience{border:1px solid var(--landing-line);border-radius:22px;background:var(--landing-soft);color:var(--landing-text);overflow:hidden}
.experience>summary{display:flex;gap:18px;align-items:center;padding:28px;cursor:pointer;list-style:none}
.experience>summary::-webkit-details-marker{display:none}.experience>summary .eyebrow{display:block;margin-bottom:10px}.experience-desktop,.experience-mobile{display:block;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700;line-height:1.2}.experience-mobile{display:none}
.experience-arrow{font-size:2.5rem;transition:transform .3s}.experience[open]>.experience-arrow,.experience[open]>summary>.experience-arrow{transform:rotate(90deg)}
.experience-body{padding:0 28px 28px}.experience[open]>.experience-body{animation:experience-open .35s ease-out}
.experience-search{display:grid;gap:16px}.experience-search label:first-child{display:grid;gap:8px}.experience-search input[type=search]{width:100%;box-sizing:border-box;padding:14px;border:1px solid var(--landing-line);border-radius:10px;background:var(--landing-background);color:var(--landing-text)}
.experience-search button{justify-self:start;padding:13px 20px;border:0;border-radius:10px;background:var(--landing-accent);color:var(--landing-text);font-weight:700}.experience-search button:disabled{opacity:.65;cursor:not-allowed}
.experience-states summary{cursor:pointer}
.experience-results{max-height:min(60vh,560px);overflow-y:auto;scrollbar-gutter:stable}.experience-results:empty{display:none}.experience :focus-visible{outline:3px solid var(--landing-accent);outline-offset:3px}
@keyframes experience-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.experience-desktop{display:none}.experience-mobile{display:block}.experience>summary{padding:20px;gap:12px}.experience-body{padding:0 20px 20px}.experience-results{max-height:55dvh}}
@media(prefers-reduced-motion:reduce){.experience-arrow{transition:none}.experience[open]>.experience-body{animation:none}}

html[data-motion="none"] .experience-arrow{transition:none}html[data-motion="none"] .experience[open]>.experience-body{animation:none}

/* A full-width backdrop; search and results keep their own readable surfaces. */
.section-experience{--landing-text:#0E0F22;--landing-muted:#3f4759;--landing-background:#ffffff;--landing-soft:#f7efdf;--landing-line:#d5d1c7;--landing-accent:#EFBD42;--landing-icon:#805000;background:#f7efdf;color:#0E0F22;padding-block:clamp(40px,6vw,80px)}
.section-experience::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#fff5,#fff5),url('/landingpage/experience-blue-waves.webp') center/cover no-repeat fixed}
.section-experience .experience{border:0;border-radius:0;background:transparent;overflow:visible;color:#0E0F22}
.section-experience .experience>summary{padding:0 0 24px;align-items:flex-start}
.section-experience .experience-arrow{color:#805000;line-height:1.1}
.section-experience .experience>summary .eyebrow{color:#805000}
.section-experience .experience-body{padding:0}
.section-experience .experience-body>.intro{color:#20283b;max-width:760px;margin-top:0}
.section-experience .experience-search{padding:24px;border:1px solid #d5d1c7;border-radius:18px;background:#fffffff5;box-shadow:0 8px 30px #0e0f220a;color:#0E0F22}
.section-experience .experience-search label,.section-experience .experience-states summary{color:#0E0F22}
.section-experience .experience-search>button{cursor:pointer;min-height:48px;box-shadow:0 3px 8px #0e0f2212}
.section-experience .experience-search>button:hover{background:#e3ad2c}
.section-experience .experience-status{color:#0E0F22;background:#fffffff2;border-radius:10px;padding:14px 18px;line-height:1.6;font-size:14px;margin:20px 0 10px}
.section-experience .experience-results{border-radius:16px;overscroll-behavior-y:auto}
.section-experience .experience-card{background:#fff;box-shadow:0 4px 16px #0e0f2210;color:#0E0F22}
@media(hover:none),(pointer:coarse),(max-width:760px){.section-experience::before{background-attachment:scroll}.section-experience .experience-search{padding:18px}.section-experience .experience>summary{padding:0 0 20px}}
@media(prefers-reduced-motion:reduce){.section-experience::before{background-attachment:scroll}}
html[data-motion="none"] .section-experience::before{background-attachment:scroll}

/* One continuous backdrop for the introduction and the interactive search. */
.landing-journey{position:relative;isolation:isolate;background:#0E0F22}
.landing-journey::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0E0F2260,#0E0F2230),var(--landing-waves,url('/landingpage/hero-golden-waves.png')) center/cover no-repeat fixed}
.landing-journey>.section-hero,.landing-journey>.section-experience{background:transparent!important}
.landing-journey>.section-hero::before,.landing-journey>.section-experience::before{display:none}
.landing-journey .experience>summary,.landing-journey .experience-desktop,.landing-journey .experience-mobile{color:#fff}
.landing-journey .experience-arrow,.landing-journey .experience>summary .eyebrow{color:#EFBD42}
.landing-journey .experience-body>.intro{color:#e4e5ed}
.section-experience .experience-results{max-height:none;overflow:visible;scrollbar-gutter:auto}
@media(hover:none),(pointer:coarse),(max-width:760px){.landing-journey::before{background-attachment:scroll}}
@media(prefers-reduced-motion:reduce){.landing-journey::before{background-attachment:scroll}}
html[data-motion="none"] .landing-journey::before{background-attachment:scroll}
.experience-export-qualification{background:#80521c;min-width:190px}
.experience-export-qualification svg{width:30px;height:32px}
.section-experience .experience>summary{align-items:center}
.section-experience .experience-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:0 0 70px;min-height:64px;border:1px solid #EFBD4280;border-radius:12px;background:#0e0f2280;color:#EFBD42;transform:none!important;transition:background .2s,border-color .2s;font-size:11px;font-weight:650;line-height:1.2}
.experience-arrow svg{width:25px;height:25px;transition:transform .2s}
.experience[open]>summary .experience-arrow svg{transform:rotate(180deg)}
.experience-collapse-label{display:none}.experience[open] .experience-collapse-label{display:block}.experience[open] .experience-expand-label{display:none}
.experience>summary:hover .experience-arrow{background:#EFBD421a;border-color:#EFBD42}
@media(max-width:700px){.section-experience .experience-arrow{flex-basis:58px;min-height:58px;font-size:10px}.experience-arrow svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.experience-arrow svg{transition:none}}
html[data-motion="none"] .experience-arrow svg{transition:none}
.section-experience .experience-desktop,.section-experience .experience-mobile{font-weight:400}
@media(max-width:1024px){.section-experience .experience-desktop{display:none}.section-experience .experience-mobile{display:block}}

.experience-card{padding:20px;margin:14px 4px;border:1px solid var(--landing-line);border-radius:14px;background:var(--landing-background);overflow-wrap:anywhere}.experience-card h3{margin:4px 0 16px;font-size:clamp(1.05rem,2vw,1.2rem);font-weight:400;line-height:1.5}.experience-object-label{display:block;font-size:12px}.experience-item{padding:12px 0;border-bottom:1px solid var(--landing-line)}

.experience-auth{box-sizing:border-box;width:min(960px,96vw);height:min(850px,94dvh);max-height:94dvh;padding:18px;border:1px solid #EFBD42;border-radius:18px;background:#fff;color:#0E0F22;overflow:hidden}.experience-auth::backdrop{background:rgba(14,15,34,.7)}.experience-auth h2{font-size:20px;margin:0 90px 14px 0}.experience-auth-close{position:absolute;right:16px;top:14px;padding:10px;cursor:pointer}.experience-auth iframe{width:100%;height:calc(100% - 55px);border:0}

.experience-email{box-sizing:border-box;width:min(600px,94vw);max-height:92dvh;overflow:auto;border:1px solid #EFBD42;border-radius:18px;padding:24px;background:#fff;color:#0E0F22}.experience-email::backdrop{background:rgba(14,15,34,.7)}.experience-email form,.experience-email label{display:grid;gap:10px}.experience-email form{gap:20px;margin-top:20px}.experience-email input{padding:12px;max-width:100%;box-sizing:border-box}.experience-email .experience-email-consent{display:flex;align-items:flex-start}.experience-email-consent input{flex-shrink:0}.experience-email button{padding:12px;cursor:pointer}
.experience-email form[hidden]{display:none}
.experience-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border:1px solid #eac68b;border-radius:24px;padding:6px;margin-top:16px}
.experience-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:var(--landing-text);font:inherit;text-decoration:none;padding:8px;cursor:pointer;min-width:0;font-size:14px}
.experience-actions svg{width:23px;height:23px;stroke:#bc7100;fill:none;stroke-width:1.8}.experience-actions [aria-pressed=true] svg{fill:#bc7100}.experience-actions button:disabled{opacity:.45;cursor:not-allowed}
.experience-items{margin-top:18px;border-top:1px solid var(--landing-line);padding-top:4px}.experience-items[hidden]{display:none}.experience-item-count{font-size:14px;line-height:1.6}
.experience-exports{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0}.experience-export{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;padding:12px 22px;color:#fff;min-width:112px;font-weight:700;cursor:pointer}.experience-export svg{width:32px;height:36px;fill:none;stroke:currentColor;stroke-width:2}.experience-export-xlsx{background:#187346}.experience-export-docx{background:#185abd}.experience-export:hover{filter:brightness(.9)}.experience-export:disabled{opacity:.65;cursor:wait}
.experience-state-picker{position:relative;min-width:0;margin-top:14px}.experience-state-picker>label{display:block;font-size:14px;margin-bottom:8px}.experience-state-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border:1px solid var(--landing-line);border-radius:10px;background:var(--landing-background);min-width:0}.experience-state-control input{border:0;background:transparent;min-width:100px;width:auto;flex:1;padding:6px;color:var(--landing-text);font:inherit}.experience-state-chips{display:contents}.experience-state-chip{display:inline-flex;align-items:center;gap:7px;background:var(--landing-soft);border:1px solid var(--landing-line);border-radius:7px;padding:3px 8px;max-width:100%;font-size:14px}.experience-state-chip span{overflow-wrap:anywhere}.experience-search .experience-state-chip button{padding:2px 5px;background:transparent;font-size:20px;font-weight:400;flex-shrink:0;cursor:pointer}.experience-state-options{position:absolute;z-index:5;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;overscroll-behavior:contain;background:var(--landing-background);border:1px solid var(--landing-line);border-radius:8px;box-shadow:0 8px 20px #0e0f221a}.experience-state-options[hidden]{display:none}.experience-state-option{padding:11px 14px;cursor:pointer;font-size:14px}.experience-state-option:hover,.experience-state-option[aria-selected=true]{background:var(--landing-soft)}.experience-state-options p{padding:10px}.experience-state-help{font-size:13px}
@media(max-width:650px){.experience-actions button{font-size:12px;padding:8px 3px}.experience-card{padding:14px}.experience-actions{gap:3px}.experience-state-control input{font-size:16px}}

.experience-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.experience-documents{border-top:1px solid var(--landing-line);margin-top:16px;padding-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.experience-documents[hidden]{display:none}.experience-document{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--landing-line);border-radius:12px;background:var(--landing-soft);color:var(--landing-text);text-decoration:none;overflow-wrap:anywhere;min-width:0}.experience-document svg{width:28px;height:28px;stroke:#bc7100;fill:none;stroke-width:1.8}.experience-document small{color:#184d9c;text-decoration:underline}.experience-export:disabled{cursor:not-allowed}.experience-export small{max-width:130px;font-weight:400;font-size:12px}.experience-export svg+small{margin-top:0}.experience-export svg:nth-of-type(2){width:18px;height:18px}@media(max-width:650px){.experience-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
