/* Service support: site operations center */
:root {
  --sp-green:#45e69a;
  --sp-green-soft:#8df3c4;
  --sp-cyan:#4bd9e8;
  --sp-violet:#9767ff;
  --sp-orange:#ff9a4d;
  --sp-red:#ff536f;
  --sp-ink:#06090b;
  --sp-panel:#0d1216;
  --sp-paper:#eef0eb;
}

.support-service-page {
  --header-height:82px;
  background:#06090b;
}

.support-service-page::before { opacity:.18; background-size:84px 84px; }
.support-service-page .scroll-progress { background:linear-gradient(90deg,var(--sp-green),var(--sp-cyan),var(--sp-violet),var(--sp-orange)); }
.support-service-page .site-header { background:rgba(5,8,10,.8); }
.support-service-page .header-inner { min-height:82px; gap:24px; }
.support-service-page .main-nav { gap:clamp(16px,1.35vw,24px); }
.support-service-page .main-nav a { color:#c5cbd0; font-size:14px; font-weight:720; letter-spacing:-.01em; }
.support-service-page .main-nav a.is-active { color:#fff; }
.support-service-page .main-nav a.is-active::after { right:0; left:0; background:var(--sp-green); }
.support-service-page .header-phone { display:inline-flex; padding:7px 0; color:#f0efeb; font-size:16px; font-weight:790; }
.support-service-page .header-phone::before { background:var(--sp-green); box-shadow:0 0 12px var(--sp-green); }
.support-service-page .header-cta { margin-left:0; border-color:rgba(69,230,154,.55); background:linear-gradient(135deg,#28bd78,#158d62); box-shadow:0 11px 34px rgba(26,163,104,.2),inset 0 1px rgba(255,255,255,.15); font-size:12px; }

.sp-back { display:inline-flex; align-items:center; gap:8px; color:#aab0b8; font-size:10px; font-weight:700; letter-spacing:.04em; white-space:nowrap; transition:color .2s ease; }
.sp-back span { color:var(--sp-green); font-size:15px; }
.sp-back:hover { color:#fff; }
.nav-back-mobile { display:none!important; }

.sp-hero { position:relative; min-height:980px; overflow:hidden; padding:150px 0 77px; background:radial-gradient(circle at 75% 23%,rgba(47,192,137,.085),transparent 28%),radial-gradient(circle at 12% 83%,rgba(151,103,255,.06),transparent 24%),#06090b; }
.sp-hero::before { position:absolute; top:82px; right:0; bottom:0; width:53%; border-left:1px solid rgba(255,255,255,.045); background:linear-gradient(145deg,rgba(255,255,255,.014),transparent 36%); content:""; }
.sp-hero-grid-lines { position:absolute; inset:82px 0 0; opacity:.45; background-image:linear-gradient(rgba(94,239,180,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(94,239,180,.025) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(180deg,#000,transparent 95%); }
.sp-hero-scan { position:absolute; z-index:1; top:82px; right:0; left:0; height:1px; background:linear-gradient(90deg,transparent,rgba(69,230,154,.5),transparent); box-shadow:0 0 28px rgba(69,230,154,.45); animation:sp-scan 8s linear infinite; pointer-events:none; }
@keyframes sp-scan { 0% { transform:translateY(0); opacity:0; } 8% { opacity:1; } 88% { opacity:.7; } 100% { transform:translateY(780px); opacity:0; } }
.sp-hero-layout { position:relative; z-index:2; display:grid; grid-template-columns:minmax(430px,.85fr) minmax(650px,1.15fr); align-items:center; gap:clamp(45px,4.6vw,82px); }
.sp-status { display:flex; align-items:center; gap:10px; margin-bottom:24px; color:#7f8891; font:8px Consolas,monospace; letter-spacing:.1em; }
.sp-status > i { width:8px; height:8px; border-radius:50%; background:var(--sp-green); box-shadow:0 0 16px var(--sp-green); }
.sp-status b { margin-left:auto; color:#515a63; }
.sp-hero-copy h1 { max-width:780px; margin-bottom:27px; font-size:clamp(53px,4.6vw,76px); line-height:.98; letter-spacing:-.055em; }
.sp-hero-copy h1 em { color:var(--sp-green-soft); font-style:normal; text-shadow:0 0 40px rgba(69,230,154,.14); }
.sp-hero-copy > p { max-width:680px; margin-bottom:31px; color:#9ca4ad; font-size:16px; line-height:1.72; }
.sp-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:11px; }
.sp-hero-actions .button { border-color:rgba(69,230,154,.55); background:linear-gradient(135deg,#2ec77f,#168c63); box-shadow:0 12px 35px rgba(37,171,111,.22),inset 0 1px rgba(255,255,255,.17); }
.sp-ghost-button { display:inline-flex; min-height:52px; align-items:center; justify-content:center; gap:18px; padding:13px 18px; border:1px solid rgba(255,255,255,.13); border-radius:8px; background:rgba(255,255,255,.02); color:#c3c8ce; font-size:10px; font-weight:740; cursor:pointer; }
.sp-ghost-button i { color:var(--sp-green); font-style:normal; }
.sp-hero-warning { display:grid; grid-template-columns:90px 1fr; gap:17px; margin-top:35px; padding-top:22px; border-top:1px solid rgba(255,255,255,.08); }
.sp-hero-warning span { color:var(--sp-red); font-size:8px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.sp-hero-warning p { margin:0; color:#777f89; font-size:10px; }

.sp-ops { overflow:hidden; border:1px solid rgba(111,224,178,.22); border-radius:3px 24px 3px 24px; background:rgba(10,14,17,.95); box-shadow:0 45px 120px rgba(0,0,0,.55),0 0 85px rgba(40,187,126,.06); }
.sp-ops-head { display:grid; min-height:50px; grid-template-columns:1fr auto 82px; align-items:center; gap:20px; padding:0 18px; border-bottom:1px solid rgba(255,255,255,.08); color:#66707a; font:7px Consolas,monospace; letter-spacing:.08em; }
.sp-ops-head > div { display:flex; align-items:center; gap:6px; color:#87909a; }
.sp-ops-head > div i { width:6px; height:6px; border-radius:50%; background:var(--sp-green); box-shadow:0 0 10px var(--sp-green); }
.sp-ops-head time { justify-self:end; color:#8c959e; }
.sp-ops-main { display:grid; grid-template-columns:180px minmax(0,1fr); min-height:550px; }
.sp-ops-sidebar { border-right:1px solid rgba(255,255,255,.08); background:#090d10; }
.sp-ops-sidebar button { display:grid; width:100%; min-height:77px; grid-template-columns:8px 1fr 24px; align-items:center; gap:11px; padding:10px 13px; border:0; border-bottom:1px solid rgba(255,255,255,.065); background:transparent; color:#6f7882; cursor:pointer; text-align:left; }
.sp-ops-sidebar button > i { width:7px; height:7px; border-radius:50%; background:#3dcf8c; box-shadow:0 0 8px rgba(61,207,140,.4); }
.sp-ops-sidebar button span b,.sp-ops-sidebar button span small { display:block; }
.sp-ops-sidebar button span b { margin-bottom:4px; color:#a5abb1; font-size:9px; }
.sp-ops-sidebar button span small { color:#555e68; font-size:7px; }
.sp-ops-sidebar button em { color:#444c56; font:7px Consolas,monospace; font-style:normal; }
.sp-ops-sidebar button.is-active { background:linear-gradient(90deg,rgba(69,230,154,.09),transparent); box-shadow:inset 2px 0 var(--sp-green); }
.sp-ops-sidebar button.is-active span b { color:#eef0ec; }
.sp-ops-sidebar button.is-failed > i { background:var(--sp-red); box-shadow:0 0 12px var(--sp-red); animation:sp-blink .65s steps(2,end) infinite; }
@keyframes sp-blink { 50% { opacity:.25; } }
.sp-monitor { position:relative; overflow:hidden; padding:22px; background:radial-gradient(circle at 72% 25%,rgba(69,230,154,.06),transparent 27%),#0d1216; }
.sp-monitor::before { position:absolute; inset:0; opacity:.35; background-image:linear-gradient(rgba(69,230,154,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(69,230,154,.035) 1px,transparent 1px); background-size:32px 32px; content:""; }
.sp-monitor-head,.sp-monitor canvas,.sp-monitor-metrics,.sp-monitor-readout { position:relative; z-index:2; }
.sp-monitor-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:11px; color:#66707a; font:7px Consolas,monospace; }
.sp-monitor-head b { color:#737d87; }
.sp-monitor-head b i { display:inline-block; width:5px; height:5px; margin-right:5px; border-radius:50%; background:var(--sp-green); }
.sp-monitor canvas { display:block; width:100%; height:230px; border:1px solid rgba(255,255,255,.075); background:rgba(5,8,10,.4); }
.sp-monitor-metrics { display:grid; grid-template-columns:repeat(3,1fr); margin-top:12px; border-top:1px solid rgba(255,255,255,.075); border-left:1px solid rgba(255,255,255,.075); }
.sp-monitor-metrics > div { padding:13px; border-right:1px solid rgba(255,255,255,.075); border-bottom:1px solid rgba(255,255,255,.075); }
.sp-monitor-metrics span,.sp-monitor-metrics b { display:block; }
.sp-monitor-metrics span { margin-bottom:5px; color:#5e6872; font-size:7px; text-transform:uppercase; }
.sp-monitor-metrics b { margin-bottom:8px; color:#bfc4c8; font:13px Consolas,monospace; }
.sp-monitor-metrics meter { width:100%; height:4px; border:0; background:#20272c; }
.sp-monitor-metrics meter::-webkit-meter-bar { border:0; border-radius:0; background:#20272c; }
.sp-monitor-metrics meter::-webkit-meter-optimum-value { background:var(--sp-green); }
.sp-monitor-metrics meter::-webkit-meter-suboptimum-value { background:var(--sp-orange); }
.sp-monitor-metrics meter::-webkit-meter-even-less-good-value { background:var(--sp-red); }
.sp-monitor-metrics meter::-moz-meter-bar { background:var(--sp-green); }
.sp-monitor-readout { margin-top:15px; padding:15px 17px; border:1px solid rgba(69,230,154,.13); background:rgba(69,230,154,.035); }
.sp-monitor-readout span { display:block; margin-bottom:8px; color:#4ccf93; font:7px Consolas,monospace; }
.sp-monitor-readout strong { display:block; margin-bottom:6px; color:#e2e3df; font-size:12px; }
.sp-monitor-readout p { margin:0; color:#68727c; font-size:8px; }
.sp-ops-log { display:grid; min-height:75px; grid-template-columns:100px 1fr auto; align-items:center; gap:15px; padding:12px 16px; border-top:1px solid rgba(255,255,255,.08); background:#080c0e; }
.sp-ops-log > span { color:#4e5862; font:7px Consolas,monospace; }
.sp-ops-log > div { min-width:0; overflow:hidden; }
.sp-ops-log p { display:flex; align-items:center; gap:8px; margin:0; white-space:nowrap; }
.sp-ops-log p time { color:#525c66; font:7px Consolas,monospace; }
.sp-ops-log p > i { width:6px; height:6px; flex:0 0 auto; border-radius:50%; }
.sp-ops-log p > i.is-ok { background:var(--sp-green); box-shadow:0 0 8px var(--sp-green); }
.sp-ops-log p > i.is-error { background:var(--sp-red); box-shadow:0 0 8px var(--sp-red); }
.sp-ops-log p > i.is-warn { background:var(--sp-orange); box-shadow:0 0 8px var(--sp-orange); }
.sp-ops-log p b { overflow:hidden; color:#717b85; font-size:7px; font-weight:600; text-overflow:ellipsis; }
.sp-ops-log > button { display:inline-flex; min-height:34px; align-items:center; gap:8px; padding:7px 11px; border:1px solid rgba(255,83,111,.25); background:rgba(255,83,111,.04); color:#d1a1aa; font-size:7px; font-weight:750; cursor:pointer; }
.sp-ops-log > button i { color:var(--sp-red); font-style:normal; }
.sp-ops.is-failure { border-color:rgba(255,83,111,.4); box-shadow:0 45px 120px rgba(0,0,0,.55),0 0 85px rgba(255,83,111,.08); }
.sp-ops.is-failure .sp-ops-head > div i,.sp-ops.is-failure .sp-monitor-head b i { background:var(--sp-red); box-shadow:0 0 10px var(--sp-red); }
.sp-ops.is-failure .sp-monitor-readout { border-color:rgba(255,83,111,.22); background:rgba(255,83,111,.045); }
.sp-ops.is-failure .sp-monitor-readout span { color:#ff718a; }
.sp-hero-foot { position:absolute; right:0; bottom:0; left:0; min-height:72px; border-top:1px solid rgba(255,255,255,.075); background:rgba(4,7,8,.7); }
.sp-hero-foot .container { display:flex; min-height:72px; align-items:center; gap:27px; }
.sp-hero-foot span { display:flex; align-items:center; gap:8px; color:#65707a; font:7px Consolas,monospace; }
.sp-hero-foot span i { width:6px; height:6px; border-radius:50%; background:var(--sp-green); }
.sp-hero-foot b { margin-left:auto; color:#8a929b; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }

.sp-protocol-dialog { width:min(720px,calc(100% - 32px)); max-height:calc(100vh - 40px); padding:0; overflow:auto; border:1px solid rgba(69,230,154,.25); border-radius:3px 22px 3px 22px; color:#eef0ec; background:#0c1114; box-shadow:0 45px 130px rgba(0,0,0,.7); }
.sp-protocol-dialog::backdrop { background:rgba(3,5,6,.82); backdrop-filter:blur(9px); }
.sp-dialog-head { display:flex; height:55px; align-items:center; justify-content:space-between; padding:0 22px; border-bottom:1px solid rgba(255,255,255,.08); color:#68727c; font:8px Consolas,monospace; }
.sp-dialog-head button { display:grid; width:32px; height:32px; place-items:center; border:1px solid rgba(255,255,255,.1); border-radius:50%; background:transparent; color:#9ca4ad; cursor:pointer; }
.sp-dialog-body { padding:33px; }
.sp-dialog-body > small { display:block; margin-bottom:13px; color:var(--sp-green); font-size:8px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.sp-dialog-body h2 { margin-bottom:31px; font-size:36px; }
.sp-dialog-body ol { margin:0; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.09); }
.sp-dialog-body li { display:grid; grid-template-columns:70px 1fr; gap:18px; padding:20px 0; border-bottom:1px solid rgba(255,255,255,.09); }
.sp-dialog-body li > i { color:#62e9af; font:9px Consolas,monospace; font-style:normal; }
.sp-dialog-body li b { display:block; margin-bottom:6px; color:#e3e4e0; font-size:13px; }
.sp-dialog-body li p { margin:0; color:#7c858f; font-size:10px; }
.sp-dialog-note { margin:24px 0 0; padding:16px; border:1px solid rgba(255,154,77,.18); background:rgba(255,154,77,.035); color:#8f8a84; font-size:9px; }

.sp-risks { position:relative; padding:125px 0; overflow:hidden; color:#151817; background:var(--sp-paper); }
.sp-risks::before { position:absolute; top:-350px; right:-230px; width:700px; height:700px; border:1px solid rgba(19,24,22,.08); border-radius:50%; box-shadow:0 0 0 90px rgba(19,24,22,.016); content:""; }
.sp-section-code { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px; margin-bottom:62px; color:#8b918e; font:8px Consolas,monospace; letter-spacing:.09em; }
.sp-section-code i { height:1px; background:linear-gradient(90deg,rgba(21,24,23,.12),rgba(24,170,108,.6),rgba(21,24,23,.12)); }
.sp-section-code b { color:#626865; font-size:8px; }
.sp-section-code--light { color:#7c8580; }
.sp-section-code--light i { background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(69,230,154,.6),rgba(255,255,255,.08)); }
.sp-section-code--light b { color:#7e8782; }
.sp-risks-head { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:90px; margin-bottom:62px; }
.sp-risks-head h2 { margin:0; color:#141716; font-size:clamp(48px,4.7vw,72px); }
.sp-risks-head h2 em { color:#169466; font-style:normal; }
.sp-risks-head p { margin:0 0 7px; color:#626864; font-size:15px; }
.sp-risk-scanner { display:grid; grid-template-columns:1.05fr .95fr; min-height:560px; border:1px solid rgba(18,23,21,.14); background:#e7eae4; box-shadow:0 30px 80px rgba(42,46,42,.08); }
.sp-risk-map { position:relative; overflow:hidden; border-right:1px solid rgba(18,23,21,.13); background:linear-gradient(rgba(18,23,21,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(18,23,21,.04) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(31,163,107,.08),transparent 38%); background-size:45px 45px,45px 45px,auto; }
.sp-risk-radar { position:absolute; top:50%; left:50%; width:420px; height:420px; border:1px solid rgba(24,128,88,.17); border-radius:50%; transform:translate(-50%,-50%); }
.sp-risk-radar::before,.sp-risk-radar::after { position:absolute; border:1px solid rgba(24,128,88,.14); border-radius:50%; content:""; }
.sp-risk-radar::before { inset:18%; }
.sp-risk-radar::after { inset:36%; }
.sp-risk-radar > i:first-child { position:absolute; top:50%; right:0; left:0; height:1px; background:rgba(24,128,88,.15); }
.sp-risk-radar > i:nth-child(2) { position:absolute; top:0; bottom:0; left:50%; width:1px; background:rgba(24,128,88,.15); }
.sp-risk-radar > i:nth-child(3) { position:absolute; inset:0; border-radius:50%; background:conic-gradient(from -15deg,rgba(33,175,116,.16),transparent 22%); animation:sp-radar 5s linear infinite; }
@keyframes sp-radar { to { transform:rotate(360deg); } }
.sp-risk-map > button { position:absolute; z-index:3; top:var(--y); left:var(--x); display:flex; align-items:center; gap:8px; padding:9px 11px; border:1px solid rgba(18,23,21,.16); background:rgba(246,247,243,.78); color:#5c625f; cursor:pointer; backdrop-filter:blur(6px); }
.sp-risk-map > button > i { width:7px; height:7px; border-radius:50%; background:#df8058; box-shadow:0 0 9px rgba(223,128,88,.35); }
.sp-risk-map > button span { font-size:9px; font-weight:700; }
.sp-risk-map > button b { color:#9a9f9c; font:7px Consolas,monospace; }
.sp-risk-map > button.is-active { border-color:#179466; background:#173b2e; color:#fff; box-shadow:0 12px 30px rgba(25,84,61,.18); }
.sp-risk-map > button.is-active > i { background:#62e9af; box-shadow:0 0 9px #62e9af; }
.sp-risk-core { position:absolute; z-index:2; top:50%; left:50%; display:grid; width:150px; height:150px; place-items:center; border:1px solid rgba(24,128,88,.35); border-radius:50%; background:rgba(238,240,235,.93); box-shadow:0 0 0 15px rgba(24,128,88,.035),0 0 55px rgba(24,128,88,.11); text-align:center; transform:translate(-50%,-50%); }
.sp-risk-core span { position:absolute; top:32px; color:#818783; font:7px Consolas,monospace; }
.sp-risk-core b { color:#d6535e; font:12px Consolas,monospace; }
.sp-risk-core small { position:absolute; bottom:31px; color:#68706c; font:8px Consolas,monospace; }
.sp-risk-report { padding:38px; background:#f6f7f3; }
.sp-risk-report-head { display:flex; justify-content:space-between; margin-bottom:50px; font:8px Consolas,monospace; }
.sp-risk-report-head span { color:#858b88; }
.sp-risk-report-head b { padding:5px 7px; background:rgba(214,83,94,.08); color:#cb4b58; font-size:7px; }
.sp-risk-report h3 { margin-bottom:19px; color:#171a19; font-size:31px; }
.sp-risk-report > p { color:#666c68; font-size:13px; }
.sp-risk-consequences { margin-top:35px; padding:20px 0; border-top:1px solid rgba(18,23,21,.12); border-bottom:1px solid rgba(18,23,21,.12); }
.sp-risk-consequences > span { display:block; margin-bottom:13px; color:#8b918e; font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.sp-risk-consequences ul { display:grid; gap:7px; margin:0; padding:0; list-style:none; }
.sp-risk-consequences li { color:#555c58; font-size:10px; }
.sp-risk-consequences li::before { margin-right:8px; color:#cf4c59; content:"×"; }
.sp-risk-report > strong { display:block; margin-top:24px; color:#17885f; font-size:10px; }
.sp-pressure-line { display:grid; grid-template-columns:.8fr 1.2fr; margin-top:15px; border:1px solid rgba(18,23,21,.15); background:#171b19; }
.sp-pressure-line span,.sp-pressure-line b { padding:24px 28px; }
.sp-pressure-line span { color:#858e89; font-size:11px; }
.sp-pressure-line b { border-left:1px solid rgba(255,255,255,.09); color:#eef0eb; font-size:14px; }

.sp-incident { padding:125px 0; background:#070a0c; }
.sp-incident-head { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:90px; margin-bottom:60px; }
.sp-incident-head > div > span { display:block; margin-bottom:16px; color:var(--sp-red); font-size:9px; font-weight:800; letter-spacing:.13em; }
.sp-incident-head h2 { margin:0; font-size:clamp(48px,4.7vw,72px); }
.sp-incident-head > p { margin:0 0 7px; color:#858e97; font-size:15px; }
.sp-incident-console { display:grid; grid-template-columns:330px minmax(0,1fr); min-height:650px; border:1px solid rgba(255,255,255,.1); background:#0c1013; }
.sp-incident-menu { border-right:1px solid rgba(255,255,255,.09); background:#090d0f; }
.sp-incident-menu button { display:grid; width:100%; min-height:110px; grid-template-columns:35px 1fr 28px; align-items:center; gap:14px; padding:16px 19px; border:0; border-bottom:1px solid rgba(255,255,255,.075); background:transparent; color:#757e87; cursor:pointer; text-align:left; }
.sp-incident-menu button > i { display:grid; width:32px; height:32px; place-items:center; border:1px solid rgba(255,255,255,.1); border-radius:50%; font:7px Consolas,monospace; font-style:normal; }
.sp-incident-menu button span b,.sp-incident-menu button span small { display:block; }
.sp-incident-menu button span b { margin-bottom:5px; color:#aeb4ba; font-size:11px; }
.sp-incident-menu button span small { color:#555e67; font-size:8px; }
.sp-incident-menu button em { color:#ff6a7f; font:8px Consolas,monospace; font-style:normal; }
.sp-incident-menu button.is-active { background:linear-gradient(90deg,rgba(255,83,111,.08),transparent); box-shadow:inset 2px 0 var(--sp-red); }
.sp-incident-menu button.is-active > i { border-color:rgba(255,83,111,.35); color:#ff758a; }
.sp-incident-menu button.is-active span b { color:#fff; }
.sp-incident-stage { padding:30px; background:radial-gradient(circle at 82% 13%,rgba(255,83,111,.07),transparent 24%),#0d1215; }
.sp-incident-stage-head { display:flex; justify-content:space-between; padding-bottom:19px; border-bottom:1px solid rgba(255,255,255,.08); color:#67717a; font:8px Consolas,monospace; }
.sp-incident-stage-head b { color:#858e97; }
.sp-incident-stage-head b i { display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:var(--sp-orange); box-shadow:0 0 10px var(--sp-orange); }
.sp-incident-stage.is-running .sp-incident-stage-head b i { background:var(--sp-red); box-shadow:0 0 10px var(--sp-red); animation:sp-blink .65s steps(2,end) infinite; }
.sp-incident-stage.is-complete .sp-incident-stage-head b i { background:var(--sp-green); box-shadow:0 0 10px var(--sp-green); }
.sp-incident-summary { padding:35px 0 29px; }
.sp-incident-summary small { display:block; margin-bottom:11px; color:#ff6d83; font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.sp-incident-summary h3 { max-width:760px; margin-bottom:14px; font-size:31px; }
.sp-incident-summary p { max-width:760px; margin:0; color:#747e87; font-size:11px; }
.sp-incident-timeline { border-top:1px solid rgba(255,255,255,.08); }
.sp-incident-timeline article { display:grid; min-height:80px; grid-template-columns:38px 1fr 50px; align-items:center; gap:15px; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.08); opacity:.45; transition:opacity .25s ease,background .25s ease; }
.sp-incident-timeline article > i { color:#555f68; font:8px Consolas,monospace; font-style:normal; }
.sp-incident-timeline article span,.sp-incident-timeline article b { display:block; }
.sp-incident-timeline article span { margin-bottom:4px; color:#626c75; font-size:7px; text-transform:uppercase; }
.sp-incident-timeline article b { color:#aab0b6; font-size:10px; }
.sp-incident-timeline article em { color:#555f68; font:7px Consolas,monospace; font-style:normal; }
.sp-incident-timeline article.is-current { padding-right:10px; padding-left:10px; background:rgba(255,154,77,.04); opacity:1; }
.sp-incident-timeline article.is-current > i,.sp-incident-timeline article.is-current em { color:var(--sp-orange); }
.sp-incident-timeline article.is-done { opacity:.8; }
.sp-incident-timeline article.is-done > i,.sp-incident-timeline article.is-done em { color:var(--sp-green); }
.sp-incident-actions { display:grid; grid-template-columns:auto auto 1fr; align-items:center; gap:9px; margin-top:25px; }
.sp-incident-actions > button { min-height:39px; padding:8px 13px; border:1px solid rgba(255,255,255,.12); background:transparent; color:#aeb4ba; font-size:8px; font-weight:760; cursor:pointer; }
.sp-incident-actions > button:first-child { border-color:rgba(255,83,111,.35); background:rgba(255,83,111,.07); color:#f4d4da; }
.sp-incident-actions > button span { margin-left:8px; color:var(--sp-red); }
.sp-incident-actions > div { display:grid; grid-template-columns:auto 1fr 32px; align-items:center; gap:10px; margin-left:15px; }
.sp-incident-actions > div span { color:#5b656e; font-size:7px; text-transform:uppercase; }
.sp-incident-actions progress { width:100%; height:5px; appearance:none; border:0; background:#22292e; }
.sp-incident-actions progress::-webkit-progress-bar { background:#22292e; }
.sp-incident-actions progress::-webkit-progress-value { background:linear-gradient(90deg,var(--sp-red),var(--sp-orange),var(--sp-green)); }
.sp-incident-actions progress::-moz-progress-bar { background:linear-gradient(90deg,var(--sp-red),var(--sp-orange),var(--sp-green)); }
.sp-incident-actions > div b { color:#8c959e; font:8px Consolas,monospace; }

.sp-plans { padding:125px 0; overflow:hidden; background:#0b0f11; }
.sp-plans-head { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:90px; margin-bottom:58px; }
.sp-plans-head h2 { margin:0; font-size:clamp(48px,4.7vw,72px); }
.sp-plans-head h2 em { color:var(--sp-green-soft); font-style:normal; }
.sp-plans-head p { margin:0 0 7px; color:#858e97; font-size:15px; }
.sp-plan-selector { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.1); border-left:1px solid rgba(255,255,255,.1); }
.sp-plan-selector button { position:relative; display:grid; min-height:158px; grid-template-columns:35px 1fr; grid-template-rows:auto auto 1fr; align-content:start; gap:4px 12px; padding:23px; border:0; border-right:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.012); color:#777f88; cursor:pointer; text-align:left; }
.sp-plan-selector button > span { grid-row:1/4; color:#505a63; font:8px Consolas,monospace; }
.sp-plan-selector button > b { color:#b7bdc2; font-size:15px; }
.sp-plan-selector button > small { color:#59636c; font-size:8px; }
.sp-plan-selector button > strong { align-self:end; color:#9ea5ab; font-size:18px; }
.sp-plan-selector button > strong i { color:#59636c; font-size:8px; font-style:normal; }
.sp-plan-selector button > em { position:absolute; top:0; right:0; padding:5px 7px; background:var(--sp-green); color:#07100c; font-size:6px; font-style:normal; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.sp-plan-selector button.is-active { background:linear-gradient(145deg,rgba(69,230,154,.11),rgba(255,255,255,.015)); box-shadow:inset 0 -2px var(--sp-green); }
.sp-plan-selector button.is-active > span,.sp-plan-selector button.is-active > strong { color:var(--sp-green-soft); }
.sp-plan-selector button.is-active > b { color:#fff; }
.sp-plan-stage { border:1px solid rgba(255,255,255,.1); border-top:0; background:radial-gradient(circle at 88% 12%,rgba(69,230,154,.06),transparent 23%),#101518; }
.sp-plan-intro { display:grid; grid-template-columns:1fr 300px; gap:50px; padding:39px; border-bottom:1px solid rgba(255,255,255,.09); }
.sp-plan-intro > div:first-child > span { display:block; margin-bottom:20px; color:#58dca3; font:8px Consolas,monospace; }
.sp-plan-intro h3 { margin-bottom:15px; font-size:37px; }
.sp-plan-intro p { max-width:760px; margin:0; color:#848d96; font-size:12px; }
.sp-plan-price { padding-left:35px; border-left:1px solid rgba(255,255,255,.09); }
.sp-plan-price small,.sp-plan-price strong,.sp-plan-price span { display:block; }
.sp-plan-price small { margin-bottom:9px; color:#5f6972; font-size:8px; text-transform:uppercase; }
.sp-plan-price strong { margin-bottom:12px; color:#fff; font-size:31px; letter-spacing:-.04em; }
.sp-plan-price span { color:#727c85; font-size:9px; }
.sp-plan-specs { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid rgba(255,255,255,.09); }
.sp-plan-specs > div { padding:22px; border-right:1px solid rgba(255,255,255,.09); }
.sp-plan-specs > div:last-child { border-right:0; }
.sp-plan-specs span,.sp-plan-specs b,.sp-plan-specs small { display:block; }
.sp-plan-specs span { margin-bottom:10px; color:#59636c; font-size:7px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.sp-plan-specs b { min-height:35px; margin-bottom:7px; color:#c1c6ca; font-size:10px; }
.sp-plan-specs small { color:#555f68; font-size:7px; }
.sp-plan-content { display:grid; grid-template-columns:1.05fr .95fr .8fr; }
.sp-plan-content > div { min-height:330px; padding:31px; border-right:1px solid rgba(255,255,255,.09); }
.sp-plan-content > div:last-child { border-right:0; }
.sp-plan-content > div > span { display:block; margin-bottom:25px; color:#667079; font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.sp-plan-included ul { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.sp-plan-included li { color:#969ea5; font-size:10px; }
.sp-plan-included li::before { display:inline-grid; width:15px; height:15px; margin-right:9px; place-items:center; border-radius:50%; background:rgba(69,230,154,.08); color:var(--sp-green); content:"✓"; font-size:7px; }
.sp-plan-result blockquote { margin:0 0 35px; color:#e4e5e1; font-size:16px; line-height:1.5; }
.sp-plan-result > div { padding-top:19px; border-top:1px solid rgba(255,255,255,.09); }
.sp-plan-result small,.sp-plan-result b { display:block; }
.sp-plan-result small { margin-bottom:8px; color:#5d6770; font-size:7px; text-transform:uppercase; }
.sp-plan-result b { color:#aeb4b9; font-size:10px; }
.sp-plan-limit p { min-height:125px; color:#7b848d; font-size:10px; }
.sp-plan-limit .button { margin-top:21px; border-color:rgba(69,230,154,.55); background:linear-gradient(135deg,#2ec77f,#168c63); box-shadow:0 12px 35px rgba(37,171,111,.18); font-size:10px; }
.sp-plan-limit .button i { font-style:normal; }
.sp-plan-footnote { display:grid; grid-template-columns:28px 1fr; gap:12px; margin-top:17px; padding:18px; border:1px solid rgba(255,154,77,.16); background:rgba(255,154,77,.025); }
.sp-plan-footnote > i { display:grid; width:27px; height:27px; place-items:center; border:1px solid rgba(255,154,77,.25); border-radius:50%; color:var(--sp-orange); font-size:8px; font-style:normal; }
.sp-plan-footnote p { margin:0; color:#737c84; font-size:8px; }

.sp-downtime { padding:125px 0; overflow:hidden; color:#171a19; background:var(--sp-paper); }
.sp-downtime-head { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:90px; margin-bottom:58px; }
.sp-downtime-head > div > span { display:block; margin-bottom:16px; color:#d6535e; font-size:9px; font-weight:800; letter-spacing:.13em; }
.sp-downtime-head h2 { margin:0; color:#151817; font-size:clamp(49px,4.7vw,72px); }
.sp-downtime-head > p { margin:0 0 7px; color:#626864; font-size:15px; }
.sp-loss-lab { display:grid; grid-template-columns:.85fr 1.15fr; border:1px solid rgba(18,23,21,.14); background:#e7eae4; }
.sp-loss-controls { padding:33px; border-right:1px solid rgba(18,23,21,.13); }
.sp-loss-controls > label { display:block; padding:22px 0; border-bottom:1px solid rgba(18,23,21,.12); }
.sp-loss-controls label > span { display:block; margin-bottom:12px; color:#686e6a; font-size:9px; font-weight:750; }
.sp-loss-controls label > div { display:flex; align-items:center; gap:12px; }
.sp-loss-controls input[type="number"] { width:100%; padding:12px 13px; border:1px solid rgba(18,23,21,.15); border-radius:0; outline:0; background:#f6f7f3; color:#171a19; font-size:20px; font-weight:750; }
.sp-loss-controls label > div > b { color:#777d79; font-size:12px; }
.sp-loss-controls input[type="range"] { width:100%; height:4px; appearance:none; background:linear-gradient(90deg,#d6535e var(--loss-progress,45%),#c9cdc7 var(--loss-progress,45%)); cursor:pointer; }
.sp-loss-controls input[type="range"]::-webkit-slider-thumb { width:18px; height:18px; appearance:none; border:4px solid #e7eae4; border-radius:50%; background:#d6535e; box-shadow:0 0 0 1px rgba(18,23,21,.18); }
.sp-loss-controls input[type="range"]::-moz-range-thumb { width:10px; height:10px; border:4px solid #e7eae4; border-radius:50%; background:#d6535e; }
.sp-loss-controls output { width:55px; flex:0 0 auto; color:#303532; font-size:11px; font-weight:750; text-align:right; }
.sp-loss-controls fieldset { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin:24px 0 0; padding:0; border:1px solid rgba(18,23,21,.14); }
.sp-loss-controls legend { margin-bottom:11px; color:#7a807c; font-size:8px; font-weight:800; text-transform:uppercase; }
.sp-loss-controls fieldset button { min-height:54px; padding:8px; border:0; border-right:1px solid rgba(18,23,21,.12); background:rgba(255,255,255,.24); color:#747a76; font-size:8px; font-weight:740; cursor:pointer; }
.sp-loss-controls fieldset button:last-child { border-right:0; }
.sp-loss-controls fieldset button.is-active { background:#252a27; color:#fff; }
.sp-loss-board { position:relative; overflow:hidden; padding:34px; background:radial-gradient(circle at 80% 18%,rgba(214,83,94,.12),transparent 27%),#171b19; color:#fff; }
.sp-loss-board::before { position:absolute; inset:0; opacity:.3; background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size:40px 40px; content:""; }
.sp-loss-board-head,.sp-loss-number,.sp-loss-scale,.sp-loss-breakdown,.sp-loss-board > p { position:relative; z-index:2; }
.sp-loss-board-head { display:flex; justify-content:space-between; color:#737c78; font:8px Consolas,monospace; }
.sp-loss-board-head b { color:#e96a75; }
.sp-loss-number { margin:65px 0 45px; }
.sp-loss-number small,.sp-loss-number strong,.sp-loss-number span { display:block; }
.sp-loss-number small { margin-bottom:10px; color:#727b77; font-size:8px; text-transform:uppercase; }
.sp-loss-number strong { margin-bottom:7px; color:#ff6f7f; font-size:clamp(50px,5.2vw,80px); letter-spacing:-.06em; line-height:.95; text-shadow:0 0 35px rgba(255,83,111,.14); }
.sp-loss-number span { color:#7d8581; font-size:9px; }
.sp-loss-scale { height:8px; margin-bottom:39px; background:#2a302d; }
.sp-loss-scale > i { display:block; width:17%; height:100%; background:linear-gradient(90deg,#b44452,#ff6c7d); transition:width .3s ease; }
.sp-loss-scale span,.sp-loss-scale b { position:absolute; top:15px; color:#626b67; font:7px Consolas,monospace; }
.sp-loss-scale span { left:0; }
.sp-loss-scale b { right:0; }
.sp-loss-breakdown { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.09); border-left:1px solid rgba(255,255,255,.09); }
.sp-loss-breakdown > div { padding:17px; border-right:1px solid rgba(255,255,255,.09); border-bottom:1px solid rgba(255,255,255,.09); }
.sp-loss-breakdown span,.sp-loss-breakdown b { display:block; }
.sp-loss-breakdown span { min-height:28px; margin-bottom:8px; color:#68716d; font-size:7px; }
.sp-loss-breakdown b { color:#c6cac7; font-size:13px; }
.sp-loss-board > p { margin:25px 0 0; color:#666f6b; font-size:8px; }
.sp-loss-verdict { display:grid; grid-template-columns:.75fr 1.25fr; margin-top:15px; border:1px solid rgba(18,23,21,.14); background:#f7f8f4; }
.sp-loss-verdict span,.sp-loss-verdict b { padding:24px 28px; }
.sp-loss-verdict span { color:#777d79; font-size:11px; }
.sp-loss-verdict b { border-left:1px solid rgba(18,23,21,.12); color:#b83f4c; font-size:14px; }

.sp-protocol { padding:125px 0; background:#080b0d; }
.sp-protocol-head { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:90px; margin-bottom:62px; }
.sp-protocol-head h2 { margin:0; font-size:clamp(49px,4.7vw,72px); }
.sp-protocol-head > p { margin:0 0 7px; color:#838c95; font-size:15px; }
.sp-loop { position:relative; min-height:730px; overflow:hidden; border:1px solid rgba(255,255,255,.09); background:radial-gradient(circle at 50% 50%,rgba(69,230,154,.07),transparent 30%),linear-gradient(rgba(69,230,154,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(69,230,154,.025) 1px,transparent 1px),#0c1114; background-size:auto,55px 55px,55px 55px,auto; }
.sp-loop::before,.sp-loop::after { position:absolute; top:50%; left:50%; border:1px solid rgba(69,230,154,.13); border-radius:50%; content:""; transform:translate(-50%,-50%); }
.sp-loop::before { width:450px; height:450px; }
.sp-loop::after { width:610px; height:610px; border-color:rgba(69,230,154,.07); }
.sp-loop-center { position:absolute; z-index:3; top:50%; left:50%; display:grid; width:180px; height:180px; place-items:center; border:1px solid rgba(69,230,154,.4); border-radius:50%; background:#0a0f11; box-shadow:0 0 0 18px rgba(69,230,154,.025),0 0 60px rgba(69,230,154,.1); text-align:center; transform:translate(-50%,-50%); }
.sp-loop-center span { position:absolute; top:38px; color:#68736c; font:7px Consolas,monospace; }
.sp-loop-center b { color:#e3e5e0; font:32px Consolas,monospace; }
.sp-loop-center small { position:absolute; bottom:38px; color:var(--sp-green); font-size:8px; }
.sp-loop-center i { position:absolute; inset:-12px; border-top:1px solid var(--sp-green); border-radius:50%; animation:sp-radar 5s linear infinite; }
.sp-loop > button { --radius:225px; position:absolute; z-index:4; top:50%; left:50%; display:grid; width:170px; min-height:76px; grid-template-columns:32px 1fr; align-items:center; gap:10px; padding:12px; border:1px solid rgba(255,255,255,.11); background:#101619; color:#7c858e; cursor:pointer; text-align:left; transform:translate(-50%,-50%) rotate(var(--angle)) translateX(var(--radius)) rotate(calc(var(--angle) * -1)); }
.sp-loop > button > i { display:grid; width:31px; height:31px; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:50%; font:7px Consolas,monospace; font-style:normal; }
.sp-loop > button span b,.sp-loop > button span small { display:block; }
.sp-loop > button span b { margin-bottom:4px; color:#b1b7bc; font-size:9px; }
.sp-loop > button span small { color:#59636b; font-size:7px; }
.sp-loop > button.is-active { border-color:rgba(69,230,154,.45); background:#123124; box-shadow:0 13px 35px rgba(0,0,0,.25),0 0 30px rgba(69,230,154,.07); }
.sp-loop > button.is-active > i { border-color:rgba(69,230,154,.45); color:var(--sp-green); }
.sp-loop > button.is-active span b { color:#fff; }
.sp-loop-readout { position:absolute; z-index:5; right:30px; bottom:27px; width:340px; padding:24px; border:1px solid rgba(255,255,255,.1); background:rgba(9,13,15,.88); backdrop-filter:blur(10px); }
.sp-loop-readout > span { display:block; margin-bottom:18px; color:#50d99f; font:8px Consolas,monospace; }
.sp-loop-readout h3 { margin-bottom:12px; font-size:23px; }
.sp-loop-readout p { color:#737d86; font-size:10px; }
.sp-loop-readout > b { color:#9fa6ac; font-size:8px; }
.sp-control-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:15px; border-top:1px solid rgba(255,255,255,.09); border-left:1px solid rgba(255,255,255,.09); }
.sp-control-grid article { min-height:255px; padding:27px; border-right:1px solid rgba(255,255,255,.09); border-bottom:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.012); }
.sp-control-grid article > i { display:grid; width:36px; height:36px; margin-bottom:29px; place-items:center; border:1px solid rgba(69,230,154,.3); border-radius:11px 3px 11px 3px; color:var(--sp-green); font-size:13px; font-style:normal; }
.sp-control-grid article > span { display:block; margin-bottom:9px; color:#606a73; font-size:7px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.sp-control-grid h3 { margin-bottom:12px; font-size:20px; }
.sp-control-grid p { margin:0; color:#747e87; font-size:9px; }

.sp-faq { padding:125px 0; color:#151817; background:var(--sp-paper); }
.sp-faq-layout { display:grid; grid-template-columns:390px 1fr; gap:90px; }
.sp-faq-title { position:sticky; top:calc(var(--header-height) + 35px); align-self:start; }
.sp-faq-title > span { display:block; margin-bottom:17px; color:#178e63; font-size:9px; font-weight:800; letter-spacing:.13em; }
.sp-faq-title h2 { margin-bottom:22px; color:#151817; font-size:48px; }
.sp-faq-title p { color:#656b67; font-size:12px; }
.sp-faq-title a { display:inline-flex; margin-top:10px; color:#16855e; font-size:9px; font-weight:800; }
.sp-faq-list { border-top:1px solid rgba(18,23,21,.14); }
.sp-faq-list details { border-bottom:1px solid rgba(18,23,21,.14); }
.sp-faq-list summary { display:grid; min-height:88px; grid-template-columns:1fr 36px; align-items:center; gap:20px; cursor:pointer; list-style:none; }
.sp-faq-list summary::-webkit-details-marker { display:none; }
.sp-faq-list summary span { color:#272b29; font-size:17px; font-weight:700; }
.sp-faq-list summary i { display:grid; width:34px; height:34px; place-items:center; border:1px solid rgba(18,23,21,.14); border-radius:50%; color:#7c827e; font:8px Consolas,monospace; font-style:normal; }
.sp-faq-list details[open] summary i { border-color:rgba(23,142,99,.35); color:#178e63; }
.sp-faq-list details > div { padding:0 70px 25px 0; }
.sp-faq-list details p { margin:0; color:#656b67; font-size:12px; }

.sp-contact { position:relative; min-height:690px; overflow:hidden; padding:125px 0 95px; background:radial-gradient(circle at 82% 30%,rgba(69,230,154,.12),transparent 27%),radial-gradient(circle at 18% 82%,rgba(151,103,255,.06),transparent 24%),#06090b; }
.sp-contact-grid-lines { position:absolute; inset:0; opacity:.38; background-image:linear-gradient(rgba(69,230,154,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(69,230,154,.025) 1px,transparent 1px); background-size:72px 72px; }
.sp-contact-layout { position:relative; z-index:2; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:100px; }
.sp-contact-copy > span { display:block; margin-bottom:18px; color:var(--sp-green); font-size:9px; font-weight:800; letter-spacing:.13em; }
.sp-contact-copy h2 { margin-bottom:26px; font-size:clamp(49px,4.9vw,76px); line-height:1.02; }
.sp-contact-copy h2 em { color:var(--sp-green-soft); font-style:normal; }
.sp-contact-copy > p { max-width:700px; color:#89929b; font-size:15px; }
.sp-contact-copy > div { display:flex; align-items:center; gap:9px; margin-top:28px; color:#9ba2a9; font-size:9px; }
.sp-contact-copy > div i { width:7px; height:7px; border-radius:50%; background:var(--sp-green); box-shadow:0 0 11px var(--sp-green); }
.sp-contact-panel { overflow:hidden; border:1px solid rgba(69,230,154,.18); border-radius:3px 20px 3px 20px; background:rgba(13,18,21,.82); backdrop-filter:blur(10px); }
.sp-contact-panel-head { display:flex; height:51px; align-items:center; justify-content:space-between; padding:0 19px; border-bottom:1px solid rgba(255,255,255,.08); color:#667079; font:8px Consolas,monospace; }
.sp-contact-panel-head b { color:#747e87; }
.sp-contact-panel-head b i { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:var(--sp-green); box-shadow:0 0 10px var(--sp-green); }
.sp-contact-panel > a { position:relative; display:block; min-height:95px; padding:22px 55px 20px 23px; border-bottom:1px solid rgba(255,255,255,.08); transition:background .2s ease; }
.sp-contact-panel > a:hover { background:rgba(69,230,154,.045); }
.sp-contact-panel a small,.sp-contact-panel a strong { display:block; }
.sp-contact-panel a small { margin-bottom:8px; color:#647079; font-size:7px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.sp-contact-panel a strong { color:#dfe1dd; font-size:17px; }
.sp-contact-panel a > i { position:absolute; top:31px; right:23px; color:var(--sp-green); font-style:normal; }
.sp-contact-panel > p { margin:0; padding:16px 21px; color:#616b74; font-size:8px; }
.sp-contact-word { position:absolute; right:-20px; bottom:-81px; color:rgba(255,255,255,.017); font-size:clamp(160px,20vw,360px); font-weight:900; letter-spacing:-.1em; line-height:.8; pointer-events:none; }
.sp-footer { background:#040607; }

@media (min-width:1800px) {
  .support-service-page { --header-height:88px; --container:1500px; }
  .support-service-page .header-inner { min-height:88px; }
  .support-service-page .main-nav a { font-size:15px; }
  .support-service-page .header-phone { font-size:18px; }
  .sp-hero { min-height:1110px; padding-top:190px; }
  .sp-hero-layout { grid-template-columns:minmax(560px,.86fr) minmax(800px,1.14fr); gap:115px; }
  .sp-hero-copy h1 { font-size:86px; }
  .sp-hero-copy > p { max-width:760px; font-size:19px; }
  .sp-ops-main { grid-template-columns:220px minmax(0,1fr); min-height:660px; }
  .sp-ops-sidebar button { min-height:92px; }
  .sp-monitor canvas { height:300px; }
  .sp-risks,.sp-incident,.sp-plans,.sp-downtime,.sp-protocol,.sp-faq { padding:155px 0; }
  .sp-risks-head h2,.sp-incident-head h2,.sp-plans-head h2,.sp-downtime-head h2,.sp-protocol-head h2 { font-size:83px; }
  .sp-risk-scanner { min-height:650px; }
  .sp-risk-report { padding:48px; }
  .sp-risk-report h3 { font-size:37px; }
  .sp-incident-console { grid-template-columns:390px minmax(0,1fr); min-height:760px; }
  .sp-incident-menu button { min-height:132px; }
  .sp-incident-stage { padding:42px; }
  .sp-plan-selector button { min-height:185px; padding:30px; }
  .sp-plan-intro { padding:49px; }
  .sp-plan-intro h3 { font-size:44px; }
  .sp-plan-content > div { min-height:385px; padding:39px; }
  .sp-loss-board,.sp-loss-controls { padding:45px; }
  .sp-loop { min-height:850px; }
  .sp-loop > button { --radius:270px; width:200px; }
  .sp-loop::before { width:540px; height:540px; }
  .sp-loop::after { width:720px; height:720px; }
  .sp-control-grid article { min-height:300px; padding:34px; }
  .sp-contact { min-height:780px; padding-top:155px; }
}

@media (max-width:1260px) {
  .support-service-page .main-nav { gap:14px; }
  .support-service-page .main-nav a { font-size:12px; }
  .sp-back { display:none; }
  .sp-hero-layout { grid-template-columns:minmax(390px,.82fr) minmax(580px,1.18fr); gap:38px; }
  .sp-hero-copy h1 { font-size:58px; }
  .sp-ops-main { grid-template-columns:155px minmax(0,1fr); }
  .sp-ops-sidebar button { padding-right:9px; padding-left:9px; }
  .sp-incident-console { grid-template-columns:285px minmax(0,1fr); }
  .sp-loop > button { --radius:205px; width:155px; }
}

@media (max-width:980px) {
  .support-service-page .main-nav a { font-size:16px; }
  .support-service-page .main-nav .nav-back-mobile { display:flex!important; }
  .sp-hero { min-height:auto; padding-top:134px; padding-bottom:120px; }
  .sp-hero::before { display:none; }
  .sp-hero-layout { grid-template-columns:1fr; gap:55px; }
  .sp-hero-copy { max-width:760px; }
  .sp-hero-copy h1 { font-size:clamp(55px,8.4vw,78px); }
  .sp-ops { max-width:820px; }
  .sp-hero-foot .container { flex-wrap:wrap; padding-top:14px; padding-bottom:14px; }
  .sp-hero-foot b { width:100%; margin-left:0; }
  .sp-risks-head,.sp-incident-head,.sp-plans-head,.sp-downtime-head,.sp-protocol-head { grid-template-columns:1fr; gap:24px; }
  .sp-risk-scanner { grid-template-columns:1fr; }
  .sp-risk-map { min-height:530px; border-right:0; border-bottom:1px solid rgba(18,23,21,.13); }
  .sp-pressure-line,.sp-loss-verdict { grid-template-columns:1fr; }
  .sp-pressure-line b,.sp-loss-verdict b { border-top:1px solid rgba(255,255,255,.09); border-left:0; }
  .sp-loss-verdict b { border-color:rgba(18,23,21,.12); }
  .sp-incident-console { grid-template-columns:1fr; }
  .sp-incident-menu { display:grid; grid-template-columns:repeat(2,1fr); border-right:0; border-bottom:1px solid rgba(255,255,255,.09); }
  .sp-incident-menu button { border-right:1px solid rgba(255,255,255,.075); }
  .sp-plan-selector { grid-template-columns:repeat(2,1fr); }
  .sp-plan-intro { grid-template-columns:1fr; }
  .sp-plan-price { padding-top:25px; padding-left:0; border-top:1px solid rgba(255,255,255,.09); border-left:0; }
  .sp-plan-specs { grid-template-columns:repeat(2,1fr); }
  .sp-plan-specs > div:nth-child(2) { border-right:0; }
  .sp-plan-specs > div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.09); }
  .sp-plan-content { grid-template-columns:1fr 1fr; }
  .sp-plan-content > div:nth-child(2) { border-right:0; }
  .sp-plan-limit { grid-column:1/-1; border-top:1px solid rgba(255,255,255,.09); }
  .sp-plan-limit p { min-height:auto; }
  .sp-loss-lab { grid-template-columns:1fr; }
  .sp-loss-controls { border-right:0; border-bottom:1px solid rgba(18,23,21,.13); }
  .sp-loop { min-height:690px; }
  .sp-loop > button { --radius:190px; }
  .sp-loop::before { width:380px; height:380px; }
  .sp-loop::after { width:520px; height:520px; }
  .sp-control-grid { grid-template-columns:repeat(2,1fr); }
  .sp-faq-layout { grid-template-columns:1fr; gap:45px; }
  .sp-faq-title { position:static; }
  .sp-contact-layout { grid-template-columns:1fr; gap:50px; }
  .sp-contact-panel { max-width:700px; }
}

@media (max-width:700px) {
  .sp-risks,.sp-incident,.sp-plans,.sp-downtime,.sp-protocol,.sp-faq { padding:85px 0; }
  .sp-hero-copy h1 { font-size:48px; }
  .sp-hero-copy > p { font-size:15px; }
  .sp-hero-actions { align-items:stretch; flex-direction:column; }
  .sp-hero-actions .button,.sp-ghost-button { width:100%; }
  .sp-hero-warning { grid-template-columns:1fr; }
  .sp-ops-main { grid-template-columns:1fr; }
  .sp-ops-sidebar { display:grid; grid-template-columns:repeat(3,1fr); border-right:0; border-bottom:1px solid rgba(255,255,255,.08); }
  .sp-ops-sidebar button { min-height:82px; grid-template-columns:7px 1fr; border-right:1px solid rgba(255,255,255,.065); }
  .sp-ops-sidebar button em { display:none; }
  .sp-monitor { padding:16px; }
  .sp-monitor canvas { height:190px; }
  .sp-monitor-metrics { grid-template-columns:1fr; }
  .sp-ops-log { grid-template-columns:1fr; gap:8px; }
  .sp-ops-log > button { justify-self:start; }
  .sp-hero-foot span { width:calc(50% - 14px); }
  .sp-risks-head h2,.sp-incident-head h2,.sp-plans-head h2,.sp-downtime-head h2,.sp-protocol-head h2 { font-size:42px; }
  .sp-risks-head p,.sp-incident-head > p,.sp-plans-head p,.sp-downtime-head > p,.sp-protocol-head > p { font-size:14px; }
  .sp-section-code { margin-bottom:44px; }
  .sp-risk-map { min-height:440px; }
  .sp-risk-radar { width:330px; height:330px; }
  .sp-risk-map > button { padding:7px 8px; }
  .sp-risk-map > button span { font-size:8px; }
  .sp-risk-report { padding:25px; }
  .sp-risk-report h3 { font-size:27px; }
  .sp-pressure-line span,.sp-pressure-line b,.sp-loss-verdict span,.sp-loss-verdict b { padding:20px; }
  .sp-incident-menu { grid-template-columns:1fr; }
  .sp-incident-menu button { min-height:86px; }
  .sp-incident-stage { padding:20px; }
  .sp-incident-summary h3 { font-size:26px; }
  .sp-incident-timeline article { grid-template-columns:29px 1fr; }
  .sp-incident-timeline article em { grid-column:2; }
  .sp-incident-actions { grid-template-columns:1fr 1fr; }
  .sp-incident-actions > div { grid-column:1/-1; margin:10px 0 0; }
  .sp-plan-selector { grid-template-columns:1fr; }
  .sp-plan-selector button { min-height:130px; }
  .sp-plan-intro { padding:25px; }
  .sp-plan-intro h3 { font-size:30px; }
  .sp-plan-specs { grid-template-columns:1fr; }
  .sp-plan-specs > div { border-right:0; border-bottom:1px solid rgba(255,255,255,.09); }
  .sp-plan-content { grid-template-columns:1fr; }
  .sp-plan-content > div,.sp-plan-content > div:nth-child(2) { min-height:auto; border-right:0; border-bottom:1px solid rgba(255,255,255,.09); }
  .sp-plan-limit { grid-column:auto; }
  .sp-loss-controls,.sp-loss-board { padding:24px; }
  .sp-loss-controls fieldset { grid-template-columns:1fr; }
  .sp-loss-controls fieldset button { border-right:0; border-bottom:1px solid rgba(18,23,21,.12); }
  .sp-loss-number { margin-top:45px; }
  .sp-loss-number strong { font-size:53px; }
  .sp-loss-breakdown { grid-template-columns:1fr; }
  .sp-loop { min-height:auto; padding:30px 20px; }
  .sp-loop::before,.sp-loop::after { display:none; }
  .sp-loop-center { position:relative; top:auto; left:auto; margin:0 auto 25px; transform:none; }
  .sp-loop > button { position:relative; top:auto; left:auto; width:100%; min-height:68px; margin-bottom:8px; transform:none; }
  .sp-loop-readout { position:relative; right:auto; bottom:auto; width:100%; margin-top:22px; }
  .sp-control-grid { grid-template-columns:1fr; }
  .sp-control-grid article { min-height:auto; }
  .sp-faq-title h2 { font-size:41px; }
  .sp-faq-list summary span { font-size:15px; }
  .sp-faq-list details > div { padding-right:0; }
  .sp-contact { padding:85px 0; }
  .sp-contact-copy h2 { font-size:45px; }
}

@media (max-width:480px) {
  .sp-hero { padding-top:118px; }
  .sp-hero-copy h1 { font-size:43px; }
  .sp-status b { display:none; }
  .sp-ops-head { grid-template-columns:1fr auto; }
  .sp-ops-head > div { display:none; }
  .sp-ops-sidebar { grid-template-columns:repeat(2,1fr); }
  .sp-monitor canvas { height:165px; }
  .sp-hero-foot span { width:100%; }
  .sp-hero-foot b { display:none; }
  .sp-dialog-body { padding:23px; }
  .sp-dialog-body h2 { font-size:29px; }
  .sp-dialog-body li { grid-template-columns:50px 1fr; }
  .sp-risk-map { min-height:390px; }
  .sp-risk-radar { width:270px; height:270px; }
  .sp-risk-map > button { transform:scale(.9); transform-origin:left top; }
  .sp-risk-core { width:125px; height:125px; }
  .sp-risk-core span { top:25px; }
  .sp-risk-core small { bottom:24px; }
  .sp-incident-stage-head { align-items:flex-start; flex-direction:column; gap:9px; }
  .sp-plan-selector button { min-height:118px; }
  .sp-plan-price strong { font-size:27px; }
  .sp-loss-number strong { font-size:45px; }
  .sp-contact-copy h2 { font-size:40px; }
  .sp-contact-panel a strong { font-size:14px; }
}

@media (prefers-reduced-motion:reduce) {
  .sp-hero-scan,.sp-risk-radar > i:nth-child(3),.sp-loop-center i,.sp-ops-sidebar button.is-failed > i,.sp-incident-stage.is-running .sp-incident-stage-head b i { animation:none; }
  .sp-incident-timeline article,.sp-loss-scale > i,.sp-sprint-rail i { transition:none; }
}