:root{--info-ink:#17191f;--info-muted:#657184;--info-line:#dce3eb;--info-violet:#6d3cff;--info-blue:#1597e5;--info-surface:#fff}
*{box-sizing:border-box}
body.chloe-info-page{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 0,rgba(109,60,255,.08),transparent 30%),radial-gradient(circle at 94% 12%,rgba(21,151,229,.09),transparent 28%),#f4f7fa;color:var(--info-ink);font-family:var(--font-sf)}
.info-header{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(20px,4vw,64px);border-bottom:1px solid var(--info-line);background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}
.info-brand{width:min(285px,52vw);height:58px;display:flex;align-items:center;text-decoration:none}
.info-brand img{width:100%;height:100%;object-fit:contain;object-position:left center}
.info-shell{width:min(1120px,calc(100% - 32px));margin:28px auto 50px}
.info-hero{position:relative;overflow:hidden;padding:34px clamp(24px,5vw,54px);border:1px solid var(--info-line);border-radius:22px;background:linear-gradient(125deg,#fff 0,#f8f7ff 58%,#eef9ff 100%);box-shadow:0 16px 42px rgba(34,52,80,.08)}
.info-hero:after{position:absolute;right:-70px;top:-110px;width:280px;height:280px;border:1px solid rgba(109,60,255,.12);border-radius:50%;box-shadow:0 0 0 36px rgba(109,60,255,.03),0 0 0 72px rgba(21,151,229,.025);content:""}
.info-eyebrow{margin:0 0 9px;color:#a12535;font-size:11px;font-weight: var(--font-weight-interface, 500);letter-spacing:.13em;text-transform:uppercase}
.info-hero h1{position:relative;z-index:1;margin:0;color:#16191f;font-size:clamp(32px,5vw,50px);font-weight: var(--font-weight-interface, 500);line-height:1.05;letter-spacing:-.035em}
.info-hero>p:not(.info-eyebrow){position:relative;z-index:1;max-width:790px;margin:13px 0 0;color:var(--info-muted);font-size:15px;line-height:1.65}
.info-hero>span{position:relative;z-index:1;display:block;margin-top:16px;color:#7a8594;font-size:11px}
.info-tabs{display:flex;gap:8px;overflow:auto;margin:16px 0;padding:8px;border:1px solid var(--info-line);border-radius:14px;background:rgba(255,255,255,.88)}
.info-content{display:grid;gap:14px}
.info-card{padding:26px clamp(22px,4vw,38px);border:1px solid var(--info-line);border-radius:18px;background:var(--info-surface);box-shadow:0 8px 28px rgba(34,52,80,.055)}
.info-card h2{margin:0 0 11px;color:#222832;font-size:21px;font-weight: var(--font-weight-interface, 500);letter-spacing:-.02em}
.info-card h3{margin:22px 0 8px;color:#293341;font-size:15px;font-weight: var(--font-weight-interface, 500)}
.info-card p,.info-card li{color:#586576;font-size:14px;line-height:1.7}
.info-card p{margin:8px 0}
.info-card ul{margin:9px 0 0;padding-left:20px}
.info-card li+li{margin-top:7px}
.info-card a{color:#315fc3;text-underline-offset:3px}
.info-card strong{color:#293341;font-weight: var(--font-weight-emphasis, 600)}
.info-notice{border-left:4px solid var(--info-violet);background:linear-gradient(90deg,#f8f5ff,#fff)}
.info-warning{border-left:4px solid #b22536;background:linear-gradient(90deg,#fff6f7,#fff)}
.info-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.info-contact{padding:20px;border:1px solid var(--info-line);border-radius:14px;background:#f8fafc}
.info-contact span{display:block;margin-bottom:6px;color:#788393;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.info-contact a,.info-contact strong{color:#273342;font-size:15px;font-weight: var(--font-weight-interface, 500)}
@media(max-width:720px){.info-header{min-height:74px;padding:10px 16px}.info-brand{width:min(220px,55vw);height:50px}.info-shell{width:min(100% - 20px,1120px);margin-top:15px}.info-hero{padding:26px 22px;border-radius:17px}.info-card{padding:22px 18px}.info-contact-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Control geometry and states live in chloe-public-buttons.css. */
.info-tabs a{flex:1}
.contact-action,.contact-submit{margin-top:auto;cursor:pointer}

/* Shared Contact Us surface */
.contact-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.contact-channel{min-width:0;display:flex;flex-direction:column;gap:16px;padding:22px;border:1px solid var(--info-line);border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(34,52,80,.055)}
.contact-channel-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfe1ee;border-radius:10px;background:#f2f8fc;color:#16658d}
.contact-channel-icon svg,.contact-success>svg{width:20px;height:20px;flex:0 0 auto}
.contact-channel-label{margin:0 0 5px;color:#788393;font-size:11px;font-weight: var(--font-weight-interface, 500);letter-spacing:.09em;text-transform:uppercase}
.contact-channel h2{margin:0;color:#222832;font-size:18px;font-weight: var(--font-weight-interface, 500)}
.contact-channel-value{display:inline-block;max-width:100%;margin-top:7px;color:#315fc3;font-size:14px;font-weight: var(--font-weight-interface, 500);text-underline-offset:3px;overflow-wrap:anywhere}
.contact-field input:focus-visible,.contact-field select:focus-visible,.contact-field textarea:focus-visible{outline:3px solid rgba(21,151,229,.25);outline-offset:2px}
.contact-success{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border:1px solid #aad9bf;border-left:4px solid #258c5c;border-radius:14px;background:#effaf4;color:#205b3f}
.contact-success h2{margin:0 0 5px;font-size:18px}
.contact-success p{margin:3px 0;font-size:14px}
.contact-form-card{padding:0;overflow:hidden}
.contact-form-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;padding:24px 28px;border-bottom:1px solid var(--info-line)}
.contact-form-head h2{margin:0 0 6px}
.contact-form-head p:not(.info-eyebrow){margin:0;max-width:720px}
.contact-signed-in{max-width:330px;padding:11px 13px;border:1px solid #d9e2eb;border-radius:10px;background:#f7fafc}
.contact-signed-in strong,.contact-signed-in span{display:block;overflow-wrap:anywhere}
.contact-signed-in span{margin-top:4px;color:#697688;font-size:12px}
.contact-error-summary{margin:20px 28px 0;padding:14px 16px;border:1px solid #e3aab1;border-left:4px solid #b22536;border-radius:10px;background:#fff5f6;color:#862333}
.contact-error-summary ul{margin:7px 0 0;padding-left:20px}
.contact-form{padding:22px 28px 28px}
.required-legend{margin-bottom:13px;color:#687587;font-size:12px}
.required-marker{color:#b22536;font-weight: var(--font-weight-emphasis, 600)}
.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.contact-field{min-width:0}
.contact-field-full{grid-column:1/-1}
.contact-field label{display:block;margin:0 0 7px;color:#344356;font-size:12px;font-weight: var(--font-weight-interface, 500)}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-width:0;border:1px solid #bfd1df;border-radius:6px;background:#fff;color:#243345;font:400 14px/1.4 inherit;box-shadow:inset 0 1px 2px rgba(31,52,76,.035)}
.contact-field input,.contact-field select{min-height:42px;padding:0 12px}
.contact-field textarea{min-height:132px;padding:11px 12px;resize:vertical}
.contact-field [aria-invalid="true"]{border-color:#bd4251;background:#fffafb}
.contact-field-hint,.contact-field-error{display:block;margin-top:5px;font-size:11px;line-height:1.45}
.contact-field-hint{color:#748193}
.contact-field-error{color:#a12535;font-weight: var(--font-weight-interface, 500)}
.contact-verification{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,330px);gap:18px;align-items:center;margin-top:20px;padding:16px;border:1px solid #d8e2eb;border-radius:12px;background:#f8fafc}
.contact-verification strong{color:#344356;font-size:13px}
.contact-verification p{margin:4px 0 0;color:#687587;font-size:12px;line-height:1.5}
.contact-verification .contact-field-error{grid-column:1/-1}
.contact-verification-unavailable{padding:11px;border:1px solid #e6c98b;border-radius:6px;background:#fff8e8;color:#77561d;font-size:12px;line-height:1.5}
.contact-form-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px}
.contact-form-actions p{margin:0;color:#687587;font-size:12px}
.contact-submit{flex:0 0 auto;margin:0}
@media(max-width:900px){.contact-channel-grid{grid-template-columns:1fr}.contact-channel{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start}.contact-channel .contact-action{grid-column:1/-1}.contact-form-head{flex-direction:column}.contact-signed-in{max-width:none;width:100%}}
@media(max-width:700px){.contact-channel{display:flex;padding:19px}.contact-form-head{padding:21px 18px}.contact-error-summary{margin:18px 18px 0}.contact-form{padding:19px 18px 22px}.contact-form-grid{grid-template-columns:1fr}.contact-field-full{grid-column:auto}.contact-verification{grid-template-columns:1fr}.contact-form-actions{align-items:stretch;flex-direction:column}.contact-submit{width:100%}.contact-email-value{font-size:13px}}