.support-hub{padding:64px max(var(--edge),calc((100vw - 1500px)/2));background:radial-gradient(ellipse at 100% 0,#47336455,transparent 60%),#0a2034;color:#f4faff;border-block:1px solid #bddef21c}
.support-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin-bottom:32px}.support-heading h2{font-size:clamp(34px,3.3vw,52px);line-height:1.08;letter-spacing:-.04em;margin-top:18px}.support-heading em{font-style:normal;color:#abcfec}.support-heading>p{max-width:490px;color:#c4d5e4;font-size:15px;line-height:1.75}
.support-workspace{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:stretch}.support-menu{min-width:0;display:flex;flex-direction:column}.support-instruction{font-size:12px;color:#c4d5e4;margin-bottom:14px}.support-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1}.support-choices button{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;justify-content:center;gap:10px;min-height:108px;border:1px solid #b7d7f02b;border-radius:15px;background:#ffffff04;color:#e8f3fd;font-size:15px;line-height:1.3;padding:17px 15px;transition:border-color .2s,background .2s,transform .2s}.support-choices button>span{color:var(--service-tone);font-size:11px;font-weight:600;letter-spacing:.08em}.support-choices button svg{position:absolute;right:13px;top:13px;width:17px;height:17px;color:var(--service-tone);opacity:.55;transition:transform .2s,opacity .2s}.support-choices button:hover{transform:translateY(-3px);border-color:var(--service-tone);background:#ffffff09}.support-choices button[aria-pressed=true]{background:linear-gradient(135deg,#ffffff12,#ffffff05);border-color:var(--service-tone);box-shadow:inset 3px 0 var(--service-tone)}.support-choices button[aria-pressed=true] svg{opacity:1;transform:translateX(2px)}.support-choices button:focus-visible,.support-hub a:focus-visible{outline:2px solid #c7fff1;outline-offset:4px}.support-package{display:inline-flex;align-items:center;gap:18px;font-size:13px;color:#a6f2dd;margin-top:20px;width:fit-content}.support-package span{font-size:23px}
.support-detail{overflow:hidden;border:1px solid #a5c6e742;border-radius:20px;background:linear-gradient(120deg,#173d50,#243152);min-width:0;display:flex;flex-direction:column}.support-photo{position:relative;height:214px;flex-shrink:0;overflow:hidden}.support-photo img{width:100%;height:100%;object-fit:cover;object-position:center 43%;transition:transform .6s}.support-detail:hover .support-photo img{transform:scale(1.025)}.support-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#102d49e6)}.support-photo>span{position:absolute;left:25px;bottom:20px;z-index:1;color:#fff;font-size:12px}.support-detail-copy{padding:24px 26px;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:17px}.support-detail-kicker{color:#b9e6e4;font-size:11px;letter-spacing:.04em;margin-bottom:10px}.support-detail h3{font-size:clamp(25px,2.1vw,33px);line-height:1.16;letter-spacing:-.035em;margin-bottom:11px}.support-detail #support-detail-description{font-size:14px;line-height:1.65;color:#d6e6ef;min-height:4.95em}.support-detail a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b5f7df;font-size:13px}.support-detail a svg{width:19px;height:19px}.support-detail.is-changing .support-detail-copy{animation:support-enter .28s ease-out}.support-nojs{padding-top:20px}.support-nojs a{text-decoration:underline}@keyframes support-enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.support-photo{height:245px}.support-choices button{font-size:17px}}
@media(max-width:1000px){.support-workspace{grid-template-columns:1.15fr 1fr;gap:22px}.support-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.support-choices button{min-height:85px}.support-choices button:last-child{grid-column:1/-1}.support-heading{gap:35px}.support-photo{height:240px}}
@media(max-width:700px){.support-hub{padding-block:44px}.support-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.support-heading>p{font-size:14px}.support-workspace{grid-template-columns:1fr;gap:24px}.support-choices button{min-height:92px;padding:15px}.support-detail{min-height:0}.support-photo{height:200px}.support-detail #support-detail-description{min-height:0}.support-detail-copy{padding:23px}.support-heading h2{font-size:36px}.support-choices{gap:9px}.support-package{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.support-hub *{animation:none!important;transition:none!important}.support-choices button:hover,.support-detail:hover .support-photo img{transform:none}}
