.sup-page{z-index:100;background:#000;width:100%;min-height:100vh;position:relative;overflow:hidden}.sup-container{z-index:1;max-width:1100px;margin:0 auto;padding:0 24px;position:relative}.sup-hero{text-align:center;padding:160px 24px 80px;position:relative;overflow:hidden}.sup-hero-glow{pointer-events:none;background:radial-gradient(#06b6d41f 0%,#0000 70%);width:700px;height:500px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.sup-hero-inner{z-index:1;max-width:720px;margin:0 auto;position:relative}.sup-badge{color:#38bdf8;text-transform:uppercase;letter-spacing:.06em;background:#06b6d41a;border:1px solid #06b6d44d;border-radius:999px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.sup-title{color:#fff;letter-spacing:-.03em;margin:0 0 18px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(34px,5vw,56px);font-weight:800;line-height:1.1}.sup-subtitle{color:#fff9;max-width:560px;margin:0 auto 28px;font-size:17px;line-height:1.7}.sup-presence{color:#fff9;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;margin-bottom:32px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.sup-presence-dot{background:#6b6b7a;border-radius:50%;flex-shrink:0;width:9px;height:9px}.sup-presence.is-online{color:#34d399;background:#34d39914;border-color:#34d3994d}.sup-presence.is-online .sup-presence-dot{background:#34d399;animation:2s infinite sup-pulse;box-shadow:0 0 #34d39980}.sup-presence.is-offline{color:#fbbf24;background:#fbbf2412;border-color:#fbbf2440}.sup-presence.is-offline .sup-presence-dot{background:#fbbf24}@keyframes sup-pulse{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}.sup-hero-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.sup-hero-hint{color:#ffffff59;font-size:13px}.sup-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4 0%,#8b5cf6 100%);border:none;border-radius:14px;align-items:center;gap:10px;padding:15px 32px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 30px #06b6d459}.sup-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #06b6d480}.sup-btn-outline{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.sup-btn-outline:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}.sup-btn-ghost{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.sup-btn-ghost:hover{color:#38bdf8;background:#38bdf814}.sup-section-head{text-align:center;margin-bottom:48px}.sup-h2{color:#fff;letter-spacing:-.02em;margin:0 0 10px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(26px,3.5vw,38px);font-weight:800}.sup-lead{color:#ffffff80;margin:0;font-size:15px}.sup-channels{padding:60px 24px}.sup-channels-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:0 auto;display:grid}.sup-channel-card{background:linear-gradient(145deg,#ffffff12 0%,#ffffff05 100%);border:1px solid #ffffff1a;border-radius:22px;padding:36px 32px;position:relative;overflow:hidden}.sup-channel-chat{border-color:#06b6d459;box-shadow:0 20px 60px #06b6d41f}.sup-channel-icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:22px;display:flex}.sup-channel-icon.chat{background:linear-gradient(135deg,#06b6d4 0%,#8b5cf6 100%);box-shadow:0 10px 30px #06b6d466}.sup-channel-icon.email{background:linear-gradient(135deg,#e91e63 0%,#ff6090 100%);box-shadow:0 10px 30px #e91e634d}.sup-channel-title{color:#fff;margin:0 0 10px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:22px;font-weight:800}.sup-channel-desc{color:#ffffff8c;margin:0 0 20px;font-size:14px;line-height:1.65}.sup-channel-points{flex-direction:column;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.sup-channel-points li{color:#fff9;align-items:center;gap:8px;font-size:13px;display:flex}.sup-channel-points li svg{color:#38bdf8;flex-shrink:0}.sup-channel-btn{justify-content:center;width:100%}.sup-channel-email-box{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding:10px 12px 10px 18px;display:flex}.sup-channel-email{color:#fff;letter-spacing:.2px;font-size:14px;font-weight:700}.sup-channel-copy{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.sup-channel-copy:hover{background:#ffffff24}.sup-channel-copy.copied{color:#34d399;background:#34d39926;border-color:#34d39959}.sup-channel-actions{flex-direction:column;gap:8px;display:flex}.sup-hours{padding:20px 24px 60px}.sup-hours-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;max-width:640px;margin:0 auto;padding:20px 24px}.sup-hours-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.sup-hours-title{color:#fffc;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.sup-hours-list{flex-direction:column;gap:6px;display:flex}.sup-hours-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.sup-hours-day{color:#ffffffb3;font-size:14px}.sup-hours-value{color:#fff;font-size:14px;font-weight:700}.sup-hours-footer{border-top:1px solid #ffffff14;margin-top:14px;padding-top:14px}.sup-hours-footer span{color:#fff6;font-size:12px;line-height:1.5}.sup-appnote{padding:0 24px 60px}.sup-appnote-inner{background:linear-gradient(135deg,#8b5cf61a 0%,#06b6d40f 100%);border:1px solid #8b5cf640;border-radius:18px;align-items:center;gap:20px;max-width:960px;margin:0 auto;padding:24px 28px;display:flex}.sup-appnote-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#06b6d4 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.sup-appnote-text{flex:1}.sup-appnote-title{color:#fff;margin:0 0 4px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:17px;font-weight:800}.sup-appnote-desc{color:#ffffff8c;margin:0;font-size:13px;line-height:1.55}.sup-appnote-desc strong{color:#ffffffd9}.sup-appnote-cta{color:#a78bfa;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.sup-faq{padding:0 24px 80px}.sup-faq-list{flex-direction:column;gap:10px;max-width:760px;margin:0 auto;display:flex}.sup-faq-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;transition:border-color .25s,background .25s;overflow:hidden}.sup-faq-item.open{background:#ffffff0d;border-color:#06b6d44d}.sup-faq-question{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:18px 22px;font-size:15px;font-weight:600;display:flex}.sup-faq-chevron{color:#fff6;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sup-faq-item.open .sup-faq-chevron{color:#38bdf8}.sup-faq-answer{overflow:hidden}.sup-faq-answer-inner{color:#ffffff8c;padding:0 22px 20px;font-size:14px;line-height:1.7}.sup-faq-answer-inner p{margin:0}.sup-faq-answer-inner a{color:#38bdf8;font-weight:600;text-decoration:none}.sup-faq-answer-inner a:hover{text-decoration:underline}.sup-faq-footer{text-align:center;margin-top:28px}.sup-email-overlay{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.25s sup-fade-in;display:flex;position:fixed;inset:0}@keyframes sup-fade-in{0%{opacity:0}to{opacity:1}}.sup-email-modal{text-align:center;background:linear-gradient(145deg,#0f0f16 0%,#1a1a24 100%);border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:440px;padding:44px 36px;animation:.35s cubic-bezier(.16,1,.3,1) sup-modal-in;position:relative;box-shadow:0 40px 100px #0009}@keyframes sup-modal-in{0%{opacity:0;transform:scale(.96)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.sup-email-close{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.sup-email-close:hover{color:#fff;background:#ffffff1a}.sup-email-icon{color:#fff;background:linear-gradient(135deg,#e91e63 0%,#ff6090 100%);border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;display:flex;box-shadow:0 14px 36px #e91e634d}.sup-email-title{color:#fff;margin:0 0 8px;font-size:24px;font-weight:800}.sup-email-subtitle{color:#ffffff8c;margin:0 0 26px;font-size:14px;line-height:1.6}.sup-email-box{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 10px 10px 18px;display:flex}.sup-email-address{color:#fff;letter-spacing:.3px;word-break:break-all;text-align:left;font-size:15px;font-weight:700}.sup-email-copy{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.sup-email-copy:hover{background:#ffffff24}.sup-email-copy.copied{color:#34d399;background:#34d39926;border-color:#34d39959}.sup-email-open{color:#ffffff80;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.sup-email-open:hover{color:#e91e63}@media (max-width:860px){.sup-channels-grid{grid-template-columns:1fr;max-width:520px}.sup-appnote-inner{text-align:center;flex-direction:column;gap:14px}.sup-appnote-cta{justify-content:center}}@media (max-width:640px){.sup-hero{padding:130px 20px 60px}.sup-subtitle{font-size:15px}.sup-presence{padding:9px 14px;font-size:12px}.sup-channels,.sup-hours,.sup-faq{padding-left:16px;padding-right:16px}.sup-channel-card{padding:28px 22px}.sup-hours-box{padding:16px 18px}.sup-faq-question{padding:16px 18px;font-size:14px}.sup-faq-answer-inner{padding:0 18px 16px;font-size:13px}.sup-email-modal{border-radius:20px;padding:36px 24px}.sup-email-box{flex-direction:column;align-items:stretch;gap:10px;padding:14px}.sup-email-address{text-align:center;font-size:14px}.sup-email-copy{justify-content:center}}