/* Основные классы для страницы */
html, body { font-size: 14px; color: #fff; min-width: 400px; }
dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, input, textarea, select, button, a { margin: 0; padding: 0; outline: none; }
img { border: 0; vertical-align: top; } a { color: #1276b3; } a:hover { text-decoration: none; }
/* --------------------------------- */
:root {
    --bg: #030303;
    --card-bg: rgba(10, 10, 10, 0.4);
    --text: #e0e0e0;
    --red: #C1272D;
    --cyan: #00f3ff;
    --border: rgba(255, 255, 255, 0.1);
    --main-red: #ff2a4a;
    --font-transparent: 'Syncopate', sans-serif;
    }


a { text-decoration: none; color: inherit; }
html { height: auto; scroll-behavior: auto; }
body { margin: 0; padding: 0; background: var(--bg); color: var(--text); min-height: 100vh; overflow-x: clip; cursor: crosshair; }
body.is-menu-open { overflow: hidden; }
.containerPage { position: relative; width: 100%; min-height: 100svh; overflow: visible; isolation: isolate; }
.background-scroll-container { position: fixed; inset: 0; z-index: 0; width: 100%; height: 100svh; overflow: hidden; pointer-events: none; }
.vignette { position: absolute; inset: 0; background: radial-gradient(circle, transparent 40%, #000 120%); z-index: 11; pointer-events: none; }
.noise { position: absolute; inset: 0; z-index: 12; opacity: 0.07; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); }
.scanlines { position: absolute; inset: 0; z-index: 10; pointer-events: none; opacity: .08; background: repeating-linear-gradient(0deg, transparent 0, transparent 3px, rgba(255,255,255,.12) 4px); }
.hud { position: fixed; inset: 2rem; z-index: 20; pointer-events: none; display: flex; flex-direction: column; justify-content: space-between; font-family: 'JetBrains Mono', monospace; font-size: 10px; color: rgba(255,255,255,0.5); text-transform: uppercase; }
.hud-top, .hud-bottom { display: flex; justify-content: space-between; align-items: center; }
.span-pad {width: 60px; display: block;}
.hud strong { color: var(--cyan); }
.hud-line { flex: 1; height: 1px; background: rgba(255,255,255,0.2); margin: 0 1rem; position: relative; }
.hud-line::after { content: ''; position: absolute; right: 0; top: -2px; width: 5px; height: 5px; background: var(--red); }
.viewport { position: absolute; inset: 0; perspective: 1000px; overflow: hidden; z-index: 1; pointer-events: none; }
.world { position: absolute; top: 50%; left: 50%; transform-style: preserve-3d; will-change: transform; }
.item { position: absolute; left: 0; top: 0; backface-visibility: hidden; transform-origin: center center; display: flex; align-items: center; justify-content: center; }
.card { width: 320px; height: 460px; background: var(--card-bg); border: 1px solid var(--border); position: relative; padding: 2rem; display: flex; flex-direction: column; justify-content: space-between; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: 0 0 0 1px rgba(0,0,0,0.5), 0 20px 50px rgba(0,0,0,0.5); transition: all 0.3s cubic-bezier(0.25,0.46,0.45,0.94); transform: translate(-50%,-50%); }
@media (hover: hover) { .card:hover { border-color: var(--red); box-shadow: 0 0 30px rgba(255,0,60,0.2); background: rgba(20,20,20,0.8); z-index: 100; } }
.card::before, .card::after { content: ''; position: absolute; width: 10px; height: 10px; border: 1px solid transparent; transition: 0.3s; }
.card::before { top: -1px; left: -1px; border-top-color: var(--text); border-left-color: var(--text); }
.card::after { bottom: -1px; right: -1px; border-bottom-color: var(--text); border-right-color: var(--text); }
.card:hover::before, .card:hover::after { width: 100%; height: 100%; border-color: var(--red); }
.card-header { border-bottom: 1px solid var(--border); padding-bottom: 1rem; margin-bottom: 1rem; display: flex; justify-content: space-between; align-items: center; }
.card-id { font-family:'JetBrains Mono', monospace; color: var(--red); font-size: 0.8rem; }
.card h2 { font-size: 2.5rem; line-height: 0.9; margin: 0; text-transform: uppercase; font-weight: 700; color: #fff; mix-blend-mode: hard-light; }
.card-footer { margin-top: auto; font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; color: rgba(255,255,255,0.4); display: flex; justify-content: space-between; }
.big-text {  font-family: 'Syncopate', sans-serif;  font-size: 15vw; font-weight: 800; color: transparent; -webkit-text-stroke: 2px rgba(255,255,255,0.15); text-transform: uppercase; white-space: nowrap; transform: translate(-50%,-50%); pointer-events: none; letter-spacing: -0.5rem; mix-blend-mode: overlay; }
.star { position: absolute; width: 2px; height: 2px; background: white; transform: translate(-50%,-50%); }
/*.scroll-proxy { height: 10000vh; position: absolute; width: 100%; z-index: -1; }*/
.bg-layer { position: absolute; inset: 0; background: #030303; z-index: 0; }



.hero { position: absolute; top: 40%; left: 5%; z-index: 100; font-family: "Google Sans Flex", sans-serif;}
.hero__title { margin-bottom: 2rem; line-height: 5rem; }
.hero__title span { font-size: 6rem; color: #fff; }
.hero__title span.bold { font-weight: 600; }
.hero__title span.subtitle { font-size: 1.5rem; font-weight: 200; opacity: 0.5; }
.hero__subtitle { font-size: 2rem; color: #fff; line-height: 100%; opacity: 70%; }
.hero__subtitle span { font-weight: 600; }

.links { display: flex; flex-direction: row; justify-content: space-around; position: fixed; bottom: 2.46vmin; left: 0; z-index: 100; width: 100%; padding: 0 11.54vmin; box-sizing: border-box; font-family: "Google Sans Flex", sans-serif; }
.links:before { height: 1px; width: calc(100% - 13.38vmin); background: rgba(255,255,255,.2); content: ''; display: block; position: absolute; top: 0; left: 5.85vmin; }
.links a { color: #cccc99; font-size: 3.08vmin; padding: 5.38vmin 1.54vmin; }
.links a:hover { color: var(--red); }


.reset { margin: 0; padding: 0; list-style: none; }
.pageWrapper { width: 100%; max-width: 1230px; min-width: 400px; padding: 0 15px; box-sizing: border-box; margin: 0 auto; position: relative; }

.faq-item { border-bottom: 1px solid #ccc;}
.faq-question { cursor: pointer; padding: 10px;  font-weight: bold;  background: #f0f0f0;  position: relative;  user-select: none; display: flex; justify-content: space-between;  align-items: center;}
.faq-answer {display: none; padding: 10px;  border-left: 3px solid #ccc;  background: #fafafa;}
.faq-answer ul li {border: none;}
.faq-toggle-icon { font-weight: bold;  font-size: 18px;  width: 20px;  text-align: center;  user-select: none;  transition: transform 0.3s ease;}
.faq-item.open .faq-toggle-icon { transform: rotate(45deg); }


/*------------------------------------------*/
.header { display: flex; align-items: center; justify-content: space-between; padding: 50px 15px 20px 95px; position: fixed; top: 0; left: 0; z-index: 1000; background: var(--bg);  box-sizing: border-box; }
.header__logo { cursor: pointer; z-index: 1005; position: relative; display: block; margin-left: 20px; width: 250px; }
.header__logo img { display: block; transition: opacity 0.3s ease; position: relative; z-index: 2; }
.header__logo-wrapper { position: relative; display: inline-flex; align-items: center; }
.header__logo { position: relative; display: block; z-index: 1; }
.header__logo img { display: block; }

.menu-trigger { position: fixed; top: 25px; left: 25px;  width: 50px; height: 44px; cursor: pointer;  z-index: 1001;}
.menu-label { position: absolute; top: 7px; right: 0;font-family: monospace; font-size: 9px; letter-spacing: 1px; color: #0ff; transition: opacity .25s ease, transform .25s ease;}
.menu-box { position: absolute; top: 0; right: 0; width: 32px; height: 26px; border: 1px solid #0ff; opacity: 0; transform: scale(.6); transition: opacity .3s ease, transform .3s ease; display: flex; align-items: center; justify-content: center;}
.menu-id { position: absolute; top: 14px; right: 34px; font-family: monospace; font-size: 7px; color: #666; opacity: 0; transition: opacity .3s ease .1s;}
.burger-lines { display: flex; flex-direction: column; gap: 3px; }
.bline {width: 14px; height: 1.5px; background: #0ff; display: block; opacity: 0; transform: translateY(-3px); transition: opacity .2s ease, transform .2s ease;}


.burger-icon { display: flex; flex-direction: column; gap: 4px; }
.menu-overlay { position: fixed; inset: 0; background: var(--red); clip-path: circle(0% at 0 0); transition: clip-path .7s cubic-bezier(.65,0,.35,1); z-index: 1000; display: flex; align-items: center; justify-content: center;}
.menu-items { text-align: center; font-family: monospace; }
.mi { display: block; opacity: 0; transform: translateY(16px); transition: opacity .35s ease, transform .35s ease; color: #000; font-size: 28px; letter-spacing: 2px; margin: 20px 0; text-decoration: none;}
.menu-item.is-animated > a { opacity: 0.7; transform: translateX(0); }
.menu-item.is-animated:hover > a { opacity: 1; }
.menu-item a { display: block; color: #fff; font-size: 30px; font-weight: 300; padding: 10px 20px; text-transform: uppercase; letter-spacing: 4px; transition: color 0.3s ease, opacity 0.3s ease; text-decoration: none; border-bottom: 1px solid #ffffff47; }
.menu-item a:hover { color: #ffffff; opacity: 1; }
.sub-menu { list-style: none; padding: 0; margin: 5px 0 0 0; display: block; }
.sub-menu-item { margin: 5px 0; opacity: 0.6; transition: opacity 0.3s ease; }
.sub-menu-item:hover { opacity: 1; }
.sub-menu-item a { font-size: 18px; color: white; padding: 7px 0 7px 30px; letter-spacing: 2px; font-weight: 200; text-decoration: none; transition: color 0.3s ease; border-bottom: none; }
.sub-menu-item a:hover { color: #ffffff; }
/*

body.no-scroll .menu-item { opacity: 1; transform: translateX(0); }
body.no-scroll .menu-item:nth-child(1) { transition-delay: 0.1s; }
body.no-scroll .menu-item:nth-child(2) { transition-delay: 0.2s; }
body.no-scroll .menu-item:nth-child(3) { transition-delay: 0.3s; }
body.no-scroll .menu-item:nth-child(4) { transition-delay: 0.4s; }
body.no-scroll .menu-item:nth-child(5) { transition-delay: 0.5s; }


 */

/*-----------------------------------------*/

.side-grid {position: absolute; top: 0; right: 0; z-index: 100; display: block; width: min(68vw, 1100px); height: 100%; overflow: hidden; perspective: 1200px; pointer-events: none; }
.block-row {position: absolute; top: 50%; left: 0; width: 100%; height: min(74vh, 720px); margin: 0; padding: 0 3vw; box-sizing: border-box; opacity: 0.6; visibility: visible; transform-origin: center; transform-style: preserve-3d; will-change: transform, opacity, filter; transition: none !important; pointer-events: none;}
.block-row.active {pointer-events: auto;}
.block-row.dimmed {z-index: 2; opacity: .25; filter: brightness(.35) saturate(.5);}
.block-row.hidden-block {opacity: 0; visibility: visible;}
.block-content {width: 100%; height: 100%;}
.brutal-card { position: relative; overflow: hidden; height: 100%; width: 100%; display: flex; flex-direction: row; gap: 50px; align-items: center; z-index: 2;  transition: none !important; box-sizing: border-box;}
.scroll-scene { position: relative; }
.scroll-scene__sticky { position: sticky; top: 0; width: 100%; height: 100svh; overflow: hidden; isolation: isolate; }
.block-row { position: absolute; top: 50%; left: 0; width: 100%; height: min(74vh, 720px); margin: 0; padding: 0 3vw; box-sizing: border-box; opacity: 0; visibility: hidden; transform-origin: center; transform-style: preserve-3d; will-change: transform, opacity, filter; pointer-events: none; }
.block-row.is-active { pointer-events: auto; }


.block-row:nth-child(odd) .video-wrapper { order: -1; }
.block-row:nth-child(even) .video-wrapper { order: 1; }
.card-info { flex: 1; min-width: 180px; background-color: #000; padding: 25px; display: flex; flex-direction: column;  justify-content: center;}
.card-title { font-size: 3rem; font-weight: 900; letter-spacing: -0.02em; line-height: 1.1; margin-bottom: 0.3rem; color: #ffffff; text-align: left; overflow-wrap: break-word;  }
.card-title .highlight { color: #ff2a4a; transition: color 0.5s ease; }
.card-sub { font-size: 0.8rem; font-weight: 200; color: #b0bec5; max-width: 100%; margin-bottom: 0; line-height: 1.4; opacity: 0.8; }
.card-sub p { margin-bottom: 0.4rem; font-size: 1.2rem; color: #b0bec5; line-height: 1.5; text-align: left; }
.card-sub ul { list-style: inherit;  margin-top: 1.6rem; display: grid; grid-template-columns: auto auto; gap: 0.9rem 3rem; justify-content: start; padding-left: 20px; font-weight: 100; }
.card-sub ul li { font-size: 0.8rem; color: #cfdbe8; padding: 0.15rem 0.6rem; transition: 0.2s; text-align: left; width: fit-content; }
.card-sub ul li:hover { border-color: #ff2a4a55; color: #fff; }
.video-wrapper { margin-top: 0; overflow: hidden; aspect-ratio: 8 / 12; width: 100%; max-width: 250px; position: relative; flex-shrink: 0; }
.video-wrapper video { display: block; width: 100%; height: 100%; object-fit: cover; background: #111; }
.video-wrapper .video-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.5); color: #fff; font-size: 0.55rem; letter-spacing: 0.1em; opacity: 0; transition: opacity 0.4s; pointer-events: none; text-shadow: none !important; }
.video-wrapper.loading .video-overlay { opacity: 1; }




.hud-line::after { content: ''; position: absolute; right: 0; top: -2px; width: 5px; height: 5px; background: var(--red); }
.center-nav { align-self: flex-start; margin-top: auto; margin-bottom: auto; writing-mode: vertical-rl; transform: rotate(180deg); }

.slider-counter { position: fixed; right: 30px; top: 50%; transform: translateY(-50%); z-index: 15; display: flex; flex-direction: column; align-items: center; gap: 8px; pointer-events: none; }
.slider-counter .counter-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); transition: all 0.2s ease; border: 1px solid rgba(255, 255, 255, 0.1); }
.slider-counter .counter-dot.active { background: #ff2a4a; border-color: #ff2a4a; box-shadow: 0 0 20px rgba(255, 42, 74, 0.5); transform: scale(1.3); }
.slider-counter .counter-number { color: rgba(255, 255, 255, 0.4); font-size: 10px; letter-spacing: 1px; margin-top: 5px; }

.nav-arrow { display: none; }



.section { position: relative;  padding: clamp(70px, 9vw, 130px) 2rem clamp(90px, 10vw, 150px); overflow: hidden; box-sizing: border-box;}
.highlight{ color:var(--red); }
.pages-title {font-size: clamp(2.2rem, 6vw, 4.4rem);  font-weight: 700; text-transform: uppercase;  letter-spacing: -.03em;  line-height: 1.02;  margin: 0 0 10px; }
.pages-title span {color:var(--red); }
/*----------------------------------------------------------*/
.seo-section{ --seo-cyan:#00f3ff; --seo-cyan-rgb:0,243,255; --seo-red:#c1272d; --seo-red-rgb:193,39,45; --seo-card-bg:rgba(9,11,13,.78); --seo-border:rgba(255,255,255,.1); --scan-position:0%; --orbital-shift:0px; position:relative; padding:clamp(80px,9vw,140px) 2rem clamp(95px,10vw,160px); overflow:hidden; isolation:isolate; }
.seo-section::before{ content:''; position:absolute; top:-20%; left:5%; width:70%; height:70%; background:radial-gradient(ellipse,rgba(var(--seo-cyan-rgb),.075),transparent 65%); transform:translate3d(var(--orbital-shift),0,0); transition:transform .18s linear; pointer-events:none; z-index:-2; }
.seo-section::after{ content:''; position:absolute; inset:0; 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:70px 70px; -webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 80%,transparent); mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 80%,transparent); pointer-events:none; z-index:-3; }
.seo-container{ position:relative; width:100%; max-width:1400px; margin:0 auto; }
.seo-header{ position:relative; margin-bottom:clamp(45px,6vw,78px); padding-bottom:24px; text-align:center; }
.seo-header::after{ content:''; position:absolute; bottom:0; left:50%; width:min(480px,70%); height:1px; background:linear-gradient(90deg,transparent,rgba(var(--seo-cyan-rgb),.55),transparent); transform:translateX(-50%) scaleX(0); transform-origin:center; transition:transform 1s cubic-bezier(.22,.61,.36,1) .35s; }
.seo-section.is-header-visible .seo-header::after{ transform:translateX(-50%) scaleX(1); }
.seo-badge{ display:inline-flex; align-items:center; gap:9px; margin-bottom:18px; padding:7px 17px; border:1px solid rgba(var(--seo-red-rgb),.7); background:rgba(var(--seo-red-rgb),.06); color:var(--red); font-size:10px; line-height:1; letter-spacing:.26em; text-transform:uppercase; }
.seo-badge::before{ content:''; width:5px; height:5px; border-radius:50%; background:var(--red); box-shadow:0 0 10px var(--red); animation:seoBadgePulse 1.8s ease-in-out infinite; }
.seo-title{ margin:0 0 14px; color:#fff; font-size:clamp(2rem,5vw,4.6rem); font-weight:700; line-height:.98; letter-spacing:-.045em; text-transform:uppercase; }
.seo-title .highlight{ color:transparent; -webkit-text-stroke:1px var(--cyan); text-shadow:0 0 35px rgba(var(--seo-cyan-rgb),.12); }
.seo-subtitle{ margin:0; color:rgba(255,255,255,.38); font-size:11px; line-height:1.5; letter-spacing:.28em; text-transform:uppercase; }
.seo-section.is-ready .seo-badge{ opacity:0; transform:translateY(-18px); transition:opacity .65s ease,transform .65s cubic-bezier(.22,.61,.36,1); }
.seo-section.is-ready .seo-title{ opacity:0; transform:translateY(25px); transition:opacity .8s ease .08s,transform .8s cubic-bezier(.22,.61,.36,1) .08s; }
.seo-section.is-ready .seo-subtitle{ opacity:0; transform:translateY(16px); transition:opacity .7s ease .18s,transform .7s cubic-bezier(.22,.61,.36,1) .18s; }
.seo-section.is-header-visible .seo-badge{ opacity:1; transform:translateY(0); }
.seo-section.is-header-visible .seo-title{ opacity:1; transform:translateY(0); }
.seo-section.is-header-visible .seo-subtitle{ opacity:1; transform:translateY(0); }
.seo-grid-wrapper{ position:relative; padding:20px; border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); }
.seo-grid-wrapper::before{ content:''; position:absolute; top:var(--scan-position); left:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(var(--seo-cyan-rgb),.8),transparent); box-shadow:0 0 20px rgba(var(--seo-cyan-rgb),.32); opacity:0; transform:translateY(-50%); transition:opacity .5s ease; pointer-events:none; z-index:4; }
.seo-section.is-in-view .seo-grid-wrapper::before{ opacity:.65; }
.seo-grid-wrapper::after{ content:''; position:absolute; top:0; bottom:0; left:50%; width:1px; background:linear-gradient(to bottom,transparent,rgba(255,255,255,.06),transparent); pointer-events:none; }
.seo-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.seo-card{ --enter-x:-28px; --wave-y:0px; --wave-scale:1; --wave-tilt:0deg; --wave-opacity:.74; --wave-brightness:.78; --wave-glow:0; --hover-y:0px; --state-color:var(--cyan); --state-rgb:var(--seo-cyan-rgb); position:relative; z-index:1; display:flex; min-height:220px; padding:25px 21px 22px; overflow:hidden; border:1px solid var(--seo-border); border-left:2px solid transparent; background:linear-gradient(145deg,var(--seo-card-bg),rgba(3,4,5,.64)); box-shadow:0 20px 50px rgba(0,0,0,.18); flex-direction:column; isolation:isolate; backdrop-filter:blur(12px); transition:border-color .25s ease,background .25s ease,box-shadow .25s ease; will-change:transform,opacity,filter; }
.seo-card:nth-child(even){ --enter-x:28px; }
.seo-section.is-ready .seo-card{ opacity:0; filter:blur(8px); transform:translate3d(var(--enter-x),42px,0) scale(.965); }
.seo-section.is-ready.is-depth-wave .seo-card.is-visible{ opacity:var(--wave-opacity); filter:brightness(var(--wave-brightness)); transform:perspective(900px) translate3d(0,calc(var(--wave-y) + var(--hover-y)),0) rotateX(var(--wave-tilt)) scale(var(--wave-scale)); transition:opacity .18s linear,filter .18s linear,transform .18s linear,border-color .25s ease,background .25s ease,box-shadow .25s ease; }
.seo-card::before{ content:''; position:absolute; inset:0; background:repeating-linear-gradient(0deg,transparent 0,transparent 5px,rgba(255,255,255,.018) 6px); opacity:.6; pointer-events:none; z-index:-1; }
.seo-card::after{ content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,transparent,var(--state-color),transparent); transform:scaleX(0); transform-origin:center; transition:transform .35s ease; }
.seo-card.is-wave-active{ border-color:rgba(var(--seo-cyan-rgb),.65); border-left-color:var(--cyan); background:linear-gradient(145deg,rgba(var(--seo-cyan-rgb),.11),rgba(10,10,10,.68)); box-shadow:0 24px 60px rgba(var(--seo-cyan-rgb),.16),inset 0 0 28px rgba(var(--seo-cyan-rgb),.05); }
.seo-card:hover{ --hover-y:-8px; --state-color:var(--red); --state-rgb:var(--seo-red-rgb); border-color:rgba(var(--seo-red-rgb),.72); border-left-color:var(--red); background:linear-gradient(145deg,rgba(var(--seo-red-rgb),.2),rgba(12,5,6,.82)); box-shadow:0 26px 62px rgba(var(--seo-red-rgb),.2),inset 0 0 30px rgba(var(--seo-red-rgb),.08); }
.seo-card.is-wave-active::after,.seo-card:hover::after{ transform:scaleX(1); }
.seo-card-icon{ position:relative; z-index:1; display:flex; width:48px; height:48px; margin-bottom:18px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.025); align-items:center; justify-content:center; flex-shrink:0; transition:border-color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease; }
.seo-card-icon::before{ content:''; position:absolute; top:-1px; left:-1px; width:10px; height:10px; border-top:1px solid rgba(255,255,255,.35); border-left:1px solid rgba(255,255,255,.35); transition:border-color .25s ease; }
.seo-card-icon::after{ content:''; position:absolute; right:-1px; bottom:-1px; width:10px; height:10px; border-right:1px solid rgba(255,255,255,.35); border-bottom:1px solid rgba(255,255,255,.35); transition:border-color .25s ease; }
.seo-card-icon img{ display:block; width:23px; height:23px; object-fit:contain; opacity:.72; filter:grayscale(1) brightness(2); transition:opacity .25s ease,filter .25s ease,transform .25s ease; }
.seo-card.is-wave-active .seo-card-icon,.seo-card:hover .seo-card-icon{ border-color:rgba(var(--state-rgb),.55); background:rgba(var(--state-rgb),.08); box-shadow:0 0 22px rgba(var(--state-rgb),.1); transform:rotate(-3deg) scale(1.06); }
.seo-card.is-wave-active .seo-card-icon::before,.seo-card.is-wave-active .seo-card-icon::after,.seo-card:hover .seo-card-icon::before,.seo-card:hover .seo-card-icon::after{ border-color:var(--state-color); }
.seo-card.is-wave-active .seo-card-icon img,.seo-card:hover .seo-card-icon img{ opacity:1; filter:grayscale(0) brightness(1.25); transform:scale(1.08); }
.seo-card__number{ position:absolute; top:14px; right:15px; z-index:1; color:transparent; font-size:2.2rem; font-weight:700; line-height:1; letter-spacing:-.05em; -webkit-text-stroke:1px rgba(255,255,255,.08); pointer-events:none; transition:transform .3s ease,-webkit-text-stroke .3s ease; }
.seo-card.is-wave-active .seo-card__number,.seo-card:hover .seo-card__number{ -webkit-text-stroke:1px rgba(var(--state-rgb),.34); transform:scale(1.08) translateX(-2px); }
.seo-card__status{ position:relative; z-index:1; display:flex; margin-bottom:9px; color:rgba(255,255,255,.3); font-size:8px; line-height:1; letter-spacing:.16em; text-transform:uppercase; align-items:center; gap:7px; transition:color .25s ease; }
.seo-card__status i{ display:block; width:4px; height:4px; border-radius:50%; background:rgba(255,255,255,.3); transition:background .25s ease,box-shadow .25s ease; }
.seo-card.is-wave-active .seo-card__status,.seo-card:hover .seo-card__status{ color:rgba(var(--state-rgb),.8); }
.seo-card.is-wave-active .seo-card__status i,.seo-card:hover .seo-card__status i{ background:var(--state-color); box-shadow:0 0 9px var(--state-color); animation:seoStatusPulse 1.3s ease-in-out infinite; }
.seo-card h3{ position:relative; z-index:1; margin:0 0 9px; color:#fff; font-size:clamp(.88rem,1vw,1.04rem); font-weight:600; line-height:1.3; letter-spacing:.02em; text-transform:uppercase; }
.seo-card p{ position:relative; z-index:1; margin:0; color:rgba(255,255,255,.5); font-size:clamp(.76rem,.85vw,.88rem); font-weight:300; line-height:1.6; flex:1; transition:color .25s ease; }
.seo-card.is-wave-active p,.seo-card:hover p{ color:rgba(255,255,255,.7); }
.seo-card__corner{ position:absolute; right:10px; bottom:10px; z-index:1; width:20px; height:20px; border-right:1px solid rgba(255,255,255,.09); border-bottom:1px solid rgba(255,255,255,.09); pointer-events:none; transition:width .25s ease,height .25s ease,border-color .25s ease; }
.seo-card.is-wave-active .seo-card__corner,.seo-card:hover .seo-card__corner{ width:32px; height:32px; border-color:rgba(var(--state-rgb),.55); }
.seo-card__signal{ position:absolute; right:20px; bottom:13px; left:20px; z-index:1; height:1px; overflow:hidden; background:rgba(255,255,255,.045); pointer-events:none; }
.seo-card__signal span{ position:absolute; top:0; left:0; width:36%; height:100%; background:linear-gradient(90deg,transparent,var(--state-color),transparent); opacity:0; transform:translateX(-130%); }
.seo-card.is-visible .seo-card__signal span{ opacity:.55; animation:seoSignal 3.4s linear var(--card-delay) infinite; }
.seo-card__wave{ position:absolute; inset:0; z-index:0; overflow:hidden; opacity:var(--wave-glow); background:radial-gradient(circle at 50% 0%,rgba(var(--seo-cyan-rgb),.25),transparent 56%); pointer-events:none; }
.seo-card:hover .seo-card__wave{ background:radial-gradient(circle at 50% 0%,rgba(var(--seo-red-rgb),.28),transparent 56%); }
.seo-card__wave::after{ content:''; position:absolute; top:-20%; left:-60%; width:45%; height:140%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent); transform:skewX(-18deg) translateX(calc(var(--wave-glow) * 320%)); }



.seo-stream {  --seo-stream-gap: 18px; --seo-stream-width: min(1460px, calc(100vw - 64px)); position: relative; z-index: 2; height: 340svh; color: #fff; }
.seo-stream__stage { position: sticky; top: 0; width: 100%; min-height: calc(100svh - clamp(70px, 9vw, 130px)); box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; padding: clamp(72px, 9svh, 112px) 0 38px; overflow: hidden; }
.seo-stream__header { position: relative; z-index: 2; width: var(--seo-stream-width); margin: 0 auto clamp(26px, 4svh, 44px); text-align: center; }
.seo-stream__badge { position: relative; display: inline-flex; align-items: center; gap: 9px; min-width: 118px; box-sizing: border-box; justify-content: center; margin-bottom: 18px; padding: 7px 16px; border: 1px solid rgba(214, 45, 56, .72); color: #ed4b56; font-size: 10px; font-weight: 700; letter-spacing: .28em; line-height: 1; }
.seo-stream__badge::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--red); box-shadow: 0 0 14px rgba(214, 45, 56, .85); }
.seo-stream__title { margin: 0; color: #fff; font-size: clamp(40px, 4vw, 66px); font-weight: 800; letter-spacing: -.045em; line-height: .95; text-transform: uppercase; }
.seo-stream__title span { color: var(--cyan); }
.seo-stream__subtitle { margin: 18px 0 0; color: rgba(255, 255, 255, .35); font-size: 11px; font-weight: 700; letter-spacing: .36em; text-transform: uppercase; }
.seo-stream__rows { position: relative; z-index: 2; width: var(--seo-stream-width); margin: 0 auto; }
.seo-stream__row { position: relative; width: 100%; overflow: visible; }
.seo-stream__row--bottom { margin-top: var(--seo-stream-gap); }
.seo-stream__track { display: flex; flex-wrap: nowrap; gap: var(--seo-stream-gap); width: max-content; transform: translate3d(0, 0, 0); will-change: transform; }
.seo-stream-card { position: relative; flex: 0 0 calc((var(--seo-stream-width) - (var(--seo-stream-gap) * 3)) / 4); min-height: clamp(180px, 23svh, 236px); box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; padding: clamp(20px, 2vw, 27px) clamp(18px, 1.8vw, 25px); overflow: hidden; border: 1px solid rgba(255, 255, 255, .13); background: linear-gradient(145deg, rgba(8, 10, 11, .91), rgba(4, 5, 6, .78)); backdrop-filter: blur(12px); transition: border-color .3s ease, background .3s ease, box-shadow .3s ease; }
.seo-stream-card::before { content: ''; position: absolute; left: 20px; right: 12px; bottom: 11px; height: 1px; background: linear-gradient(90deg, rgba(255, 255, 255, .18), transparent 65%); }
.seo-stream-card::after { content: ''; position: absolute; right: 12px; bottom: 11px; width: 1px; height: 23px; background: rgba(255, 255, 255, .18); }
.seo-stream-card:hover { border-color: rgba(0, 230, 239, .58); background: linear-gradient(145deg, rgba(8, 22, 24, .95), rgba(4, 8, 9, .84)); box-shadow: 0 0 32px rgba(0, 230, 239, .08), inset 0 0 22px rgba(0, 230, 239, .025); }
.seo-stream-card__number { position: absolute; top: 8px; right: 12px; color: rgba(255, 255, 255, .07); font-size: clamp(28px, 2.2vw, 40px); font-weight: 400; letter-spacing: -.08em; line-height: 1; }
.seo-stream-card__status { display: flex; align-items: center; gap: 7px; margin-bottom: 13px; color: rgba(255, 255, 255, .35); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.seo-stream-card__status::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: rgba(255, 255, 255, .34); transition: background .3s ease, box-shadow .3s ease; }
.seo-stream-card:hover .seo-stream-card__status::before { background: var(--cyan); box-shadow: 0 0 11px rgba(0, 230, 239, .8); }
.seo-stream-card__code { display: inline-flex; align-items: center; justify-content: center; min-width: 50px; height: 50px; box-sizing: border-box; margin-bottom: 15px; border: 1px solid rgba(255, 255, 255, .23); color: rgba(255, 255, 255, .56); font-size: 11px; font-weight: 700; transition: color .3s ease, border-color .3s ease; }
.seo-stream-card:hover .seo-stream-card__code { border-color: rgba(0, 230, 239, .55); color: var(--cyan); }
.seo-stream-card__title { margin: 0 0 9px; color: rgba(255, 255, 255, .92); font-size: clamp(14px, 1vw, 17px); font-weight: 750; line-height: 1.25; text-transform: uppercase; }
.seo-stream-card__text { max-width: 96%; margin: 0; color: rgba(255, 255, 255, .48); font-size: clamp(12px, .83vw, 14px); line-height: 1.5; }
.seo-stream__progress { position: absolute; left: 14px; top: 50%; z-index: 3; display: flex; align-items: center; gap: 10px; color: rgba(255, 255, 255, .35); font-size: 8px; font-weight: 700; letter-spacing: .12em; transform: translateY(-50%) rotate(-90deg); transform-origin: left top; }
.seo-stream__progress-line { position: relative; width: 54px; height: 1px; overflow: hidden; background: rgba(255, 255, 255, .15); }
.seo-stream__progress-line i { position: absolute; inset: 0; display: block; background: var(--cyan); transform: scaleX(0); transform-origin: left center; will-change: transform; }
.seo-stream__progress-value { min-width: 28px; color: var(--cyan); }
.seo-stream-card:hover .seo-stream-card__code{ border-color:rgba(0,243,255,.4); background:rgba(0,243,255,.05); transform:rotate(-3deg) scale(1.05); }
.seo-stream-card:hover .seo-stream-card__code::before,.seo-stream-card:hover .seo-stream-card__code::after{ border-color:var(--cyan); }
.seo-stream-card:hover .seo-stream-card__code span{ color:var(--cyan); }
.seo-stream-card:hover .seo-stream-card__number { -webkit-text-stroke: 1px var(--red); color: var(--red)}
.page-layout--seo-vertical { position: relative !important; height: auto !important; min-height: 0 !important; overflow: visible !important; }
.page-layout--seo-vertical > .page-layout__spacer { display: none !important; }
.page-layout--seo-vertical > .page-layout__stage { position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; overflow: visible !important; }


/*-----------------------------------------------------------------------*/

#howWeWorkPage{ position:relative; width:100%; overflow:visible; }
#howWeWorkPage .page-layout__stage{ position:sticky; top:0; width:100%; height:100vh; overflow:hidden; z-index:2; }
.process-progress-section{  width:100%; height:100%; display:flex; align-items:center; justify-content:center;  }
.process-progress-section::before{ content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 50% 80%, rgba(255,0,60,.06) 0%, transparent 60%); pointer-events:none; }
.process-progress-container{ position:relative; z-index:1; width:100%; max-width:1500px; margin:0 auto; padding:0 2rem; }
.process-progress-header{ text-align:center; margin-bottom:clamp(36px,5vw,56px); }
.systems-kicker{ display:block; margin-bottom:14px; color:var(--systems-muted); font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.process-progress-title{ font-size:clamp(2.2rem,6vw,4.4rem); font-weight:700; text-transform:uppercase; letter-spacing:-.03em; line-height:1.02; margin:0 0 10px; }
.process-progress-subtitle{  font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:rgba(255,255,255,.25); }
.progress_inner__rail{ position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:0 auto clamp(48px,6vw,80px); max-width:1100px; }
.progress_inner__line{ position:absolute; left:3%; right:3%; bottom:5%; height:1px; background:rgba(255,255,255,.1); z-index:0; }
.progress_inner__fill{ position:absolute; inset:0 auto 0 0; width:0%; background:linear-gradient(90deg,var(--red),var(--cyan)); transition:width .5s cubic-bezier(.65,0,.35,1); }
.progress_inner__step{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:14px;  background: rgba(255, 255, 255, .02); border: 1px solid rgba(255, 255, 255, .08);   backdrop-filter: blur(10px);    padding: 15px; }
.progress_inner__node{ position:relative; width:38px; height:38px;  background:rgba(255,255,255,.02); cursor:pointer; padding:0; display:flex; align-items:center; justify-content:center;  transition:border-color .3s ease,color .3s ease,background .3s ease;    color: transparent; font-weight: 700;  line-height: 1; -webkit-text-stroke: 1px rgba(255, 255, 255, .14);font-size: 3.6rem;font-family: 'Syncopate', sans-serif;}
.progress_inner__node::before,
.progress_inner__node::after{ content:''; position:absolute; width:8px; height:8px; border:1px solid transparent; transition:all .3s ease;}
.progress_inner__node::before{ top:-1px; left:-1px; border-top-color:transparent; border-left-color:transparent; }
.progress_inner__node::after{ bottom:-1px; right:-1px; border-bottom-color:transparent; border-right-color:transparent; }
.progress_inner__step.is-active {  border: 1px solid rgba(255, 0, 60, .24); background: linear-gradient(135deg, rgba(255, 0, 60, .075), rgba(10, 10, 12, .62)); }
.progress_inner__step.is-active .progress_inner__node { color: var(--red) }
.progress_inner__step.is-active .node-pulse{ opacity:1; transform:scale(1); animation:nodePulse 1.6s ease-in-out infinite; }
@keyframes nodePulse{ 0%,100%{opacity:1} 50%{opacity:.3} }
.progress_inner__label{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.28); transition:color .3s ease;}
.progress_inner__step.is-active .progress_inner__label{ color:var(--red); }
.progress_inner__step.is-complete .progress_inner__label{ color:rgba(255,255,255,.55); }

/* ---------- TAB CARDS ---------- */

.progress_inner__tabs{ position:relative; min-height:300px; max-width:1150px; margin:0 auto; }
.tab{opacity:0; position:absolute; inset:0; pointer-events:none; transition:opacity .4s ease;}
.tab.active{ opacity:1; pointer-events:auto; }
.tab-inner{display:flex; align-items:stretch; min-height:280px; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.08); border-left:2px solid var(--cyan); overflow:hidden; position:relative; backdrop-filter:blur(10px);}
.tab-inner::before{ content:''; position:absolute; inset:0; opacity:.3; pointer-events:none; background:repeating-linear-gradient(0deg,transparent 0,transparent 4px,rgba(255,255,255,.02) 5px);}
.tab-left{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; min-width:190px; width:190px; padding:30px 20px; background:rgba(255,255,255,.015); border-right:1px solid rgba(255,255,255,.06); position:relative; flex-shrink:0;}
.tab-module{ position:relative; width:84px; height:84px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; border:1px solid rgba(0,243,255,.35);}
.tab-module::before,.tab-module::after{content:''; position:absolute; width:12px; height:12px; border:1px solid var(--cyan);}
.tab-module::before{ top:-1px; left:-1px; border-right:none; border-bottom:none; }
.tab-module::after{ bottom:-1px; right:-1px; border-left:none; border-top:none; }
.tab-module__code{ letter-spacing:.08em; color:var(--systems-text); }
.tab-module__status{  font-size:8px; letter-spacing:.1em; color:var(--cyan); text-transform:uppercase; }
.tab-number{font-family: 'Syncopate', sans-serif; font-size:3.6rem; font-weight:700; line-height:1; color:transparent;  -webkit-text-stroke:1px rgba(255,255,255,.1);}
.tab-right{ flex:1; padding:32px 40px 32px 34px; display:flex; flex-direction:column; justify-content:center; min-height:280px; }
.tab-code{  font-size:9px; letter-spacing:.14em; color:var(--red); text-transform:uppercase; margin-bottom:10px; }
.tab-right h3{ font-size:clamp(1.3rem,2.4vw,2rem); font-weight:700; color:#fff; text-transform:uppercase; letter-spacing:-.02em; margin:0 0 10px; }
.tab-right p{ font-size:1.02rem; color:rgba(255,255,255,.5); line-height:1.7; font-weight:300; margin:0 0 16px; max-width:600px; }
.tab-right ul{ list-style:none; display:flex; flex-wrap:wrap; gap:8px 14px; padding:0; margin:0; }
.tab-right ul li{ font-size:.7rem; letter-spacing:.06em; text-transform:uppercase;  color:rgba(255,255,255,.4); padding:5px 14px; border:1px solid rgba(255,255,255,.08);  background:rgba(255,255,255,.015);}



.systems-page {  --systems-text: #f4f7fb; --systems-muted: rgba(244, 247, 251, .52);  position: relative; z-index: 2; width: 100%; color: var(--systems-text); background: transparent;  overflow: visible; isolation: isolate; }
.systems-page::before { content: ''; position: absolute; inset: 0; z-index: -2; pointer-events: none; background: linear-gradient(180deg, rgba(3, 3, 3, .32) 0%, rgba(3, 3, 3, .72) 38%, rgba(3, 3, 3, .9) 100%); }
.systems-page * { box-sizing: border-box; }
.systems-page a { color: inherit; }
.systems-hero { min-height: 100svh; display: flex; align-items: stretch; }
.systems-hero::before { content: ''; position: absolute; width: min(60vw, 900px); aspect-ratio: 1; top: 50%; right: -20%; border: 1px solid rgba(0, 243, 255, .12); border-radius: 50%; transform: translateY(-50%); box-shadow: 0 0 100px rgba(0, 243, 255, .05), inset 0 0 100px rgba(0, 243, 255, .04); pointer-events: none; }
.systems-hero__grid { position: absolute; inset: 0; z-index: -1; opacity: .16; pointer-events: none; background-image: linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, #000, transparent 88%); }
.systems-hero__inner { width: 100%; max-width: 1720px; min-height: calc(100svh - clamp(124px, 13vw, 214px)); margin: 0 auto; display: flex; flex-direction: column; justify-content: space-between; }
.systems-hero__meta { display: flex; justify-content: space-between; gap: 24px; color: var(--systems-muted); font-size: 11px; line-height: 1.4; letter-spacing: .14em; text-transform: uppercase; }
.systems-hero__status { display: inline-flex; align-items: center; gap: 9px; color: rgba(0, 243, 255, .74); }
.systems-hero__status i { width: 7px; height: 7px; display: block; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 16px var(--cyan); animation: systemsPulse 1.8s ease-in-out infinite; }
.systems-hero__title { width: min(1180px, 94%); margin: clamp(42px, 7vh, 100px) 0; display: flex; flex-direction: column; align-items: flex-start; font-size: clamp(37px, 5.2vw, 100px); font-weight: 700; line-height: .94; letter-spacing: -.055em; text-transform: uppercase; }
.systems-hero__line { display: block; }
.systems-hero__tools { font-family: 'Syncopate', sans-serif; position: relative; display: block; margin: .08em 0 .04em; color: transparent; font-size: 1.38em; line-height: .86; letter-spacing: -.07em; -webkit-text-stroke: 1px var(--red); text-shadow: 0 0 34px rgba(255, 0, 60, .14); will-change: transform, opacity; }
.systems-hero__tools::after { content: 'TOOLS'; position: absolute; inset: 0; color: transparent; -webkit-text-stroke: 1px rgba(255, 0, 60, .22); transform: translate3d(8px, 0, 0); clip-path: polygon(0 36%, 100% 30%, 100% 55%, 0 61%); }
.systems-hero__shift { display: block; margin-top: .12em; color: rgba(244, 247, 251, .46);  font-size: .18em; line-height: 1; letter-spacing: .22em; }
.systems-hero__systems { display: block; margin-top: .08em; color: var(--cyan); font-size: 1.06em; line-height: .9; text-shadow: 0 0 40px rgba(0, 243, 255, .1); will-change: transform, opacity; }
.systems-hero__bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.systems-hero__bottom p { margin: 0; color: var(--systems-muted);  font-size: clamp(11px, .9vw, 14px); line-height: 1.7; text-transform: uppercase; letter-spacing: .09em; }
.systems-scroll-link { display: inline-flex; align-items: center; gap: 16px; color: rgb(255 255 255 / 50%);  font-size: 11px; letter-spacing: .14em; text-decoration: none; text-transform: uppercase; }
.systems-scroll-link i { position: relative; width: 48px; height: 48px; display: block; border: 1px solid rgba(0, 243, 255, .45); border-radius: 50%; }
.systems-scroll-link i::before { content: ''; position: absolute; left: 50%; top: 12px; width: 1px; height: 14px; background: var(--cyan); transform: translateX(-50%); animation: systemsScrollArrow 1.8s ease-in-out infinite; }
.systems-scroll-link i::after { content: ''; position: absolute; left: 50%; top: 23px; width: 6px; height: 6px; border-right: 1px solid var(--cyan); border-bottom: 1px solid var(--cyan); transform: translateX(-50%) rotate(45deg); animation: systemsScrollArrowHead 1.8s ease-in-out infinite; }
.systems-process { position: relative; height: 900vh; }
.systems-process__stage { position: sticky; top: 0; height: 100svh; min-height: 620px; display: flex; flex-direction: column; padding: clamp(72px, 7vw, 112px) clamp(24px, 6vw, 110px) clamp(24px, 3vw, 46px); overflow: hidden; background: radial-gradient(circle at 50% 50%, rgba(12, 26, 37, .34), rgba(3, 3, 3, .64) 58%, rgba(3, 3, 3, .84) 100%); }
.systems-process__stage::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .32; background: linear-gradient(90deg, transparent 49.92%, rgba(255, 255, 255, .1) 50%, transparent 50.08%); }
.systems-process__backdrop-word { position: absolute; left: 50%; top: 52%; z-index: 0; max-width: 100%; color: transparent; font-size: clamp(76px, 15vw, 290px); font-weight: 700; line-height: .76; letter-spacing: -.08em; text-transform: uppercase; white-space: nowrap; opacity: .085; -webkit-text-stroke: 1px var(--cyan); transform: translate(-50%, -50%); pointer-events: none; }
.systems-process__head { position: relative; z-index: 4; width: 100%; max-width: 1720px; margin: 0 auto; display: flex;     align-items: flex-end;   justify-content: flex-end; gap: 40px; flex-direction: column;  }
.systems-kicker { display: block; margin-bottom: 16px; color: var(--systems-muted);  font-size: 10px; line-height: 1.4; letter-spacing: .16em; text-transform: uppercase; }
.systems-process__head h2 { margin: 0; font-size: clamp(27px, 3.2vw, 58px); line-height: .96; letter-spacing: -.045em; text-transform: uppercase; }
.systems-process__head h2 span { color: var(--cyan); }
.systems-process__legend { min-width: min(48%, 620px); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(60px, 9vw, 150px);  font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.systems-process__legend-item { position: relative; display: block; padding-left: 16px; }
.systems-process__legend-item::before { content: ''; position: absolute; left: 0; top: 50%; width: 7px; height: 7px; border-radius: 50%; transform: translateY(-50%); }
.systems-process__legend-item--challenge { color: rgba(255, 0, 60, .8); }
.systems-process__legend-item--challenge::before { background: var(--red); box-shadow: 0 0 12px rgba(255, 0, 60, .7); }
.systems-process__legend-item--solution { color: rgba(0, 243, 255, .8); }
.systems-process__legend-item--solution::before { background: var(--cyan); box-shadow: 0 0 12px rgba(0, 243, 255, .7); }
.systems-process__viewport { position: relative; z-index: 2; width: 100%; max-width: 1720px; min-height: 0; flex: 1; margin: 18px auto; overflow: hidden; }
.systems-process__list { position: relative; width: 100%; height: 100%; }
.systems-pair { --pair-progress: 0%; position: absolute; left: 1%; top: 50%; width: 98%; display: grid; grid-template-columns: minmax(0, 1fr) clamp(90px, 10vw, 170px) minmax(0, 1fr); align-items: stretch; opacity: 0; transform: translate3d(0, 240px, 0) scale(.9); transform-origin: center; will-change: transform, opacity; }
.systems-card { position: relative; min-height: clamp(150px, 18vh, 220px); display: flex; flex-direction: column; justify-content: space-between; padding: clamp(20px, 2vw, 34px); overflow: hidden; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); transition: border-color .25s ease, background .25s ease, box-shadow .25s ease; }
.systems-card::before { content: ''; position: absolute; inset: 0; opacity: .36; pointer-events: none; background: repeating-linear-gradient(0deg, transparent 0, transparent 4px, rgba(255, 255, 255, .025) 5px); }
.systems-card--challenge { border: 1px solid rgba(255, 0, 60, .24); background: linear-gradient(135deg, rgba(255, 0, 60, .075), rgba(10, 10, 12, .62)); box-shadow: inset 3px 0 0 rgba(255, 0, 60, .7); }
.systems-card--solution { border: 1px solid rgba(0, 243, 255, .26); background: linear-gradient(135deg, rgba(0, 243, 255, .035), rgba(10, 14, 17, .68)); box-shadow: inset -3px 0 0 rgba(0, 243, 255, .72); }
.systems-pair.is-active .systems-card--challenge { border-color: rgba(255, 0, 60, .48); }
.systems-pair.is-active .systems-card--solution { border-color: rgba(0, 243, 255, .72); background: linear-gradient(135deg, rgba(0, 243, 255, .11), rgba(10, 14, 17, .72)); box-shadow: inset -3px 0 0 var(--cyan), 0 0 42px rgba(0, 243, 255, .08); }
.systems-pair.is-active .systems-card--solution::after { opacity: .65; }
.systems-card__status { position: relative; z-index: 1; color: var(--systems-muted);  font-size: 9px; line-height: 1; letter-spacing: .15em; text-transform: uppercase; }
.systems-card--challenge .systems-card__status { color: rgba(255, 0, 60, .72); }
.systems-card--solution .systems-card__status { color: rgba(0, 243, 255, .76); }
.systems-card__number { position: absolute; right: clamp(18px, 2vw, 32px); top: clamp(18px, 2vw, 30px); color: transparent; font-size: clamp(27px, 3vw, 52px); font-weight: 700; line-height: 1; -webkit-text-stroke: 1px rgba(255, 255, 255, .14); }
.systems-card h3 { position: relative; z-index: 1; max-width: 90%; margin: auto 0; padding: 18px 0; font-size: clamp(20px, 2.2vw, 40px); line-height: .98; letter-spacing: -.045em; text-transform: uppercase; }
.systems-card__code { position: relative; z-index: 1; color: rgba(244, 247, 251, .34);  font-size: 9px; line-height: 1; letter-spacing: .12em; }
.systems-pair__link { position: relative; min-width: 0; display: flex; align-items: center; justify-content: center; }
.systems-pair__line { position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: linear-gradient(90deg, var(--red), rgba(255, 255, 255, .25) 49%, var(--cyan)); }
.systems-pair__dot { position: absolute; left: var(--pair-progress); top: 50%; width: 10px; height: 10px; border: 2px solid #000; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 18px var(--cyan); transform: translate(-50%, -50%); }
.systems-pair__arrow { position: relative; z-index: 2; width: 30px; height: 30px; display: grid; place-items: center; color: rgb(255 255 255 / 50%); border: 1px solid rgba(255, 255, 255, .23); border-radius: 50%; background: rgba(3, 3, 3, .9); font-family: 'JetBrains Mono', monospace; font-size: 13px; }
.systems-process__footer { position: relative; z-index: 4; width: 100%; max-width: 1720px; margin: 0 auto; display: grid; grid-template-columns: auto minmax(120px, 1fr) auto; align-items: center; gap: 24px; color: var(--systems-muted); font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.systems-process__counter { display: flex; gap: 6px; }
.systems-process__current { color: rgb(255 255 255 / 50%); }
.systems-process__progress { position: relative; height: 1px; overflow: hidden; background: rgba(255, 255, 255, .13); }
.systems-process__progress span { position: absolute; inset: 0 auto 0 0; width: 0; background: linear-gradient(90deg, var(--red), var(--cyan)); }
.systems-process__word { min-width: 92px; color: var(--cyan); text-align: right; }
.systems-summary { position: relative; min-height: 100svh; display: grid; place-items: center; padding: clamp(90px, 10vw, 170px) clamp(24px, 6vw, 110px); overflow: hidden; background: radial-gradient(circle at 50% 48%, rgba(0, 243, 255, .08), transparent 42%), rgba(3, 3, 3, .76); }
.systems-summary::before { content: ''; position: absolute; width: min(62vw, 900px); aspect-ratio: 1; left: 50%; top: 50%; border: 1px solid rgba(0, 243, 255, .16); border-radius: 50%; box-shadow: 0 0 100px rgba(0, 243, 255, .05), inset 0 0 100px rgba(0, 243, 255, .04); transform: translate(-50%, -50%) scale(.68); opacity: 0; transition: transform 1.2s cubic-bezier(.22, .61, .36, 1), opacity .8s ease; }
.systems-summary.is-visible::before { transform: translate(-50%, -50%) scale(1); opacity: 1; }
.systems-summary__grid { position: absolute; inset: 0; opacity: .13; pointer-events: none; background-image: linear-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px); background-size: 72px 72px; mask-image: radial-gradient(circle at 50% 50%, #000, transparent 68%); }
.systems-summary__inner { position: relative; z-index: 2; width: 100%; max-width: 1400px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.systems-summary h2 { margin: 0; font-size: clamp(50px, 9vw, 166px); line-height: .82; letter-spacing: -.075em; text-transform: uppercase; }
.systems-summary h2 span { display: block; color: var(--cyan); }
.systems-summary__chips { max-width: 960px; margin: clamp(42px, 6vw, 82px) auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.systems-summary__chips span { padding: 12px 17px; color: rgba(244, 247, 251, .66); border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .025); font-size: 10px; line-height: 1; letter-spacing: .14em; text-transform: uppercase; opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
.systems-summary.is-visible .systems-summary__chips span { opacity: 1; transform: translateY(0); }
.systems-summary.is-visible .systems-summary__chips span:nth-child(1) { transition-delay: .08s; }
.systems-summary.is-visible .systems-summary__chips span:nth-child(2) { transition-delay: .14s; }
.systems-summary.is-visible .systems-summary__chips span:nth-child(3) { transition-delay: .2s; }
.systems-summary.is-visible .systems-summary__chips span:nth-child(4) { transition-delay: .26s; }
.systems-summary.is-visible .systems-summary__chips span:nth-child(5) { transition-delay: .32s; }
.systems-summary.is-visible .systems-summary__chips span:nth-child(6) { transition-delay: .38s; }
.systems-summary.is-visible .systems-summary__chips span:nth-child(7) { transition-delay: .44s; }
.systems-summary.is-visible .systems-summary__chips span:nth-child(8) { transition-delay: .5s; }
.systems-cta { min-width: min(100%, 370px); display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; padding: 10px 10px 10px 24px; color: var(--systems-text); border: 1px solid rgba(0, 243, 255, .48); background: rgba(0, 243, 255, .035); font-family: 'JetBrains Mono', monospace; font-size: 11px; line-height: 1; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; transition: color .25s ease, background .25s ease, border-color .25s ease; }
.systems-cta i { width: 44px; height: 44px; display: grid; place-items: center; color: #000; background: var(--cyan); font-size: 15px; font-style: normal; transition: transform .25s ease; }
.systems-cta:hover { color: #000; border-color: var(--cyan); background: var(--cyan); }
.systems-cta:hover i { background: rgb(255 255 255 / 50%); transform: translateX(3px); }


@keyframes systemsPulse {
    0%, 100% { opacity: .4; transform: scale(.8); }
    50% { opacity: 1; transform: scale(1.15); }
}

@keyframes systemsScrollArrow {
    0%, 100% { opacity: .35; transform: translate(-50%, -3px); }
    50% { opacity: 1; transform: translate(-50%, 5px); }
}

@keyframes systemsScrollArrowHead {
    0%, 100% { opacity: .35; transform: translate(-50%, -3px) rotate(45deg); }
    50% { opacity: 1; transform: translate(-50%, 5px) rotate(45deg); }
}

.content { position: relative; z-index: 2; width: 100%; min-height: 100svh; overflow: visible; }
.page-layout { position: relative; width: 100%; min-height: 100svh; }
.page-layout--relative { position: relative; }
.page-layout--flow { position: relative; }
.page-layout--absolute { position: relative; min-height: var(--page-layout-height, 100svh); }
.page-layout--absolute > .page-layout__stage { position: absolute; inset: 0; width: 100%; min-height: 100%; }
.page-layout--sticky { position: relative; min-height: var(--page-layout-height, 200svh); }
.page-layout--sticky > .page-layout__stage { position: sticky; top: 0; width: 100%; height: 100svh; overflow: hidden; }
.page-layout--fixed { position: relative; min-height: 100svh; }
.page-layout--fixed > .page-layout__stage { position: fixed; inset: 0; z-index: 3; width: 100%; height: 100svh; overflow: hidden; }
.page-layout--fixed.is-layout-before > .page-layout__stage { position: absolute; top: 0; bottom: auto; }
.page-layout--fixed.is-layout-after > .page-layout__stage { position: absolute; top: auto; bottom: 0; }
.page-layout__spacer { position: relative; z-index: -1; width: 100%; height: var(--page-layout-height, 100svh); pointer-events: none; }
.page-layout__stage { box-sizing: border-box; }
.home-scroll-scene { --page-layout-height: 100svh; }
.systems-page { overflow: visible; }
.systems-process { position: relative; height: 900vh; }
.systems-process__stage { position: sticky; top: 0; }


.services-page { --services-accent: #c1272d; position: relative; z-index: 5; width: 100%; min-height: 100vh; overflow: visible; color: #ffffff; background: rgba(3, 3, 3, 0.18); }
.services-page * { box-sizing: border-box; }
.services-page__ambient { position: fixed; z-index: -1; top: 0; left: 0; width: 100%; height: 100vh; pointer-events: none; background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(193, 39, 45, 0.08), transparent 34%); transition: background 0.35s ease; }
.services-page__container { width: min(1600px, calc(100% - 80px)); margin: 0 auto; overflow: visible; }
.services-page__header { min-height: 92vh; display: flex; flex-direction: column; justify-content: flex-end; padding: 150px 0 80px; border-bottom: 1px solid rgba(255, 255, 255, 0.22); }
.services-page__meta { display: flex; align-items: center; justify-content: space-between; margin-bottom: 34px; color: rgba(255, 255, 255, 0.58); font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: 0.24em; }
.services-page__label { display: inline-flex; align-items: center; gap: 12px; }
.services-page__label::before { content: ""; width: 34px; height: 1px; display: block; background: #c1272d; }
.services-page__count { color: rgba(255, 255, 255, 0.4); }
.services-page__title { max-width: 1280px; margin: 0; font-size: clamp(54px, 7.2vw, 138px); font-weight: 800; line-height: 0.84; letter-spacing: -0.075em; text-transform: uppercase; }
.services-page__title span { color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.7); font-family: var(--font-transparent);}
.services-page__intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-top: 56px; }
.services-page__description { max-width: 570px; margin: 0; color: rgba(255, 255, 255, 0.64); font-size: clamp(16px, 1.3vw, 21px); line-height: 1.55; }
.services-page__scroll { display: flex; align-items: center; gap: 16px; color: rgba(255, 255, 255, 0.45); font-size: 10px; font-weight: 700; letter-spacing: 0.2em; white-space: nowrap; }
.services-page__scroll i { position: relative; width: 54px; height: 1px; overflow: hidden; background: rgba(255, 255, 255, 0.25); }
.services-page__scroll i::after { content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #ffffff; animation: servicesScrollLine 1.8s ease-in-out infinite; }
.services-list {  z-index: 10; display: flex; flex-wrap: wrap; height: fit-content; padding: 100px 0 140px; justify-content: center; }
.services-item { --item-color: #c1272d; position: relative; isolation: isolate; min-height: 190px; display: grid; grid-template-columns: 90px minmax(320px, 1fr) minmax(250px, 0.65fr) 130px; align-items: center; gap: 30px; overflow: hidden; padding: 30px 38px 30px 24px; color: #ffffff; text-decoration: none; border-top: 1px solid rgba(255, 255, 255, 0.2); background: rgba(4, 4, 4, 0.2); backdrop-filter: blur(2px); transition: min-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), background 0.5s ease, border-color 0.5s ease, opacity 0.5s ease, transform 0.5s ease; }
.services-item:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.services-item::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--item-color) 18%, transparent), transparent 72%); transform: scaleX(0); transform-origin: left center; transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease; }
.services-item::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 0; height: 2px; background: var(--item-color); transition: width 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
.services-item { --item-color: #c1272d; transition: min-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), background 0.5s ease, border-color 0.5s ease, opacity 0.5s ease, transform 0.5s ease, box-shadow 0.5s ease; }
.services-item:hover { z-index: 3; color: #ffffff; border-color: var(--item-color); background: color-mix(in srgb, var(--item-color) 14%, rgba(7, 7, 7, 0.88)); box-shadow: inset 4px 0 0 var(--item-color), 0 18px 60px rgba(0, 0, 0, 0.28); transform: translateX(8px) ; }
.services-item:hover::before { opacity: 1; transform: scaleX(1); }
.services-item:hover::after { width: 100%; }
.services-item:hover .services-item__background-word { opacity: 1; transform: translate3d(0, -43%, 0);  }
.services-item:hover .services-item__number { color: var(--item-color); }
.services-item:hover .services-item__content { transform: translateX(20px); }
.services-item:hover .services-item__description { color: rgba(255, 255, 255, 0.9); transform: translateY(0); }
.services-item:hover .services-item__action-text { color: #ffffff; }
.services-item:hover .services-item__arrow { color: var(--red); border-color: var(--red); transform: rotate(45deg) scale(1.08); border-radius: 50%;}
.services-item__background-word {font-family: var(--font-transparent); position: absolute; z-index: -1; top: 50%; right: 100px; color: transparent; opacity: 0; font-size: clamp(90px, 11vw, 210px); font-weight: 900; line-height: 0.7; letter-spacing: -0.07em; white-space: nowrap; -webkit-text-stroke: 1px color-mix(in srgb, var(--item-color) 34%, transparent); transform: translate3d(80px, -43%, 0); pointer-events: none; transition: opacity 0.55s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); }
.services-item__number { position: relative; display: block; color: rgba(255, 255, 255, 0.38); font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: 0.12em; transition: color 0.4s ease, font-size 0.5s ease, transform 0.5s ease; }
.services-item__number::after { content: ""; width: 25px; height: 1px; display: inline-block; margin-left: 12px; vertical-align: middle; background: currentColor; }
.services-item__content { position: relative; display: flex; flex-direction: column; gap: 15px; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
.services-item__eyebrow { color: var(--item-color); font-size: 9px; font-weight: 700; line-height: 1; letter-spacing: 0.22em; }
.services-item__title { max-width: 750px; font-size: clamp(25px, 3vw, 55px); font-weight: 750; line-height: 0.95; letter-spacing: -0.045em; text-transform: uppercase; }
.services-item__description { position: relative; max-width: 380px; color: rgba(255, 255, 255, 0.48); font-size: 14px; line-height: 1.55; transform: translateY(8px); transition: color 0.45s ease, transform 0.55s ease; }
.services-item__action { position: relative; display: flex; align-items: center; justify-content: flex-end; gap: 16px; }
.services-item__action-text { overflow: hidden; color: rgba(255, 255, 255, 0.45); font-size: 9px; font-weight: 700; line-height: 1; letter-spacing: 0.2em; transition: color 0.4s ease; }
.services-item__arrow { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 20px; line-height: 1; border: 1px solid rgba(255, 255, 255, 0.28); transition: color 0.5s ease, background 0.5s ease, border-color 0.5s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), border-radius 0.3s ease-in; }
.services-item.is-visible { opacity: 1; transform: translateY(0); }
.services-item.is-active { min-height: 230px; z-index: 2; border-color: color-mix(in srgb, var(--item-color) 65%, transparent); background: rgba(7, 7, 7, 0.7); }
.services-item.is-active::before { opacity: 1; transform: scaleX(1); }
.services-item.is-active::after { width: 100%; }
.services-item.is-active .services-item__background-word { opacity: 1; transform: translate3d(0, -43%, 0); }
.services-item.is-active .services-item__number { color: var(--item-color); font-size: 17px; transform: translateX(-4px); }
.services-item.is-active .services-item__content { transform: translateX(20px); }
.services-item.is-active .services-item__description { color: rgba(255, 255, 255, 0.84); transform: translateY(0); }
.services-item.is-active .services-item__action-text { color: #ffffff; }
.services-item.is-active .services-item__arrow { color: var(--cyan); border-color: var(--cyan);  transform: rotate(45deg) scale(1.08); }
.services-item:focus-visible { outline: 2px solid var(--item-color); outline-offset: -2px; }
.services-page__footer { min-height: 65vh; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 100px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.services-page__footer-label { margin-bottom: 30px; color: rgba(255, 255, 255, 0.45); font-size: 10px; font-weight: 700; letter-spacing: 0.22em; }
.services-page__contact { width: 100%; display: flex; align-items: center; justify-content: space-between; color: #ffffff; font-size: clamp(38px, 6.3vw, 110px); font-weight: 800; line-height: 0.9; letter-spacing: -0.06em; text-decoration: none; text-transform: uppercase; transition: color 0.4s ease; }
.services-page__contact i { width: clamp(70px, 9vw, 140px); height: clamp(70px, 9vw, 140px); display: flex; flex: 0 0 auto; align-items: center; justify-content: center; margin-left: 30px; color: #ffffff; font-size: clamp(30px, 4vw, 60px); font-style: normal; line-height: 1; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 50%; transition: color 0.5s ease, background 0.5s ease, border-color 0.5s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
.services-page__contact:hover { color: #c1272d; }
.services-page__contact:hover i { color: #ffffff; border-color: #c1272d; background: #c1272d; transform: rotate(45deg); }

@keyframes servicesScrollLine {
    0% { transform: translateX(-110%); }
    50% { transform: translateX(90%); }
    100% { transform: translateX(220%); }
}

.services-section{ position:relative; padding:clamp(70px,9vw,130px) 2rem clamp(90px,10vw,150px); overflow:hidden; }
.services-section::before{ content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse 60% 50% at 50% 0%, rgba(255,0,60,.05), transparent 60%);}
.services-section::after{content:''; position:absolute; inset:0; pointer-events:none; opacity:.15; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size:64px 64px; mask-image:radial-gradient(ellipse 70% 60% at 50% 0%, #000, transparent 75%);}
.services-container{ position:relative; z-index:1; width:100%; max-width:1200px; margin:0 auto; }
.services-header{ display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:clamp(48px,6vw,80px);padding-bottom:26px; border-bottom:1px solid var(--border); flex-wrap:wrap;}
.services-badge{ display:inline-flex; align-items:center; gap:8px; padding:6px 18px; border:1px solid var(--red); color:var(--red); font-size:10px; letter-spacing:.28em; text-transform:uppercase; margin-bottom:16px; background:rgba(255,0,60,.05);}
.services-badge::before{ content:''; width:5px; height:5px; border-radius:50%; background:var(--red); box-shadow:0 0 10px var(--red); animation:pulse 1.6s ease-in-out infinite;}
.services-title{ font-family:var(--font-transparent); font-size:clamp(2.2rem,6vw,4.6rem); font-weight:700; text-transform:uppercase; color:#fff; letter-spacing:-.01em; line-height:1.02; margin:0;}
.services-title span{ color:var(--cyan); }
.services-meta{  font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.4); text-align:right; line-height:1.8;}
.services-meta strong{ color:#fff; }
.services-meta .dot{ color:var(--cyan); }


/* ---------- REGISTRY LIST ---------- */
/*
.registry{ position:relative; }
.registry-row{ position:relative; display:grid; grid-template-columns:70px 1fr auto;align-items:center; gap:28px; padding:26px 8px; border-bottom:1px solid var(--border); cursor:pointer; overflow:hidden;  opacity:0; transform:translateY(20px); transition: opacity .55s cubic-bezier(.22,.61,.36,1), transform .55s cubic-bezier(.22,.61,.36,1), background .3s ease;}
.registry-row.is-visible{ opacity:1; transform:translateY(0); }
.registry-row::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:2px; background:var(--cyan); transform:scaleY(0); transform-origin:top; transition:transform .4s cubic-bezier(.65,0,.35,1);}
.registry-row:hover::before{ transform:scaleY(1); }
.registry-row:hover{ background:rgba(255,255,255,.025);backdrop-filter: blur(12px); }
.registry-row__ghost{
    position:absolute; right:10px; top:50%; transform:translateY(-50%) translateX(20px);
    font-family:var(--font-transparent);
    font-size:clamp(4rem,9vw,8rem); font-weight:700; line-height:1;
    color:transparent; -webkit-text-stroke:1px rgba(0,243,255,.12);
    opacity:0; pointer-events:none; z-index:0;
    transition:opacity .4s ease, transform .4s ease;
}
.registry-row:hover .registry-row__ghost{ opacity:1; transform:translateY(-50%) translateX(0); }

.registry-row__code{
    position:relative; z-index:1;
    font-size:11px; letter-spacing:.1em; color:rgba(255,255,255,.32);
    transition:color .3s ease;
}
.registry-row:hover .registry-row__code{ color:var(--cyan); }

.registry-row__main{ position:relative; z-index:1; min-width:0; }
.registry-row__title{
    font-family:var(--font-transparent);
    font-size:clamp(1.15rem,2.6vw,1.9rem); font-weight:700; text-transform:uppercase;
    letter-spacing:-.01em; color:#fff; margin:0 0 6px;
    transition:transform .35s cubic-bezier(.22,.61,.36,1);
    display:inline-block;
}
.registry-row:hover .registry-row__title{ transform:translateX(10px); }

.registry-row__tagline{
    font-family:Arial,sans-serif;
    font-size:.86rem; color:rgba(255,255,255,.42); font-weight:300; line-height:1.5;
    max-width:520px;
}


.registry-row__right{
    position:relative; z-index:1;
    display:flex; align-items:center; gap:18px;
    flex-shrink:0;
}
.registry-row__status{
    display:flex; align-items:center; gap:7px;
    font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.28);
}
.registry-row__status i{
    width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,.25); flex:none;
}
.registry-row:hover .registry-row__status{ color:rgba(0,243,255,.75); }
.registry-row:hover .registry-row__status i{ background:var(--cyan); box-shadow:0 0 8px var(--cyan); animation:pulse 1.3s ease-in-out infinite; }

.registry-row__arrow{
    width:38px; height:38px;
    border:1px solid rgba(255,255,255,.16);
    display:flex; align-items:center; justify-content:center;
    font-size:14px; color:rgba(255,255,255,.5);
    transition:all .3s ease;
}
.registry-row:hover .registry-row__arrow{
    border-color:var(--cyan); color:var(--cyan);
    background:rgba(0,243,255,.06);
    transform:translateX(4px);
}

.registry-row__scan{
    position:absolute; left:0; bottom:0; height:1px; width:0;
    background:linear-gradient(90deg,var(--red),var(--cyan));
    transition:width .5s cubic-bezier(.22,.61,.36,1);
}
.registry-row:hover .registry-row__scan{ width:100%; }
 */


.auto-section.section { overflow:clip; }
.auto-section::before{ content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse 55% 45% at 50% 0%, rgba(0,243,255,.05), transparent 60%);}
.auto-container{ position:relative; z-index:1; width:100%; max-width:1400px; margin:0 auto; }
.auto-header{ text-align:center; margin-bottom:clamp(48px,6vw,80px); }
.auto-badge{ display:inline-flex; align-items:center; gap:8px; padding:6px 18px; border:1px solid var(--red); color:var(--red); font-size:10px; letter-spacing:.28em; text-transform:uppercase; margin-bottom:18px; background:rgba(255,0,60,.05);}
.auto-badge::before{ content:''; width:5px; height:5px; border-radius:50%; background:var(--red); box-shadow:0 0 10px var(--red); animation:pulse 1.6s ease-in-out infinite;}


.auto-title{font-family:var(--font-transparent); font-size:clamp(2rem,5.6vw,4.2rem); font-weight:700; text-transform:uppercase; color:#fff; letter-spacing:-.01em; line-height:1.06; margin:0 auto; max-width:900px;}
.auto-subtitle{margin-top:14px; font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:rgba(255,255,255,.35);}
.auto-progress{ max-width:520px; margin:26px auto 0; display:flex; align-items:center; gap:14px;}
.auto-progress__label{font-size:9px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.32); white-space:nowrap;}
.auto-progress__label .cyan{ color:var(--cyan); }
.auto-progress__track{ position:relative; flex:1; height:1px; background:rgba(255,255,255,.12); overflow:hidden;}
.auto-progress__fill{ position:absolute; inset:0 auto 0 0; width:0%; background:linear-gradient(90deg,var(--red),var(--cyan)); transition:width .25s ease-out;}
.auto-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.auto-card{ position:relative; background:var(--card-bg);  border:1px solid var(--border); padding:24px 22px 22px; overflow:hidden; display:flex; flex-direction:column; gap:14px; backdrop-filter: blur(10px); opacity:0; transform:translateY(24px) scale(.985); filter:blur(6px); transition:opacity .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1),  filter .6s cubic-bezier(.22,.61,.36,1), border-color .3s ease, background .3s ease, box-shadow .3s ease;}
.auto-card.is-visible{ opacity:.58; transform:translateY(12px) scale(.99); filter:blur(0); }
.auto-card.is-deployed{ opacity:.82; transform:translateY(0) scale(1); }
.auto-card.is-scroll-active{ z-index:3; opacity:1; border-color:rgba(0,243,255,.62); background:rgba(0,243,255,.075); box-shadow:0 24px 54px rgba(0,0,0,.55), 0 0 34px rgba(0,243,255,.13); transform:translateY(-18px) scale(1.025);}
.auto-card.is-scroll-active .auto-card__status{ color:var(--cyan); }
.auto-card.is-scroll-active .auto-card__status i{ background:var(--cyan); box-shadow:0 0 10px var(--cyan); }
.auto-card.is-scroll-active h3{ color:var(--cyan); }
.auto-card.is-deployed{ border-color:rgba(0,243,255,.16); }
.auto-card.is-deployed .auto-card__status i{ background:var(--cyan); box-shadow:0 0 6px rgba(0,243,255,.6); }
.auto-card.is-deployed .auto-card__status{ color:rgba(0,243,255,.55); }
.auto-card::before{ content:''; position:absolute; inset:0; opacity:.28; pointer-events:none; background:repeating-linear-gradient(0deg,transparent 0,transparent 4px,rgba(255,255,255,.02) 5px);}
.auto-card:hover{ border-color:rgba(0,243,255,.28); background:rgba(255,255,255,.045); box-shadow:0 20px 46px rgba(0,0,0,.45), 0 0 30px rgba(0,243,255,.05); transform:translateY(-5px);}
.auto-card.is-scroll-active:hover{ border-color:rgba(0,243,255,.62); background:rgba(0,243,255,.075); box-shadow:0 24px 54px rgba(0,0,0,.55), 0 0 34px rgba(0,243,255,.13); transform:translateY(-18px) scale(1.025); }
.auto-card__top{ position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; }
.auto-card__code{ font-size:10px; letter-spacing:.1em; color:rgba(255,255,255,.3); }
.auto-card__status{ font-size:8px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.28); display:flex; align-items:center; gap:6px;}
.auto-card__status i{ width:4px; height:4px; border-radius:50%; background:rgba(255,255,255,.3); transition:background .3s ease, box-shadow .3s ease;}
.auto-card:hover .auto-card__status{ color:rgba(0,243,255,.75); }
.auto-card:hover .auto-card__status i{ background:var(--cyan); box-shadow:0 0 8px var(--cyan); }
.auto-card h3{ position:relative; z-index:1;  font-size:clamp(.94rem,1.15vw,1.08rem); font-weight:600; color:#fff; text-transform:uppercase; letter-spacing:.3px; line-height:1.3; margin:0; transition:color .3s ease;}
.auto-card p{ position:relative; z-index:1; font-size:.8rem; color:rgba(255,255,255,.5); font-weight:300; line-height:1.55; margin:0; flex:1;}
.auto-flow{ position:relative; z-index:1; display:flex; align-items:center; flex-wrap:wrap; gap:4px; padding-top:10px; border-top:1px solid rgba(255,255,255,.07);}
.flow-node{ font-size:8px; letter-spacing:.06em; text-transform:uppercase; padding:4px 8px; border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.4); background:rgba(255,255,255,.015); transition:color .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease;}
.flow-arrow{ font-size:9px; color:rgba(255,255,255,.2); transition:color .25s ease; }
.auto-card:hover .flow-node,
.auto-card.is-running .flow-node,
.auto-card.is-scroll-active .flow-node{ color:var(--cyan); border-color:rgba(0,243,255,.5); background:rgba(0,243,255,.06); box-shadow:0 0 10px rgba(0,243,255,.15);}
.auto-card:hover .flow-arrow,
.auto-card.is-running .flow-arrow,
.auto-card.is-scroll-active .flow-arrow{ color:var(--cyan); }
.auto-card.is-deployed:not(:hover):not(.is-running) .flow-node{color:rgba(0,243,255,.4); border-color:rgba(0,243,255,.22); background:transparent; box-shadow:none;}
.auto-card.is-deployed:not(:hover):not(.is-running) .flow-arrow{ color:rgba(0,243,255,.35); }
.auto-flow .flow-node:nth-child(1){ transition-delay:0s; }
.auto-flow .flow-node:nth-child(3){ transition-delay:.12s; }
.auto-flow .flow-node:nth-child(5){ transition-delay:.24s; }
.auto-flow .flow-node:nth-child(7){ transition-delay:.36s; }
.auto-flow .flow-arrow:nth-child(2){ transition-delay:.06s; }
.auto-flow .flow-arrow:nth-child(4){ transition-delay:.18s; }
.auto-flow .flow-arrow:nth-child(6){ transition-delay:.3s; }


.hermes-hero{min-height:100svh;display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:80px 2rem;}
.hermes-hero::before{ content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse 60% 55% at 50% 40%, rgba(0,243,255,.06), transparent 65%);}
.hermes-badge{ display:inline-flex; align-items:center; gap:8px; padding:6px 18px; border:1px solid var(--cyan); color:var(--cyan); font-size:10px; letter-spacing:.28em; text-transform:uppercase; margin-bottom:28px; background:rgba(0,243,255,.05);}
.hermes-badge::before{content:''; width:5px; height:5px; border-radius:50%; background:var(--cyan); box-shadow:0 0 10px var(--cyan); animation:pulse 1.6s ease-in-out infinite;}


.hermes-core{position:relative; width:140px; height:140px; margin-bottom:34px; display:flex; align-items:center; justify-content:center;}
.hermes-core__ring{ position:absolute; border:1px solid rgba(0,243,255,.28); border-radius:50%; }
.hermes-core__ring--1{ inset:0; animation:spin 18s linear infinite; }
.hermes-core__ring--2{ inset:16px; border-color:rgba(255,0,60,.22); animation:spin 14s linear infinite reverse; }
.hermes-core__ring--3{ inset:32px; border-style:dashed; border-color:rgba(255,255,255,.14); animation:spin 26s linear infinite; }
.hermes-core__center{position:relative; width:54px; height:54px; border:1px solid var(--cyan); background:rgba(0,243,255,.05); display:flex; align-items:center; justify-content:center; animation:corePulse 2.4s ease-in-out infinite;}
.hermes-core__center span{ font-family:var(--font-transparent); font-size:15px; letter-spacing:.05em; color:var(--cyan); }
.hermes-core__label{ position:absolute; bottom:-26px; left:50%; transform:translateX(-50%); font-size:8px; letter-spacing:.14em; color:rgba(255,255,255,.32); white-space:nowrap;}
.hermes-core__label .cyan{ color:var(--cyan); }
.hermes-title{font-family:var(--font-transparent); font-size:clamp(2.3rem,6.5vw,4.8rem); font-weight:700; text-transform:uppercase; color:#fff; letter-spacing:-.01em; line-height:1.02; margin:0 0 14px;}
.hermes-title span{ color:var(--cyan); }
.hermes-desc{ max-width:620px; margin:0 auto; font-size:1rem; font-weight:300; line-height:1.7; color:rgba(255,255,255,.5);}
.hermes-scroll-hint{ margin-top:52px; display:flex; flex-direction:column; align-items:center; gap:10px; font-size:9px; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.3);}
.hermes-scroll-hint i{ width:1px; height:34px; background:linear-gradient(180deg,var(--cyan),transparent); animation:hintMove 1.8s ease-in-out infinite;}

@keyframes hintMove{
    0%{opacity:0; transform:scaleY(.4);}
    50%{opacity:1; transform:scaleY(1);}
    100%{opacity:0; transform:scaleY(.4);}
}
@keyframes corePulse{
    0%,100%{ box-shadow:0 0 0 rgba(0,243,255,.3);}
    50%{ box-shadow:0 0 26px rgba(0,243,255,.35);}
}
@keyframes spin{ to{ transform:rotate(360deg); } }


#hermesCaps{ position:relative; width:100%; }
.hermes-caps__stage{box-sizing: border-box; position:sticky; top:0; width:100%; height:100vh; display:flex; flex-direction:column; padding:clamp(48px,6vw,80px) 2rem clamp(32px,4vw,56px); overflow:hidden;}
.hermes-caps__stage::before{content:''; position:absolute; inset:0; pointer-events:none; opacity:.12; z-index:0; background-image:linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size:64px 64px;  mask-image:radial-gradient(ellipse 60% 50% at 50% 30%, #000, transparent 80%);}
.hermes-caps__header{ text-align:center; margin-bottom:clamp(20px,3vw,36px); position:relative; z-index:1; flex:none; }
.hermes-caps__kicker{ font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:rgba(255,255,255,.35); margin-bottom:8px; }
.hermes-caps__title{ font-family:var(--font-transparent); margin: 0;  font-size: clamp(27px, 3.2vw, 58px);  line-height: .96; letter-spacing: -.045em; text-transform: uppercase; color:#fff; }
.hermes-caps__title span{ color:var(--cyan); }
.spine-wrap{position:relative; z-index:1; max-width:760px; width:100%; margin:0 auto; flex:1; min-height:0; display:flex; flex-direction:column; justify-content:space-between;}
.spine-line{ position:absolute; left:50%; top:0; bottom:0; width:1px; background:rgba(255,255,255,.1); transform:translateX(-50%); z-index:0; }
.spine-fill{position:absolute; left:50%; top:0; width:1px; height:0%; background:linear-gradient(180deg,var(--cyan),rgba(0,243,255,.1)); transform:translateX(-50%); z-index:1; transition:height .1s linear;}
.spine-signal{ position:absolute; left:50%; top:0; width:8px; height:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 14px var(--cyan), 0 0 30px rgba(0,243,255,.4); transform:translate(-50%,-50%); z-index:2; transition:top .1s linear;}
.skill-row{position:relative; z-index:1; display:grid; grid-template-columns:1fr 46px 1fr; align-items:center; flex:1; min-height:0;}
.skill-row:nth-child(odd) .skill-card{ grid-column:1; text-align:right; margin-left:auto; }
.skill-row:nth-child(even) .skill-card{ grid-column:3; text-align:left; margin-right:auto; }
.skill-node{grid-row: 1; grid-column:2; position:relative; width:14px; height:14px; border:1px solid rgba(255,255,255,.2); background:var(--bg); transform:rotate(45deg); justify-self:center; transition:border-color .35s ease, background .35s ease, box-shadow .35s ease;}
.skill-row.is-active .skill-node{ border-color:var(--cyan); background:rgba(0,243,255,.15); box-shadow:0 0 14px rgba(0,243,255,.5);}
.skill-connector{ position:absolute; top:50%; height:1px; width:0; background:rgba(0,243,255,.5); transition:width .45s cubic-bezier(.22,.61,.36,1);}
.skill-row:nth-child(odd) .skill-connector{ right:50%; transform:translateY(-50%); }
.skill-row:nth-child(even) .skill-connector{ left:50%; transform:translateY(-50%); }
.skill-row.is-active .skill-connector{ width:calc(50% - 30px); }
.skill-card{position:relative; max-width:280px; padding:6px 0;opacity:.25; transform:translateY(6px); transition:opacity .4s ease, transform .4s ease;}
.skill-row.is-active .skill-card{ opacity:1; transform:translateY(-40px); }
.skill-code{ display:block; font-size:9px; letter-spacing:.1em; color:rgba(255,255,255,.3); margin-bottom:3px; transition:color .35s ease; }
.skill-row.is-active .skill-code{ color:var(--cyan); }
.skill-title{font-size:clamp(.82rem,1.6vw,1rem); font-weight:600; color:#fff; text-transform:uppercase; letter-spacing:.3px; margin:0; line-height:1.25;}
.skill-status{display:inline-flex; align-items:center; gap:6px; margin-top:5px; font-size:8px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.25);}
.skill-row:nth-child(even) .skill-status{ flex-direction:row-reverse; }
.skill-status i{ width:4px; height:4px; border-radius:50%; background:rgba(255,255,255,.25); transition:all .35s ease; }
.skill-row.is-active .skill-status{ color:rgba(0,243,255,.7); }
.skill-row.is-active .skill-status i{ background:var(--cyan); box-shadow:0 0 8px var(--cyan); }
.hermes-caps__footer{position:relative; z-index:1; flex:none; display:flex; align-items:center; justify-content:center; gap:14px; margin-top:14px; font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.3);}
.hermes-caps__footer .cyan{ color:var(--cyan); }


.bfs-hero { --bfs-white:#f4f4f1; --bfs-black:#030303; --bfs-hero-y:0px; --bfs-hero-scale:1; --bfs-hero-opacity:1; min-height:max(720px, 100svh); display:flex; align-items:center; color:var(--bfs-white); isolation:isolate; }
.bfs-hero * { box-sizing:border-box; }
.bfs-scroll { --bfs-white:#f4f4f1; --bfs-muted:rgba(244,244,241,.58); --bfs-black:#030303; position:relative; height:950vh; box-sizing:border-box; color:var(--bfs-white); }
.bfs-scroll * { box-sizing:border-box; }
.bfs-shell { width:min(1440px, calc(100% - 8vw)); margin:0 auto; }
.bfs-hero-grid { position:absolute; inset:0; z-index:-3; background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size:70px 70px; mask-image:linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent); }
.bfs-hero-grid::after { content:''; position:absolute; inset:0; background:radial-gradient(circle at 50% 54%, rgba(0,243,255,.09), transparent 34%), linear-gradient(180deg, rgba(3,3,3,.28), rgba(3,3,3,.78)); }
.bfs-hero-line { position:absolute; top:0; bottom:0; width:1px; background:linear-gradient(to bottom, transparent, rgba(0,243,255,.5), transparent); opacity:.55; }
.bfs-hero-line--left { left:8vw; }
.bfs-hero-line--right { right:8vw; }
.bfs-hero-content { position:relative; z-index:2; padding:10vh 0 14vh; transform:translate3d(0, var(--bfs-hero-y), 0) scale(var(--bfs-hero-scale)); opacity:var(--bfs-hero-opacity); transform-origin:center center; will-change:transform, opacity; }
.bfs-badge { display:inline-flex; align-items:center; gap:10px; margin-bottom:clamp(24px, 4vh, 48px); padding:8px 16px; border:1px solid rgba(193,39,45,.7); background:rgba(193,39,45,.07); color:var(--red); font-size:10px; font-weight:700; line-height:1; letter-spacing:.26em; text-transform:uppercase; }
.bfs-badge-dot { width:5px; height:5px; border-radius:50%; background:var(--red); box-shadow:0 0 14px var(--red); animation:bfsPulse 1.8s ease-in-out infinite; }
.bfs-hero-title { max-width:1300px; margin:0; font-size:clamp(58px, 9.5vw, 156px); font-weight:900; line-height:.79; letter-spacing:-.07em; text-transform:uppercase; }
.bfs-hero-title-line { display:block; }
.bfs-hero-title-line--outline { color:transparent; -webkit-text-stroke:1px rgba(244,244,241,.78); font-family: var(--font-transparent);}
.bfs-hero-title-line--accent { margin-left:clamp(0px, 5vw, 78px); color:var(--red); text-shadow:0 0 52px rgba(193,39,45,.18); }
.bfs-hero-text { max-width:560px; margin:clamp(32px, 5vh, 58px) 0 0 auto; padding-left:22px; border-left:2px solid var(--cyan); color:rgba(244,244,241,.7); font-size:clamp(14px, 1.2vw, 18px); line-height:1.65; }
.bfs-scroll-cue { position:absolute; left:8vw; bottom:34px; display:flex; align-items:center; gap:16px; color:rgba(244,244,241,.48); }
.bfs-scroll-cue-text { font-size:9px; font-weight:700; letter-spacing:.24em; text-transform:uppercase; }
.bfs-scroll-cue-line { position:relative; width:84px; height:1px; overflow:hidden; background:rgba(255,255,255,.16); }
.bfs-scroll-cue-line::after { content:''; position:absolute; inset:0; background:var(--cyan); transform:translateX(-100%); animation:bfsScrollLine 2.1s ease-in-out infinite; }
.bfs-stage { position:sticky; top:0; height:100svh; min-height:680px; overflow:hidden; background:rgba(3,3,3,.72); isolation:isolate; }
.bfs-stage-grid { position:absolute; inset:0; z-index:-3; background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size:64px 64px; }
.bfs-stage-grid::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(3,3,3,.9) 0%, rgba(3,3,3,.46) 47%, rgba(3,3,3,.72) 100%); }
.bfs-stage-glow { position:absolute; left:42%; top:50%; z-index:-2; width:42vw; height:42vw; border-radius:50%; background:radial-gradient(circle, rgba(0,243,255,.085), transparent 66%); transform:translate(-50%, -50%); filter:blur(10px); }
.bfs-bg-word { position:absolute; left:5vw; top:50%; z-index:-1; width:90vw; overflow:hidden; color:rgba(255,255,255,.025); font-size:clamp(90px, 14vw, 240px); font-weight:900; line-height:.8; letter-spacing:-.075em; text-transform:uppercase; white-space:nowrap; transform:translateY(-50%); transition:opacity .35s ease; pointer-events:none; }
.bfs-stage-meta { position:absolute; left:5vw; right:5vw; z-index:10; display:flex; justify-content:space-between; color:rgba(244,244,241,.33); font-size:9px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.bfs-stage-meta--top { top:28px; }
.bfs-copy { position:absolute; left:5vw; top:50%; z-index:5; width:28vw; max-width:390px; transform:translateY(-50%); transition:opacity .45s ease, transform .55s ease; }
.bfs-copy-kicker { margin-bottom:18px; color:var(--cyan); font-size:10px; font-weight:700; letter-spacing:.3em; text-transform:uppercase; }
.bfs-copy-title { margin:0; color:var(--bfs-white); font-size:clamp(42px, 5vw, 80px); font-weight:900; line-height:.86; letter-spacing:-.06em; text-transform:uppercase; }
.bfs-copy-title span { color:transparent; -webkit-text-stroke:1px rgba(244,244,241,.72); font-family: var(--font-transparent); }
.bfs-counter { display:flex; align-items:baseline; gap:10px; margin-top:38px; font-variant-numeric:tabular-nums; }
.bfs-counter-current { color:var(--red); font-size:42px; font-weight:800; line-height:1; }
.bfs-counter-divider { color:rgba(244,244,241,.22); font-size:20px; }
.bfs-counter-total { color:rgba(244,244,241,.42); font-size:14px; }
.bfs-copy-text { max-width:340px; margin:28px 0 0; color:var(--bfs-muted); font-size:13px; line-height:1.65; }
.bfs-scanner { --bfs-scanner-angle:-90deg; position:absolute; left:43%; top:50%; z-index:4; width:clamp(180px, 18vw, 290px); aspect-ratio:1; border-radius:50%; transform:translate(-50%, -50%); transition:opacity .45s ease, transform .55s ease; }
.bfs-scanner-ring { position:absolute; border:1px solid rgba(0,243,255,.25); border-radius:50%; }
.bfs-scanner-ring--outer { inset:0; border-color:rgba(0,243,255,.34); box-shadow:inset 0 0 38px rgba(0,243,255,.025), 0 0 35px rgba(0,243,255,.025); }
.bfs-scanner-ring--middle { inset:14%; border-style:dashed; animation:bfsScannerSpin 18s linear infinite; }
.bfs-scanner-ring--inner { inset:31%; border-color:rgba(193,39,45,.52); }
.bfs-scanner-axis { position:absolute; left:50%; top:50%; background:rgba(255,255,255,.12); transform:translate(-50%, -50%); }
.bfs-scanner-axis--horizontal { width:100%; height:1px; }
.bfs-scanner-axis--vertical { width:1px; height:100%; }
.bfs-scanner-sweep { position:absolute; inset:4%; border-radius:50%; background:conic-gradient(from var(--bfs-scanner-angle), rgba(0,243,255,.18), transparent 24%, transparent); transition:background .2s linear; }
.bfs-scanner-dot { position:absolute; left:50%; top:50%; width:7px; height:7px; border:1px solid var(--cyan); border-radius:50%; background:var(--bfs-black); box-shadow:0 0 16px var(--cyan); transform:translate(-50%, -50%) rotate(var(--bfs-scanner-angle)) translateY(clamp(-126px, -8vw, -72px)); }
.bfs-scanner-core { position:absolute; left:50%; top:50%; display:flex; flex-direction:column; align-items:center; gap:7px; transform:translate(-50%, -50%); text-align:center; }
.bfs-scanner-number { color:var(--bfs-white); font-size:28px; font-weight:800; line-height:1; font-variant-numeric:tabular-nums; }
.bfs-scanner-label { color:rgba(244,244,241,.42); font-size:7px; font-weight:700; line-height:1.4; letter-spacing:.2em; text-transform:uppercase; }
.bfs-rail { position:absolute; right:4.5vw; top:50%; z-index:6; width:min(520px, 41vw); height:1px; perspective:1000px; transition:opacity .4s ease, transform .55s ease; }
.bfs-card { --bfs-card-y:0px; --bfs-card-scale:1; --bfs-card-opacity:1; --bfs-card-rotate:0deg; position:absolute; left:0; top:0; width:100%; min-height:112px; display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:18px; padding:22px 24px; overflow:hidden; border:1px solid rgba(255,255,255,.11); background:rgba(7,7,7,.68); opacity:var(--bfs-card-opacity); filter:grayscale(1) brightness(.68); transform:translate3d(0, calc(-50% + var(--bfs-card-y)), 0) rotateX(var(--bfs-card-rotate)) scale(var(--bfs-card-scale)); transform-origin:center; transition:opacity .22s ease, border-color .3s ease, background .3s ease, filter .3s ease; will-change:transform, opacity; }
.bfs-card::before { content:''; position:absolute; left:0; top:0; bottom:0; z-index:1; width:3px; background:var(--red); box-shadow:0 0 24px rgba(193,39,45,.75); transform:scaleY(0); transform-origin:center; transition:transform .32s ease; }
.bfs-card::after { content:''; position:absolute; inset:0; z-index:0; background:linear-gradient(90deg, rgba(193,39,45,.15), rgba(193,39,45,.025) 58%, transparent); transform:scaleX(0); transform-origin:left center; transition:transform .55s cubic-bezier(.22,1,.36,1); }
.bfs-card.is-active { border-color:rgba(193,39,45,.7); background:rgba(10,6,7,.9); filter:none; }
.bfs-card.is-active::before { transform:scaleY(1); }
.bfs-card.is-active::after { transform:scaleX(1); }
.bfs-card-number { position:relative; z-index:2; color:rgba(244,244,241,.28); font-size:11px; font-weight:700; letter-spacing:.12em; transition:color .3s ease; }
.bfs-card-content { position:relative; z-index:2; min-width:0; }
.bfs-card-title { margin:0; color:var(--bfs-white); font-size:clamp(20px, 2vw, 31px); font-weight:800; line-height:1; letter-spacing:-.035em; text-transform:uppercase; white-space:normal; }
.bfs-card-tags { max-height:0; margin:0; overflow:hidden; color:rgba(244,244,241,.56); font-size:10px; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; opacity:0; transform:translateY(8px); transition:max-height .35s ease, margin .35s ease, opacity .35s ease, transform .35s ease; }
.bfs-card-status { position:relative; z-index:2; color:rgba(0,243,255,.44); font-size:7px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; opacity:0; transform:translateX(8px); transition:opacity .3s ease, transform .3s ease; }
.bfs-card.is-active .bfs-card-number { color:var(--red); }
.bfs-card.is-active .bfs-card-tags { max-height:30px; margin-top:9px; opacity:1; transform:none; }
.bfs-card.is-active .bfs-card-status { opacity:1; transform:none; }
.bfs-industry-letter { display:inline-block; transform:translateY(0); transition:transform .35s cubic-bezier(.22,1,.36,1), color .35s ease; }
.bfs-card.is-active .bfs-industry-letter { color:var(--bfs-white); transform:translateY(-2px); }
.bfs-final { position:absolute; inset:0; z-index:8; display:flex; align-items:center; justify-content:center; padding:8vh 5vw; visibility:hidden; opacity:0; transform:scale(.97); transition:opacity .65s ease, transform .65s cubic-bezier(.22,1,.36,1), visibility .65s; }
.bfs-final::before { content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at center, rgba(3,3,3,.78) 0%, rgba(3,3,3,.42) 37%, rgba(3,3,3,.9) 76%); backdrop-filter:blur(3px); }
.bfs-final-grid { position:absolute; inset:11vh 4vw; display:grid; grid-template-columns:repeat(4, 1fr); grid-template-rows:repeat(2, 1fr); gap:18px; }
.bfs-final-card { position:relative; display:flex; align-items:flex-start; justify-content:space-between; gap:15px; padding:18px; border:1px solid rgba(255,255,255,.09); background:rgba(5,5,5,.38); color:rgba(244,244,241,.18); transform:translateY(34px); opacity:0; transition:opacity .5s ease, transform .6s cubic-bezier(.22,1,.36,1), border-color .35s ease; }
.bfs-final-card::after { content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:linear-gradient(90deg, transparent, var(--cyan), transparent); transform:scaleX(0); transition:transform .7s ease .25s; }
.bfs-final-card span { color:rgba(193,39,45,.55); font-size:9px; letter-spacing:.12em; }
.bfs-final-card strong { max-width:82%; font-size:clamp(12px, 1.25vw, 18px); font-weight:700; line-height:1.1; text-align:right; text-transform:uppercase; }
.bfs-final-content { position:relative; z-index:4; width:min(760px, 84vw); padding:48px; border:1px solid rgba(0,243,255,.28); background:rgba(3,3,3,.88); box-shadow:0 0 80px rgba(0,243,255,.06); text-align:center; }
.bfs-final-kicker { display:block; margin-bottom:18px; color:var(--cyan); font-size:9px; font-weight:700; letter-spacing:.28em; text-transform:uppercase; }
.bfs-final-title { margin:0; color:var(--bfs-white); font-size:clamp(46px, 6.4vw, 94px); font-weight:900; line-height:.86; letter-spacing:-.065em; text-transform:uppercase; }
.bfs-final-text { margin:26px auto 0; color:var(--bfs-muted); font-size:13px; line-height:1.6; }
.bfs-final-actions { display:flex; justify-content:center; gap:12px; margin-top:32px; }
.bfs-button { min-width:190px; display:inline-flex; align-items:center; justify-content:center; padding:15px 22px; border:1px solid transparent; font-size:9px; font-weight:800; line-height:1; letter-spacing:.18em; text-decoration:none; text-transform:uppercase; transition:color .3s ease, background .3s ease, border-color .3s ease, transform .3s ease; }
.bfs-button:hover { transform:translateY(-3px); }
.bfs-button--primary { border-color:var(--red); background:var(--red); color:#fff; }
.bfs-button--primary:hover { background:transparent; color:var(--red); }
.bfs-button--secondary { border-color:rgba(244,244,241,.3); color:var(--bfs-white); }
.bfs-button--secondary:hover { border-color:var(--cyan); color:var(--cyan); }
.bfs-stage.is-final .bfs-copy { opacity:0; transform:translate(-40px, -50%); }
.bfs-stage.is-final .bfs-scanner { opacity:0; transform:translate(-50%, -50%) scale(.72) rotate(35deg); }
.bfs-stage.is-final .bfs-rail { opacity:0; transform:translateX(60px); }
.bfs-stage.is-final .bfs-bg-word { opacity:0; }
.bfs-stage.is-final .bfs-final { visibility:visible; opacity:1; transform:scale(1); }
.bfs-stage.is-final .bfs-final-card { opacity:1; transform:none; }
.bfs-stage.is-final .bfs-final-card::after { transform:scaleX(1); }
.bfs-stage.is-final .bfs-final-card:nth-child(2) { transition-delay:.05s; }
.bfs-stage.is-final .bfs-final-card:nth-child(3) { transition-delay:.1s; }
.bfs-stage.is-final .bfs-final-card:nth-child(4) { transition-delay:.15s; }
.bfs-stage.is-final .bfs-final-card:nth-child(5) { transition-delay:.2s; }
.bfs-stage.is-final .bfs-final-card:nth-child(6) { transition-delay:.25s; }
.bfs-stage.is-final .bfs-final-card:nth-child(7) { transition-delay:.3s; }
.bfs-stage.is-final .bfs-final-card:nth-child(8) { transition-delay:.35s; }
.bfs-progress { position:absolute; left:5vw; right:5vw; bottom:25px; z-index:12; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:18px; }
.bfs-progress-label { color:rgba(244,244,241,.28); font-size:8px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.bfs-progress-track { height:1px; overflow:hidden; background:rgba(244,244,241,.12); }
.bfs-progress-fill { display:block; width:100%; height:100%; background:linear-gradient(90deg, var(--red), var(--cyan)); transform:scaleX(0); transform-origin:left center; will-change:transform; }

@keyframes bfsPulse {
    0%,100% { opacity:.45; transform:scale(.85); }
    50% { opacity:1; transform:scale(1.25); }
}
@keyframes bfsScrollLine {
    0% { transform:translateX(-100%); }
    48%,52% { transform:translateX(0); }
    100% { transform:translateX(100%); }
}
@keyframes bfsScannerSpin {
    to { transform:rotate(360deg); }
}



.contact-section{ position: sticky; top: 80px; box-sizing: border-box; }
.contact-section::before{ content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse 55% 45% at 50% 0%, rgba(255,0,60,.05), transparent 60%);}
.contact-section::after{ content:''; position:absolute; inset:0; pointer-events:none; opacity:.13; background-image:linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size:64px 64px; mask-image:radial-gradient(ellipse 70% 55% at 50% 0%, #000, transparent 75%);}
.contact-container{ position:relative; z-index:1; width:100%; max-width:1300px; margin:0 auto; }
.contact-header{ text-align:center; margin-bottom:clamp(56px,7vw,90px); }
.contact-badge{display:inline-flex; align-items:center; gap:8px; padding:6px 18px; border:1px solid var(--red); color:var(--red); font-size:10px; letter-spacing:.28em; text-transform:uppercase; margin-bottom:18px; background:rgba(255,0,60,.05);}
.contact-badge::before{ content:''; width:5px; height:5px; border-radius:50%; background:var(--red); box-shadow:0 0 10px var(--red); animation:pulse 1.6s ease-in-out infinite;}
.contact-title{ font-family:var(--font-transparent); font-size:clamp(2.2rem,6vw,4.4rem); font-weight:700; text-transform:uppercase; color:#fff; letter-spacing:-.01em; line-height:1.04; margin:0 auto 14px; max-width:800px;}
.contact-title span{ color:var(--cyan); }
.contact-subtitle{font-size:1rem; font-weight:300; color:rgba(255,255,255,.5); max-width:520px; margin:0 auto; line-height:1.6;}
.contact-grid{ position:relative;display:grid; grid-template-columns:0.85fr 1.15fr; gap:0; border:1px solid var(--border); background:var(--card-bg); backdrop-filter:blur(10px); opacity:0; transform:translateY(24px); transition:opacity .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1);}
.contact-grid.is-visible{ opacity:1; transform:translateY(0); }
.contact-info{ padding:clamp(28px,3vw,44px); border-right:1px solid var(--border); display:flex; flex-direction:column; gap:28px;}
.info-kicker{ font-size:9px; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.32); }
.info-status{ display:flex; align-items:center; gap:9px; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--cyan);}
.info-status i{ width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 10px var(--cyan); animation:pulse 1.6s ease-in-out infinite; flex:none;}
.info-block{ border-top:1px solid var(--border); padding-top:18px; }
.info-block__label{ font-size:9px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:8px; }
.info-block__value{ font-size:1.02rem; color:#fff; font-weight:500; text-decoration:none; display:inline-block; position:relative;}
a.info-block__value{ transition:color .3s ease; }
a.info-block__value::after{ content:''; position:absolute; left:0; bottom:-2px; width:0; height:1px; background:var(--cyan); transition:width .3s ease;}
a.info-block__value:hover{ color:var(--cyan); }
a.info-block__value:hover::after{ width:100%; }
.info-socials{ display:flex; gap:10px; flex-wrap:wrap; }
.info-socials a{font-size:9px; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; padding:8px 14px; border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.5); transition:all .3s ease;}
.info-socials a:hover{ border-color:var(--cyan); color:var(--cyan); background:rgba(0,243,255,.05); }
.info-response{ margin-top:auto; padding-top:18px; border-top:1px solid var(--border); font-size:9px; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.3); line-height:1.8;}
.info-response .cyan{ color:var(--cyan); }
.contact-form-wrap{ padding:clamp(28px,3vw,44px); position:relative; }
.console-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.3);}
.console-top .cyan{ color:var(--cyan); }
.contact-form{ display:flex; flex-direction:column; gap:20px; }
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.field{ display:flex; flex-direction:column; gap:8px; }
.field label{ font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.4); }
.field input, .field textarea{ background:rgba(255,255,255,.02); border:1px solid var(--border); color:#fff; padding:12px 14px; font-size:.9rem; outline:none; resize:none; transition:border-color .3s ease, background .3s ease, box-shadow .3s ease;}
.field input::placeholder, .field textarea::placeholder{ color:rgba(255,255,255,.25); }
.field input:focus, .field textarea:focus{ border-color:var(--cyan); background:rgba(0,243,255,.03); box-shadow:0 0 0 1px rgba(0,243,255,.15);}
.submit-row{ display:flex; align-items:center; gap:18px; margin-top:6px; }
.submit-btn{ position:relative; display:inline-flex; align-items:center; gap:12px; padding:13px 26px; border:1px solid var(--cyan); background:rgba(0,243,255,.05); color:var(--cyan);font-size:11px; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; transition:background .3s ease, color .3s ease;}
.submit-btn:hover{ background:var(--cyan); color:#000; }
.submit-btn .node{ width:8px; height:8px; border:1px solid currentColor; transform:rotate(45deg); flex:none;}
.submit-note{ font-size:8.5px; letter-spacing:.06em; color:rgba(255,255,255,.28); }
.packet-track{ position:relative; height:2px; margin-top:22px; background:rgba(255,255,255,.06); overflow:hidden; }
.packet{ position:absolute; top:-3px; left:-8px; width:8px; height:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 10px var(--cyan); opacity:0;}
.packet-track.is-sending .packet{ animation:packetMove 1.1s cubic-bezier(.65,0,.35,1) forwards;}
.success-panel{ display:none; align-items:center; gap:14px; padding:20px; border:1px solid rgba(0,243,255,.3); background:rgba(0,243,255,.04); font-size:.85rem; color:#fff;}
.success-panel.is-visible{ display:flex; }
.success-panel .node{ width:10px; height:10px; border:1px solid var(--cyan); background:rgba(0,243,255,.15); transform:rotate(45deg); flex:none; box-shadow:0 0 10px rgba(0,243,255,.5);}
.success-panel strong{ color:var(--cyan); }

@keyframes pulse{
    0%,100%{opacity:1}
    50%{opacity:.25}
}
@keyframes packetMove{
    0%{ opacity:1; left:-8px; }
    85%{ opacity:1; }
    100%{ opacity:0; left:calc(100% - 8px); }
}








/*-----------------------------------------------------------------------------------------*/

@media screen and (max-width: 1800px) {
    .hero__title span { font-size: 5rem; }
    .hero__title { line-height: 3.5rem; }
    .hero__title span.subtitle { font-size: 1.2rem; }
    .hero__subtitle { font-size: 1.5rem; }
}

@media screen and (max-width: 1400px){
    .video-wrapper { max-width: 200px; }
    .slider-arrow { width: 50px; height: 50px; }

    .hero__title span { font-size: 4rem; }
    .hero__title { line-height: 3rem; }

    .header__logo-wrapper:hover .burger-circle { width: 65px; height: 65px; }
    .burger-overlay { bottom: -12%; left: 23%; }
    .header-close { top: 90px; right: 40px; width: 70px; height: 70px; }

    .seo-stream__stage {padding-top: 0}
    .seo-header {margin-bottom: 0;}
    .seo-card {min-height: unset;}


    }
@media screen and (max-width: 1281px) and (orientation: landscape){
    .tab-right {min-height: unset;}
    .process-progress-header {margin-bottom: 15px;}
    .progress_inner__rail { margin-bottom: 15px;}
}


@media screen and (max-width: 1200px) {
    .burger-overlay { bottom: 6%; left: 36%; }
    .hero__title span { font-size: 4rem; }
    .card-title { font-size: 1.8rem; }
    .brutal-card { gap: 30px; }
    .card-sub p { margin-bottom: 0.2rem; font-size: 1.2rem; }
    .card-sub ul { margin-top: 1.6rem; gap: 0.5rem 1.5rem; }
    .video-wrapper { max-width: 180px; }

    .hero__title span { font-size: 3.5rem; }
    .hero__title span.bold { font-size: 3.5rem; }
    .hero__title span.subtitle { font-size: 1rem; }
    .hero__title { line-height: 2.5rem; }

    .header__logo-wrapper:hover .burger-circle { width: 65px; height: 65px; }
    .burger-overlay { bottom: -12%; left: 23%; }

    .process-progress-container {max-width: 100%; }
    .progress {max-width: 100%;}
    .progress_inner__tabs {width: 900px; margin-top: 100px;}
    .tab-left { min-width: 140px; width: 140px; padding: 25px 15px; }
    .tab-left .tab-icon { width: 100px; height: 100px; }
    .tab-left .tab-icon img { width: 60px; height: 60px; }
    .tab-left .tab-number { font-size: 3rem; }
    .tab-right { padding: 30px 30px 30px 25px; }
    .tab-right ul li { padding: 3px 14px; }
    .tab-right ul { gap: 15px 18px; }
}


@media screen and (max-width: 1190px){
    .pageMenu ul li a { padding: 10px 15px; }
    .slider-scroll-container .block-row { width: 90%; }
    .hero__title span { font-size: 3.5rem; }
    .hero__title span.bold { font-size: 4rem; }
    .brutal-card { gap: 20px; }
    .seo-title { font-size: 3rem; }
    .seo-container { width: 1000px; }

    .bfs-copy { width:30vw; }
    .bfs-scanner { left:40%; width:190px; }
    .bfs-rail { right:3vw; width:48vw; }
    .bfs-card { grid-template-columns:34px 1fr; }
    .bfs-card-status { display:none; }

    .services-item { grid-template-columns: 65px minmax(290px, 1fr) minmax(210px, 0.55fr) 80px; gap: 20px; padding-right: 24px; }
    .services-item__action-text { display: none; }
}


@media (max-width:1100px){
    .side-grid {right:5%;width:78%;max-width:420px}
    .hero{max-width:420px}
    .hero h1{font-size:2.3rem}
    .auto-grid{ grid-template-columns:repeat(2,1fr); }
    .seo-stream { --seo-stream-width: calc(100vw - 48px); }
    .seo-stream-card { flex-basis: calc((var(--seo-stream-width) - var(--seo-stream-gap)) / 2); }
    .seo-stream__progress { display: none; }


}

@media (max-width: 1025px) {
    .block-row {   min-height: 340px; }
    .brutal-card { padding: 1.2rem 1.5rem;  gap: 20px; }
    .card-title { font-size: 1.5rem; }
    .video-wrapper {max-width: 140px;}
    .hero { top: 25%;  left: 5vmin;}
    .hero__title span {font-size: 5vmin; }
    .hero__title { line-height: 40px;  margin-bottom: 5vmin; }
    .hero__subtitle { font-size: 2rem; }
    .hud { display: none; }
    .center-nav { display: none; }
    .slider-counter { right: 15px; }
    .slider-scroll-container .block-row {  width: 90%;  min-height: 350px; }
    .card {  width: 260px;  height: 380px;  padding: 1.5rem;}
    .card h2 {    font-size: 2rem; }
    .big-text { font-size: 12vw; }
    .header__logo {  width: 200px; }
    .auto-grid { grid-template-columns:repeat(2, 1fr); }
    .seo-stream__row--bottom { display: none; }
    .seo-card-icon img {width: 15px; height: 15px;}
    .seo-card-icon {width: 24px; height: 24px;}
}

@media screen and (max-width: 1025px) and (orientation: landscape){
    .seo-grid {  gap: 15px; max-height: calc(100vh - 160px); }
    .seo-card { padding: 20px 16px; min-height: 100px; }
    .seo-badge {margin-bottom: 8px;}
    .progress_inner__tabs {min-height: unset; margin-top: 20px;}
    .pages-title {font-size:3vw; }
    .process-progress-section { align-items: flex-start;}
    .progress_inner__node {width: 24px; height: 24px; font-size: 3rem;}
    .tab-inner { min-height: unset;}
    .tab-right h3 {    font-size: clamp(1.3rem, 2vw, 2rem);}

}

@media screen and (max-width: 1025px) and (orientation: portrait){
    .seo-grid { grid-template-columns: repeat(3, minmax(0, 1fr));}
    .seo-card { border-color:rgba(var(--seo-cyan-rgb),.65); border-left-color:var(--cyan); background:linear-gradient(145deg,rgba(var(--seo-cyan-rgb),.11),rgba(10,10,10,.68)); box-shadow:unset; }
    .seo-card .seo-card-icon { border-color: rgba(var(--state-rgb), .55);  background: rgba(var(--state-rgb), .08); box-shadow: 0 0 22px rgba(var(--state-rgb), .1); transform: rotate(-3deg) scale(1.06); }
    .seo-section.is-in-view .seo-grid-wrapper::before {display: none}
    .seo-card p { color: rgba(255, 255, 255, .7); }
    .seo-section.is-ready.is-depth-wave .seo-card.is-visible {filter: brightness(1)!important;     opacity: 1!important;}
    .seo-card-icon img {filter: grayscale(0) brightness(1);}
    .seo-section { padding: 125px 4%; }
}


@media (max-width: 1023px) {

    .seo-stream--vertical { width: 100%; height: auto; min-height: 0; overflow: visible; }
    .seo-stream--vertical .seo-stream__stage { position: relative; top: auto; width: 100%; height: auto; min-height: 0; max-height: none; padding: 80px 0 50px; overflow: visible; }
    .seo-stream--vertical .seo-stream__rows { width: calc(100% - 40px); }
    .seo-stream--vertical .seo-stream__row { width: 100%; overflow: visible; }
    .seo-stream--vertical .seo-stream__row--bottom { display: none; }
    .seo-stream--vertical .seo-stream__track { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; width: 100%; max-width: none; transform: none !important; }
    .seo-stream--vertical .seo-stream-card { width: 100%; min-width: 0; min-height: 210px; flex-basis: auto; transform: none; }
    .seo-stream--vertical .seo-stream__progress { display: none; }
    .seo-stream-card .seo-stream-card__status::before { background: var(--cyan); box-shadow: 0 0 11px rgba(0, 230, 239, .8); }
    .seo-stream-card .seo-stream-card__code { border-color: rgba(0, 230, 239, .55); color: var(--cyan); }
    .seo-stream-card .seo-stream-card__code{ border-color:rgba(0,243,255,.4); background:rgba(0,243,255,.05); transform:rotate(-3deg) scale(1.05); }
    .seo-stream-card .seo-stream-card__code::before,.seo-stream-card:hover .seo-stream-card__code::after{ border-color:var(--cyan); }
    .seo-stream-card .seo-stream-card__code span{ color:var(--cyan); }
    .seo-stream-card .seo-stream-card__number { -webkit-text-stroke: 1px var(--red); color: var(--red)}

}

@media screen and (max-width: 992px) {
    .mobile-scroll-wrapper { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 10; background: transparent; pointer-events: none; }
    .mobile-page { display: flex; width: 100%; height: 100vh; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); background: transparent; overflow: hidden; pointer-events: auto; }
    .mobile-page::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 0; pointer-events: none; }

    #pageHero { z-index: 2; transform: translateY(0); }
    #pageSlider { z-index: 1; transform: translateY(100%); }
    #pageSlider.active { transform: translateY(0); z-index: 3; }
    #pageHero.hidden { transform: translateY(-100%); z-index: 1; }

    .hero-content, .slider-scroll-container { position: relative; z-index: 1; margin: 0 auto; }
    .hero__title { line-height: 3rem; }
    .hero { position: relative; left: auto; width: 100%; max-width: 500px; padding: 20px; z-index: 2; transform: translateY(-10%); }
    .hero__title span { font-size: 2.5rem; text-shadow: 0 0 30px rgba(0, 0, 0, 0.8); }
    .hero__title span.bold { font-size: 6rem; font-weight: 700; }
    .hero__title span.subtitle { font-size: 1.5rem; }
    .hero__subtitle { font-size: 2rem; opacity: 0.8; text-shadow: 0 0 20px rgba(0, 0, 0, 0.8); }

    .nav-arrow { display: flex; position: absolute; left: 50%; transform: translateX(-50%); align-items: center; gap: 12px; padding: 12px 20px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50px; color: #fff; cursor: pointer; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 2000; overflow: hidden; white-space: nowrap; }
    .nav-arrow-down { bottom: 15%; animation: arrowBounceDown 2.5s ease-in-out infinite; }
    .nav-arrow-up { top: 10%; animation: arrowBounceUp 2.5s ease-in-out infinite; }
    .nav-arrow-text { font-size: 1rem; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; opacity: 0.8; transition: all 0.3s ease; }
    .nav-arrow-icon { display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; }
    .nav-arrow-icon svg { width: 20px; height: 20px; stroke: #fff; transition: all 0.4s ease; }
    .nav-arrow-line { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 30%; height: 2px; background: linear-gradient(90deg, transparent, #C1272D, transparent); border-radius: 2px; transition: all 0.4s ease; opacity: 0; }

    @keyframes arrowBounceDown { 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 1; } 50% { transform: translateX(-50%) translateY(10px); opacity: 0.7; } }
    @keyframes arrowBounceUp { 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 1; } 50% { transform: translateX(-50%) translateY(-10px); opacity: 0.7; } }

    .nav-arrow:hover { background: rgba(193, 39, 45, 0.2); border-color: rgba(193, 39, 45, 0.4); transform: translateX(-50%) scale(1.05); box-shadow: 0 0 40px rgba(193, 39, 45, 0.15); }
    .nav-arrow:hover .nav-arrow-text { opacity: 1; }
    .nav-arrow:hover .nav-arrow-icon svg { transform: translateY(3px); stroke: #C1272D; }
    .nav-arrow:hover .nav-arrow-line { width: 70%; opacity: 1; }
    .nav-arrow:active { transform: translateX(-50%) scale(0.95); }
    .nav-arrow-up:hover .nav-arrow-icon svg { transform: translateY(-3px); stroke: #C1272D; }

    .slider-scroll-container { position: relative; top: auto; left: auto; width: 100%; height: 100vh; overflow: hidden; }
    .slider-scroll-container .side-grid { padding: 30% 5% 30% 5%; }
    .slider-scroll-container .block-row { width: 100%; max-width: 100%; min-height: 300px; padding: 0 10px; }
    .brutal-card { text-align: center; padding: 20px 15px; background: rgba(10, 10, 10, 0.6); gap: 80px; }
    .block-row:nth-child(odd) .video-wrapper, .block-row:nth-child(even) .video-wrapper { order: 0; width: 100%; }
    .card-info { width: 100%; }
    .card-title { font-size: 2.5rem; }
    .card-sub { font-size: 0.85rem; }
    .card-sub p { font-size: 0.95rem; margin-bottom: 0.5rem; }
    .video-wrapper { max-width: 150px; }

    .slider-arrow { display: none; position: fixed; left: 50%; transform: translateX(-50%); z-index: 50; width: 44px; height: 44px; background: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50%; backdrop-filter: blur(10px); }
    .slider-arrow-up { top: 5%; }
    .slider-arrow-down { bottom: 5%; }
    .slider-arrow img { width: 20px; height: 20px; }


    .slider-counter { display: none; }

    .slider-scroll-container .block-row { margin-top: 5%; }

    .header__logo-wrapper:hover .burger-circle { width: 70px; height: 70px; }
    .burger-overlay { bottom: -6%; left: 22.5%; }
    .header-close { top: 20px; }
    .menu-item a { font-size: 25px; }

    .seo-container { max-width: 1000px; width: auto; }
    .seo-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; max-height: calc(100vh - 150px); }
    .seo-header { margin-bottom: 20px; }
    .seo-title { font-size: clamp(1.8rem, 5vw, 4rem); }
    .seo-card { padding: 18px 14px; min-height: 120px; }
    .seo-badge { padding: 10px 30px; font-size: 12px; }

    .tab-left { min-width: 120px; width: 120px; padding: 20px 15px; }
    .tab-left .tab-icon { width: 60px; height: 60px; }
    .tab-left .tab-icon img { width: 34px; height: 34px; }
    .tab-left .tab-number { font-size: 3rem; }
    .tab-right { padding: 25px 30px 25px 25px; }
    .tab-right h3 { font-size: 1.2rem; }
    .tab-right p { font-size: 0.85rem; }
    .tab-right ul li { font-size: 0.7rem; padding: 3px 12px; }


    .process-progress-section { min-height: auto;}
    .process-progress-header {margin-bottom: 50px;}
    .process-progress-title { font-size: clamp(2rem, 5vw, 3.5rem); }
    .process-progress-subtitle { font-size: clamp(0.9rem, 1.5vw, 1.2rem); }
    .progress_inner { min-height: 280px; padding: 15px 0 30px; }
    .progress_inner__step label { font-size: 12px; padding-top: 50px; }
    .progress_inner__step::before { width: 36px; height: 36px; line-height: 36px; font-size: 16px; }
    .progress_inner__step.active-step::before { font-size: 16px; line-height: 36px; }
    .progress_inner__tabs {margin-top: 120px;min-height: 260px;width: 750px;}
    .progress_inner__tabs .tab { min-height: 240px; }
    .tab-inner { min-height: 240px; }
    .tab-left { min-width: 120px; width: 120px; padding: 20px 12px; }
    .tab-left .tab-icon { width: 80px; height: 80px; }
    .tab-left .tab-icon img { width: 48px; height: 48px; }
    .tab-left .tab-number { font-size: 2.5rem; bottom: 10px; right: 10px; }
    .tab-right { padding: 25px 25px 25px 20px; min-height: 240px; }
    .tab-right h3 {font-size: clamp(1rem, 2.5vw, 1.8rem);letter-spacing: 1px;}
    .tab-right p {font-size: 1.2rem;margin-bottom: 12px;max-width: 100%;}
    .tab-right ul {gap: 8px 12px;margin-bottom: 12px;}
    .tab-right ul li {font-size: 0.8rem;padding: 5px 15px;}
    .tab-cta-text { font-size: 0.65rem; padding: 5px 16px; }
    .progress_inner__bar { height: 3px; top: -15px; }
    .progress_inner__bar--set { height: 3px; top: -18px; }
    .progress_inner__status { width: 40px; height: 40px; top: -8px; }
    .progress_inner__status .box_base { width: 32px; height: 28px; }
    .progress_inner__status .box_lid { width: 34px; height: 10px; top: -4px; }
    .progress_inner__status .box_ribbon { height: 30px; width: 3px; }
    .progress_inner__status .box_item { width: 14px; height: 14px; }
}

@media screen and (max-width: 970px){
    .pageMenu { display: none; position: absolute; top: 100px; left: 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.15); z-index: 600; min-width: 400px; }
    .pageMenu ul li { width: 100%; float: left; text-align: left; border-bottom: 1px solid #eee; }
    .pageMenu ul li:hover > ul { display: none; }
    .pageSlogan { height: 54px; padding: 10px 30px 0 30px; font-size: 13px; }
    .pageHeader { padding: 12px 0 37px 0;}
    .pageHeader .pageLogotype .pageLogo { width: 93px; height: 54px; }
    .pageHeader .pageContacts { height: 54px; border-right: none; font-size: 14px;  padding: 8px 30px 0 30px; }
    .pageHeader .pageContacts i { font-size: 24px; margin-top: -15px; }
    .pageBurger { display: block; }
    .containerHeader--languages { margin: 6px 38px 0 20px;}
    .containerWrapper { padding: 0 50px; }
}

@media (max-width: 900px) {
    .systems-process__head { align-items: flex-start; }
    .systems-process__legend { min-width: 42%; gap: 30px; }
    .systems-pair { grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr); }
    .systems-card h3 { font-size: clamp(18px, 3.5vw, 30px); }

    .bfs-hero { min-height:760px; align-items:flex-end; }
    .bfs-shell { width:calc(100% - 40px); }
    .bfs-hero-content { padding:120px 0 150px; transform:none; opacity:1; }
    .bfs-hero-title { font-size:clamp(52px, 16vw, 90px); line-height:.84; }
    .bfs-hero-title-line--accent { margin-left:0; }
    .bfs-hero-text { margin-top:38px; margin-left:0; }
    .bfs-hero-line--left { left:20px; }
    .bfs-hero-line--right { right:20px; }
    .bfs-scroll-cue { left:20px; }
    .bfs-scroll { height:auto; }
    .bfs-stage { position:relative; top:auto; height:auto; min-height:0; overflow:hidden; padding:90px 20px 70px; background:rgba(3,3,3,.78); }
    .bfs-stage-meta { left:20px; right:20px; }
    .bfs-stage-glow { left:50%; top:28%; width:90vw; height:90vw; }
    .bfs-bg-word { display:none; }
    .bfs-copy { position:relative; left:auto; top:auto; width:100%; max-width:580px; margin:0 0 70px; transform:none; }
    .bfs-copy-title { font-size:clamp(46px, 13vw, 74px); }
    .bfs-counter { display:none; }
    .bfs-scanner { display:none; }
    .bfs-rail { position:relative; right:auto; top:auto; width:100%; height:auto; perspective:none; }
    .bfs-card { position:relative; left:auto; top:auto; width:100%; min-height:126px; margin-bottom:14px; opacity:.28; filter:grayscale(1) brightness(.68); transform:translate3d(0, 38px, 0) scale(.98); transition:opacity .55s ease, transform .65s cubic-bezier(.22,1,.36,1), border-color .35s ease, background .35s ease, filter .35s ease; }
    .bfs-card.is-visible { opacity:.62; transform:none; }
    .bfs-card.is-active { opacity:1; filter:none; transform:translateY(-6px); }
    .bfs-final { position:relative; inset:auto; display:block; margin-top:60px; padding:0; visibility:visible; opacity:1; transform:none; }
    .bfs-final::before { display:none; }
    .bfs-final-grid { display:none; }
    .bfs-final-content { width:100%; padding:42px 22px; }
    .bfs-final-title { font-size:clamp(42px, 12vw, 66px); }
    .bfs-final-actions { flex-direction:column; }
    .bfs-progress { display:none; }
    .bfs-stage.is-final .bfs-copy { opacity:1; transform:none; }
    .bfs-stage.is-final .bfs-rail { opacity:1; transform:none; }

    .services-page__container { width: calc(100% - 40px); }
    .services-page__header { min-height: 82vh; padding-top: 120px; }
    .services-page__intro { align-items: flex-start; flex-direction: column; }
    .services-item { min-height: 230px; grid-template-columns: 55px 1fr 58px; grid-template-rows: auto auto; padding: 30px 18px; }
    .services-item__content { grid-column: 2; grid-row: 1; }
    .services-item__description { grid-column: 2; grid-row: 2; }
    .services-item__action { grid-column: 3; grid-row: 1 / 3; }
    .services-item__background-word { right: 20px; }
    .services-item.is-active { min-height: 250px; }
}

@media (max-width:860px) {
    .contact-grid{ grid-template-columns:1fr; }
    .contact-grid::before{ display:none; }
    .contact-info{ border-right:none; border-bottom:1px solid var(--border); }

}

@media screen and (max-width: 840px){
    .pageMenu { display: none; }
    .pageSlogan { display: none; }
    .pageBurger { display: block; }
    .pageServices .pageService { width: 100%; }
    .pageFooter .pageFooterMenu { display: none; }
    .pageFooter .pageFooterContacts { display: none; }
    .pageFooter .pageCopyrights { margin-top: 0; padding-top: 0; border-top: none; }
    .pageProducts .pageProduct { width: calc(50% - 2px); }
    .listPrice {list-style: none; column-count: 2;}
    .ulPrice { flex-direction: column; gap: 15px; }
    .ulPrice li { width: 100%;}
    .header__logo-wrapper:hover .burger-circle { width: 70px; height: 70px; }
    .burger-overlay { bottom: -6%; left: 22.5%; }
    .header { background: var(--bg);}
}


@media screen and (max-width: 800px) {
    .burger-overlay { bottom: 24%; left: 32%; }
    .progress_inner__tabs {width: 700px; }
    .hermes-caps__stage {padding: 120px 2rem 25px;}
    .header {    padding: 20px 15px 20px 95px;}
    .section {    padding: 95px 2rem clamp(90px, 10vw, 150px);}
}

@media (max-width: 768px) {
    .nav-arrow { padding: 10px 16px; gap: 8px; }
    .nav-arrow-icon svg { width: 20px; height: 20px; }
    .slider-arrow { width: 36px; height: 36px; }
    .slider-arrow img { width: 16px; height: 16px; }
    .video-wrapper { max-width: 130px; }


    .hero__title span.bold { font-size: 4.5rem; }
    .hero__title span.subtitle { font-size: 1rem; }
    .hero__title { margin-bottom: 1rem; }
    .hero__subtitle { font-size: 1.5rem; }
    .brutal-card { gap: 60px; }


    .header__logo-wrapper:hover .burger-circle { width: 60px; height: 60px; }
    .burger-overlay { bottom: -10.5%; left: 20%; }
    .header-close { right: 20px; }
    .close-line { width: 30px; height: 2px; }

    .seo-grid { gap: 12px; max-height: calc(100vh - 140px); }
    .seo-card { padding: 15px 12px; min-height: 110px; }
    .seo-card h3 { font-size: 0.8rem; }
    .seo-card p { font-size: 0.7rem; -webkit-line-clamp: 2; }
    .seo-card-icon { width: 35px; height: 35px; font-size: 20px; margin-bottom: 8px; }
    .seo-card-number { font-size: 1.5rem; top: 5px; right: 8px; }

    .process-progress-title { font-size: clamp(1.8rem, 4vw, 2.8rem); }
    .process-progress-subtitle { font-size: clamp(0.8rem, 1.2vw, 1rem); letter-spacing: 2px; }
    .process-progress-tag { font-size: 9px; letter-spacing: 3px; }
    .progress_inner { min-height: 200px; padding: 10px 0 20px; }
    .progress_inner__step label { font-size: 10px; padding-top: 40px; letter-spacing: 0.3px; }
    .progress_inner__step::before { width: 30px; height: 30px; line-height: 30px; font-size: 13px; border-width: 2px; }
    .progress_inner__step.active-step::before {font-size: 10px;line-height: 25px;}
    .progress_inner__bar { height: 3px; top: -14px; }
    .progress_inner__bar--set { height: 3px; top: -17px; }
    .progress_inner__tabs {margin-top: 90px;min-height: auto; width: 600px; }
    .progress_inner__tabs .tab { min-height: auto; position: relative; top: 0; opacity: 1; pointer-events: auto; display: none; }
    .progress_inner__tabs .tab.active { display: block; opacity: 1; top: 0; position: relative; }
    .tab-inner { flex-direction: column; min-height: auto; border-radius: 12px; }
    .tab-left { flex-direction: row; width: 100%; min-width: unset; padding: 18px 20px; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.04); justify-content: flex-start; gap: 16px; }
    .tab-left .tab-icon { width: 60px; height: 60px; }
    .tab-left .tab-icon img { width: 36px; height: 36px; }
    .tab-left .tab-number { position: static; font-size: 2rem; margin-left: auto; }
    .tab-right { padding: 20px 20px; min-height: unset; }
    .tab-right h3 {letter-spacing: 1px;margin-bottom: 6px;}
    .tab-right p {font-size: 0.9rem;line-height: 1.6;margin-bottom: 12px;}
    .tab-right ul { gap: 6px 10px; margin-bottom: 12px; }
    .tab-right ul li { padding: 2px 10px;}
    .tab-cta-text { font-size: 0.6rem; padding: 4px 14px; }
    .tab-inner::before { height: 2px; }
    .tab-inner::after { width: 20px; height: 20px; bottom: 10px; right: 10px; }
    .tab:hover .tab-inner::after { width: 28px; height: 28px; }
    .progress_inner__rail{ grid-template-columns:repeat(4,1fr); gap:6px; }
    .progress_inner__label{ font-size: 8px; }
    .tab-inner{ flex-direction:column; }
    .tab-left{ width:100%; flex-direction:row; justify-content:flex-start; gap:14px; padding:18px; box-sizing: border-box; }
    .tab-number{ position:static; font-size:2rem; }
    .progress_inner__status { width: 35px; height: 35px; top: -6px; }
    .progress_inner__status .box_base { width: 28px; height: 24px; }
    .progress_inner__status .box_lid { width: 30px; height: 8px; top: -3px; }
    .progress_inner__status .box_ribbon { height: 26px; width: 3px; }
    .progress_inner__status .box_item { width: 12px; height: 12px; }
    .progress_inner__status .box_tag { width: 14px; height: 6px; transform: rotate(-10deg) translateX(-25px); }
    .progress_inner__status .box_string { width: 12px; transform: rotate(-35deg) translateX(-15px) translateY(-6px); }

    .seo-section.is-depth-wave .seo-card{ --wave-opacity:.86; }

    .hero{position:absolute;left:6%;right:6%;top:8%;transform:none;max-width:none}
    .side-grid{position:absolute;left:6%;right:6%;top:52%;width:auto}
    .background-scroll-proxy{min-height:100vh}

    .systems-hero { padding-top: 82px; }
    .systems-hero__meta { font-size: 9px; }
    .systems-hero__title { width: 100%; font-size: clamp(34px, 11vw, 58px); }
    .systems-hero__bottom { align-items: flex-start; }
    .systems-hero__bottom p { display: none; }
    .systems-scroll-link { margin-left: auto; }
    .systems-process__stage { min-height: 680px; padding-top: 70px; }
    .systems-process__head { display: block; }
    .systems-process__legend { width: 100%; min-width: 0; margin-top: 16px; gap: 24px; }
    .systems-process__viewport { margin: 10px auto; }
    .systems-process__backdrop-word { top: 58%; font-size: 23vw; writing-mode: vertical-rl; }
    .systems-pair { top: 50%; grid-template-columns: 1fr; grid-template-rows: auto 54px auto; }
    .systems-card { min-height: 132px; padding: 18px; }
    .systems-card h3 { max-width: 82%; padding: 12px 0; font-size: clamp(18px, 6vw, 27px); }
    .systems-card__number { font-size: 30px; }
    .systems-card--challenge { box-shadow: inset 3px 0 0 rgba(255, 0, 60, .7); }
    .systems-card--solution { box-shadow: inset 3px 0 0 rgba(0, 243, 255, .72); }
    .systems-pair.is-active .systems-card--solution { box-shadow: inset 3px 0 0 var(--cyan), 0 0 32px rgba(0, 243, 255, .08); }
    .systems-pair__link { min-height: 54px; }
    .systems-pair__line { left: 50%; right: auto; top: 0; bottom: 0; width: 1px; height: auto; background: linear-gradient(180deg, var(--red), var(--cyan)); }
    .systems-pair__dot { left: 50%; top: var(--pair-progress); transform: translate(-50%, -50%); }
    .systems-pair__arrow { transform: rotate(90deg); }
    .systems-process__footer { grid-template-columns: auto 1fr; }
    .systems-process__word { display: none; }
    .systems-summary h2 { font-size: clamp(50px, 17vw, 90px); }
    .systems-summary__chips { gap: 7px; }
    .systems-summary__chips span { padding: 10px 12px; font-size: 9px; }

    .services-page__container { width: calc(100% - 28px); }
    .services-page__header { min-height: 80vh; padding: 110px 0 55px; }
    .services-page__meta { margin-bottom: 25px; }
    .services-page__title { font-size: clamp(43px, 14vw, 72px); line-height: 0.88; }
    .services-page__intro { margin-top: 34px; }
    .services-page__scroll { display: none; }
    .services-list { padding: 60px 0 90px; }
    .services-item { min-height: 270px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 26px 18px; }
    .services-item__number { width: 100%; }
    .services-item__number::after {display: none}
    .services-item__content { gap: 11px; }
    .services-item__title { font-size: clamp(28px, 9vw, 43px); }
    .services-item__description { max-width: calc(100% - 65px); }
    .services-item__action { position: absolute; right: 18px; bottom: 24px; }
    .services-item__background-word { top: 55%; right: -5px; font-size: 25vw; }
    .services-item.is-active { min-height: 285px; }
    .services-item.is-active .services-item__content { transform: translateX(7px); }
    .services-page__footer { min-height: 50vh; }
    .services-page__contact { align-items: flex-end; font-size: clamp(37px, 12vw, 64px); }
    .services-page__contact i { width: 64px; height: 64px; margin-left: 15px; font-size: 28px; }

}

@media screen and (max-width: 700px) {
    .section {padding-top: 90px;}
    .burger-overlay { left: 75px; bottom: 0; }
    .card-title { font-size: 2.5rem; }

    .header__logo-wrapper:hover .burger-circle { width: 60px; height: 60px; }
    .burger-overlay { bottom: -11.5%; left: 20%; }

    .progress_inner__tabs { width: 550px; }
    .seo-stream__row.seo-stream__row--bottom {display: none;}
    .seo-stream { --seo-stream-gap: 12px; width: 100%;  }
    .seo-stream__track {max-width: 100%; flex-wrap: wrap;}
    .seo-stream__stage { padding: 10px 0; }
    .seo-stream__header { margin-bottom: 24px; }
    .seo-stream__badge { margin-bottom: 14px; }
    .seo-stream__subtitle { margin-top: 13px; font-size: 8px; letter-spacing: .25em; }
    .seo-stream-card__code { width: 42px; min-width: 42px; height: 42px; margin-bottom: 12px; }
    .seo-stream-card {flex-basis: 48%; min-height: clamp(174px, 25svh, 205px); padding: 18px; transform:translateY(-6px);   background: linear-gradient(145deg, rgba(8, 22, 24, .95), rgba(4, 8, 9, .84));  border-color:rgba(0,243,255,.28); border-left-color:var(--cyan); background:rgba(255,255,255,.045); box-shadow:0 20px 46px rgba(0,0,0,.45), 0 0 32px rgba(0,243,255,.05); }
    .seo-stream-card .seo-stream-card__status::before { background: var(--cyan); box-shadow: 0 0 11px rgba(0, 230, 239, .8); }
    .seo-stream-card .seo-stream-card__code { border-color: rgba(0, 230, 239, .55); color: var(--cyan); }
    .seo-stream-card .seo-stream-card__code{ border-color:rgba(0,243,255,.4); background:rgba(0,243,255,.05); transform:rotate(-3deg) scale(1.05); }
    .seo-stream-card .seo-stream-card__code::before,.seo-stream-card:hover .seo-stream-card__code::after{ border-color:var(--cyan); }
    .seo-stream-card .seo-stream-card__code span{ color:var(--cyan); }
    .seo-stream-card .seo-stream-card__number { -webkit-text-stroke: 1px var(--red); color: var(--red)}
    .seo-stream { width: 100%; height: auto; min-height: 0; overflow: visible; }



    .seo-stream-card { width: 100%; min-width: 0; min-height: 190px; flex-basis: auto; transform: none; }
    .seo-stream--vertical .seo-stream__stage { padding: 70px 0 40px; }
    .seo-stream--vertical .seo-stream__rows { width: calc(100% - 24px); }
    .seo-stream--vertical .seo-stream__track { grid-template-columns: 1fr; gap: 12px; }

}



@media (max-width:640px){
    .skill-row{ grid-template-columns:30px 1fr; }
    .skill-node{ grid-column:1; }
    .skill-row:nth-child(odd) .skill-card,
    .skill-row:nth-child(even) .skill-card{  grid-column:2; text-align:left; margin:0; max-width:none;  }
    .skill-connector{ display:none; }
    .spine-line,.spine-signal,.spine-fill{ left:15px; }
    .skill-row:nth-child(even) .skill-status{ flex-direction:row; }
    .skill-title{ font-size:.72rem; }
    .auto-grid{ grid-template-columns:1fr; }
    .form-row{ grid-template-columns:1fr; }
}

@media screen and (max-width: 570px){
    .table-wrapper {overflow-x: scroll;}
    .card-sub ul { margin-top: 1rem; gap: 0.5rem 1rem; }
    .slider-arrow-down { bottom: 4%; }
    .slider-arrow-up { top: 54%; }
    .hero__title { line-height: 40px; margin-bottom: 5%; }
    .hero { top: 18%; }
    .burger-overlay { left: 39%; bottom: 0; }
    .header__logo-wrapper:hover .burger-circle { width: 45px; height: 45px; }



    .hero__title span.bold {  font-size: 3.5rem; }
    .hero__title span { font-size: 3rem; }
    .hero__title span.subtitle { font-size: 0.8rem; }
    .hero__subtitle { font-size: 1rem; }
    .hero__title { margin-bottom: 2%; }
    .nav-arrow-icon svg { width: 18px; height: 18px; }
    .nav-arrow-text { font-size: 0.8rem; }
    .hero__subtitle { font-size: 1.5rem; }
    .card-title { font-size: 2rem; }
    .brutal-card { gap: 30px; }
    .block-row:nth-child(odd) .video-wrapper, .block-row:nth-child(even) .video-wrapper {  }
    .brutal-card { padding: 20px 5px; }

    .header__logo-wrapper:hover .burger-circle { width: 45px; height: 45px; }
    .burger-overlay { bottom: -11.5%; left: 21%; }

    .progress_inner__tabs { width: 100%; }
    .progress_inner__step::before { width: 25px; height: 25px; }
    .progress_inner__step label { font-size: 9px; padding-top: 40px;}
    .auto-grid{ grid-template-columns:1fr; }
    .bfs-card { grid-template-columns:28px 1fr; gap:12px; padding:20px 16px; }
    .bfs-card-title { font-size:22px; }
    .bfs-card-tags { font-size:8px; }
    .bfs-final-content { text-align:left; }
    .bfs-final-actions { align-items:stretch; }
    .bfs-button { width:100%; }

    .seo-stream-card {flex-basis: 95%;}


}

@media screen and (max-width: 500px) {
    .burger-overlay { left: 40%; bottom: -5%; }
    .header__logo-wrapper:hover .burger-circle { width: 40px; height: 40px; }
    .header__logo img { width: 160px; }
    .brutal-card { gap: 15px; }
    .card-sub p { font-size: 0.8rem; }
    .card-sub ul { margin-top: 0.8rem; }
    .card-sub ul li { font-size: 0.6rem; }
    .slider-scroll-container .block-row { margin-top: 2%; }
    .card-title { font-size: 1.5rem; }

    .header__logo-wrapper:hover .burger-circle { width: 50px; height: 50px; }
    .burger-overlay { bottom: -11.5%; left: 22%; }

    .progress_inner__node {width: 24px; height: 24px; font-size: 3rem;}
    .tab-inner { min-height: unset;}
    .tab-right h3 {    font-size: clamp(1.3rem, 2vw, 2rem);}
}

@media screen and (max-width: 480px){
    .containerWrapper { padding: 0 30px; }
    .video-wrapper { max-width: 110px; }
    .slider-arrow { width: 30px; height: 30px; }
    .slider-arrow img { width: 15px; height: 15px; }
    .nav-arrow { padding: 8px 14px; gap: 6px; border-radius: 30px; }
    .nav-arrow-text { letter-spacing: 0.5px; }
    .nav-arrow-icon svg { width: 14px; height: 14px; }
    .nav-arrow-down { bottom: 20%; }
    .nav-arrow-up { top: 15%; }
    .card-sub ul { grid-template-columns: 1fr; gap: 0.3rem; }

    .hero__title span.bold { font-size: 4rem; }
    .hero__title span.subtitle { font-size: 0.7rem; }
    .hero__subtitle {font-size: 1.5rem;}
    .hero__title { margin-bottom: 10%; }

    .slider-scroll-container .side-grid { padding: 50% 2% 30% 2%; }
    .hero { transform: translateY(-30%); }
    .hero__title span { font-size: 2.5rem; }
    .hero__title { line-height: 30px; }
    .brutal-card { gap: 1rem; }
    .slider-scroll-container .block-row { margin-top: 0; }
    .block-row:nth-child(odd) .video-wrapper, .block-row:nth-child(even) .video-wrapper {  }
    .header-close { top: 35px; width: 40px; height: 40px; }
    .menu-item a { font-size: 20px; }

    .seo-grid { grid-template-columns: 1fr; gap: 10px; max-height: calc(100vh - 160px); overflow-y: auto; padding-right: 5px; width: 90%; margin: 0 auto;}
    .seo-grid::-webkit-scrollbar { width: 3px; }
    .seo-grid::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05); border-radius: 3px; }
    .seo-grid::-webkit-scrollbar-thumb { background: #C1272D; border-radius: 3px; }
    .seo-section { padding: 0; margin-bottom: 10%; margin-top: -20px; }
    .seo-card { padding: 12px 10px; min-height: 90px; }
    .seo-card p { -webkit-line-clamp: 2; }
    .seo-header { margin: 0; }
    .seo-title { font-size: clamp(1.8rem, 7vw, 4rem); }
    .seo-badge { font-size: 5px; padding: 5px 15px; margin-bottom: 10px; }
    .seo-card-icon img { width: 25px; height: 25px; }

    .process-progress-section { margin-top: -20px; }
    .process-progress-header {margin-bottom: 30px;}
    .process-progress-title { font-size: clamp(1.5rem, 4vw, 2.2rem); margin-bottom: 5px; }
    .process-progress-subtitle { font-size: 0.75rem; letter-spacing: 1px; }
    .process-progress-tag { font-size: 8px; letter-spacing: 2px; margin-bottom: 6px; padding: 3px 12px; }
    .progress_inner { min-height: 160px; padding: 5px 0 15px; }
    .progress_inner__step label {font-size: 8px;padding-top: 35px;letter-spacing: 0.2px;}
    .progress_inner__step::before { width: 24px; height: 24px; line-height: 24px; font-size: 10px; border-width: 2px; }
    .progress_inner__step.active-step::before { font-size: 10px; line-height: 24px; }
    .progress_inner__bar { height: 2px; top: -12px; }
    .progress_inner__bar--set { height: 2px; top: -14px; }
    .progress_inner__tabs {margin-top: 60px; width: 380px; }
    .tab-left { padding: 14px 16px; gap: 12px; }
    .tab-left .tab-icon { width: 48px; height: 48px; }
    .tab-left .tab-icon img { width: 28px; height: 28px; }
    .tab-left .tab-number { font-size: 1.5rem; }
    .tab-right { padding: 16px 16px; }
    .tab-right h3 { font-size: 1rem; letter-spacing: 0.5px; }
    .tab-right p { font-size: 0.75rem; line-height: 1.5; margin-bottom: 10px; }
    .tab-right ul { gap: 5px 8px; margin-bottom: 10px; }
    .tab-right ul li { font-size: 0.6rem; padding: 2px 8px; border-radius: 14px; }
    .tab-cta-text { font-size: 0.55rem; padding: 3px 12px; letter-spacing: 0.5px; }
    .tab-inner::after { width: 16px; height: 16px; bottom: 8px; right: 8px; border-width: 1px; }
    .tab:hover .tab-inner::after { width: 22px; height: 22px; }
    .progress_inner__status { width: 28px; height: 28px; top: -4px; }
    .progress_inner__status .box_base { width: 22px; height: 18px; }
    .progress_inner__status .box_lid { width: 24px; height: 6px; top: -2px; }
    .progress_inner__status .box_ribbon { height: 20px; width: 2px; }
    .progress_inner__status .box_bow__left, .progress_inner__status .box_bow__right { width: 6px; height: 8px; }
    .progress_inner__status .box_bow__left { left: -4px; }
    .progress_inner__status .box_bow__right { right: -4px; }
    .progress_inner__status .box_item { width: 10px; height: 10px; border-width: 1px; }
    .progress_inner__status .box_tag { width: 12px; height: 5px; transform: rotate(-10deg) translateX(-20px); }
    .progress_inner__status .box_string { width: 10px; transform: rotate(-35deg) translateX(-12px) translateY(-4px); }

}

@media (max-width: 460px) {
    .progress_inner__step {    padding: 10px;}
    .progress_inner__tabs {width: 100%;}
    .progress_inner__rail {gap: 0;}
}

@media (max-width: 420px) {
    .systems-hero__status { display: none; }
    .systems-process__head h2 { font-size: 25px; }
    .systems-process__legend { font-size: 8px; }
    .systems-card { min-height: 124px; }
    .systems-card__code { font-size: 8px; }
    .progress_inner__node { width: 20px; height: 20px; font-size: 2rem;}
    .progress_inner__step {  padding: 8px; }
}



@media (prefers-reduced-motion: reduce) {
    .systems-page * { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .systems-process { height: auto !important; }
    .systems-process__stage { position: relative; height: auto; min-height: 0; overflow: visible; }
    .systems-process__viewport { overflow: visible; }
    .systems-process__list { height: auto; display: grid; gap: 22px; }
    .systems-pair { position: relative; top: auto; opacity: 1 !important; transform: none !important; }
    .systems-process__footer { display: none; }
    .systems-summary__chips span { opacity: 1; transform: none; }

    .bfs-badge-dot { animation:none; }
    .bfs-scroll-cue-line::after { animation:none; }
    .bfs-scanner-ring--middle { animation:none; }
    .bfs-card { transition:none; }
    .bfs-final { transition:none; }
    .bfs-final-card { transition:none; }

    .seo-stream__track { will-change: auto; }

    .services-page__scroll i::after { animation: none; }
    .services-item { transition: none; }
    .services-item::before { transition: none; }
    .services-item::after { transition: none; }
    .services-item__background-word { transition: none; }
}

@media screen and (max-width: 1400px) {
    .home-scroll-scene .hero { left: 4vw; max-width: 36vw; }
    .home-scroll-scene .hero__title { line-height: .88; }
    .home-scroll-scene .hero__title span { font-size: clamp(42px, 4.1vw, 64px); }
    .home-scroll-scene .hero__title span.subtitle { display: inline-block; max-width: 430px; margin-top: 14px; font-size: clamp(12px, 1.15vw, 16px); line-height: 1.35; }
    .home-scroll-scene .hero__subtitle { font-size: clamp(20px, 1.7vw, 28px); line-height: 1.05; }
    .home-scroll-scene .side-grid { right: 0; width: min(70vw, 940px); max-width: none; }
    .home-scroll-scene .block-row { height: min(68vh, 640px); padding: 0 2.5vw; }
    .home-scroll-scene .brutal-card { gap: clamp(22px, 3vw, 44px); padding: 0; }
    .home-scroll-scene .card-info { padding: clamp(18px, 2vw, 25px); }
    .home-scroll-scene .card-title { font-size: clamp(26px, 2.5vw, 40px); }
    .home-scroll-scene .video-wrapper { max-width: clamp(170px, 17vw, 230px); }
}

@media screen and (max-width: 1100px) {
    html:has(.home-scroll-scene) { min-width: 0; }
    body:has(.home-scroll-scene) { min-width: 0; }
    .containerPage:has(.home-scroll-scene) .header { padding: max(18px, env(safe-area-inset-top)) 20px 14px 76px; background: linear-gradient(180deg, rgba(3, 3, 3, .94), rgba(3, 3, 3, 0)); }
    .containerPage:has(.home-scroll-scene) .header__logo { width: clamp(150px, 28vw, 210px); margin-left: 0; }
    .containerPage:has(.home-scroll-scene) .menu-trigger { top: max(18px, env(safe-area-inset-top)); left: 20px; }
    .containerPage:has(.home-scroll-scene) .hud { display: none; }
    .home-scroll-scene { --home-hero-height: 100svh; min-height: 200svh; }
    .home-scroll-scene > .page-layout__spacer { min-height: calc(var(--home-hero-height) + 100svh); }
    .home-scroll-scene.page-layout--fixed > .page-layout__stage { position: absolute !important; top: 0 !important; right: 0 !important; bottom: auto !important; left: 0 !important; width: 100%; height: 100% !important; min-height: 100%; padding-top: var(--home-hero-height); overflow: visible !important; }
    .home-scroll-scene .hero { position: absolute; top: 0; right: 0; left: 0; display: flex; width: 100%; max-width: none; min-height: var(--home-hero-height); padding: clamp(112px, 15svh, 170px) clamp(28px, 6vw, 68px) clamp(52px, 8svh, 90px); box-sizing: border-box; flex-direction: column; justify-content: center; transform: none; }
    .home-scroll-scene .hero__title { max-width: 860px; margin-bottom: 22px; line-height: .9; }
    .home-scroll-scene .hero__title span { font-size: clamp(46px, 8.2vw, 82px); text-shadow: 0 12px 36px rgba(0, 0, 0, .75); }
    .home-scroll-scene .hero__title span.bold { font-size: clamp(50px, 9vw, 90px); }
    .home-scroll-scene .hero__title span.subtitle { display: inline-block; max-width: 620px; margin-top: 16px; font-size: clamp(13px, 2vw, 18px); line-height: 1.35; }
    .home-scroll-scene .hero__subtitle { font-size: clamp(21px, 3.4vw, 32px); line-height: 1.05; text-shadow: 0 8px 28px rgba(0, 0, 0, .82); }
    .home-scroll-scene .side-grid { position: sticky; top: 0; right: auto; bottom: auto; left: 0; width: 100%; max-width: none; height: 100svh; min-height: 600px; margin-top: 0; overflow: hidden; perspective: 1000px; }
    .home-scroll-scene .block-row { top: 50%; width: 100%; height: min(72svh, 680px); min-height: 440px; padding: 0 clamp(22px, 4vw, 46px); }
    .home-scroll-scene .brutal-card { display: grid; grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); gap: clamp(16px, 3vw, 34px); align-items: stretch; padding: 0; text-align: left; background: transparent; }
    .home-scroll-scene .block-row:nth-child(odd) .video-wrapper { order: 0; }
    .home-scroll-scene .block-row:nth-child(even) .video-wrapper { order: 0; }
    .home-scroll-scene .card-info { width: auto; min-width: 0; height: 100%; padding: clamp(20px, 3vw, 34px); overflow: hidden; box-sizing: border-box; }
    .home-scroll-scene .card-title { margin-bottom: 10px; font-size: clamp(27px, 4.2vw, 46px); line-height: 1.02; }
    .home-scroll-scene .card-sub { font-size: 12px; line-height: 1.35; }
    .home-scroll-scene .card-sub p { margin-bottom: 8px; font-size: clamp(13px, 1.8vw, 18px); line-height: 1.4; }
    .home-scroll-scene .card-sub ul { grid-template-columns: repeat(2, minmax(0, auto)); gap: 7px 16px; margin-top: 14px; padding-left: 17px; }
    .home-scroll-scene .card-sub ul li { width: auto; padding: 1px 0; font-size: clamp(9px, 1.25vw, 12px); line-height: 1.25; }
    .home-scroll-scene .video-wrapper { align-self: stretch; width: 100%; max-width: none; height: 100%; aspect-ratio: auto; }
    .home-scroll-scene .slider-counter { display: none; }
}

@media screen and (max-width: 820px) {
    .containerPage:has(.home-scroll-scene) .header { padding: max(18px, env(safe-area-inset-top)) 18px 14px 72px; background: linear-gradient(180deg, rgba(3, 3, 3, .92), rgba(3, 3, 3, 0)); }
    .containerPage:has(.home-scroll-scene) .header__logo { width: clamp(145px, 34vw, 190px); margin-left: 0; }
    .containerPage:has(.home-scroll-scene) .menu-trigger { top: max(18px, env(safe-area-inset-top)); left: 18px; }
    .home-scroll-scene .hero { padding: clamp(100px, 14svh, 132px) 22px clamp(44px, 7svh, 72px); }
    .home-scroll-scene .hero__title { margin-bottom: 16px; }
    .home-scroll-scene .hero__title span { font-size: clamp(34px, 9.4vw, 62px); }
    .home-scroll-scene .hero__title span.bold { font-size: clamp(38px, 10.6vw, 70px); }
    .home-scroll-scene .hero__title span.subtitle { max-width: 100%; margin-top: 10px; font-size: clamp(10px, 2.4vw, 14px); line-height: 1.3; }
    .home-scroll-scene .hero__subtitle { font-size: clamp(17px, 4.4vw, 25px); }
    .home-scroll-scene .side-grid { min-height: 560px; perspective: 900px; }
    .home-scroll-scene .block-row { height: min(70svh, 590px); min-height: 400px; padding: 0 18px max(14px, env(safe-area-inset-bottom)); }
    .home-scroll-scene .brutal-card { grid-template-columns: minmax(0, 44fr) minmax(0, 56fr); gap: clamp(10px, 2.4vw, 18px); }
    .home-scroll-scene .card-info { padding: clamp(14px, 2.8vw, 22px); }
    .home-scroll-scene .card-title { margin-bottom: 8px; font-size: clamp(21px, 5vw, 32px); }
    .home-scroll-scene .card-sub { font-size: 10px; line-height: 1.3; }
    .home-scroll-scene .card-sub p { margin-bottom: 6px; font-size: clamp(11px, 2.3vw, 14px); line-height: 1.35; }
    .home-scroll-scene .card-sub ul { grid-template-columns: 1fr; gap: 5px; margin-top: 10px; padding-left: 14px; }
    .home-scroll-scene .card-sub ul li { font-size: clamp(8px, 1.75vw, 10px); line-height: 1.2; }
}

@media screen and (max-width: 560px) {
    .home-scroll-scene .hero { padding-right: 16px; padding-left: 16px; }
    .home-scroll-scene .hero__title span { font-size: clamp(29px, 8.6vw, 43px); }
    .home-scroll-scene .hero__title span.bold { font-size: clamp(33px, 10vw, 50px); }
    .home-scroll-scene .hero__title span.subtitle { font-size: clamp(9px, 2.45vw, 12px); }
    .home-scroll-scene .hero__subtitle { font-size: clamp(15px, 4.2vw, 20px); }
    .home-scroll-scene .side-grid { min-height: 520px; }
    .home-scroll-scene .block-row { height: min(68svh, 560px); min-height: 390px; padding: 0 12px max(10px, env(safe-area-inset-bottom)); }
    .home-scroll-scene .brutal-card { grid-template-columns: minmax(0, 43fr) minmax(0, 57fr); gap: 9px; }
    .home-scroll-scene .card-info { padding: 13px 12px; }
    .home-scroll-scene .card-title { font-size: clamp(18px, 5vw, 25px); overflow-wrap: anywhere; }
    .home-scroll-scene .card-sub p { font-size: clamp(10px, 2.6vw, 13px); }
    .home-scroll-scene .card-sub ul { gap: 4px; margin-top: 8px; padding-left: 13px; }
    .home-scroll-scene .card-sub ul li { font-size: clamp(7px, 2vw, 10px); }
}

@media screen and (max-width: 380px) {
    .containerPage:has(.home-scroll-scene) .header { padding-right: 12px; padding-left: 62px; }
    .containerPage:has(.home-scroll-scene) .header__logo { width: 138px; }
    .containerPage:has(.home-scroll-scene) .menu-trigger { left: 12px; }
    .home-scroll-scene .hero { left: 12px; right: 12px; }
    .home-scroll-scene .hero__title span { font-size: 26px; }
    .home-scroll-scene .hero__title span.bold { font-size: 30px; }
    .home-scroll-scene .hero__title span.subtitle { font-size: 9px; }
    .home-scroll-scene .block-row { padding-right: 8px; padding-left: 8px; }
    .home-scroll-scene .brutal-card { grid-template-columns: minmax(0, 42fr) minmax(0, 58fr); gap: 7px; }
    .home-scroll-scene .card-info { padding: 11px 10px; }
    .home-scroll-scene .card-title { font-size: 17px; }
    .home-scroll-scene .card-sub p { font-size: 10px; }
    .home-scroll-scene .card-sub ul { gap: 3px 7px; }
    .home-scroll-scene .card-sub ul li { font-size: 7px; }
}

@media screen and (orientation: landscape) and (max-height: 560px) and (max-width: 950px) {
    .containerPage:has(.home-scroll-scene) .header { padding-top: 12px; padding-bottom: 10px; }
    .containerPage:has(.home-scroll-scene) .header__logo { width: 140px; }
    .containerPage:has(.home-scroll-scene) .menu-trigger { top: 12px; }
    .home-scroll-scene .hero { padding: 76px 5vw 28px; }
    .home-scroll-scene .hero__title { margin-bottom: 10px; }
    .home-scroll-scene .hero__title span { font-size: clamp(28px, 5.2vw, 44px); }
    .home-scroll-scene .hero__title span.bold { font-size: clamp(31px, 5.7vw, 48px); }
    .home-scroll-scene .hero__title span.subtitle { font-size: 9px; }
    .home-scroll-scene .hero__subtitle { font-size: clamp(13px, 2.2vw, 18px); }
    .home-scroll-scene .side-grid { min-height: 0; }
    .home-scroll-scene .block-row { height: calc(100svh - 72px); min-height: 0; padding: 0 16px 10px; }
    .home-scroll-scene .brutal-card { grid-template-columns: minmax(0, 44fr) minmax(0, 56fr); gap: 12px; }
    .home-scroll-scene .card-info { padding: 12px; }
    .home-scroll-scene .card-title { font-size: clamp(17px, 2.7vw, 24px); }
    .home-scroll-scene .card-sub p { font-size: 10px; }
    .home-scroll-scene .card-sub ul { gap: 3px 8px; margin-top: 7px; }
    .home-scroll-scene .card-sub ul li { font-size: 7px; }
}
@media (hover: hover) {
    .services-item:hover { min-height: 230px; z-index: 3; border-color: color-mix(in srgb, var(--item-color) 65%, transparent); background: rgba(7, 7, 7, 0.76); }
    .services-item:hover::before { opacity: 1; transform: scaleX(1); }
    .services-item:hover::after { width: 100%; }
    .services-item:hover .services-item__background-word { opacity: 1; transform: translate3d(0, -43%, 0); }
    .services-item:hover .services-item__number { color: var(--item-color); font-size: 17px; transform: translateX(-4px); }
    .services-item:hover .services-item__content { transform: translateX(20px); }
    .services-item:hover .services-item__description { color: rgba(255, 255, 255, 0.84); transform: translateY(0); }
    .services-item:hover .services-item__action-text { color: #ffffff; }
    .services-item:hover .services-item__arrow { color: #050505; border-color: var(--item-color); background: var(--item-color); transform: rotate(45deg) scale(1.08); }
}