/* Hill mockup: clean company cards and contact, scoped to approved sections. */
.cosw .cos{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cosw .cos a{padding:0;border:1px solid #E4E4E8;border-radius:2px;background:#fff;box-shadow:none;animation:none;transition:border-color .2s}
.cosw .cos a::before,.cosw .cos a::after{display:none}
.cosw .cos a:hover{translate:none;box-shadow:none;border-color:#533AFD}
.cosw .cos__card{border-radius:0;box-shadow:none;padding:30px 24px 24px;row-gap:24px}
.cosw .cos__lg,.cosw .cos a:first-child .cos__lg{max-width:340px;align-self:center}
.cosw .cos__cp{font-size:10px;color:#55535C;letter-spacing:.12em}
#contact.end{background:#141318;border-top:1px solid #29282E}
#contact .end__bg,#contact .end__scrim{display:none}
#contact .end__in{padding:76px clamp(20px,4vw,56px) 24px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);column-gap:clamp(40px,6vw,96px)}
#contact .end__eb{color:#B9B9F9}
#contact .end__h{font-size:clamp(40px,4.7vw,66px);font-weight:500;line-height:1.04;max-width:15ch;margin-top:18px}
#contact .abroad{max-width:510px;margin-top:32px;padding:24px 0 0;border-left:0;border-top:1px solid #3A393F}
#contact .abroad h3{font-size:24px;max-width:30ch}
#contact .abroad p{color:#C6C5CB}
#contact .abroad__btn{background:#533AFD;border:1px solid #533AFD;justify-content:center}
#contact .abroad__btn:hover{background:#462EE0}
#contact .abroad p.abroad__time{font-size:12px;color:#A6A4AE}
#contact .end__of{margin-top:28px;padding-top:24px;grid-template-columns:1.2fr 1fr;gap:20px 24px}
#contact .end__of>div:last-child{grid-column:1/-1}
#contact .end__of b,#contact .end__of a{font-size:15px;font-weight:400}
#contact .end__r{background:#fff;color:#141318;border:0;padding:32px;backdrop-filter:none;-webkit-backdrop-filter:none}
#contact .end__r h2{font-size:13px;color:#141318;letter-spacing:.18em}
#contact .cf{margin-top:28px;gap:22px 16px}
#contact .cf-lb{color:#55535C;letter-spacing:.1em}
#contact .cf input,#contact .cf select,#contact .cf textarea{background:#FAFAFB;border:1px solid #D8D7DD;border-radius:0;color:#141318;font-size:16px;min-height:48px;padding:12px;box-sizing:border-box;width:100%}
#contact .cf textarea{min-height:116px;resize:vertical}
#contact .cf input:hover,#contact .cf select:hover,#contact .cf textarea:hover{border-color:#817F8A}
#contact .cf input:-webkit-autofill{-webkit-text-fill-color:#141318;box-shadow:0 0 0 1000px #FAFAFB inset}
#contact .cf-hint{font-size:12px;color:#6B6875}
#contact .cf-err{color:#A32424}
#contact .cf-go{width:100%;background:#533AFD;color:#fff;font-weight:500}
#contact .cf-box{border-color:#D8D7DD}#contact .cf-box p,#contact .cf-box .cf-thx,#contact .cf-box a{color:#141318}
#contact .end__b{margin-top:48px;padding-top:28px;grid-template-columns:1.1fr .9fr 1.2fr auto}
#contact .hf-bar{padding-top:20px}
#contact .end__r :focus-visible{outline:2px solid #533AFD;outline-offset:3px}
@media(max-width:1023px){#contact .end__in{display:block;padding-top:56px}#contact .end__l,#contact .end__r{max-width:none}#contact .end__r{margin-top:32px}#contact .end__b{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.cosw .cos{display:flex;gap:16px}.cosw .cos__card{padding:24px;gap:20px}.cosw .cos__lg,.cosw .cos a:first-child .cos__lg{max-width:280px}#contact .end__in{padding-top:44px}#contact .end__h{font-size:44px}#contact .end__r{padding:24px 20px}#contact .cf{grid-template-columns:1fr}#contact .end__of{grid-template-columns:1fr}#contact .end__of>div:last-child{grid-column:auto}#contact .end__b{gap:24px}#contact .hf-bar{padding-right:78px;gap:16px}}
@media(prefers-reduced-motion:reduce){.cosw .cos a{transition:none}}
/* Compact contact rhythm, approved review revision. */
#contact .end__in{padding-top:44px;column-gap:48px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
#contact .end__h{font-size:clamp(38px,4vw,54px);margin-top:12px}
#contact .end__l{padding-bottom:0}
#contact .abroad{margin-top:22px;padding-top:18px;max-width:none}
#contact .abroad h2{margin-bottom:8px}
#contact .abroad h3{font-size:22px;margin-bottom:10px;max-width:none}
#contact .abroad p{margin-bottom:12px;font-size:15px;max-width:58ch}
#contact .abroad__btn{padding:10px 16px;min-height:44px;font-size:15px}
#contact .abroad p.abroad__time{margin-top:8px;margin-bottom:0}
#contact .end__of{grid-template-columns:minmax(0,1.45fr) minmax(0,1.15fr) minmax(0,.85fr);gap:18px;margin-top:20px;padding-top:18px}
#contact .end__of>div:last-child{grid-column:auto}
#contact .end__of b,#contact .end__of a{font-size:14px}
#contact .end__lb{font-size:10px;letter-spacing:.12em}
#contact .end__of a{min-height:36px;overflow-wrap:anywhere}
#contact .end__r{padding:26px}
#contact .cf{margin-top:20px;gap:16px 14px}
#contact .cf textarea{min-height:96px}
#contact .end__b{margin-top:28px;padding-top:22px}
#contact .hf-bar{padding-top:12px}
@media(max-width:1023px){#contact .end__in{padding-top:40px}#contact .end__r{margin-top:24px}}
@media(max-width:767px){#contact .end__in{padding-top:32px}#contact .end__of{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#contact .end__of .end__ad{grid-column:1/-1}#contact .end__r{padding:22px 18px}#contact .end__h{font-size:40px}#contact .abroad h3{font-size:21px}}

/* Official group marks, with social icons on the same visual centre line. */
#contact .end__b{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.3fr) auto;column-gap:24px}
#contact .end__group-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
#contact .end__group-logos a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;height:56px;padding:9px;background:#fff;border:1px solid #E4E4E8;text-decoration:none}
#contact .end__group-logos img{display:block;width:100%;height:100%;object-fit:contain}
#contact .end__group-logos a:hover{border-color:#B9B9F9}
#contact .end__b .hf-coins{align-self:start;padding-top:30px;margin-top:0}
@media(max-width:1023px){#contact .end__b{grid-template-columns:repeat(2,minmax(0,1fr))}#contact .end__b .hf-coins{grid-column:auto;align-self:center;padding-top:22px}#contact .hf-group{grid-column:1/-1}#contact .end__group-logos{max-width:420px}}
@media(max-width:767px){#contact .end__b .hf-coins{grid-column:1/-1;padding-top:0}#contact .end__group-logos a{height:60px}}
