:root {
  --sm-bg: #050b14;
  --sm-bg-soft: #07111d;
  --sm-panel: #0a1724;
  --sm-panel-strong: #0d1d2c;
  --sm-line: #183348;
  --sm-line-bright: #1e526b;
  --sm-text: #edf9ff;
  --sm-muted: #87a5b7;
  --sm-cyan: #28d9ff;
  --sm-cyan-soft: #82ecff;
  --sm-lime: #b9ff27;
  --sm-warning: #ffbf4a;
  --accent: var(--sm-cyan);
  --dark: var(--sm-bg);
  --panel: var(--sm-panel);
  --line: var(--sm-line);
  --muted: var(--sm-muted);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--sm-bg); }
body.storemonitor {
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 82% 8%, rgba(40,217,255,.09), transparent 27rem),
    linear-gradient(180deg, #050b14 0%, #06101a 46%, #050b14 100%);
  color: var(--sm-text);
  font-family: Manrope, "Noto Sans KR", Pretendard, system-ui, sans-serif;
}
body.storemonitor::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .18;
  background-image: linear-gradient(rgba(40,217,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(40,217,255,.045) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom, #000, transparent 72%);
}

a { color: inherit; }
button, input, select { font: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--sm-lime); outline-offset: 3px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  height: 78px;
  padding: 0 clamp(24px, 5vw, 88px);
  display: flex;
  align-items: center;
  gap: 30px;
  border-bottom: 1px solid rgba(40,217,255,.16);
  background: rgba(5,11,20,.88);
  backdrop-filter: blur(18px);
}
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: max-content; text-decoration: none; }
.brand img { width: 42px; height: 42px; object-fit: contain; filter: drop-shadow(0 0 15px rgba(40,217,255,.2)); }
.brand span { display: grid; gap: 2px; }
.brand b { color: var(--sm-text); font-size: 17px; letter-spacing: -.03em; }
.brand small { color: var(--sm-muted); font-size: 7px; font-weight: 800; letter-spacing: .19em; }
.site-header nav { display: flex; align-items: center; gap: clamp(14px, 1.8vw, 28px); margin-left: auto; }
.site-header nav a, .nav-terms { position: relative; padding: 10px 0; border: 0; background: none; color: var(--sm-muted); font-size: 11px; font-weight: 700; white-space: nowrap; cursor: pointer; }
.site-header nav a::after, .nav-terms::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 2px; height: 1px; background: var(--sm-cyan); transition: right .18s ease; }
.site-header nav a:hover, .nav-terms:hover { color: var(--sm-text); }
.site-header nav a:hover::after, .nav-terms:hover::after { right: 0; }
.site-actions { display: flex; align-items: center; gap: 8px; margin-left: 0; }
.site-account-button, .operator-link { min-height: 40px; padding: 0 14px; border: 1px solid var(--sm-line-bright); background: rgba(10,23,36,.75); color: var(--sm-text); font-size: 10px; font-weight: 800; cursor: pointer; }
.operator-link { display: inline-flex; align-items: center; background: var(--sm-lime); border-color: var(--sm-lime); color: #071018; }
.site-account-button:hover, .site-account-button.signed-in { border-color: var(--sm-cyan); color: var(--sm-cyan); }

main > section { padding: 112px clamp(24px, 7vw, 132px); scroll-margin-top: 80px; }
.eyebrow { margin: 0; color: var(--sm-cyan); font-size: 10px; font-weight: 800; letter-spacing: .22em; }
.lead { max-width: 710px; color: var(--sm-muted); font-size: clamp(14px, 1.2vw, 17px); line-height: 1.9; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 22px; border: 1px solid var(--sm-cyan); background: var(--sm-cyan); color: #06101a; font-size: 11px; font-weight: 900; text-decoration: none; cursor: pointer; transition: transform .16s ease, background .16s ease, color .16s ease; }
.button:hover { transform: translateY(-2px); background: var(--sm-cyan-soft); }
.button.ghost { background: rgba(5,11,20,.35); border-color: var(--sm-line-bright); color: var(--sm-text); }
.button.ghost:hover { border-color: var(--sm-cyan); color: var(--sm-cyan); }

.hero {
  min-height: 790px;
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(420px,.92fr);
  align-items: center;
  gap: clamp(50px, 8vw, 140px);
  padding-top: 95px;
  padding-bottom: 95px;
}
.hero h1 { margin: 24px 0 28px; font-size: clamp(62px, 8.4vw, 132px); line-height: .88; letter-spacing: -.075em; }
.hero h1 span { color: var(--sm-lime); text-shadow: 0 0 42px rgba(185,255,39,.12); }
.hero .lead { max-width: 730px; }
.actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 38px; }
.hero-metrics { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); max-width: 670px; margin: 64px 0 0; border-top: 1px solid var(--sm-line); }
.hero-metrics div { padding: 20px 20px 0 0; border-right: 1px solid var(--sm-line); }
.hero-metrics div + div { padding-left: 20px; }
.hero-metrics div:last-child { border-right: 0; }
.hero-metrics dt { color: var(--sm-cyan); font-size: 24px; font-weight: 900; }
.hero-metrics dd { margin: 5px 0 0; color: var(--sm-muted); font-size: 10px; }
.hero-visual { position: relative; aspect-ratio: 1; display: grid; place-items: center; isolation: isolate; }
.hero-visual::before { content: ""; position: absolute; inset: 8%; z-index: -3; border: 1px solid rgba(40,217,255,.2); border-radius: 50%; background: radial-gradient(circle, rgba(40,217,255,.08), rgba(7,17,29,.3) 55%, transparent 70%); box-shadow: inset 0 0 60px rgba(40,217,255,.06), 0 0 80px rgba(0,0,0,.35); }
.hero-visual::after { content: ""; position: absolute; inset: 18%; z-index: -2; border: 1px dashed rgba(130,236,255,.23); border-radius: 50%; }
.hero-visual > img { width: 48%; height: 48%; object-fit: contain; z-index: 3; filter: drop-shadow(0 24px 45px rgba(0,0,0,.55)); }
.radar-orbit { position: absolute; z-index: -2; border: 1px solid rgba(40,217,255,.18); border-radius: 50%; }
.orbit-a { inset: 1%; }
.orbit-b { inset: 30%; }
.radar-orbit::before, .radar-orbit::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--sm-lime); box-shadow: 0 0 15px var(--sm-lime); }
.orbit-a::before { top: 16%; left: 15%; }.orbit-a::after { right: 7%; bottom: 27%; }
.orbit-b::before { top: -4px; left: 48%; }.orbit-b::after { left: 5%; bottom: 17%; }
.scan-sweep { position: absolute; inset: 8%; z-index: -1; border-radius: 50%; overflow: hidden; animation: rotate-sweep 12s linear infinite; }
.scan-sweep::before { content: ""; position: absolute; left: 50%; top: 50%; width: 44%; height: 1px; background: linear-gradient(90deg, var(--sm-cyan), transparent); transform-origin: left center; box-shadow: 0 0 16px var(--sm-cyan); }
@keyframes rotate-sweep { to { transform: rotate(360deg); } }
.status-chip { position: absolute; z-index: 5; display: grid; min-width: 145px; padding: 14px 16px; border: 1px solid var(--sm-line-bright); background: rgba(7,17,29,.94); box-shadow: 0 12px 34px rgba(0,0,0,.42); }
.status-chip span { color: var(--sm-muted); font-size: 8px; letter-spacing: .12em; }
.status-chip b { margin-top: 5px; color: var(--sm-lime); font-size: 11px; }
.chip-online { top: 13%; right: 2%; }.chip-latency { left: 1%; bottom: 18%; }
.chip-online i { position: absolute; top: 14px; right: 14px; width: 6px; height: 6px; border-radius: 50%; background: var(--sm-lime); box-shadow: 0 0 12px var(--sm-lime); }

.section-head { max-width: 850px; margin-bottom: 54px; }
.section-head h2 { margin: 18px 0 0; font-size: clamp(40px, 5.1vw, 76px); line-height: 1.04; letter-spacing: -.06em; }
.split-head { max-width: none; display: grid; grid-template-columns: 1.12fr .88fr; align-items: end; gap: 80px; }
.split-head > p { margin: 0 0 4px; color: var(--sm-muted); font-size: 14px; line-height: 1.9; }
.split-head strong { color: var(--sm-lime); }

.dashboard-section { border-block: 1px solid rgba(40,217,255,.12); background: rgba(7,17,29,.7); }
.operations-board { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)) minmax(300px,1.15fr); border: 1px solid var(--sm-line-bright); background: #07111d; box-shadow: 0 38px 90px rgba(0,0,0,.35); }
.board-topbar { grid-column: 1/-1; display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--sm-line); color: var(--sm-muted); font-size: 9px; letter-spacing: .1em; }
.board-topbar span { display: flex; align-items: center; gap: 9px; color: var(--sm-text); font-weight: 800; }
.board-topbar i { width: 7px; height: 7px; border-radius: 50%; background: var(--sm-cyan); box-shadow: 0 0 12px var(--sm-cyan); }
.board-stat { padding: 26px; border-right: 1px solid var(--sm-line); border-bottom: 1px solid var(--sm-line); display: grid; gap: 7px; }
.board-stat small { color: var(--sm-muted); font-size: 9px; }.board-stat strong { font-size: 35px; }.board-stat span { color: var(--sm-muted); font-size: 9px; }.board-stat .good { color: var(--sm-lime); }.board-stat .warn { color: var(--sm-warning); }
.board-map { position: relative; grid-column: 1/4; min-height: 350px; overflow: hidden; }
.map-grid { position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(40,217,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(40,217,255,.12) 1px, transparent 1px); background-size: 42px 42px; }
.map-grid::before { content: ""; position: absolute; inset: 13%; border: 1px solid rgba(40,217,255,.14); border-radius: 50%; }
.map-grid::after { content: ""; position: absolute; inset: 29%; border: 1px dashed rgba(40,217,255,.18); border-radius: 50%; }
.map-node { position: absolute; z-index: 2; display: grid; grid-template-columns: auto 1fr; column-gap: 9px; align-items: center; min-width: 115px; padding: 10px; border: 1px solid var(--sm-line); background: rgba(5,11,20,.9); }
.map-node i { grid-row: 1/3; width: 9px; height: 9px; border-radius: 50%; background: var(--sm-lime); box-shadow: 0 0 14px var(--sm-lime); }
.map-node b { font-size: 10px; }.map-node small { color: var(--sm-muted); font-size: 8px; }.map-node.warning i { background: var(--sm-warning); box-shadow: 0 0 14px var(--sm-warning); }
.node-1 { left: 10%; top: 19%; }.node-2 { right: 12%; top: 17%; }.node-3 { left: 42%; bottom: 15%; }.node-4 { right: 7%; bottom: 32%; }
.connection { position: absolute; height: 1px; transform-origin: left center; background: linear-gradient(90deg, rgba(40,217,255,.08), rgba(40,217,255,.7), rgba(40,217,255,.08)); }
.c1 { width: 43%; left: 18%; top: 32%; transform: rotate(-2deg); }.c2 { width: 31%; left: 31%; top: 45%; transform: rotate(33deg); }.c3 { width: 27%; left: 55%; bottom: 33%; transform: rotate(-15deg); }
.board-events { grid-column: 4; grid-row: 2/6; padding: 25px; background: rgba(10,23,36,.8); }
.board-events h3 { margin: 0 0 25px; font-size: 12px; }
.board-events ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.board-events li { display: flex; gap: 12px; padding: 18px 0; border-top: 1px solid var(--sm-line); }
.board-events i { flex: 0 0 auto; width: 7px; height: 7px; margin-top: 3px; border-radius: 50%; }.board-events i.ok { background: var(--sm-lime); }.board-events i.warning { background: var(--sm-warning); }
.board-events span { display: grid; gap: 5px; }.board-events b { font-size: 10px; }.board-events small { color: var(--sm-muted); font-size: 8px; }

.features-section { background: linear-gradient(180deg, rgba(5,11,20,.12), rgba(7,17,29,.8)); }
.features { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); border: 1px solid var(--sm-line); background: var(--sm-line); gap: 1px; }
.features article { min-height: 245px; padding: 35px; border: 0; background: var(--sm-bg-soft); transition: background .2s ease, transform .2s ease; }
.features article:hover { position: relative; z-index: 1; background: var(--sm-panel); box-shadow: 0 0 0 1px var(--sm-cyan); transform: translateY(-3px); }
.features article b { color: var(--sm-cyan); font-size: 9px; letter-spacing: .11em; }
.features article h3 { margin: 45px 0 15px; font-size: 20px; }
.features article p { margin: 0; color: var(--sm-muted); font-size: 12px; line-height: 1.85; }
.process-strip { padding-top: 38px; padding-bottom: 38px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-block: 1px solid var(--sm-line); background: var(--sm-panel); }
.process-strip div { display: grid; gap: 4px; }.process-strip span { color: var(--sm-cyan); font-size: 8px; }.process-strip b { font-size: 11px; }.process-strip i { color: var(--sm-line-bright); font-style: normal; }

.guide-section { background: var(--sm-bg); }
.guide-actions { display: flex; gap: 10px; margin: -15px 0 40px; }
.install-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--sm-line); background: var(--sm-line); gap: 1px; }
.install-steps li { min-height: 275px; padding: 30px; background: var(--sm-bg-soft); }
.install-steps li > span { display: block; color: var(--sm-cyan); font-size: 24px; font-weight: 800; }
.install-steps li div { margin-top: 58px; }.install-steps b { font-size: 16px; }.install-steps p { color: var(--sm-muted); font-size: 11px; line-height: 1.85; }.install-steps code { color: var(--sm-lime); overflow-wrap: anywhere; }
.migration-note { display: grid; grid-template-columns: .8fr 1.2fr; gap: 50px; margin-top: 18px; padding: 34px; border: 1px solid var(--sm-cyan); background: linear-gradient(105deg, rgba(40,217,255,.08), transparent 55%); }
.migration-note h3 { margin: 14px 0 0; font-size: 24px; }.migration-note ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }.migration-note li { padding: 11px 14px; border: 1px solid var(--sm-line); color: var(--sm-muted); font-size: 11px; }.migration-note li b { display: inline-block; min-width: 80px; color: var(--sm-lime); }

.policy-section { border-block: 1px solid var(--sm-line); background: var(--sm-panel); }
.price-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.price-cards article { min-height: 260px; padding: 34px; display: flex; flex-direction: column; gap: 12px; border: 1px solid var(--sm-line); background: rgba(5,11,20,.55); }
.price-cards article > span { color: var(--sm-cyan); font-size: 9px; font-weight: 900; letter-spacing: .1em; }.price-cards strong { font-size: clamp(24px,2.2vw,34px); }.price-cards strong small { color: var(--sm-muted); font-size: 10px; font-weight: 500; }.price-cards p { margin-top: auto; color: var(--sm-muted); font-size: 11px; line-height: 1.7; }
.price-cards .trial-card { border-color: rgba(185,255,39,.55); background: linear-gradient(145deg, rgba(185,255,39,.1), rgba(5,11,20,.5)); }.price-cards .trial-card > span, .price-cards .trial-card strong { color: var(--sm-lime); }
.policy-details { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 12px; border: 1px solid var(--sm-line); }
.policy-details article { padding: 28px; border-right: 1px solid var(--sm-line); }.policy-details article:last-child { border-right: 0; }.policy-details b { color: var(--sm-cyan); font-size: 11px; }.policy-details p { margin: 14px 0 0; color: var(--sm-muted); font-size: 11px; line-height: 1.8; }

.shop-section { background: linear-gradient(180deg, var(--sm-bg), #06121e); }
.purchase-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: -15px 0 30px; }
.purchase-summary span { padding: 9px 11px; border: 1px solid var(--sm-line); color: var(--sm-muted); font-size: 9px; }.purchase-summary button { border: 0; background: none; color: var(--sm-lime); font-size: 10px; font-weight: 800; cursor: pointer; }
.store-shop { display: grid; grid-template-columns: minmax(280px,370px) minmax(0,1fr); gap: 18px; }
.shop-controls { align-self: start; padding: 28px; display: grid; gap: 16px; border: 1px solid var(--sm-line-bright); background: rgba(7,17,29,.9); }
.shop-controls > label { color: var(--sm-muted); font-size: 10px; font-weight: 700; }.shop-controls input, .shop-controls select { display: block; width: 100%; margin-top: 8px; padding: 13px; border: 1px solid var(--sm-line); background: var(--sm-bg); color: var(--sm-text); }
.purchase-consent { margin: 0; padding: 14px; border: 1px solid var(--sm-line); }.purchase-consent legend { padding: 0 6px; color: var(--sm-cyan); font-size: 9px; font-weight: 900; }.purchase-consent label { display: flex; align-items: flex-start; gap: 8px; color: var(--sm-muted); font-size: 10px; line-height: 1.7; }.purchase-consent input { width: auto; margin: 3px 0 0; accent-color: var(--sm-cyan); }.purchase-consent button { margin-top: 8px; padding: 0; border: 0; background: none; color: var(--sm-lime); font-size: 10px; font-weight: 800; cursor: pointer; }.trial-consent { border-color: rgba(185,255,39,.3); background: rgba(185,255,39,.025); }.trial-consent legend { color: var(--sm-lime); }
.store-shop .offers { min-height: 100%; display: block; }
.store-shop .empty { min-height: 100%; padding: 38px; display: grid; place-content: start; gap: 10px; border: 1px solid var(--sm-line); background: rgba(7,17,29,.45); color: var(--sm-muted); }.store-shop .empty b { color: var(--sm-text); font-size: 16px; }.store-shop .empty span { font-size: 11px; }
.quote-card, .trial-result { padding: 34px; border: 1px solid var(--sm-line-bright); background: rgba(7,17,29,.72); }
.quote-card small { color: var(--sm-cyan); font-size: 9px; letter-spacing: .12em; }.quote-card h3 { margin: 12px 0 28px; font-size: 24px; }.quote-lines { display: grid; gap: 10px; }.quote-lines span { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 9px; border-bottom: 1px solid var(--sm-line); color: var(--sm-muted); font-size: 11px; }.quote-lines strong { color: var(--sm-text); }.quote-total { margin: 32px 0; color: var(--sm-lime); font-size: clamp(32px,4vw,52px); font-weight: 900; }.quote-note { color: var(--sm-muted); font-size: 11px; line-height: 1.8; }.quote-card > .button { margin-top: 15px; width: 100%; border: 0; }
.order-card { margin-bottom: 10px; }.order-card > strong { display: block; margin: 18px 0; color: var(--sm-lime); font-size: 24px; }
.trial-result { display: grid; gap: 15px; border-color: var(--sm-lime); }.trial-result > b { font-size: 20px; }.trial-result p, .trial-result span { margin: 0; color: var(--sm-muted); font-size: 12px; line-height: 1.75; }.trial-result code { display: block; padding: 14px; border: 1px dashed rgba(185,255,39,.55); background: rgba(185,255,39,.04); color: var(--sm-lime); font: 700 12px ui-monospace, Consolas, monospace; overflow-wrap: anywhere; }.activation-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.activation-actions .button { min-height: 48px; padding: 0 12px; }

.account-bridge { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 80px; border-top: 1px solid var(--sm-line); background: linear-gradient(110deg, rgba(40,217,255,.07), rgba(185,255,39,.03)); }
.account-bridge h2 { margin: 14px 0; font-size: clamp(38px,5vw,70px); line-height: 1.04; letter-spacing: -.06em; }.account-bridge > div > p:last-child { color: var(--sm-muted); font-size: 13px; line-height: 1.8; }.bridge-actions { min-width: 225px; display: grid; gap: 9px; }.bridge-actions .button { width: 100%; }

.terms-dialog { width: min(760px,94vw); max-height: 88vh; padding: 0; border: 1px solid var(--sm-line-bright); background: #07111d; color: var(--sm-text); }.terms-dialog::backdrop { background: rgba(0,5,10,.86); backdrop-filter: blur(8px); }.terms-content { position: relative; max-height: 88vh; padding: 42px; overflow: auto; }.terms-content h2 { margin: 14px 0 5px; font-size: 32px; }.terms-version { color: var(--sm-cyan) !important; }.terms-content section { padding: 18px 0; border-bottom: 1px solid var(--sm-line); }.terms-content section h3 { margin: 0 0 8px; font-size: 14px; }.terms-content p { color: var(--sm-muted); font-size: 11px; line-height: 1.8; }.terms-close { position: absolute; right: 18px; top: 12px; border: 0; background: none; color: var(--sm-text); font-size: 28px; cursor: pointer; }.terms-confirm { width: 100%; margin-top: 24px; border: 0; }

.site-footer { padding: 50px clamp(24px,7vw,132px); display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; gap: 30px; border-top: 1px solid var(--sm-line); background: #040a11; }.footer-brand img { width: 36px; height: 36px; }.site-footer > p { color: var(--sm-muted); font-size: 10px; text-align: center; }.site-footer > div { display: grid; justify-items: end; gap: 9px; }.site-footer small { color: var(--sm-muted); font-size: 8px; }.family-site { min-width: 195px; padding: 10px 32px 10px 12px; border: 1px solid var(--sm-line); background: var(--sm-panel); color: var(--sm-text); font-size: 10px; }

.storemonitor .global-floating-side { top: 37%; z-index: 35; }.storemonitor .global-floating-side .side-account-button { border-color: var(--sm-line-bright); background: rgba(7,17,29,.96); }.storemonitor .global-floating-side .side-account-button:hover, .storemonitor .global-floating-side .side-account-button.signed-in { border-color: var(--sm-cyan); color: var(--sm-cyan); }.storemonitor .global-floating-side .promo-rail { border-color: var(--sm-line-bright); background: rgba(7,17,29,.97); }.storemonitor .global-floating-side .promo-rail > span, .storemonitor .global-floating-side .promo-family small, .storemonitor .global-floating-side .promo-rail small { color: var(--sm-lime); }.storemonitor .global-floating-side .promo-rail a:hover { background: var(--sm-cyan); color: #06101a; }.storemonitor .global-floating-side .floating-family-site { border-color: var(--sm-line); background: var(--sm-bg); }
.storemonitor .account-panel { border-color: var(--sm-line-bright); background: var(--sm-panel); }.storemonitor .account-tabs .active, .storemonitor .account-submit, .storemonitor .account-profile a, .storemonitor .account-footer-actions a, .storemonitor .account-remote a { background: var(--sm-cyan); color: #06101a; }.storemonitor .account-product, .storemonitor .account-kicker, .storemonitor .account-trial span { color: var(--sm-cyan); }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .scan-sweep { animation: none; } * { transition: none !important; } }
@media (max-width: 1180px) {
  .site-header nav { display: none; }
  .site-actions { margin-left: auto; }
  .hero { grid-template-columns: 1fr minmax(360px,.75fr); }
  .operations-board { grid-template-columns: repeat(3,1fr); }
  .board-events { grid-column: 1/-1; grid-row: auto; }
  .board-map { grid-column: 1/-1; }
  .install-steps { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 900px) {
  main > section { padding-top: 85px; padding-bottom: 85px; }
  .hero { min-height: auto; grid-template-columns: 1fr; }
  .hero-visual { width: min(620px,92vw); margin: 0 auto; }
  .split-head { grid-template-columns: 1fr; gap: 25px; }
  .features, .price-cards { grid-template-columns: 1fr 1fr; }
  .policy-details { grid-template-columns: 1fr; }.policy-details article { border-right: 0; border-bottom: 1px solid var(--sm-line); }.policy-details article:last-child { border-bottom: 0; }
  .migration-note { grid-template-columns: 1fr; gap: 25px; }
  .store-shop { grid-template-columns: 1fr; }
  .account-bridge { grid-template-columns: 1fr; gap: 35px; }.bridge-actions { min-width: 0; display: flex; }
}
@media (max-width: 680px) {
  .site-header { height: 68px; padding-inline: 18px; }.brand img { width: 36px; height: 36px; }.brand small { display: none; }.operator-link { display: none; }.site-account-button { max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  main > section { padding-inline: 20px; padding-top: 72px; padding-bottom: 72px; }.hero { padding-top: 56px; }.hero h1 { font-size: clamp(52px,17vw,82px); }.hero-metrics { grid-template-columns: 1fr; }.hero-metrics div { padding: 15px 0; border-right: 0; border-bottom: 1px solid var(--sm-line); }.hero-metrics div + div { padding-left: 0; }.hero-visual { width: 106%; margin-left: -3%; }.status-chip { min-width: 125px; padding: 11px; }.chip-online { right: 0; }.chip-latency { left: 0; }
  .section-head h2 { font-size: clamp(36px,12vw,58px); }.features, .price-cards { grid-template-columns: 1fr; }.features article { min-height: auto; }.features article h3 { margin-top: 28px; }
  .process-strip { align-items: flex-start; flex-direction: column; padding-inline: 20px; }.process-strip i { transform: rotate(90deg); }
  .operations-board { grid-template-columns: 1fr; }.board-topbar { align-items: flex-start; gap: 10px; flex-direction: column; }.board-stat { border-right: 0; }.board-map { min-height: 330px; }.map-node { min-width: 100px; }.node-1 { left: 4%; }.node-2 { right: 4%; }.node-3 { left: 31%; }.node-4 { right: 2%; bottom: 36%; }
  .guide-actions { flex-direction: column; }.install-steps { grid-template-columns: 1fr; }.install-steps li { min-height: auto; }.install-steps li div { margin-top: 30px; }
  .migration-note { padding: 24px; }.migration-note li b { display: block; margin-bottom: 4px; }
  .activation-actions { grid-template-columns: 1fr; }.bridge-actions { display: grid; }.terms-content { padding: 32px 24px; }
  .site-footer { grid-template-columns: 1fr; padding-inline: 20px; }.site-footer > p { text-align: left; }.site-footer > div { justify-items: start; }
}