/* r9 design layer: text untouched */
.hero9{padding:104px 0 0;border-bottom:1px solid var(--line)}
.hero9 .hero-in{grid-template-columns:1.25fr 1fr;gap:56px}
.hero9 h1{font-size:clamp(40px,4.6vw,62px);line-height:1.15;margin:0 0 24px;letter-spacing:-.01em}
.hero9 .kick{display:inline-block;color:#1F55D6;background:#EAF0FD;border:1px solid #C9D7F7;border-radius:999px;padding:7px 14px;font-size:13px;letter-spacing:.14em;margin:0 0 22px}
.hero9 .hsub{color:#475569;font-size:18px;max-width:640px}
.hero9 .hpts{gap:12px;margin:0 0 34px}.hero9 .hpts span{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#0F172A;font-size:15px}
.hero9 .hpts span:before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1E8E4E;color:#fff;font-size:12px}
.hero9 .hero-art{max-width:520px;justify-self:end;filter:drop-shadow(0 24px 40px rgba(31,85,214,.12))}
.hero9 .strip{margin-top:72px}
.eyebrow{font:700 13px "Inter",sans-serif;color:#1F55D6;letter-spacing:.14em;margin:0 0 10px}
.s2 h2{font-size:40px;letter-spacing:-.01em}
/* value cards */
.vcard{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.vcard:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#1F55D6,#3A69DB)}
.vcard .vn{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#EAF0FD;font-size:17px}
.vcard:hover,.steps li:hover{transform:translateY(-3px);box-shadow:0 18px 40px -18px rgba(23,63,168,.35)}
/* steps connected */
.steps{position:relative;counter-reset:s}
.steps:before{content:"";position:absolute;left:36px;right:36px;top:60px;height:2px;background:repeating-linear-gradient(90deg,#9DB5EE 0 8px,transparent 8px 14px);z-index:0}
.steps li{position:relative;z-index:1;transition:transform .2s,box-shadow .2s}
.steps .sn{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#1F55D6;color:#fff;box-shadow:0 0 0 6px #EAF0FD,0 6px 16px rgba(31,85,214,.3)}
/* requirements */
.acc details{background:#fff;transition:border-color .2s}.acc details[open]{border-color:#9DB5EE;box-shadow:0 10px 30px -18px rgba(23,63,168,.3)}
.close{background:linear-gradient(90deg,#EAF0FD,transparent);border-radius:0 12px 12px 0;padding:20px 24px}
/* contact band */
#contact{background:linear-gradient(rgba(31,85,214,.07) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(31,85,214,.07) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(135deg,#F5F8FD,#E6EEFB);color:#0F172A;border-top:1px solid #C9D7F3}
#contact h2{color:#0F172A}#contact h2:after{content:"";display:block;width:56px;height:4px;border-radius:2px;background:#1F55D6;margin-top:16px}#contact .txt,#contact p{color:#475569}#contact .clabel{color:#0F172A!important}#contact .cval{color:#1F55D6}#contact .slot{background:#fff;border:1px solid #C9D7F3}
@media(max-width:900px){.hero9 .hero-in{grid-template-columns:1fr}.hero9 .hero-art{justify-self:start;max-width:360px}.steps:before{display:none}.hero9{padding-top:56px}}
.hero.hero9{background:linear-gradient(180deg,#EEF3FC,#F8FAFC);color:#0F172A}.hero9 h1{color:#0F172A}
/* R12 language dropdown */
.langdd{position:relative;display:inline-block}
.langdd>summary{list-style:none;cursor:pointer;color:var(--ink2,#334155);border:1px solid var(--line2,#d6dbe4);border-radius:999px;padding:3px 26px 3px 10px;font-size:13px;font-weight:600;line-height:1.5;background:#fff;position:relative;user-select:none}
.langdd>summary::-webkit-details-marker{display:none}
.langdd>summary:after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg)}
.langdd[open]>summary:after{transform:translateY(-20%) rotate(-135deg)}
.langdd>summary:hover,.langdd>summary:focus-visible{border-color:var(--acc,#1F55D6);outline:none}
.langdd ul{position:absolute;right:0;top:calc(100% + 6px);min-width:120px;margin:0;padding:4px;list-style:none;background:#fff;border:1px solid var(--line2,#d6dbe4);border-radius:10px;box-shadow:0 8px 24px rgba(15,23,42,.12);z-index:1000}
.langdd li a{display:block;padding:8px 12px;border-radius:6px;color:var(--ink,#0f172a);font-size:14px;text-decoration:none}
.langdd li a:hover,.langdd li a:focus-visible{background:#eef3fd;outline:none}
.langdd li a[aria-current]{font-weight:700;color:var(--acc,#1F55D6)}
