/* One chosen service at a time, followed by that service's references. */
[data-service-panel][hidden]{display:none!important}
.service-picker{margin:32px auto 0;width:min(450px,100%);text-align:center;scroll-margin-top:100px}
.service-picker>p{font-size:13px;color:#aab59f;margin:0 0 12px}
.service-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.service-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:91px;padding:15px 24px;border-radius:8px;background:#1b221a;color:#d3ddc8;transition:background .25s,color .25s,box-shadow .25s}
.service-option small{font-size:11px;font-weight:400;color:#99aa8a}
.service-option strong{font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.025em}
.service-option[aria-current=true],.service-option:hover{background:#d0e8a0;color:#1a2413}
.service-option[aria-current=true] small,.service-option:hover small{color:#52643b}
.service-option:focus-visible{outline:2px solid #e8f6d0;outline-offset:5px}
.focused-hero .hero-actions{margin-top:22px}
.focused-hero .hero-actions .primary{min-height:40px;padding:6px 12px;background:transparent;color:#bac8aa;font-size:14px;font-weight:500}
.focused-hero .hero-actions .primary:hover{color:#e5f6c9;background:transparent}
.focused-hero .hero-note{font-size:12px;margin-top:7px;color:#809074}
.hero-center{padding-block:78px 70px;min-height:700px}
.service-current{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px;color:#b6c6a4;font-size:13px}
.service-current a{font-size:12px;color:#8e9e7f;padding:8px 0}
.service-current a:hover{color:#deebc8}
.page-home .service-sectors{display:block}
.page-home .sector{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;padding:55px 60px}
.page-home .sector-intro h2{font-size:clamp(34px,3.6vw,49px)}
.page-home .sector-intro{align-self:center}
.sector-intro h2:focus{outline:none}
.solutions{scroll-margin-top:90px;padding-bottom:64px}
.rank-references{padding:0 0 104px;scroll-margin-top:95px}
.references-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.references-heading .section-kicker{margin-bottom:13px;font-size:12px;letter-spacing:.03em;color:#a1b58e}
.references-heading h2{font-size:clamp(30px,3.2vw,40px);letter-spacing:-.045em}
.references-heading>p{max-width:360px;color:#8f9f83;font-size:13px;line-height:1.8}
.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.reference-card{padding:24px 22px 22px;background:linear-gradient(145deg,#141b13,#101510);border-radius:10px;min-width:0;min-height:194px}
.reference-card.is-example{background:radial-gradient(ellipse at 90% 0,#b9d88612,transparent 80%),#182114}
.reference-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px}
.reference-card h3{font-size:16px;color:#dde7d1;font-weight:550;line-height:1.5}
.reference-badge{font-size:10px;color:#a5b68f;padding:3px 6px;background:#bdcf9c0a;border-radius:3px;white-space:nowrap}
.reference-keyword{font-size:12px;color:#8e9f7e;margin-top:9px;min-height:22px}
.reference-ranks{display:grid;grid-template-columns:1fr 18px 1fr;gap:5px;align-items:center;margin-top:19px}
.reference-ranks>div{display:flex;align-items:baseline;gap:2px}
.reference-ranks>div:last-child{justify-content:flex-end}
.reference-ranks b{font-size:32px;line-height:1.3;letter-spacing:-.055em;color:#839471;font-weight:450;font-variant-numeric:tabular-nums}
.reference-ranks small{font-size:12px;color:#819170}
.reference-ranks .rank-after b,.reference-ranks .rank-after small{color:#d9eec1}
.reference-arrow{color:#6c7e5c;font-size:16px;text-align:center}
.reference-card:not(.is-example) .reference-ranks b{color:#4c5b42;font-weight:300}
.reference-card:not(.is-example) .reference-ranks small{color:#718166}
.reference-status{font-size:10px;color:#7d8f6e;margin-top:12px;line-height:1.7}
.is-example .reference-status{color:#b1c29a}
.references-note{font-size:11px;color:#849677;margin:19px 0 0;line-height:1.9;max-width:720px}
.service-selection-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1050px){.page-home .sector{gap:46px;padding:42px 38px}.reference-grid{gap:13px}.reference-card{padding:22px 18px}.reference-ranks b{font-size:29px}}
@media(max-width:820px){.page-home .sector{gap:30px;padding:36px 28px}.page-home .sector-intro h2{font-size:34px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-card{padding:24px;min-height:188px}.reference-ranks b{font-size:34px}.references-heading{align-items:start;flex-direction:column;gap:18px}}
@media(max-width:680px){
 .hero-center{padding-block:70px 54px;min-height:650px}.service-picker{margin-top:25px;width:min(360px,100%)}
 .service-picker>p{font-size:12px;margin-bottom:10px}.service-option{min-height:81px;padding:13px 16px}.service-option strong{font-size:21px}.service-option small{font-size:10px}
 .focused-hero .hero-actions{margin-top:16px}.focused-hero .hero-actions .primary{min-height:36px;padding:4px 8px;font-size:13px}.focused-hero .hero-note{font-size:11px;margin-top:4px}
 .page-home .sector{display:flex;flex-direction:column;align-items:stretch;padding:32px 22px;gap:30px}.page-home .sector-intro h2{font-size:34px}.page-home .sector-intro{align-self:stretch}
 .service-current{font-size:12px;margin-bottom:18px}.service-current a{font-size:11px}.solutions{padding-top:36px;padding-bottom:42px;scroll-margin-top:78px}
 .rank-references{padding-bottom:72px}.references-heading{margin-bottom:22px;gap:16px}.references-heading h2{font-size:30px}.references-heading>p{font-size:12px}.references-heading .section-kicker{font-size:11px}
 .reference-grid{gap:12px}.reference-card{padding:20px 16px;min-height:183px}.reference-card h3{font-size:15px}.reference-badge{font-size:9px;padding:2px 4px}
 .reference-keyword{font-size:11px;margin-top:8px}.reference-ranks{margin-top:16px;gap:3px;grid-template-columns:1fr 14px 1fr}.reference-ranks b{font-size:29px}.reference-ranks small{font-size:10px}.reference-arrow{font-size:14px}
 .reference-status{font-size:9px}.references-note{font-size:10px;margin-top:16px}
}
@media(max-width:360px){.reference-card{padding:17px 12px}.reference-card h3{font-size:14px}.reference-ranks b{font-size:26px}.reference-ranks small{font-size:9px}.hero-center{min-height:650px}.page-home .sector-intro h2{font-size:31px}}
