:root {
  --bg: #070809;
  --bg-deep: #040506;
  --surface-0: rgba(8,10,12,.88);
  --surface-1: rgba(13,15,18,.86);
  --surface-2: #12151a;
  --surface-3: #181c22;
  --line-hair: rgba(255,255,255,.045);
  --line-soft: rgba(255,255,255,.075);
  --line: rgba(255,255,255,.125);
  --line-strong: rgba(255,255,255,.23);
  --text: #f2f3f4;
  --text-2: #a0a8b2;
  --text-3: #656e79;
  --text-4: #414850;
  --red: #d62d3b;
  --red-2: #ff4d59;
  --red-dark: #8f1722;
  --red-soft: rgba(214,45,59,.12);
  --green: #63d29a;
  --yellow: #dcae59;
  --container: 1360px;
  --ease: cubic-bezier(.2,.8,.2,1);
  --ease-enter: cubic-bezier(.16,1,.3,1);
  --scroll-shift: 0px;
  --scroll-shift-slow: 0px;
  --pointer-x: 50vw;
  --pointer-y: 25vh;
  --glow-x-a: 0px;
  --glow-y-a: 0px;
  --glow-x-b: 0px;
  --glow-y-b: 0px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background: var(--bg);
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}
body.menu-open { overflow: hidden; }
a { color: inherit; }
img, svg { max-width: 100%; display: block; }
button { font: inherit; color: inherit; }
::selection { background: rgba(214,45,59,.48); color: #fff; }

/* Independent background scene */
.scene-bg {
  position: fixed;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background: var(--bg);
  isolation: isolate;
}
.scene-bg > div { position: absolute; inset: 0; }
.scene-base {
  background:
    radial-gradient(900px 620px at 74% 7%, rgba(132,21,31,.12), transparent 68%),
    linear-gradient(180deg, #08090b 0%, #060708 60%, #050607 100%);
}
.scene-grid {
  inset: -120px!important;
  opacity: .56;
  background-image:
    linear-gradient(rgba(255,255,255,.027) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.027) 1px, transparent 1px);
  background-size: 96px 96px;
  transform: translate3d(0,var(--scroll-shift-slow),0);
  will-change: transform;
  mask-image: linear-gradient(to bottom,rgba(0,0,0,.82),rgba(0,0,0,.5) 55%,rgba(0,0,0,.7));
}
.scene-grid-fine {
  opacity: .18;
  background-size: 24px 24px;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  transform: translate3d(0,var(--scroll-shift),0);
}
.scene-glow {
  border-radius: 50%;
  filter: blur(54px);
  opacity: .68;
  will-change: transform;
}
.scene-glow-a {
  width: 660px; height: 660px; inset: -180px auto auto 62%;
  background: radial-gradient(circle, rgba(214,45,59,.19), rgba(122,16,25,.07) 42%, transparent 70%);
  transform: translate3d(var(--glow-x-a),var(--glow-y-a),0);
}
.scene-glow-b {
  width: 760px; height: 760px; inset: auto auto -330px -230px;
  background: radial-gradient(circle, rgba(91,102,119,.08), transparent 69%);
  transform: translate3d(var(--glow-x-b),var(--glow-y-b),0);
}
.scene-noise {
  opacity: .045;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}
.scene-vignette {
  background:
    linear-gradient(90deg, rgba(0,0,0,.24), transparent 18%, transparent 82%, rgba(0,0,0,.28)),
    radial-gradient(circle at center, transparent 48%, rgba(0,0,0,.24) 100%);
}
.pointer-aura {
  position: fixed;
  z-index: 1;
  width: 420px;
  height: 420px;
  left: var(--pointer-x);
  top: var(--pointer-y);
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,77,89,.035), transparent 67%);
  pointer-events: none;
  filter: blur(12px);
  opacity: .9;
}
.site-content, .site-header, .footer, .mobile-telegram, .skip-link { position: relative; z-index: 2; }

.skip-link {
  position: fixed; z-index: 1000; left: 16px; top: -80px;
  padding: 11px 15px; background: #fff; color: #08090b;
  transition: top .18s var(--ease);
}
.skip-link:focus { top: 16px; }

.container { width: min(var(--container), calc(100% - 104px)); margin: 0 auto; }
.accent { color: var(--red-2); }
.positive { color: var(--green)!important; }
.negative { color: var(--red-2)!important; }

.eyebrow,.section-index,.demo-label,.product-kicker,.problem-code,.showcase-label,.tech-pills,.footer-contact span,.hero-rail,.proof-ticker,.window-status {
  font-family: "IBM Plex Mono", Consolas, "Courier New", monospace;
}

.eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  color: var(--text-2); text-transform: uppercase; letter-spacing: .105em;
  font-size: 10px; font-weight: 650;
}
.signal-dot, .status-dot {
  width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%;
  background: var(--red-2); box-shadow: 0 0 0 4px rgba(255,77,89,.07), 0 0 16px rgba(255,77,89,.24);
}
.status-dot.online { background: var(--green); box-shadow: 0 0 0 4px rgba(99,210,154,.07), 0 0 12px rgba(99,210,154,.18); }

h1,h2,h3,p { margin-top: 0; }
h1,h2,h3 { letter-spacing: -.045em; text-wrap: balance; }
h1 { font-size: clamp(58px, 6.35vw, 96px); line-height: .91; font-weight: 680; margin-bottom: 28px; }
h2 { font-size: clamp(40px, 4.55vw, 64px); line-height: .98; font-weight: 655; margin-bottom: 24px; }
h3 { font-size: clamp(25px, 2.2vw, 34px); line-height: 1.08; font-weight: 620; margin-bottom: 15px; }
p { color: var(--text-2); }

.button {
  position: relative;
  display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 12px;
  padding: 0 18px; border: 1px solid transparent; border-radius: 2px;
  text-decoration: none; font-size: 13px; font-weight: 670; white-space: nowrap;
  transition: transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease);
  overflow: hidden;
}
.button::before { content:""; position:absolute; inset:0; background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.10),transparent 75%); transform:translateX(-120%); transition:transform .48s var(--ease); }
.button:hover::before { transform: translateX(120%); }
.button svg,.text-link svg { width:14px; height:14px; transition:transform .2s var(--ease); }
.button:hover { transform: translateY(-2px); }
.button:hover svg,.text-link:hover svg { transform:translate(2px,-2px); }
.button-primary { background:var(--red); color:#fff; box-shadow:0 14px 40px rgba(214,45,59,.16), inset 0 0 0 1px rgba(255,255,255,.04); }
.button-primary:hover { background:#e43846; box-shadow:0 18px 54px rgba(214,45,59,.21), inset 0 0 0 1px rgba(255,255,255,.08); }
.button-secondary { background:rgba(255,255,255,.018); border-color:var(--line); color:var(--text); backdrop-filter:blur(8px); }
.button-secondary:hover { background:rgba(255,255,255,.045); border-color:var(--line-strong); }
.button-large { min-height:56px; padding:0 24px; font-size:14px; }
.text-link { display:inline-flex; align-items:center; gap:9px; color:var(--text); text-decoration:none; font-weight:650; font-size:13px; position:relative; }
.text-link::before { content:""; position:absolute; left:0; right:24px; bottom:-5px; height:1px; background:var(--red); transform-origin:left; transition:transform .2s var(--ease); }
.text-link:hover::before { transform:scaleX(.6); }

/* Header */
.site-header { height: 86px; z-index:100; }
.nav-shell { height:70px; display:flex; align-items:center; border-bottom:1px solid transparent; transition:background .2s var(--ease),border-color .2s var(--ease),backdrop-filter .2s var(--ease); }
.site-header.sticky .nav-shell { position:fixed; top:0; left:0; right:0; background:rgba(6,7,8,.73); backdrop-filter:blur(22px) saturate(120%); border-bottom-color:var(--line-soft); }
.nav { display:flex; align-items:center; gap:25px; height:70px; }
.brand { display:inline-flex; align-items:center; flex:0 0 auto; text-decoration:none; }
.brand img { width:182px; height:auto; display:block; }
.nav-links { display:flex; align-items:center; gap:29px; margin-left:auto; }
.nav-links a { position:relative; color:var(--text-3); text-decoration:none; font-size:12px; font-weight:570; transition:color .18s var(--ease); }
.nav-links a::after { content:""; position:absolute; left:0; right:0; bottom:-25px; height:1px; background:var(--red-2); transform:scaleX(0); transform-origin:left; transition:transform .2s var(--ease); }
.nav-links a:hover,.nav-links a.active { color:var(--text); }
.nav-links a.active::after { transform:scaleX(1); }
.nav-cta { margin-left:8px; min-height:40px; }
.menu-toggle { display:none; position:relative; width:44px; height:44px; border:1px solid var(--line); background:rgba(12,14,17,.78); border-radius:2px; cursor:pointer; }
.menu-toggle span,.menu-toggle::before,.menu-toggle::after { content:""; position:absolute; left:12px; width:19px; height:1px; background:var(--text); transition:transform .18s var(--ease),opacity .18s var(--ease); }
.menu-toggle span { top:21px; }
.menu-toggle::before { top:15px; }
.menu-toggle::after { top:27px; }
.menu-toggle[aria-expanded="true"] span { opacity:0; }
.menu-toggle[aria-expanded="true"]::before { transform:translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded="true"]::after { transform:translateY(-6px) rotate(-45deg); }
.mobile-menu { display:none; }

/* Hero */
.hero { min-height:calc(100svh - 70px); padding:76px 0 100px; overflow:clip; position:relative; display:flex; align-items:center; }
.hero::before { content:"DARK / EVERY"; position:absolute; right:-.035em; top:7%; font:700 clamp(80px,12vw,188px)/.8 "Segoe UI",Arial,sans-serif; letter-spacing:-.08em; color:rgba(255,255,255,.018); white-space:nowrap; pointer-events:none; }
.hero::after { content:""; position:absolute; left:0; right:0; bottom:0; border-bottom:1px solid var(--line-soft); }
.hero-grid { display:grid; grid-template-columns:minmax(0,.88fr) minmax(540px,.95fr); gap:66px; align-items:center; position:relative; }
.hero-copy { position:relative; z-index:2; padding-left:24px; border-left:1px solid var(--line); }
.hero-rail { position:absolute; left:-30px; top:0; bottom:0; width:16px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; color:var(--text-4); font-size:7px; letter-spacing:.13em; text-transform:uppercase; writing-mode:vertical-rl; transform:rotate(180deg); }
.hero-copy .eyebrow { margin-bottom:28px; }
.hero-lead { max-width:650px; font-size:clamp(18px,1.55vw,22px); line-height:1.5; margin-bottom:25px; }
.hero-tags { display:flex; flex-wrap:wrap; gap:0; margin-bottom:34px; border-top:1px solid var(--line-soft); border-left:1px solid var(--line-soft); width:max-content; max-width:100%; }
.hero-tags span { padding:7px 10px; border-right:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); color:#afb6bf; background:rgba(7,9,11,.36); font:500 9px/1.2 Consolas,monospace; letter-spacing:.02em; }
.hero-actions { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:22px; }
.hero-note { display:flex; align-items:flex-start; gap:9px; max-width:590px; margin:0; color:var(--text-3); font-size:12px; }
.hero-note .check { color:var(--green); line-height:1.45; }

.hero-product {
  position:relative; z-index:1; min-width:0; overflow:hidden;
  border:1px solid rgba(255,255,255,.13); border-radius:3px;
  background:rgba(8,10,12,.84); backdrop-filter:blur(16px);
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 40px 120px rgba(0,0,0,.54),0 0 100px rgba(214,45,59,.055);
  transform:perspective(1200px) rotateY(-2.5deg) rotateX(.7deg);
  transform-origin:center center;
  transition:transform .38s var(--ease),box-shadow .3s var(--ease);
  will-change:transform;
}
.hero-product::before,.showcase-ui::before { content:""; position:absolute; z-index:4; inset:-1px; pointer-events:none; background:linear-gradient(105deg,transparent 0 42%,rgba(255,255,255,.05) 50%,transparent 58%); transform:translateX(-120%); animation:panel-scan 10s ease-in-out infinite 2s; }
.hero-product::after { content:"SYS / LIVE CONCEPT"; position:absolute; z-index:5; right:-1px; top:-21px; color:var(--text-4); font:600 7px Consolas,monospace; letter-spacing:.12em; }
.window-bar { height:44px; padding:0 15px; border-bottom:1px solid var(--line-soft); display:flex; align-items:center; justify-content:space-between; gap:14px; background:linear-gradient(180deg,rgba(255,255,255,.024),transparent); }
.window-title,.window-status { display:flex; align-items:center; gap:9px; min-width:0; }
.window-title strong { font-size:10px; letter-spacing:.015em; white-space:nowrap; }
.window-mark { width:7px; height:7px; border:1px solid var(--red-2); transform:rotate(45deg); }
.demo-label { font-size:7px; letter-spacing:.08em; color:var(--text-3); border:1px solid var(--line-soft); padding:3px 5px; border-radius:1px; }
.window-status { color:var(--text-3); font-size:8px; white-space:nowrap; }
.product-body { min-height:468px; display:grid; grid-template-columns:55px 1fr; }
.product-sidebar { padding:14px 8px; border-right:1px solid var(--line-soft); display:flex; flex-direction:column; align-items:center; gap:8px; background:rgba(6,8,10,.68); }
.side-logo { width:33px; height:33px; display:grid; place-items:center; border:1px solid rgba(214,45,59,.35); border-radius:2px; color:#fff; background:var(--red-soft); font:700 9px Consolas,monospace; margin-bottom:7px; }
.side-item { width:31px; height:29px; display:grid; place-items:center; border-left:1px solid transparent; color:#535c67; font:600 7px Consolas,monospace; }
.side-item.active { background:linear-gradient(90deg,var(--red-soft),transparent); color:var(--red-2); border-left-color:var(--red-2); }
.product-main { padding:19px; min-width:0; }
.product-topline { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:17px; }
.product-kicker { color:var(--text-3); letter-spacing:.11em; font-size:7px; }
.product-topline h2 { margin:4px 0 0; font-size:20px; letter-spacing:-.03em; }
.mini-tabs { display:flex; gap:0; border:1px solid var(--line-soft); }
.mini-tabs span { font:500 7px Consolas,monospace; padding:5px 7px; color:var(--text-3); border-right:1px solid var(--line-soft); }
.mini-tabs span:last-child { border-right:0; }
.mini-tabs .active { background:var(--surface-3); color:var(--text); }
.metrics-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-bottom:10px; background:var(--line-soft); border:1px solid var(--line-soft); }
.metric { min-width:0; background:rgba(13,15,18,.95); padding:11px; transition:background .35s var(--ease),transform .35s var(--ease); }
.metric.is-updating { background:rgba(214,45,59,.075); }
.metric > span { display:block; color:var(--text-3); font:500 7px Consolas,monospace; text-transform:uppercase; margin-bottom:7px; }
.metric strong { display:block; font-size:17px; letter-spacing:-.03em; white-space:nowrap; }
.metric small { color:var(--text-3); font:500 7px Consolas,monospace; }
.ops-layout { display:grid; grid-template-columns:1.25fr .9fr; gap:7px; }
.ops-table-card,.signals-card { border:1px solid var(--line-soft); background:rgba(8,10,12,.75); overflow:hidden; }
.card-top { height:37px; padding:0 11px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line-soft); }
.card-top strong { font-size:8px; }
.card-top span { color:var(--text-3); font:500 7px Consolas,monospace; }
.ops-row { min-height:47px; padding:0 10px; display:grid; grid-template-columns:1.35fr .85fr .65fr 1fr; align-items:center; gap:6px; border-bottom:1px solid var(--line-soft); font:500 7.5px Consolas,monospace; color:#abb2bb; transition:background .35s var(--ease); }
.ops-row.flash { background:rgba(255,255,255,.028); }
.ops-row:last-child { border-bottom:0; }
.ops-row b { color:var(--text); margin-right:4px; }
.ops-head { min-height:28px; font-size:6.5px; color:#505863; }
.ops-row span:last-child { display:flex; align-items:center; gap:6px; }
.cap { width:29px; height:2px; position:relative; display:inline-block; background:#24282e; overflow:hidden; }
.cap::after { content:""; position:absolute; inset:0 auto 0 0; width:var(--cap); background:#737d89; transition:width .6s var(--ease); }
.cap.high::after { background:var(--red-2); box-shadow:0 0 8px rgba(255,77,89,.28); }
.signal-item { min-height:62px; padding:10px; display:grid; grid-template-columns:23px 1fr auto; align-items:start; gap:8px; border-bottom:1px solid var(--line-soft); transition:background .32s var(--ease),transform .32s var(--ease); }
.signal-item.signal-pulse { background:rgba(214,45,59,.055); }
.signal-item:last-child { border-bottom:0; }
.signal-icon { width:21px; height:21px; display:grid; place-items:center; border:1px solid var(--line-soft); color:#8d96a2; font:700 9px Consolas,monospace; }
.signal-item.critical .signal-icon { color:var(--red-2); border-color:rgba(214,45,59,.25); background:var(--red-soft); }
.signal-item strong { display:block; font-size:7.5px; margin:1px 0 3px; }
.signal-item p { margin:0; color:#747d88; font:500 7px/1.35 Consolas,monospace; }
.signal-item time { color:#505863; font:500 6.5px Consolas,monospace; }
.product-caption { min-height:36px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--line-soft); color:#5e6772; font:500 7px Consolas,monospace; text-transform:uppercase; letter-spacing:.065em; }

/* Ticker and proof */
.proof-strip { position:relative; border-bottom:1px solid var(--line-soft); background:rgba(5,6,7,.36); backdrop-filter:blur(8px); overflow:hidden; }
.proof-ticker { height:30px; border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); overflow:hidden; display:flex; align-items:center; color:#424951; font-size:7px; letter-spacing:.12em; white-space:nowrap; }
.proof-ticker div { display:inline-block; min-width:max-content; animation:ticker 34s linear infinite; }
.proof-ticker span { color:var(--red-dark); margin:0 15px; }
.proof-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.proof-grid > div { min-height:145px; padding:31px 35px; border-right:1px solid var(--line-soft); position:relative; }
.proof-grid > div::after { content:""; position:absolute; right:-3px; top:-3px; width:5px; height:5px; background:#111418; border:1px solid var(--line); }
.proof-grid > div:first-child { padding-left:0; }
.proof-grid > div:last-child { border-right:0; padding-right:0; }
.proof-grid > div:last-child::after { display:none; }
.proof-grid span { display:block; color:var(--red-2); font:600 9px Consolas,monospace; margin-bottom:13px; }
.proof-grid strong { display:block; font-size:15px; margin-bottom:5px; }
.proof-grid p { margin:0; font-size:12.5px; }

/* Shared sections */
.section { position:relative; padding:142px 0; scroll-margin-top:72px; overflow:clip; }
.section::before { position:absolute; z-index:-1; right:-.02em; top:76px; font:700 clamp(76px,10.5vw,154px)/.8 "Segoe UI",Arial,sans-serif; letter-spacing:-.075em; color:rgba(255,255,255,.014); white-space:nowrap; pointer-events:none; }
#problems::before { content:"PROBLEMS"; }
#examples::before { content:"CONCEPTS"; left:3%; right:auto; }
#capabilities::before { content:"SYSTEMS"; }
#process::before { content:"PROCESS"; left:3%; right:auto; }
.section-alt { border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); background:linear-gradient(180deg,rgba(11,13,16,.58),rgba(6,8,10,.18)); backdrop-filter:blur(2px); }
.section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.46fr); gap:82px; align-items:end; margin-bottom:70px; }
.section-head > div:first-child { grid-column:1; }
.section-head > .section-index { grid-column:1; }
.section-head h2 { grid-column:1; margin-bottom:0; max-width:930px; }
.section-head > p { grid-column:2; grid-row:1 / span 2; margin:0 0 4px; font-size:15px; max-width:480px; }
.section-index { display:flex; align-items:center; gap:12px; color:var(--text-3); font-size:9px; text-transform:uppercase; letter-spacing:.11em; margin-bottom:19px; }
.section-index::before { content:""; width:34px; height:1px; background:linear-gradient(90deg,var(--red-2),transparent); }
.section-head.split { align-items:end; }
.section-head.split > div { grid-column:1; }
.section-head.split h2 { margin:0; }
.section-head.split > p { grid-column:2; grid-row:1; }

/* Problems - editorial rows rather than cards */
.problem-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); counter-reset:problem; }
.problem-card { min-height:230px; padding:30px 34px 28px 0; border-bottom:1px solid var(--line); background:transparent; position:relative; transition:background .25s var(--ease),padding .25s var(--ease); }
.problem-card:nth-child(odd) { padding-right:46px; border-right:1px solid var(--line); }
.problem-card:nth-child(even) { padding-left:46px; }
.problem-card::after { content:""; position:absolute; bottom:-3px; right:-3px; width:5px; height:5px; background:var(--bg); border:1px solid var(--line); }
.problem-card:nth-child(even)::after { display:none; }
.problem-card:hover { background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 78%); }
.problem-code { display:block; color:var(--text-3); font-size:8px; letter-spacing:.1em; margin-bottom:31px; }
.problem-card h3 { font-size:24px; margin-bottom:13px; max-width:430px; }
.problem-card p { margin-bottom:25px; font-size:13.5px; max-width:500px; }
.problem-result { display:block; color:#c8ced5; font-size:11.5px; }
.inline-cta { margin-top:28px; padding:24px 0; display:flex; align-items:center; justify-content:space-between; gap:32px; border-bottom:1px solid var(--line); }
.inline-cta p { margin:0; }
.inline-cta strong { color:var(--text); }

/* Showcase - each concept is a scene */
.showcase { display:grid; grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr); gap:82px; align-items:center; padding:96px 0; border-top:1px solid var(--line-soft); position:relative; }
.showcase::after { content:""; position:absolute; left:38%; right:0; bottom:0; height:1px; background:linear-gradient(90deg,transparent,var(--line-soft),transparent); }
.showcase:first-of-type { border-top:0; padding-top:24px; }
.showcase.reverse { grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr); }
.showcase.reverse .showcase-copy { order:2; }
.showcase.reverse .showcase-ui { order:1; }
.showcase-copy { max-width:480px; }
.showcase-label { display:flex; align-items:center; gap:10px; color:var(--text-3); text-transform:uppercase; letter-spacing:.085em; font-size:9px; margin-bottom:18px; }
.showcase-label span { color:var(--red-2); }
.showcase-copy h3 { font-size:clamp(31px,3vw,44px); margin-bottom:20px; }
.showcase-copy > p { font-size:14px; }
.feature-list { list-style:none; margin:29px 0 27px; padding:0; border-top:1px solid var(--line-soft); }
.feature-list li { position:relative; padding:10px 0 10px 19px; border-bottom:1px solid var(--line-soft); color:#9ba3ad; font-size:12.5px; }
.feature-list li::before { content:""; position:absolute; left:0; top:17px; width:6px; height:1px; background:var(--red-2); }
.tech-pills { display:flex; flex-wrap:wrap; gap:0; width:max-content; max-width:100%; border-top:1px solid var(--line-soft); border-left:1px solid var(--line-soft); }
.tech-pills span { padding:5px 7px; border-right:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); color:#626b77; font-size:7px; letter-spacing:.08em; }
.showcase-ui { position:relative; min-width:0; border:1px solid var(--line); border-radius:2px; overflow:hidden; background:rgba(9,11,13,.84); backdrop-filter:blur(10px); box-shadow:0 32px 90px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.015) inset; }
.showcase-ui::after { content:"CONCEPT / 0"; position:absolute; z-index:4; bottom:8px; right:10px; color:rgba(255,255,255,.055); font:700 34px/1 Consolas,monospace; letter-spacing:-.08em; pointer-events:none; }
.showcase:nth-of-type(2) .showcase-ui::after { content:"CONCEPT / 01"; }
.showcase:nth-of-type(3) .showcase-ui::after { content:"CONCEPT / 02"; }
.showcase:nth-of-type(4) .showcase-ui::after { content:"CONCEPT / 03"; }
.ui-header { height:43px; padding:0 13px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line-soft); background:rgba(255,255,255,.012); }
.ui-header > div { display:flex; align-items:center; gap:8px; }
.ui-header strong { font-size:9px; }
.ui-dot { width:6px; height:6px; background:var(--red-2); transform:rotate(45deg); }
.ui-toolbar { min-height:39px; padding:7px 12px; display:flex; align-items:center; gap:0; border-bottom:1px solid var(--line-soft); }
.filter { padding:5px 7px; color:#5d6671; font:500 7px Consolas,monospace; border:1px solid transparent; }
.filter.active { color:#e0e3e6; background:#14171b; border-color:var(--line-soft); }
.toolbar-date { margin-left:auto; color:#555e69; font:500 7px Consolas,monospace; }
.chart-card { margin:15px; padding:15px; border:1px solid var(--line-soft); background:rgba(10,12,14,.9); }
.chart-head { display:flex; align-items:end; justify-content:space-between; margin-bottom:15px; }
.chart-head span { color:#67707b; font:500 7px Consolas,monospace; }
.chart-head strong { display:block; font-size:22px; margin-top:3px; }
.bar-chart { height:105px; display:flex; align-items:end; gap:7px; padding-top:12px; border-bottom:1px solid #20242a; background:repeating-linear-gradient(to bottom,transparent 0,transparent 33px,rgba(255,255,255,.032) 34px); }
.bar-chart i { display:block; height:var(--h); flex:1; background:#333943; min-width:4px; transform-origin:bottom; animation:bar-in .8s var(--ease-enter) both; }
.bar-chart i.hot { background:linear-gradient(180deg,var(--red-2),#76252d); box-shadow:0 0 16px rgba(214,45,59,.16); }
.mini-table { margin:0 15px 15px; border:1px solid var(--line-soft); overflow:hidden; }
.mini-row { min-height:42px; padding:0 12px; display:grid; grid-template-columns:1.4fr .8fr .8fr .6fr; align-items:center; gap:7px; border-bottom:1px solid var(--line-soft); color:#929aa5; font:500 7px Consolas,monospace; }
.mini-row:last-child { border-bottom:0; }
.mini-row.head { min-height:29px; color:#505963; font-size:6.5px; }
.mini-row b { display:inline-grid; place-items:center; width:20px; height:20px; margin-right:5px; border:1px solid var(--line-soft); color:#c3c8ce; font-size:6.5px; }

/* offers concept */
.offers-ui { padding-bottom:14px; }
.offer-list { padding:14px 14px 8px; }
.offer-row { min-height:76px; display:grid; grid-template-columns:1.3fr 1fr auto; align-items:center; gap:13px; padding:10px 11px; border-bottom:1px solid var(--line-soft); background:rgba(10,12,14,.55); }
.offer-row:first-child { border-top:1px solid var(--line-soft); }
.offer-row.urgent { border-left:2px solid var(--red); background:linear-gradient(90deg,rgba(214,45,59,.07),rgba(10,12,14,.5) 38%); }
.offer-id { display:flex; align-items:center; gap:9px; min-width:0; }
.offer-id > span { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; border:1px solid var(--line-soft); color:#d4d8dc; font:700 7px Consolas,monospace; }
.offer-id strong { display:block; font-size:8.5px; white-space:nowrap; }
.offer-id small { display:block; color:#5d6671; font:500 6.5px Consolas,monospace; margin-top:3px; }
.offer-cap > div { display:flex; justify-content:space-between; gap:10px; margin-bottom:7px; color:#656e79; font:500 6.5px Consolas,monospace; }
.offer-cap strong { color:#b9c0c8; font-size:7.5px; }
.offer-cap i { display:block; height:3px; background:#23272d; overflow:hidden; }
.offer-cap b { display:block; width:var(--progress); height:100%; background:#707985; transition:width .5s var(--ease); }
.urgent .offer-cap b { background:var(--red-2); }
.offer-state { padding:4px 6px; border:1px solid rgba(214,45,59,.22); background:var(--red-soft); color:var(--red-2); font:600 6.5px Consolas,monospace; white-space:nowrap; }
.offer-state.neutral { background:transparent; border-color:var(--line-soft); color:#78818c; }
.change-log { margin:0 14px; border:1px solid var(--line-soft); overflow:hidden; }
.change { min-height:46px; padding:8px 10px; display:grid; grid-template-columns:23px 1fr; gap:8px; align-items:center; border-bottom:1px solid var(--line-soft); }
.change:last-child { border-bottom:0; }
.change-type { width:21px; height:21px; display:grid; place-items:center; border:1px solid var(--line-soft); color:#77808b; font:600 8px Consolas,monospace; }
.change-type.up { color:var(--green); }
.change-type.pause { color:var(--yellow); }
.change strong { display:block; font-size:7.5px; }
.change p { margin:2px 0 0; color:#5a636e; font:500 6.5px Consolas,monospace; }

/* creative concept */
.creative-summary { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--line-soft); }
.creative-summary > div { padding:13px 15px; border-right:1px solid var(--line-soft); }
.creative-summary > div:last-child { border-right:0; }
.creative-summary span { display:block; color:#5e6772; font:500 6.5px Consolas,monospace; margin-bottom:4px; }
.creative-summary strong { font-size:18px; }
.creative-board { padding:13px; display:grid; gap:1px; background:var(--line-soft); }
.creative-card { min-height:76px; padding:8px; display:grid; grid-template-columns:72px 1fr auto; align-items:center; gap:11px; background:rgba(10,12,14,.95); }
.thumb { height:57px; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.05); }
.thumb::before,.thumb::after { content:""; position:absolute; border-radius:50%; filter:blur(7px); }
.thumb::before { width:54px; height:54px; left:-14px; bottom:-18px; background:rgba(214,45,59,.48); }
.thumb::after { width:42px; height:42px; right:-5px; top:-8px; background:rgba(255,255,255,.12); }
.thumb-b::before { background:rgba(99,210,154,.25); }
.thumb-c::before { background:rgba(220,174,89,.28); }
.thumb span { position:absolute; z-index:2; right:5px; bottom:4px; padding:2px 4px; background:rgba(6,7,9,.72); color:#b5bbc3; font:600 6px Consolas,monospace; }
.creative-meta span { display:block; color:#646d78; font:500 6.5px Consolas,monospace; }
.creative-meta strong { display:block; margin:3px 0; font-size:8.5px; }
.creative-meta small { color:#5e6671; font:500 6.5px Consolas,monospace; }
.creative-status { padding:4px 6px; border:1px solid rgba(220,174,89,.18); color:var(--yellow); font:600 6px Consolas,monospace; }
.creative-status.ready { color:var(--green); border-color:rgba(99,210,154,.18); }
.creative-status.work { color:#87909b; border-color:var(--line-soft); }

/* Capabilities matrix */
.capability-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); background:rgba(6,8,10,.16); }
.capability-grid article { min-height:246px; padding:27px 24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(7,9,11,.28); position:relative; overflow:hidden; transition:background .25s var(--ease),transform .25s var(--ease); }
.capability-grid article::before { content:""; position:absolute; width:1px; height:36px; right:18px; top:18px; background:var(--line); }
.capability-grid article::after { content:""; position:absolute; width:36px; height:1px; right:0; top:36px; background:var(--line); }
.capability-grid article:hover { background:rgba(18,21,26,.74); }
.capability-grid article > span { display:block; color:var(--red-2); font:600 8px Consolas,monospace; margin-bottom:38px; }
.capability-grid h3 { font-size:19px; margin-bottom:11px; }
.capability-grid p { font-size:12.5px; margin:0; }
.capability-grid .capability-special { background:linear-gradient(145deg,rgba(214,45,59,.105),rgba(11,13,16,.65)); }
.capability-special .text-link { position:absolute; left:24px; bottom:24px; color:var(--red-2); }

/* Process */
.process-section { border-top:1px solid var(--line-soft); background:linear-gradient(180deg,rgba(255,255,255,.008),transparent 60%); }
.process-grid { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); position:relative; }
.process-grid::before { content:""; position:absolute; left:0; right:0; top:63px; height:1px; background:linear-gradient(90deg,var(--red-dark),rgba(255,255,255,.08) 30%,rgba(255,255,255,.08) 70%,var(--red-dark)); }
.process-grid li { min-height:285px; padding:28px 25px; border-right:1px solid var(--line); position:relative; }
.process-grid li:last-child { border-right:0; }
.process-grid li::before { content:""; position:absolute; top:59px; left:25px; width:8px; height:8px; border:1px solid var(--red-2); background:var(--bg); transform:rotate(45deg); }
.process-no { display:block; color:var(--red-2); font:600 9px Consolas,monospace; margin-bottom:73px; }
.process-grid h3 { font-size:20px; margin-bottom:10px; }
.process-grid p { font-size:12.5px; margin:0; }
.principles { margin-top:82px; display:grid; grid-template-columns:.76fr 1.24fr; gap:82px; align-items:start; padding:46px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.principles-copy .eyebrow { margin-bottom:20px; }
.principles-copy h3 { font-size:32px; }
.principles-copy p { margin-bottom:0; max-width:510px; }
.principle-list { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line-soft); border-left:1px solid var(--line-soft); }
.principle-list > div { min-height:112px; padding:17px 20px; border-right:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); display:flex; flex-direction:column; justify-content:space-between; background:rgba(8,10,12,.25); }
.principle-list span { color:#5c6570; font:500 7px Consolas,monospace; }
.principle-list strong { font-size:12.5px; font-weight:600; max-width:260px; }

/* CTA + footer */
.final-cta { position:relative; padding:138px 0 132px; border-top:1px solid var(--line-soft); overflow:hidden; background:linear-gradient(180deg,rgba(5,6,7,.4),rgba(4,5,6,.76)); backdrop-filter:blur(4px); }
.final-cta::before { content:"CONTACT"; position:absolute; left:-.025em; bottom:-.12em; font:700 clamp(120px,18vw,270px)/.8 "Segoe UI",Arial,sans-serif; letter-spacing:-.085em; color:rgba(255,255,255,.018); pointer-events:none; }
.final-cta::after { content:""; position:absolute; width:680px; height:680px; right:-240px; top:-180px; border-radius:50%; background:radial-gradient(circle,rgba(214,45,59,.12),transparent 68%); filter:blur(30px); }
.final-cta-grid { display:grid; grid-template-columns:1.25fr .65fr; gap:98px; align-items:end; position:relative; z-index:1; }
.final-cta .eyebrow { margin-bottom:22px; }
.final-cta h2 { margin:0; max-width:900px; }
.final-cta-side p { font-size:15px; margin-bottom:25px; }
.final-cta-side small { display:block; color:#59616c; font-size:10px; margin-top:12px; }
.footer { z-index:2; background:rgba(3,4,5,.92); border-top:1px solid var(--line-soft); padding:55px 0 22px; backdrop-filter:blur(12px); }
.footer-grid { display:grid; grid-template-columns:1.2fr .75fr .45fr; gap:60px; align-items:start; }
.footer-brand img { width:166px; height:auto; margin-bottom:16px; }
.footer-brand p { margin:0; font-size:12.5px; }
.footer-nav { display:grid; grid-template-columns:1fr 1fr; gap:10px 26px; }
.footer-nav a,.footer-contact a { color:var(--text-2); text-decoration:none; font-size:11.5px; }
.footer-nav a:hover,.footer-contact a:hover { color:var(--text); }
.footer-contact { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.footer-contact span { color:#5a626d; font-size:7px; letter-spacing:.11em; }
.footer-bottom { margin-top:50px; padding-top:19px; border-top:1px solid var(--line-soft); display:flex; justify-content:space-between; gap:20px; color:#4d555f; font-size:9px; }
.mobile-telegram { display:none; }

/* Reveal / interactions */
.reveal { opacity:0; transform:translateY(18px); transition:opacity .78s var(--ease-enter),transform .78s var(--ease-enter); }
.reveal.is-visible { opacity:1; transform:none; }
.problem-card.reveal:nth-child(2n),.capability-grid article.reveal:nth-child(2n) { transition-delay:.04s; }

@keyframes panel-scan { 0%,58% { transform:translateX(-120%); opacity:0; } 68% { opacity:1; } 82%,100% { transform:translateX(120%); opacity:0; } }
@keyframes ticker { to { transform:translateX(-50%); } }
@keyframes bar-in { from { transform:scaleY(.08); opacity:.3; } to { transform:scaleY(1); opacity:1; } }
@keyframes blink { 50% { opacity:.25; } }
.status-dot.online { animation:blink 2.8s steps(1,end) infinite; }

@media (max-width:1180px) {
  .container { width:min(var(--container),calc(100% - 68px)); }
  .hero { padding-top:58px; }
  .hero-grid { grid-template-columns:1fr 1fr; gap:40px; }
  .hero-product { transform:perspective(1200px) rotateY(-1deg); }
  .product-main { padding:15px; }
  .ops-layout { grid-template-columns:1fr; }
  .signals-card { display:none; }
  .product-body { min-height:427px; }
  .capability-grid { grid-template-columns:repeat(2,1fr); }
  .showcase { gap:50px; }
  .process-grid { grid-template-columns:repeat(2,1fr); }
  .process-grid::before { display:none; }
  .process-grid li { border-bottom:1px solid var(--line); }
  .process-grid li:nth-child(2n) { border-right:0; }
  .process-grid li::before { top:57px; }
  .process-no { margin-bottom:52px; }
  .principles { gap:50px; }
}

@media (max-width:920px) {
  .pointer-aura { display:none; }
  .container { width:calc(100% - 48px); }
  .nav-links,.nav-cta { display:none; }
  .menu-toggle { display:block; margin-left:auto; }
  .mobile-menu { display:block; position:fixed; z-index:90; left:0; right:0; top:70px; background:rgba(6,7,8,.96); backdrop-filter:blur(22px); border-bottom:1px solid var(--line); opacity:0; visibility:hidden; transform:translateY(-10px); transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s; }
  .mobile-menu.open { opacity:1; visibility:visible; transform:none; }
  .mobile-menu-inner { padding:22px 0 28px; display:flex; flex-direction:column; gap:4px; }
  .mobile-menu a:not(.button) { padding:12px 0; text-decoration:none; color:var(--text-2); border-bottom:1px solid var(--line-soft); }
  .mobile-menu .button { margin-top:16px; }
  .hero { min-height:auto; padding:60px 0 88px; }
  .hero-grid { grid-template-columns:1fr; gap:60px; }
  .hero-copy { max-width:760px; }
  h1 { max-width:760px; }
  .hero-product { width:min(760px,100%); margin:0 auto; transform:none!important; }
  .section { padding:108px 0; }
  .section-head,.section-head.split { grid-template-columns:1fr; gap:22px; margin-bottom:52px; }
  .section-head > p,.section-head.split > p { grid-column:1; grid-row:auto; max-width:650px; margin:0; }
  .proof-grid { grid-template-columns:1fr; }
  .proof-grid > div,.proof-grid > div:first-child,.proof-grid > div:last-child { min-height:0; padding:23px 0; border-right:0; border-bottom:1px solid var(--line-soft); }
  .proof-grid > div:last-child { border-bottom:0; }
  .proof-grid > div::after { display:none; }
  .problem-grid { grid-template-columns:1fr; }
  .problem-card,.problem-card:nth-child(odd),.problem-card:nth-child(even) { padding:27px 0; border-right:0; }
  .problem-card::after { display:none; }
  .showcase,.showcase.reverse { grid-template-columns:1fr; gap:40px; padding:72px 0; }
  .showcase.reverse .showcase-copy,.showcase.reverse .showcase-ui { order:initial; }
  .showcase-copy { max-width:690px; }
  .showcase-ui { width:min(780px,100%); }
  .principles { grid-template-columns:1fr; gap:38px; }
  .final-cta-grid { grid-template-columns:1fr; gap:42px; }
  .final-cta-side { max-width:600px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-contact { grid-column:2; grid-row:1; margin-top:62px; }
}

@media (max-width:640px) {
  :root { --scroll-shift:0px; --scroll-shift-slow:0px; }
  .scene-grid { background-size:64px 64px; opacity:.44; transform:none; }
  .scene-grid-fine { background-size:16px 16px; opacity:.11; transform:none; }
  .scene-glow { opacity:.5; }
  .container { width:calc(100% - 38px); }
  .site-header { height:70px; }
  .nav,.nav-shell { height:62px; }
  .brand img { width:166px; height:auto; }
  .mobile-menu { top:62px; }
  .hero { padding:46px 0 76px; }
  .hero::before { font-size:86px; top:2%; }
  .hero-copy { padding-left:15px; }
  .hero-rail { display:none; }
  .hero-copy .eyebrow { margin-bottom:21px; font-size:8px; letter-spacing:.08em; }
  h1 { font-size:clamp(46px,14.5vw,67px); line-height:.91; margin-bottom:23px; }
  h2 { font-size:clamp(35px,10.2vw,47px); }
  .hero-lead { font-size:17.5px; line-height:1.5; }
  .hero-tags { margin-bottom:27px; width:100%; }
  .hero-tags span { font-size:8px; padding:6px 8px; }
  .hero-actions { display:grid; grid-template-columns:1fr; }
  .hero-actions .button { width:100%; }
  .hero-note { font-size:11.5px; }
  .hero-product { border-radius:2px; }
  .hero-product::after { display:none; }
  .window-bar { padding:0 10px; }
  .window-status { display:none; }
  .product-body { grid-template-columns:43px 1fr; min-height:382px; }
  .product-sidebar { padding:12px 5px; }
  .side-logo { width:29px; height:29px; }
  .side-item { width:28px; }
  .product-main { padding:11px; }
  .product-topline { align-items:flex-start; }
  .mini-tabs { display:none; }
  .metrics-grid { gap:1px; }
  .metric { padding:9px 7px; }
  .metric strong { font-size:13px; }
  .metric small { font-size:6px; }
  .ops-row { grid-template-columns:1.2fr .75fr .55fr .85fr; padding:0 7px; font-size:6.5px; }
  .ops-head { font-size:5.8px; }
  .cap { width:19px; }
  .product-caption { font-size:6px; padding:0 10px; }
  .proof-ticker { height:27px; }
  .section { padding:84px 0; }
  .section::before { top:35px; font-size:74px; }
  .section-head { margin-bottom:42px; }
  .section-index { margin-bottom:14px; }
  .problem-card { min-height:0; }
  .problem-code { margin-bottom:19px; }
  .problem-card h3 { font-size:22px; }
  .inline-cta { align-items:flex-start; flex-direction:column; gap:15px; }
  .showcase { padding:58px 0; }
  .showcase:first-of-type { padding-top:0; }
  .showcase-copy h3 { font-size:34px; }
  .feature-list { margin:24px 0; }
  .showcase-ui { border-radius:2px; }
  .showcase-ui::after { font-size:24px; }
  .ui-toolbar { overflow:hidden; }
  .toolbar-date { display:none; }
  .chart-card { margin:10px; padding:11px; }
  .mini-table { margin:0 10px 10px; }
  .mini-row { padding:0 8px; grid-template-columns:1.35fr .72fr .72fr .55fr; font-size:6px; }
  .offer-list { padding:10px 10px 5px; }
  .offer-row { grid-template-columns:1.2fr .9fr; min-height:72px; gap:9px; padding:8px; }
  .offer-state { display:none; }
  .offer-id > span { width:27px; height:27px; flex-basis:27px; }
  .change-log { margin:0 10px; }
  .creative-summary > div { padding:10px; }
  .creative-summary span { font-size:6px; }
  .creative-summary strong { font-size:15px; }
  .creative-board { padding:9px; }
  .creative-card { grid-template-columns:57px 1fr; min-height:69px; gap:8px; }
  .thumb { height:51px; }
  .creative-status { display:none; }
  .capability-grid { grid-template-columns:1fr; }
  .capability-grid article { min-height:0; padding:24px 21px 26px; }
  .capability-grid article > span { margin-bottom:22px; }
  .capability-special { padding-bottom:70px!important; }
  .capability-special .text-link { left:21px; bottom:23px; }
  .process-grid { grid-template-columns:1fr; }
  .process-grid li { min-height:0; padding:24px 20px 29px; border-right:0; }
  .process-grid li::before { display:none; }
  .process-no { margin-bottom:26px; }
  .principles { margin-top:57px; padding:35px 0; }
  .principle-list { grid-template-columns:1fr; }
  .principle-list > div { min-height:88px; }
  .final-cta { padding:88px 0 110px; }
  .final-cta h2 { font-size:39px; }
  .final-cta-side .button { width:100%; }
  .footer { padding-bottom:92px; }
  .footer-grid { grid-template-columns:1fr; gap:31px; }
  .footer-nav { grid-template-columns:1fr 1fr; }
  .footer-contact { grid-column:auto; grid-row:auto; margin-top:0; }
  .footer-bottom { margin-top:36px; flex-direction:column; gap:7px; }
  .mobile-telegram { display:flex; position:fixed; z-index:80; left:11px; right:11px; bottom:max(11px,env(safe-area-inset-bottom)); min-height:52px; align-items:center; justify-content:space-between; gap:16px; padding:0 17px; border:1px solid rgba(255,255,255,.08); border-radius:2px; background:rgba(214,45,59,.96); backdrop-filter:blur(10px); color:#fff; text-decoration:none; font-size:13.5px; font-weight:700; box-shadow:0 18px 60px rgba(0,0,0,.5); transform:translateY(90px); opacity:0; pointer-events:none; transition:transform .25s var(--ease),opacity .25s var(--ease); }
  .mobile-telegram.visible { transform:none; opacity:1; pointer-events:auto; }
}

@media (max-width:370px) {
  .container { width:calc(100% - 30px); }
  h1 { font-size:43px; }
  .brand img { width:154px; }
  .product-sidebar { display:none; }
  .product-body { grid-template-columns:1fr; }
  .metrics-grid { grid-template-columns:1fr 1fr; }
  .metric:last-child { grid-column:1 / -1; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; }
  .reveal { opacity:1; transform:none; }
  .scene-grid,.scene-grid-fine,.scene-glow-a,.scene-glow-b { transform:none!important; }
}

@media (min-width:921px) and (prefers-reduced-motion:no-preference) {
  .hero-product.reveal { transform:perspective(1200px) rotateY(-2.5deg) rotateX(.7deg) translateY(18px); }
  .hero-product.reveal.is-visible { transform:perspective(1200px) rotateY(-2.5deg) rotateX(.7deg); }
}