:root{--cloud:#fff;--orange-2:#A63F0D}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 18px;font:600 14.5px/1 var(--f-body);border:1px solid transparent;cursor:pointer;white-space:nowrap;background:var(--cloud);color:var(--ink);text-decoration:none;transition:background .15s,color .15s,box-shadow .15s,transform .1s}
.pill:hover{box-shadow:0 8px 18px -12px rgba(7,40,80,.55)}
.pill:active{transform:translateY(1px)}
.pill.sm{padding:8px 13px;font-size:13px}
.pill.navy,.pill[aria-pressed="true"]{background:var(--ink);color:#fff}
.pill.navy:hover{background:var(--ink-2)}
.pill.orange{background:var(--orange-btn);color:#fff}
.pill.orange:hover{background:var(--orange-2)}
.pill.ghost{background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.9)}
.pill.line{background:transparent;border-color:var(--mist-2)}
.pill.lg{padding:14px 22px;font-size:15.5px}
.sent{background:#E7F5EC;color:#1D6B3F;border-radius:14px;padding:12px 14px;font-size:14.5px}
.sent a{color:inherit;font-weight:600}
@media (max-width:640px){
.pill.lg{width:100%}}
.pill.orange svg{transition:transform .25s}
.pill.orange:hover svg{transform:scale(1.12) rotate(-6deg)}
.bubble{position:relative;align-self:flex-end;max-width:min(440px,100%);background:#DCF8C6;color:#1F2C34;border-radius:14px 14px 4px 14px;padding:12px 14px 22px;font:500 14px/1.45 var(--f-body);white-space:pre-wrap;box-shadow:0 6px 16px -12px rgba(0,0,0,.4)}
.bubble::after{content:"✓✓";position:absolute;right:10px;bottom:5px;font-size:11px;color:#53BDEB;letter-spacing:-2px}
html.ask-open{overflow:hidden}
.ask{position:fixed;inset:0;z-index:90}
.ask-bg{position:absolute;inset:0;background:rgba(6,24,44,.42);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .35s}
.ask.on .ask-bg{opacity:1}
.ask-panel{position:absolute;top:0;right:0;bottom:0;width:min(620px,100%);background:#F7F9FB;box-shadow:-30px 0 60px -30px rgba(7,40,80,.5);display:flex;flex-direction:column;
    transform:translateX(104%);transition:transform .45s cubic-bezier(.2,.8,.2,1);border-radius:28px 0 0 28px;overflow:hidden}
.ask.on .ask-panel{transform:none}
.ask-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 40% at 100% 0%,rgba(240,106,37,.10),transparent 70%),radial-gradient(50% 40% at 0% 100%,rgba(7,55,99,.08),transparent 70%)}
.ask-top{position:relative;display:flex;align-items:center;gap:14px;padding:20px 24px}
.ask-back,.ask-x{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--mist-2);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;font-size:22px;line-height:1}
.ask-back{visibility:hidden}
.ask-back:hover,.ask-x:hover{border-color:var(--ink)}
.ask-prog{flex:1;height:5px;border-radius:5px;background:var(--mist)}
.ask-prog i{display:block;height:100%;width:25%;border-radius:5px;background:linear-gradient(90deg,var(--orange),#F59A5F);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.ask-count{font-size:12px;color:var(--slate)}
.ask-steps{position:relative;flex:1;overflow:auto;padding:14px 40px 40px}
.ask-step{display:flex;flex-direction:column;gap:12px}
.ask-step[hidden],.ask[hidden]{display:none}
.ask-step.in-r{animation:askR .45s cubic-bezier(.2,.8,.2,1)}
.ask-step.in-l{animation:askL .45s cubic-bezier(.2,.8,.2,1)}
.ask-kick{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--orange-ink)}
.ask-step h3{font:300 clamp(32px,4vw,44px)/1.05 var(--f-display);color:var(--ink);letter-spacing:-.02em}
.ask-help{font-size:15px;color:var(--slate);margin-bottom:10px}
.opts{display:flex;flex-direction:column;gap:10px}
.opt{display:flex;align-items:center;gap:14px;text-align:left;border:1.5px solid var(--mist-2);background:#fff;border-radius:18px;padding:14px 16px;cursor:pointer;color:var(--ink);
    transition:border-color .2s,transform .2s,box-shadow .2s,background .2s;animation:askR .5s cubic-bezier(.2,.8,.2,1) both}
.opts .opt:nth-child(2){animation-delay:.05s}
.opts .opt:nth-child(3){animation-delay:.1s}
.opts .opt:nth-child(4){animation-delay:.15s}
@media (hover:hover){.opt:hover{border-color:var(--ink);transform:translateX(4px);box-shadow:0 12px 24px -18px rgba(7,40,80,.6)}}
@media (hover:none){.ask kbd,.ask .hint,.ask-kb{display:none}}
.opt:focus-visible{outline:3px solid rgba(240,106,37,.35);outline-offset:2px}
.opt kbd{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;border:1px solid var(--mist-2);font:600 12px/1 var(--f-mono);color:var(--slate);background:#F7F9FB}
.opt .oi{flex:none;width:44px;height:44px;border-radius:14px;background:var(--mist);display:grid;place-items:center;color:var(--ink)}
.opt .oi svg{width:26px;height:26px}
.opt .ot{display:flex;flex-direction:column;gap:2px}
.opt .ot b{font:600 17px/1.2 var(--f-body)}
.opt .ot small{font-size:13.5px;color:var(--slate)}
.opt[aria-pressed="true"]{border-color:var(--orange);background:#FFF6F0}
.opt[aria-pressed="true"] kbd{background:var(--orange-btn);border-color:var(--orange-btn);color:#fff}
.opt[aria-pressed="true"] .oi{background:var(--orange);color:#fff}
.opt.flash{animation:optFlash .33s ease}
.ask-step textarea{width:100%;font-size:17px;border-radius:18px;padding:16px;border:1.5px solid var(--mist-2);background:#fff;min-height:130px}
.ask-step textarea:focus{border-color:var(--ink);outline:none}
.ask-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ask-actions .hint{font-size:12px;color:var(--slate)}
.chat{background:#E9E2D8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='2' cy='2' r='1' fill='%23d6cdbf'/%3E%3C/svg%3E");border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.chat-head{display:flex;align-items:center;gap:10px;background:#0B5D52;color:#fff;padding:10px 14px}
.chat-head .av{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#073763;--logo-on:#fff}
.chat-head small{margin-left:auto;font-size:11.5px;opacity:.8}
.chat .bubble{margin:16px;align-self:flex-end;animation:bubblePop .5s .1s cubic-bezier(.2,.8,.2,1) both}
.ask-send{display:flex;gap:10px;flex-wrap:wrap}
.ask-direct{margin-top:14px;padding:16px;border:1px solid #E1E8EF;border-radius:18px;background:#fff;display:grid;gap:12px;animation:askR .35s ease both}
.ask-direct[hidden]{display:none}
.ask-direct-t{margin:0;font-size:14.5px;color:#073763;font-weight:600}
.ask-direct-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ask-direct label{display:grid;gap:5px;font-size:13px;color:#516478;font-weight:600}
.ask-direct input{width:100%;font-size:16px}
.ask-direct-go{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ask-direct-err{color:#B42318;font-size:13.5px}
.ask-direct.busy button[type=submit]{opacity:.6;pointer-events:none}
.ask-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:560px){.ask-direct-row{grid-template-columns:1fr}}
@media (max-width:640px){.ask-panel{width:100%;border-radius:0}
.ask-steps{padding:8px 20px 28px}
.ask-top{padding:14px 16px}
.opt{padding:12px}
.opt .oi{width:38px;height:38px}
.chat-head small{display:none}}
@media (prefers-reduced-motion:reduce){.ask-panel,.ask-bg{transition:none}
.ask-step.in-r,.ask-step.in-l,.opt{animation:none}}
@media (max-width:380px){.pill.lg{padding:13px 14px;font-size:14px;white-space:normal;text-align:center;line-height:1.2}.pill.lg svg{flex:none}}
@media (max-width:640px){
.tel,.top-right>.pill.orange{display:none}
.mbar .pill{padding:12px 10px;font-size:14px}}
.opts .opt:nth-child(5){animation-delay:.2s}
@keyframes askL{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}@keyframes askR{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}@keyframes bubblePop{from{transform:scale(.97);opacity:.6}to{transform:none;opacity:1}}@keyframes optFlash{0%,100%{transform:none}40%{transform:scale(.98)}}
