@font-face{font-family:Ravi;src:url('/support/assets/ravi-regular.e1d726d59b00.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Ravi;src:url('/support/assets/ravi-semibold.43105c5c36ee.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--navy:#252775;--deep:#1c1e63;--ink:#171831;--muted:#656a7c;--paper:#f6f6f8;--white:#fff;--border:#dedfe8;--purple:#6250c8;--peach:#ffd0b5;--radius:20px;--font:Ravi,Tahoma,Arial,sans-serif}
*{box-sizing:border-box}body{font-family:var(--font);background:var(--paper);color:var(--ink);line-height:1.9;margin:0}button,textarea,input{font:inherit}a{color:var(--navy);text-underline-offset:5px}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
.topbar{max-width:1220px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:22px;font-weight:600}.brand img{object-fit:contain}.topbar nav{display:flex;gap:28px;font-size:14px}.topbar nav a{text-decoration:none}
main{max-width:1220px;padding:24px 32px 56px;margin:auto;display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.35fr);gap:44px;align-items:start}.introduction{padding:24px 0}.eyebrow{font-size:13px;color:var(--navy);font-weight:600}h1{font-size:36px;line-height:1.7;margin:14px 0 18px;font-weight:600;letter-spacing:-1px}.introduction>p{color:var(--muted);max-width:360px;font-size:15px}.characters{height:252px;display:flex;align-items:end;justify-content:center;gap:8px;overflow:hidden;margin:10px 0}.mascot{mix-blend-mode:multiply;display:block;background-image:url('/support/assets/characters.jpg');background-repeat:no-repeat;background-size:1800px 720px;flex:none}.mascot.girl{width:184px;height:190px;background-position:-438px -341px}.mascot.boy{width:130px;height:226px;background-position:-1093px -253px}.persona-picker{border:0;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:10px}.persona-picker legend{font-size:13px;margin-bottom:10px}.persona-picker label{background:var(--white);border:1px solid var(--border);padding:7px 14px;border-radius:30px;font-size:13px;cursor:pointer}.persona-picker label:has(input:checked){border-color:var(--navy);background:#eeedf8}.persona-picker input{accent-color:var(--navy);margin:0 0 0 7px}.small{font-size:11px!important;color:var(--muted)}.principles{border-top:1px solid var(--border);padding-top:20px;margin-top:22px;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.principles span:before{content:'•';color:var(--purple);margin-left:10px}
.chat-panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:0 14px 44px #25277508}.chat-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:22px;gap:12px}.chat-heading h2{font-size:19px;margin:0}.chat-heading p{font-size:12px;color:var(--muted);margin:3px 0 0}.quiet{background:none;border:0;color:var(--muted);font-size:11px;padding:8px}.message{padding:15px 18px;border-radius:16px;margin:12px 0;font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}.message p{margin:4px 0 0}.message-label{font-size:10px;color:var(--muted)}.assistant-message{background:var(--paper);border-bottom-right-radius:4px;margin-left:26px}.user-message{background:var(--navy);color:var(--white);border-bottom-left-radius:4px;margin-right:26px}.user-message .message-label{color:#d2d4f5}.quick-questions{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.quick-questions button,#suggestions button{border:1px solid var(--border);background:var(--white);border-radius:20px;padding:7px 12px;font-size:11px;color:var(--navy)}#suggestions{display:flex;flex-wrap:wrap;gap:8px}#reply{font-size:13px;white-space:pre-wrap}#reply:empty,#source:empty,#privacy:empty{display:none}#source,#privacy{font-size:11px;color:var(--muted);overflow-wrap:anywhere}#chat{margin-top:22px;border-top:1px solid var(--border);padding-top:20px}#chat>label{font-size:13px;font-weight:600}textarea{display:block;width:100%;min-height:100px;resize:vertical;padding:14px;border:1px solid var(--border);background:#fdfdfe;border-radius:12px;margin-top:8px;font-size:13px;line-height:1.9;color:var(--ink)}textarea::placeholder{color:#74788c}.compose-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0}#send{border:0;background:var(--navy);color:var(--white);border-radius:10px;padding:9px 20px;white-space:nowrap;font-size:13px}#send span{margin-right:12px}.consent{display:flex;gap:8px;align-items:flex-start;font-size:10px!important;color:var(--muted);font-weight:400!important;line-height:1.8}.consent input{accent-color:var(--navy);margin:3px 0 0}.disclosure{font-size:10px;color:var(--muted);border-top:1px solid var(--border);padding-top:15px;margin-top:18px}
@media(max-width:850px){main{grid-template-columns:1fr;max-width:680px;gap:20px;padding:10px 20px 30px}.introduction{padding:8px 0}.introduction h1{font-size:28px}.introduction h1 br{display:none}.characters{float:left;width:150px;height:145px;margin-top:-60px;gap:0}.mascot.girl{width:84px;height:110px;background-size:1000px 400px;background-position:-246px -185px}.mascot.boy{width:66px;height:138px;background-size:1000px 400px;background-position:-609px -141px}.introduction>p{max-width:calc(100% - 135px)}.persona-picker{clear:both}.principles{display:none}.chat-panel{padding:20px}.topbar{padding:18px 22px}.topbar nav{gap:16px;font-size:12px}}
@media(max-width:420px){main{padding:8px 12px 24px}.topbar{padding:16px}.introduction h1{font-size:24px}.chat-panel{padding:16px}.characters{width:120px}.mascot.girl{width:67px;background-position:-252px -185px}.mascot.boy{width:53px;background-position:-615px -141px}.compose-footer .small{max-width:180px}.message{font-size:13px}.assistant-message{margin-left:12px}.user-message{margin-right:12px}}
@media(max-width:850px){.characters{float:none;width:100%;height:165px;margin:0;gap:0}.introduction>p{max-width:none}.mascot{transform:scale(.65);transform-origin:bottom center}.mascot.girl{width:184px;height:190px;background-size:1800px 720px;background-position:-438px -341px;margin-left:-35px}.mascot.boy{width:130px;height:226px;background-size:1800px 720px;background-position:-1093px -253px}.persona-picker{margin-top:16px}}

.companion-visuals{display:flex;justify-content:center;margin:0 0 16px}.savings-companions{display:block;width:min(100%,260px);height:auto;object-fit:contain}@media(max-width:480px){.savings-companions{width:210px}}

.persona-picker label{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:104px;border-radius:14px;padding:10px 14px}.persona-art{display:flex;align-items:flex-end;justify-content:center;height:68px;width:68px}.persona-portrait{display:block;background-image:url('/support/assets/persona-sheet.99006c5a749d.webp');background-repeat:no-repeat;background-size:504px 201.6px;mix-blend-mode:multiply}.persona-girl{width:52px;height:54px;background-position:-122.64px -95.48px}.persona-boy{width:37px;height:64px;background-position:-306.04px -70.84px}.persona-choice{white-space:nowrap}

@media(min-width:900px) and (min-height:600px){
  .support-home{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
  .support-home>.topbar{width:100%;flex:none;padding:12px 28px}
  .support-home>main{width:100%;flex:1;min-height:0;margin:0 auto;padding:8px 28px 16px;gap:32px;align-items:stretch}
  .support-home .introduction{padding:0;display:flex;flex-direction:column;justify-content:center;min-height:0}
  .support-home .companion-visuals{margin:0 0 4px}
  .support-home .savings-companions{width:clamp(110px,22vh,210px)}
  .support-home h1{font-size:clamp(24px,3.8vh,34px);line-height:1.55;margin:6px 0}
  .support-home .introduction>p{font-size:13px;margin:6px 0;max-width:390px}
  .support-home .persona-picker{margin:8px 0 0;gap:8px}
  .support-home .persona-picker legend{margin-bottom:5px;font-size:12px}
  .support-home .persona-picker label{padding:6px 12px;gap:2px;min-width:100px}
  .support-home .persona-art{height:48px;transform:scale(.72);transform-origin:bottom}
  .support-home .principles{margin-top:8px;padding-top:8px;gap:0;font-size:11px}
  .support-home .chat-panel{position:relative;min-height:0;padding:18px;display:flex;flex-direction:column;overflow:hidden}
  .support-home .chat-heading{flex:none;padding-bottom:10px;margin-bottom:10px}
  .support-home .chat-stream{flex:1;min-height:60px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-left:4px}
  .support-home .message{margin:6px 0;padding:10px 14px;font-size:13px}
  .support-home .quick-questions{margin:10px 0;gap:6px}
  .support-home #chat{flex:none;margin-top:10px;padding-top:10px}
  .support-home #question{height:64px;min-height:64px;max-height:64px;resize:none;padding:9px 12px;margin-top:4px}
  .support-home .compose-footer{margin:7px 0;gap:8px}
  .support-home .disclosure{flex:none;margin:8px 0 0;padding-top:8px;line-height:1.65}
  .support-home #ticket-panel{flex:none}
  .support-home .ticket-details{margin-top:8px}
  .support-home .ticket-details[open]{position:absolute;inset:70px 18px 16px;z-index:5;background:white;overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #25277522}
  .support-home .ticket-details[open]>summary{position:sticky;top:-12px;background:white;z-index:1;padding:10px}
}