:root{font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#f1f8ff;background:#073c60;line-height:1.6;--blue:#067fb6;--muted:#c5deee}
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;position:relative;isolation:isolate;min-width:0;overflow-x:clip;background:radial-gradient(ellipse at 12% 13%,#1686af 0,transparent 42%),radial-gradient(ellipse at 95% 48%,#116594 0,transparent 47%),linear-gradient(145deg,#0b4f79,#073653 52%,#072c4c);background-attachment:fixed}
body::before,body::after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;transform:rotate(-16deg)}
body::before{width:145vw;height:56vw;min-height:450px;left:-22vw;top:14vh;border-top:2px solid #c0efff50;box-shadow:0 -22px 70px #5dcce434,inset 0 28px 75px #96eaff20,inset 0 80px 110px #012f5a30}
body::after{width:160vw;height:68vw;min-height:550px;left:-20vw;top:33vh;border-top:1px solid #c2efff35;box-shadow:0 -18px 55px #70dfff20,inset 0 45px 80px #5ec5ec13}
a{color:inherit;text-underline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffe6a3;outline-offset:4px}
.panel a:focus-visible,.panel button:focus-visible,.panel input:focus-visible,.panel textarea:focus-visible,.panel select:focus-visible{outline-color:#a65b00}
.skip{position:absolute;top:-100px;left:24px;background:#fff;color:#12354e;padding:12px 18px;z-index:5;border-radius:5px;box-shadow:0 3px 12px #001b3d50}
.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden}
header{max-width:1180px;width:calc(100% - 60px);margin:24px auto 0;padding:17px 23px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(180deg,#d3f3ff3d,#b9e8ff16 48%,#0a416933 49%,#b9e8ff16);border:1px solid #d7f4ff75;border-radius:13px;box-shadow:inset 0 1px 0 #ffffff65,0 8px 25px #001b3c26;backdrop-filter:blur(16px)}
.brand{font-size:27px;font-weight:600;letter-spacing:-.035em;text-decoration:none;display:flex;align-items:center;gap:10px;line-height:1}
.brand>span:last-child{font-size:10px;letter-spacing:.17em;color:#d0e8f7;font-weight:600;margin-left:2px}
.mark{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border-radius:50%;font:italic 600 26px/1 Georgia,serif;letter-spacing:0;color:#fff;border:1px solid #b8eeff;box-shadow:inset 0 1px 4px #fff8,0 2px 8px #001e4660;background:radial-gradient(ellipse at 30% 12%,#fff9,transparent 57%),linear-gradient(#6bcde9 0,#1590c5 47%,#006497 49%,#17b2d4 100%)}
nav{display:flex;flex-wrap:wrap;gap:5px;font-size:12px;font-weight:500}
nav a{padding:8px 12px;border:1px solid transparent;border-radius:5px;text-decoration:none}
nav a:hover,nav [aria-current]{background:linear-gradient(#e8faff24,#bbebff0f);border-color:#d8f7ff45;box-shadow:inset 0 1px #ffffff35}
main{max-width:1240px;margin:auto;padding:0 30px 38px;min-width:0}
.support-hero{padding:55px 0 43px}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:600;font-size:10px;color:#c7e5f5;margin:0 0 19px}
h1{font-size:clamp(48px,7.2vw,80px);letter-spacing:-.055em;line-height:1.06;margin:0 0 22px;font-weight:400;text-shadow:0 2px 18px #002b4a26}
h2{font-size:28px;font-weight:400;letter-spacing:-.035em;line-height:1.2;margin:0 0 16px}
h3{font-size:19px;font-weight:500;line-height:1.3;margin:0 0 12px}
.lead{font-size:19px;color:#d0e6f4;max-width:670px;margin:0 0 17px;line-height:1.75}
.email-link{font-size:17px;color:#d4f3ff;overflow-wrap:anywhere}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.panel{background:linear-gradient(145deg,#f5fcfff7,#eaf5fcf2);color:#214359;border:1px solid #e7faff;border-radius:12px;padding:30px;box-shadow:inset 0 1px #fff,0 10px 28px #00264429;min-width:0;backdrop-filter:blur(12px)}
.panel .eyebrow{color:#4c7087;font-size:9px;letter-spacing:.11em}
.panel p{color:#4b667a;font-size:14px;line-height:1.8}
.panel fieldset{border:0;padding:0;margin:24px 0 0;min-width:0}
label{display:block;font-size:14px;font-weight:600;margin:18px 0 7px}
.muted{font-weight:400;color:#527086}
input,textarea,select{width:100%;padding:12px 13px;color:#214359;background:#fff;border:1px solid #9ab7ca;border-radius:5px;font:inherit;font-size:15px;min-height:46px;box-shadow:inset 0 1px 3px #275b7914}
textarea{resize:vertical;max-width:100%}
input::placeholder,textarea::placeholder{color:#637e90}
button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:16px;padding:12px 18px;border:1px solid #1688b8;border-radius:5px;background:linear-gradient(#59b7d7 0,#1680a8 18%,#076c99 47%,#055f8b 49%,#0879a8);color:#fff;text-decoration:none;font:inherit;font-weight:600;font-size:14px;cursor:pointer;box-shadow:inset 0 1px #ffffff80,0 2px 4px #00476c26;text-shadow:0 1px 1px #00517c}
button:hover,.button:hover{background:linear-gradient(#79cce7 0,#1a82a8 18%,#08729c 47%,#066b97 49%,#097ca5)}
.secondary{background:linear-gradient(#fff 0,#edf6fc 47%,#deedf6 49%,#f5fbff);color:#265a78;border-color:#aac6d8;text-shadow:none;box-shadow:inset 0 1px #fff,0 2px 4px #00476c14}
.secondary:hover{background:linear-gradient(#fff,#d4edfa)}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.fine,#support-status{font-size:12px!important;overflow-wrap:anywhere}
.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 24px}
.suggestions button{background:linear-gradient(#fff,#e4f2fb);color:#28617f;border-color:#b8d4e5;font-size:12px;font-weight:500;padding:8px 12px;min-height:39px;margin-top:8px;box-shadow:inset 0 1px #fff,0 1px 3px #00476c12;text-shadow:none}
.suggestions button:hover{background:linear-gradient(#fff,#c9e7f8);border-color:#6db1d4}
.answer{background:#e0eef7;border-left:3px solid #1689b8;border-radius:0 6px 6px 0;padding:20px}
.answer p{margin-bottom:10px}
.answer p:last-child{margin-bottom:0}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px;padding:0 0 30px}
.facts article{background:linear-gradient(135deg,#e1f7ff24,#b6e5fa0e);border:1px solid #c4eaff59;border-radius:10px;padding:27px;box-shadow:inset 0 1px #ffffff2b;min-width:0}
.facts .eyebrow{font-size:9px;margin-bottom:13px}
.facts h2{font-size:24px}
.facts p{font-size:13px;color:#cce5f4;line-height:1.85}
.facts a{color:#e7f6ff}
.policy-links{display:flex;flex-wrap:wrap;gap:16px}
.policy-links a{display:inline-flex;align-items:center;min-height:32px}
details{border-top:1px solid #b4e4fb40;border-bottom:1px solid #b4e4fb40;padding:20px 0;font-size:13px;scroll-margin-top:24px}
summary{font-weight:500;cursor:pointer;min-height:32px}
details p{max-width:780px;color:#cce5f4;line-height:1.85}
.privacy-note{padding-top:10px;color:#bddbea;font-size:12px;max-width:900px;line-height:1.8}
[hidden]{display:none!important}
#draft-area{border-top:1px solid #bed6e5;margin-top:28px;padding-top:24px}
#support-draft{font-size:13px;background:#f7fcff}
.retail-affiliation{max-width:1180px;width:calc(100% - 60px);margin:0 auto 24px;padding:27px 28px 29px;border:1px solid #b2dff34d;border-radius:11px;background:linear-gradient(135deg,#d1f2ff16,#acdffc08);display:grid;grid-template-columns:1fr 1fr;gap:45px;font-size:11px;line-height:1.8;color:#c1ddec;box-shadow:inset 0 1px #ffffff1f}
.retail-affiliation p{margin:0;max-width:620px}
.retail-affiliation a{color:#e6f6ff}
.retail-affiliation a:hover{color:#fff}
.retail-affiliation-label{font-size:9px;letter-spacing:.14em;font-weight:600;color:#b7d7e9;margin-bottom:11px!important}
.retail-affiliation-title{font-size:21px;font-weight:400;line-height:1.4;letter-spacing:-.025em;color:#eaf8ff}
.retail-affiliation-copy{font-size:11px;max-width:450px;margin-bottom:10px!important}
.retail-affiliation-support{font-size:10px;font-weight:600;display:inline-flex;gap:16px;align-items:center;min-height:32px}
@media(max-width:760px){.support-grid,.facts{grid-template-columns:1fr}.facts{gap:16px}.panel{padding:26px}.support-hero{padding:42px 0 34px}.lead{font-size:17px}.retail-affiliation{grid-template-columns:1fr;gap:21px}.brand{font-size:25px}}
@media(max-width:500px){header{width:calc(100% - 28px);margin-top:14px;padding:16px;gap:14px;flex-wrap:wrap}.brand{font-size:25px}.brand>span:last-child{font-size:9px}nav{gap:4px;font-size:11px}nav a{padding:7px 8px}main{padding-left:14px;padding-right:14px;padding-bottom:28px}.panel{padding:23px 20px}.email-link{font-size:16px}.actions>*{width:100%}.facts article{padding:23px 20px}.support-hero{padding-top:34px}.retail-affiliation{width:calc(100% - 28px);padding:23px 20px;margin-bottom:14px}.retail-affiliation-title{font-size:19px}}
