/* Supporting controls only. The approved site's original stylesheet is unchanged. */
.gade-tariff-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gade-tariff{padding:30px 26px 26px;position:relative;display:flex;flex-direction:column;min-width:0;transition:border-color .22s,box-shadow .22s,transform .22s}
.gade-tariff:hover{border-color:#ffffff28;transform:translateY(-3px)}
.gade-tariff h3{font-size:20px;font-weight:700;color:#fff;line-height:1.35;letter-spacing:-.025em;min-height:54px;margin:0 16px 18px 0}
.gade-tariff-featured{border:1px solid #f9731690;box-shadow:0 0 0 1px #f9731610,0 12px 42px #f9731610;background:linear-gradient(160deg,#f973160c,transparent 48%),#0a0a0a}
.gade-tariff-featured:hover{border-color:#fb923c;box-shadow:0 12px 48px #f9731618}
.gade-tariff-featured h3{color:#fb923c}
.gade-tariff-price{display:flex;align-items:baseline;gap:8px;line-height:1.1;font-size:48px;font-weight:700;letter-spacing:-.045em;color:#fff}
.gade-price-unit{font-size:22px;letter-spacing:0;color:#71717a;font-weight:500}
.gade-tariff-period{font-size:13px;line-height:1.5;color:#a1a1aa;margin-top:10px}
.gade-tariff-detail{min-height:40px;font-size:12px;color:#a1a1aa;line-height:1.65;padding-top:12px;margin-bottom:22px}
.gade-popular{display:inline-block;padding:3px 9px;border-radius:6px;background:#f9731617;color:#fdba74;line-height:1.5}
.gade-saving{color:#fdba74}
.gade-tariff-features{display:flex;flex-direction:column;gap:14px;flex-grow:1;margin-bottom:30px}
.gade-tariff-features li{display:flex;gap:10px;align-items:flex-start;color:#d4d4d8;font-size:13px;line-height:1.55}
.gade-tariff-features svg{flex-shrink:0;width:16px;height:16px;margin-top:2px;color:#f97316}
.gade-tariff-button{width:100%;border-radius:12px;border:1px solid #ffffff1a;background:#111;color:#fff;font-weight:700;font-size:13px;padding:15px 8px;min-height:50px;margin-top:auto;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}
.gade-tariff-button:hover{background:#202020;border-color:#ffffff30}
.gade-tariff-button:active{transform:scale(.98)}
.gade-tariff-button:focus-visible,.gade-dialog-done:focus-visible{outline:2px solid #fb923c;outline-offset:4px}
.gade-tariff-primary{background:#f97316;color:#050505;border-color:#f97316}
.gade-tariff-primary:hover{background:#fb923c;border-color:#fb923c}
.gade-server-icon{height:53px;width:62px;display:flex;align-items:center;color:#fb923c}
.gade-server-icon svg{width:43px;height:43px;stroke-width:1.5}
.gade-server-summary{color:#d4d4d8;font-size:14px;line-height:1.7;margin-top:24px}
.gade-tariff[data-gade-card="custom_server"] .gade-tariff-detail{padding-top:14px;margin-bottom:30px}
[hidden]{display:none!important}
html.gade-modal-open{overflow:hidden}
.gade-info{position:absolute;right:20px;top:20px;width:26px;height:26px;border:1px solid #52525b;border-radius:50%;color:#a1a1aa;background:#111;font:700 14px/24px Inter,sans-serif;cursor:pointer;text-align:center}
.gade-info:hover,.gade-info:focus-visible{color:#f97316;border-color:#f97316;outline:2px solid #f9731640;outline-offset:3px}
#trial .max-w-5xl>div:first-child{position:relative}
.gade-trial-info{right:0;top:6px}
.gade-select{width:100%;padding:10px 12px;margin-bottom:24px;border:1px solid #ffffff1a;border-radius:12px;background:#0a0a0a;color:#d4d4d8;font-size:13px;min-width:0}
.gade-dialog{background:#0a0a0a;color:#fff;border:1px solid #ffffff1a;border-radius:24px;max-width:560px;width:calc(100% - 32px);padding:32px;max-height:85vh;overflow-y:auto;margin:auto;box-shadow:0 20px 80px #000a}
.gade-dialog::backdrop{background:#000c;backdrop-filter:blur(10px)}
.gade-dialog[open]{animation:gade-dialog-in .2s ease-out}
.gade-dialog{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#52525b transparent}
@keyframes gade-dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.gade-dialog h2{font-size:24px;font-weight:700;letter-spacing:-.025em;margin:0 30px 14px 0}
.gade-dialog p{color:#a1a1aa;font-size:14px;line-height:1.7;margin:12px 0 18px}
.gade-dialog li{color:#d4d4d8;font-size:14px;line-height:1.65;margin:18px 0;padding-left:18px;position:relative}
.gade-dialog li:before{content:'•';color:#f97316;position:absolute;left:0}
.gade-dialog-close{position:absolute;right:20px;top:14px;border:0;background:none;color:#a1a1aa;font-size:28px;cursor:pointer}
.gade-dialog-done,.gade-confirm{display:block;width:100%;border:0;border-radius:12px;padding:14px;margin-top:24px;background:#f97316;color:#000;font-weight:700;font-size:14px;cursor:pointer}
.gade-dialog-done{text-align:center;transition:background .2s}
.gade-dialog-done:hover,.gade-confirm:hover{background:#fb923c}
.gade-confirm:disabled{opacity:.5;cursor:wait}
.gade-notice{border:1px solid #f9731633;border-radius:20px;background:#f9731610;padding:20px;margin-bottom:20px;color:#d4d4d8;font-size:14px;line-height:1.65;white-space:pre-line}
.gade-notice-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;white-space:normal}
.gade-notice-actions button{border:1px solid #ffffff20;border-radius:12px;background:#111;padding:10px 16px;font-weight:600;cursor:pointer}
.gade-notice-actions button:first-child{background:#f97316;color:#000;border-color:#f97316}
.gade-demo-controls{margin:16px 0;padding:12px;border:1px dashed #52525b;border-radius:14px;font-size:12px;color:#a1a1aa}
.gade-demo-controls button{padding:8px 12px;border:1px solid #52525b;border-radius:10px;margin:8px 8px 0 0;background:#111;color:#fff;cursor:pointer}
[data-gade-plan]:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){.gade-dialog{padding:24px}.gade-dialog h2{font-size:22px}.gade-info{right:18px;top:18px}}
@media(max-width:1023px){.gade-tariff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.gade-tariff-grid{grid-template-columns:1fr;gap:18px}.gade-tariff{padding:28px}.gade-tariff h3{min-height:0;margin-bottom:22px}.gade-tariff-detail{min-height:0}.gade-dialog{max-height:calc(100dvh - 40px);padding-bottom:max(24px,env(safe-area-inset-bottom))}.gade-tariff-features{margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){.gade-dialog{scroll-behavior:auto}.gade-dialog[open]{animation:none}.gade-tariff,.gade-tariff-button{transition:none}.gade-tariff:hover{transform:none}}