:root {
  --bg: #07090d;
  --surface: #0d1118;
  --surface-2: #111722;
  --card: rgba(16, 22, 32, .82);
  --line: rgba(255, 255, 255, .08);
  --line-hot: rgba(255, 42, 85, .3);
  --red: #ff2a55;
  --red-2: #d4143d;
  --cyan: #00e5f0;
  --green: #00e676;
  --amber: #ffb703;
  --purple: #a855f7;
  --text: #f6f7fb;
  --muted: #929baa;
  --dim: #586272;
  --sans: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', Consolas, monospace;
  --max: 1280px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; background: var(--bg); color: var(--text); font-family: var(--sans); }
body { min-height: 100vh; overflow-x: hidden; background: radial-gradient(circle at 50% -5%, rgba(255,42,85,.12), transparent 34%), radial-gradient(circle at 100% 40%, rgba(0,229,240,.035), transparent 30%), var(--bg); }
a { color: inherit; text-decoration: none; }
button { border: 0; font: inherit; }
.shell { width: min(100% - 3rem, var(--max)); margin-inline: auto; position: relative; }
.ambient-grid { position: fixed; inset: 0; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 44px 44px; mask-image: radial-gradient(circle at 50% 35%, #000 20%, transparent 80%); }

.security-announcement { position: relative; z-index: 20; overflow: hidden; background: linear-gradient(90deg, rgba(255,42,85,.16), rgba(111,8,31,.95) 20%, rgba(111,8,31,.95) 80%, rgba(255,42,85,.16)), #25040c; border-block: 1px solid rgba(255,78,111,.6); box-shadow: 0 0 28px rgba(255,42,85,.2); }
.security-announcement::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(115deg, transparent 0 18px, rgba(255,255,255,.026) 18px 19px); }
.security-announcement-inner { min-height: 98px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; padding-block: .85rem; z-index: 1; }
.security-alert-icon { width: 44px; height: 44px; display: grid; place-items: center; border: 2px solid #ff7994; border-radius: 50%; color: #fff; background: rgba(255,42,85,.18); box-shadow: 0 0 0 6px rgba(255,42,85,.07), 0 0 20px rgba(255,42,85,.55); font: 900 1.35rem/1 var(--mono); animation: pulse 1.8s ease-in-out infinite; }
.security-announcement-copy span { display: block; margin-bottom: .3rem; color: #ffb9c7; font: 800 .68rem/1 var(--mono); letter-spacing: .18em; }
.security-announcement-copy p { max-width: 920px; color: rgba(255,255,255,.93); font-size: .91rem; line-height: 1.5; }
.security-announcement-copy strong { color: #fff; text-shadow: 0 0 12px rgba(255,255,255,.4); }
.online-pill { display: flex; align-items: center; gap: .5rem; padding: .55rem .8rem; white-space: nowrap; color: #d9ffe9; background: rgba(0,230,118,.09); border: 1px solid rgba(0,230,118,.3); border-radius: 99px; font: 800 .66rem/1 var(--mono); letter-spacing: .1em; }
.online-pill i { width: 8px; height: 8px; background: var(--green); border-radius: 50%; box-shadow: 0 0 10px var(--green); }
@keyframes pulse { 50% { transform: scale(1.06); box-shadow: 0 0 0 9px rgba(255,42,85,.025), 0 0 28px rgba(255,42,85,.75); } }

.site-header { position: sticky; top: 0; z-index: 15; background: rgba(7,9,13,.84); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); }
.nav-row { height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.brand { display: flex; align-items: center; gap: .7rem; font-size: 1.35rem; font-weight: 900; letter-spacing: .06em; }
.brand > span:last-child span { color: var(--red); }
.brand-mark { position: relative; width: 34px; height: 34px; border: 1px solid rgba(255,42,85,.35); border-radius: 50%; box-shadow: 0 0 16px rgba(255,42,85,.22); }
.brand-mark i { position: absolute; top: 7px; left: 15px; width: 3px; height: 20px; background: var(--red); border-radius: 2px; transform: rotate(45deg); box-shadow: 0 0 8px var(--red); }
.brand-mark i:last-child { transform: rotate(-45deg); }
.desktop-nav { display: flex; align-items: center; gap: 2rem; }
.desktop-nav a { position: relative; padding: .35rem 0; color: var(--muted); font-size: .9rem; font-weight: 600; transition: color .2s ease; }
.desktop-nav a:hover, .desktop-nav a.active { color: #fff; }
.desktop-nav a::after { content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: var(--red); transform: translateX(-50%); transition: width .2s ease; box-shadow: 0 0 8px var(--red); }
.desktop-nav a:hover::after, .desktop-nav a.active::after { width: 100%; }
.nav-discord { display: inline-flex; align-items: center; gap: .55rem; padding: .68rem 1.05rem; background: linear-gradient(135deg, var(--red), var(--red-2)); border: 1px solid rgba(255,88,122,.45); border-radius: 8px; box-shadow: 0 7px 20px rgba(255,42,85,.22); font-size: .82rem; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease; }
.nav-discord:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(255,42,85,.34); }
.nav-discord svg { width: 18px; height: 18px; fill: currentColor; }
.menu-toggle, .mobile-nav { display: none; }

.hero { position: relative; z-index: 1; padding: 6.5rem 0 5rem; }
.hero-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(560px, 1.1fr); align-items: center; gap: 4.5rem; }
.eyebrow { display: flex; align-items: center; gap: .6rem; margin-bottom: 1.35rem; color: var(--red); font: 800 .72rem/1 var(--mono); letter-spacing: .16em; }
.eyebrow span { width: 9px; height: 9px; background: var(--red); border-radius: 50%; box-shadow: 0 0 10px var(--red); }
.hero h1 { max-width: 690px; font-size: clamp(3.4rem, 5.4vw, 5.4rem); line-height: .98; letter-spacing: -.055em; }
.hero h1 em { color: transparent; background: linear-gradient(90deg, var(--red), #ff7893); background-clip: text; font-style: normal; }
.hero-lead { max-width: 650px; margin-top: 1.6rem; color: var(--muted); font-size: 1.06rem; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; gap: .85rem; margin-top: 2.1rem; }
.primary-action, .secondary-action { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 1.25rem; border-radius: 9px; font-size: .88rem; font-weight: 800; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.primary-action { gap: 1rem; color: #fff; background: linear-gradient(135deg, var(--red), var(--red-2)); box-shadow: 0 10px 30px rgba(255,42,85,.22); }
.primary-action span { font-size: 1.2rem; }
.secondary-action { color: #d8dce4; background: rgba(255,255,255,.025); border: 1px solid var(--line); }
.primary-action:hover, .secondary-action:hover { transform: translateY(-2px); }
.secondary-action:hover { border-color: var(--line-hot); background: rgba(255,42,85,.04); }
.hero-proof { display: flex; align-items: stretch; gap: 0; margin-top: 2.8rem; }
.hero-proof div { display: flex; flex-direction: column; min-width: 120px; padding-right: 1.6rem; margin-right: 1.6rem; border-right: 1px solid var(--line); }
.hero-proof div:last-child { border: 0; margin: 0; padding: 0; }
.hero-proof strong { font-size: 1.25rem; line-height: 1; }
.hero-proof span { margin-top: .45rem; color: var(--dim); font: 600 .63rem/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }

.menu-preview { position: relative; overflow: hidden; background: rgba(8,11,17,.96); border: 1px solid rgba(255,255,255,.11); border-radius: 18px; box-shadow: 0 35px 80px rgba(0,0,0,.55), 0 0 45px rgba(255,42,85,.08); transform: perspective(1400px) rotateY(-3deg) rotateX(1deg); }
.menu-preview::before { content: ''; position: absolute; inset: -50% auto auto -20%; width: 70%; height: 100%; background: rgba(255,42,85,.07); filter: blur(70px); pointer-events: none; }
.preview-topbar { height: 55px; position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; padding: 0 1.1rem; border-bottom: 1px solid var(--line); }
.preview-brand { display: flex; align-items: center; gap: .55rem; font-size: .8rem; }
.preview-brand .mini-x { display: grid; place-items: center; width: 22px; height: 22px; color: var(--red); border: 1px solid rgba(255,42,85,.4); border-radius: 6px; font: 800 1.1rem/1 var(--mono); }
.preview-brand small { margin-left: .25rem; color: var(--dim); font: 700 .55rem/1 var(--mono); letter-spacing: .12em; }
.preview-status { display: flex; align-items: center; gap: .45rem; color: #bdfed7; font: 700 .56rem/1 var(--mono); letter-spacing: .1em; }
.preview-status i { width: 7px; height: 7px; background: var(--green); border-radius: 50%; box-shadow: 0 0 8px var(--green); }
.preview-body { min-height: 440px; display: grid; grid-template-columns: 142px 1fr; position: relative; z-index: 1; }
.preview-tabs { padding: .9rem .65rem; background: rgba(255,255,255,.014); border-right: 1px solid var(--line); }
.preview-tab { display: flex; align-items: center; gap: .6rem; padding: .72rem .7rem; margin-bottom: .25rem; color: var(--dim); border-radius: 6px; font-size: .68rem; font-weight: 700; }
.preview-tab span { color: #4d5562; font: 600 .52rem/1 var(--mono); }
.preview-tab.active { color: #fff; background: linear-gradient(90deg, rgba(255,42,85,.24), rgba(255,42,85,.05)); box-shadow: inset 2px 0 var(--red); }
.preview-tab.active span { color: var(--red); }
.preview-panel { padding: 1.2rem; }
.preview-heading { display: flex; align-items: center; justify-content: space-between; padding-bottom: .9rem; border-bottom: 1px solid var(--line); }
.preview-heading div { display: flex; flex-direction: column; gap: .3rem; }
.preview-heading small { color: var(--red); font: 700 .55rem/1 var(--mono); letter-spacing: .14em; }
.preview-heading strong { font-size: .9rem; }
.preview-heading > span { padding: .4rem .55rem; color: #ff8199; background: rgba(255,42,85,.08); border: 1px solid rgba(255,42,85,.2); border-radius: 5px; font: 700 .5rem/1 var(--mono); }
.control-list { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: .9rem; }
.control-row { display: flex; align-items: center; justify-content: space-between; min-height: 39px; padding: 0 .7rem; color: #afb6c3; background: rgba(255,255,255,.023); border: 1px solid rgba(255,255,255,.055); border-radius: 6px; font-size: .68rem; font-weight: 600; }
.toggle { position: relative; width: 26px; height: 14px; background: #262d38; border-radius: 20px; }
.toggle::after { content: ''; position: absolute; width: 10px; height: 10px; top: 2px; left: 2px; background: #697384; border-radius: 50%; transition: left .2s ease; }
.toggle.on { background: rgba(255,42,85,.28); }
.toggle.on::after { left: 14px; background: var(--red); box-shadow: 0 0 7px var(--red); }
.preview-radar { display: grid; grid-template-columns: 112px 1fr; align-items: center; gap: 1rem; margin-top: .9rem; padding: .9rem; background: linear-gradient(135deg, rgba(0,229,240,.035), rgba(255,42,85,.04)); border: 1px solid var(--line); border-radius: 9px; }
.radar-ring { position: relative; width: 92px; height: 92px; margin: auto; overflow: hidden; border: 1px solid rgba(255,42,85,.45); border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 15px, rgba(255,42,85,.08) 16px 17px); }
.radar-ring::before, .radar-ring::after { content: ''; position: absolute; background: rgba(255,42,85,.16); }
.radar-ring::before { width: 1px; height: 100%; left: 50%; }.radar-ring::after { width: 100%; height: 1px; top: 50%; }
.sweep { position: absolute; width: 50%; height: 50%; top: 0; right: 0; transform-origin: bottom left; background: linear-gradient(45deg, rgba(255,42,85,.2), transparent); animation: sweep 3s linear infinite; }
@keyframes sweep { to { transform: rotate(360deg); } }
.dot, .player-dot { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--red); box-shadow: 0 0 7px var(--red); }.d1{top:22%;left:64%}.d2{top:58%;left:72%}.d3{top:67%;left:27%}.player-dot{width:6px;height:6px;top:47%;left:47%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.preview-radar > div:last-child { display: flex; flex-direction: column; gap: .5rem; }.preview-radar small{color:var(--cyan);font:700 .52rem/1 var(--mono);letter-spacing:.12em}.preview-radar strong{font-size:.9rem}.preview-radar span{color:var(--dim);font:600 .6rem/1 var(--mono)}
.preview-footer { position: relative; z-index: 1; height: 36px; display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; color: var(--dim); background: rgba(255,255,255,.015); border-top: 1px solid var(--line); font: 600 .5rem/1 var(--mono); letter-spacing: .08em; }

.capability-strip { position: relative; z-index: 1; border-block: 1px solid var(--line); background: rgba(12,15,22,.7); }
.capability-grid { min-height: 72px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; }
.capability-grid span { display: flex; align-items: center; justify-content: center; gap: .7rem; height: 100%; color: #8892a2; border-right: 1px solid var(--line); font: 700 .67rem/1 var(--mono); letter-spacing: .07em; }.capability-grid span:last-child{border:0}.capability-grid i{color:var(--red);font-style:normal;text-shadow:0 0 8px var(--red)}

.feature-section { position: relative; z-index: 1; padding: 7.5rem 0; }
.section-heading { display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 4rem; margin-bottom: 3rem; }
.section-kicker { display: block; margin-bottom: .9rem; color: var(--red); font: 800 .68rem/1 var(--mono); letter-spacing: .16em; }
.section-heading h2, .systems-copy h2, .community-copy h2 { font-size: clamp(2.4rem, 4vw, 3.8rem); line-height: 1.04; letter-spacing: -.045em; }
.section-heading > p { color: var(--muted); font-size: .98rem; line-height: 1.7; }
.feature-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1rem; }
.feature-card { grid-column: span 6; position: relative; overflow: hidden; padding: 1.6rem; background: linear-gradient(150deg, rgba(17,23,34,.88), rgba(10,14,21,.92)); border: 1px solid var(--line); border-radius: 16px; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.feature-card:hover { transform: translateY(-4px); border-color: rgba(255,42,85,.25); box-shadow: 0 18px 45px rgba(0,0,0,.28); }
.feature-card::before { content: ''; position: absolute; top: 0; left: 0; width: 38%; height: 1px; background: linear-gradient(90deg, var(--card-accent, var(--red)), transparent); }
.feature-card::after { content: ''; position: absolute; top: -90px; right: -80px; width: 180px; height: 180px; border-radius: 50%; background: var(--card-accent, var(--red)); opacity: .035; filter: blur(30px); }
.card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.1rem; }.card-number{color:var(--dim);font:700 .62rem/1 var(--mono);letter-spacing:.12em}.card-icon{display:grid;place-items:center;width:38px;height:38px;color:var(--card-accent,var(--red));background:color-mix(in srgb, var(--card-accent,var(--red)) 10%, transparent);border:1px solid color-mix(in srgb, var(--card-accent,var(--red)) 25%, transparent);border-radius:10px;font-size:1.1rem}
.feature-card h3 { position: relative; z-index: 1; font-size: 1.55rem; letter-spacing: -.025em; }.feature-card > p,.wide-card-head p{position:relative;z-index:1;max-width:610px;margin-top:.5rem;color:var(--muted);font-size:.85rem;line-height:1.6}
.feature-card ul { position: relative; z-index: 1; display: grid; gap: .42rem; margin-top: 1.3rem; list-style: none; }
.feature-card li { display: grid; grid-template-columns: minmax(120px, .48fr) 1fr; gap: .7rem; padding: .6rem .7rem; background: rgba(255,255,255,.019); border: 1px solid rgba(255,255,255,.045); border-radius: 7px; }
.feature-card li strong { color: #e9ecf2; font-size: .73rem; }.feature-card li span{color:#737e8f;font-size:.7rem;line-height:1.45}.feature-card code{color:#ff829b;font-family:var(--mono)}
.aim-card{--card-accent:#ff2a55}.aimfix-card{--card-accent:#d46cff}.teleport-card{--card-accent:#00d7e5}.quest-card{--card-accent:#ffb703}.geo-card{--card-accent:#6d7cff}.damage-card{--card-accent:#ff5d34}
.feature-wide { grid-column: span 12; padding: 2rem; }.wide-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.feature-count{padding:.5rem .7rem;white-space:nowrap;color:#ffe39a;background:rgba(255,183,3,.07);border:1px solid rgba(255,183,3,.22);border-radius:6px;font:700 .55rem/1 var(--mono);letter-spacing:.09em}.two-column-list{grid-template-columns:1fr 1fr!important}
.compact-card { grid-column: span 6; }
.damage-visual { position: relative; display: flex; align-items: center; justify-content: center; gap: 1.7rem; min-height: 105px; margin-top: 1.2rem; overflow: hidden; background: radial-gradient(circle, rgba(255,93,52,.08), transparent 65%); border: 1px solid rgba(255,93,52,.12); border-radius: 9px; }.damage-visual i{width:9px;height:9px;background:#ff5d34;border-radius:50%;box-shadow:0 0 0 5px rgba(255,93,52,.07),0 0 14px #ff5d34}.damage-visual span{position:absolute;bottom:.7rem;color:#8f6055;font:700 .52rem/1 var(--mono);letter-spacing:.1em}

.systems-section { position: relative; z-index: 1; padding: 7rem 0; background: linear-gradient(180deg, rgba(255,42,85,.018), transparent); border-block: 1px solid var(--line); }
.systems-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 6rem; }.systems-copy p{max-width:500px;margin-top:1.3rem;color:var(--muted);line-height:1.75}.systems-copy a{display:inline-flex;align-items:center;gap:1rem;margin-top:1.8rem;color:#fff;font-size:.86rem;font-weight:800}.systems-copy a span{color:var(--red);font-size:1.2rem}.workflow-list{display:grid;gap:.7rem}.workflow-item{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:1rem;padding:1.15rem;background:rgba(16,22,32,.72);border:1px solid var(--line);border-radius:12px}.workflow-item>span{display:grid;place-items:center;width:42px;height:42px;color:var(--red);background:rgba(255,42,85,.07);border:1px solid rgba(255,42,85,.18);border-radius:9px;font:700 .64rem/1 var(--mono)}.workflow-item strong{font-size:.9rem}.workflow-item p{margin-top:.25rem;color:var(--muted);font-size:.79rem;line-height:1.5}

.community-section { position: relative; z-index: 1; padding: 6rem 0; }.community-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem;padding:3rem;background:linear-gradient(135deg,rgba(255,42,85,.105),rgba(17,23,34,.72) 48%,rgba(88,101,242,.07));border:1px solid rgba(255,42,85,.22);border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.3)}.community-copy h2{max-width:720px;font-size:clamp(2.1rem,3.4vw,3.2rem)}.community-copy p{max-width:720px;margin-top:1rem;color:var(--muted);line-height:1.7}.community-copy p strong{color:#fff}.community-action{position:relative;min-width:220px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25rem 1rem;padding:1.05rem 1.15rem;color:#fff;background:linear-gradient(135deg,#5865f2,#4752c4);border:1px solid rgba(255,255,255,.16);border-radius:11px;box-shadow:0 12px 30px rgba(88,101,242,.2);transition:transform .2s ease}.community-action:hover{transform:translateY(-3px)}.community-action span{font-weight:800}.community-action small{color:rgba(255,255,255,.66);font-size:.65rem}.community-action b{grid-column:2;grid-row:1/3;font-size:1.4rem}

.site-footer { position: relative; z-index: 1; border-top: 1px solid var(--line); background: rgba(5,7,11,.76); }.footer-row{min-height:110px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:3rem}.footer-row>div{display:flex;flex-direction:column;gap:.35rem}.footer-row>div strong{font-size:1rem;letter-spacing:.08em}.footer-row>div span,.footer-row small{color:var(--dim);font-size:.72rem}.footer-row nav{display:flex;gap:1.5rem}.footer-row nav a{color:var(--muted);font-size:.78rem}.footer-row nav a:hover{color:var(--red)}
.mobile-dock { display: none; }

@media (max-width: 1100px) {
  .hero-grid { grid-template-columns: 1fr; }.hero-copy{text-align:center}.eyebrow,.hero-actions,.hero-proof{justify-content:center}.hero-lead{margin-inline:auto}.menu-preview{width:min(100%,720px);margin-inline:auto;transform:none}.section-heading{grid-template-columns:1fr;gap:1.1rem}.systems-grid{gap:3rem}.feature-card li{grid-template-columns:minmax(110px,.42fr) 1fr}
}

@media (max-width: 820px) {
  .shell{width:min(100% - 2rem,var(--max))}.security-announcement-inner{grid-template-columns:auto 1fr}.online-pill{display:none}.desktop-nav,.nav-discord{display:none}.menu-toggle{display:flex;width:34px;height:28px;flex-direction:column;justify-content:center;gap:5px;background:transparent}.menu-toggle span{display:block;width:24px;height:2px;margin-inline:auto;background:#d8dce4;transition:transform .2s ease,opacity .2s ease}.menu-toggle.open span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:last-child{transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;padding:0 1rem 1rem;background:rgba(7,9,13,.97)}.mobile-nav.open{display:grid}.mobile-nav a{padding:.85rem;color:var(--muted);border-bottom:1px solid var(--line);font-size:.85rem}.hero{padding:4.5rem 0 3.5rem}.hero h1{font-size:clamp(3rem,12vw,4.5rem)}.capability-grid{grid-template-columns:1fr 1fr}.capability-grid span{min-height:58px;border-bottom:1px solid var(--line)}.feature-section{padding:5rem 0}.feature-card,.compact-card{grid-column:span 12}.two-column-list{grid-template-columns:1fr!important}.systems-grid{grid-template-columns:1fr}.community-card{grid-template-columns:1fr}.community-action{width:100%}.footer-row{grid-template-columns:1fr;gap:1rem;padding-block:2rem}.footer-row nav{order:3}.mobile-dock{position:fixed;z-index:30;left:0;right:0;bottom:0;height:66px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(8,11,17,.95);border-top:1px solid var(--line);backdrop-filter:blur(14px)}.mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#758091;font-size:.6rem;font-weight:700}.mobile-dock a span{color:var(--red);font-size:1rem}body{padding-bottom:66px}
}

@media (max-width: 560px) {
  .security-announcement-inner{display:block;padding:.9rem 1rem .9rem 4.7rem}.security-alert-icon{position:absolute;left:1rem;top:50%;width:38px;height:38px;transform:translateY(-50%);animation:none}.security-announcement-copy span{font-size:.58rem;letter-spacing:.12em}.security-announcement-copy p{font-size:.76rem;line-height:1.42}.nav-row{height:64px}.brand{font-size:1.1rem}.brand-mark{width:29px;height:29px}.brand-mark i{top:6px;left:13px;height:17px}.hero{padding-top:3.5rem}.hero h1{font-size:2.85rem}.hero-lead{font-size:.92rem}.hero-actions{flex-direction:column}.primary-action,.secondary-action{width:100%}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr)}.hero-proof div{min-width:0;margin:0;padding:.2rem .7rem;border-right:1px solid var(--line)}.hero-proof strong{font-size:1rem}.hero-proof span{font-size:.5rem;line-height:1.35}.menu-preview{border-radius:12px}.preview-body{grid-template-columns:94px 1fr;min-height:390px}.preview-tabs{padding:.65rem .4rem}.preview-tab{padding:.58rem .45rem;font-size:.57rem;gap:.35rem}.preview-tab span{display:none}.preview-panel{padding:.8rem}.preview-heading>span{display:none}.preview-heading strong{font-size:.74rem}.control-list{grid-template-columns:1fr;gap:.3rem}.control-row{min-height:31px;font-size:.59rem}.preview-radar{grid-template-columns:74px 1fr;padding:.6rem}.radar-ring{width:65px;height:65px}.capability-grid span{padding:.7rem;font-size:.55rem;text-align:center}.section-heading h2,.systems-copy h2{font-size:2.35rem}.feature-card,.feature-wide{padding:1.15rem}.feature-card li{grid-template-columns:1fr;gap:.2rem}.feature-card li strong{font-size:.72rem}.feature-card li span{font-size:.67rem}.wide-card-head{display:block}.feature-count{display:inline-block;margin-top:1rem}.community-card{padding:1.5rem}.footer-row nav{flex-wrap:wrap}
}

@media (prefers-reduced-motion: reduce) { *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important} }