:root {
  --ink: #05080f;
  --ink-soft: #0a101b;
  --panel: #0c1422;
  --panel-high: #111d2e;
  --paper: #f4f7fb;
  --paper-blue: #eaf2ff;
  --text: #eaf2ff;
  --muted: #8da0bd;
  --blue: #0a84ff;
  --blue-light: #66c5ff;
  --line: rgba(141, 160, 189, .18);
  --shadow: 0 36px 100px -45px rgba(0, 0, 0, .85);
  --radius: 28px;
  --shell: min(1440px, calc(100% - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body {
  margin: 0;
  overflow-x: clip;
  background: var(--ink);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
::selection { background: var(--blue); color: #fff; }

.skip-link { position: fixed; z-index: 100; left: 1rem; top: 1rem; transform: translateY(-160%); border-radius: 999px; background: white; color: var(--ink); padding: .75rem 1rem; font-weight: 800; transition: transform .2s; }
.skip-link:focus { transform: none; }
.shell { width: var(--shell); margin-inline: auto; }
.ambient { position: fixed; z-index: -2; border-radius: 50%; filter: blur(100px); pointer-events: none; }
.ambient-one { width: 42rem; height: 42rem; right: -20rem; top: 5rem; background: rgba(10, 132, 255, .11); }
.ambient-two { width: 30rem; height: 30rem; left: -19rem; top: 48rem; background: rgba(51, 91, 255, .08); }
.pointer-glow { position: fixed; z-index: -1; width: 28rem; height: 28rem; margin: -14rem 0 0 -14rem; border-radius: 50%; background: radial-gradient(circle, rgba(10,132,255,.08), transparent 67%); pointer-events: none; opacity: 0; transition: opacity .4s; }

.site-header { position: fixed; z-index: 50; inset: 0 0 auto; border-bottom: 1px solid transparent; transition: background-color .3s, border-color .3s, backdrop-filter .3s; }
.site-header.scrolled { background: rgba(5, 8, 15, .78); border-color: rgba(255,255,255,.08); backdrop-filter: blur(22px) saturate(1.3); }
.nav-wrap { min-height: 84px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem; }
.brand { display: inline-flex; align-items: center; gap: .8rem; width: max-content; }
.brand-mark { width: 42px; height: 42px; flex: 0 0 42px; overflow: hidden; border: 1px solid rgba(141,160,189,.26); border-radius: 12px; background: #020408 url('/assets/brand-mark.webp') center / cover no-repeat; box-shadow: inset 0 0 12px rgba(10,132,255,.08); filter: drop-shadow(0 0 15px rgba(10,132,255,.45)); transition: transform .4s cubic-bezier(.2,.8,.2,1), border-color .3s; }
.brand:hover .brand-mark { transform: rotate(-4deg) scale(1.04); border-color: rgba(102,197,255,.55); }
.brand-type { line-height: 1; }
.brand-type strong { display: block; font-size: .92rem; letter-spacing: .2em; }
.brand-type small { display: block; margin-top: .35rem; color: var(--blue-light); font-size: .5rem; font-weight: 900; letter-spacing: .38em; }
.primary-nav { display: flex; align-items: center; gap: .25rem; padding: .35rem; border: 1px solid rgba(255,255,255,.07); border-radius: 999px; background: rgba(255,255,255,.025); }
.primary-nav a { border-radius: 999px; padding: .65rem 1rem; color: rgba(234,242,255,.62); font-size: .82rem; font-weight: 650; transition: color .2s, background-color .2s; }
.primary-nav a:hover, .primary-nav a:focus-visible { color: white; background: rgba(255,255,255,.075); }
.header-cta { justify-self: end; display: inline-flex; align-items: center; gap: .65rem; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; padding: .75rem 1.05rem; font-size: .8rem; font-weight: 800; background: rgba(255,255,255,.05); transition: transform .2s, background-color .2s, border-color .2s; }
.header-cta:hover { transform: translateY(-2px); background: var(--blue); border-color: var(--blue); }
.menu-toggle { display: none; }

.hero { position: relative; isolation: isolate; min-height: 100svh; overflow: hidden; padding: 8rem 0 4rem; background: radial-gradient(circle at 77% 33%, rgba(10,132,255,.13), transparent 31rem), linear-gradient(155deg,#05080f 42%,#07101d); }
.hero::after { content: ""; position: absolute; z-index: -1; width: 56vw; aspect-ratio: 1; right: -16vw; top: 8%; border: 1px solid rgba(102,197,255,.11); border-radius: 50%; box-shadow: 0 0 0 5rem rgba(255,255,255,.012), 0 0 0 11rem rgba(255,255,255,.009); }
.hero-grid { position: absolute; inset: 0; z-index: -2; opacity: .21; mask-image: linear-gradient(to bottom, black, transparent 88%); background-image: linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size: 68px 68px; }
.hero-layout { min-height: calc(100svh - 12rem); display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(3rem,6vw,7rem); }
.eyebrow { display: flex; align-items: center; gap: .8rem; margin: 0 0 1.5rem; color: var(--muted); font-size: .68rem; font-weight: 850; letter-spacing: .26em; text-transform: uppercase; }
.eyebrow span { width: 2.8rem; height: 1px; background: var(--blue); box-shadow: 0 0 16px var(--blue); }
.eyebrow.light { color: rgba(234,242,255,.58); }
.hero h1 { max-width: 800px; margin: 0; font-size: clamp(4rem,7.4vw,8.8rem); line-height: .82; letter-spacing: -.075em; font-weight: 930; }
h1 em, h2 em { color: var(--blue); font-style: normal; }
.hero-lead { max-width: 39rem; margin: 2rem 0 0; color: rgba(234,242,255,.68); font-size: clamp(1rem,1.3vw,1.2rem); line-height: 1.75; text-wrap: balance; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2.25rem; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: .8rem; min-height: 50px; border: 0; border-radius: 999px; padding: .85rem 1.35rem; cursor: pointer; font-size: .88rem; font-weight: 820; transition: transform .25s, box-shadow .25s, background-color .25s, border-color .25s; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: white; background: var(--blue); box-shadow: 0 20px 55px -22px rgba(10,132,255,.95); }
.button-primary:hover { background: #168dff; box-shadow: 0 25px 65px -20px rgba(10,132,255,1); }
.button-ghost { border: 1px solid rgba(255,255,255,.17); background: rgba(255,255,255,.045); backdrop-filter: blur(12px); }
.button-ghost:hover { border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.08); }
.hero-tags { display: flex; flex-wrap: wrap; gap: .55rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.hero-tags li { border: 1px solid rgba(255,255,255,.09); border-radius: 999px; padding: .48rem .8rem; color: rgba(234,242,255,.46); font-size: .66rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.hero-security-badge { width: min(100%,36rem); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .9rem; margin-top: 1.6rem; border: 1px solid rgba(102,197,255,.18); border-radius: 1.1rem; padding: .7rem .85rem; background: linear-gradient(110deg,rgba(10,132,255,.1),rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,255,255,.055),0 20px 55px -40px rgba(10,132,255,.8); transition: transform .35s,border-color .35s,background-color .35s; }
.hero-security-badge:hover { transform: translateY(-3px); border-color: rgba(102,197,255,.46); background: linear-gradient(110deg,rgba(10,132,255,.16),rgba(255,255,255,.045)); }
.hero-security-badge > span:nth-child(2) { min-width: 0; }.hero-security-badge small,.hero-security-badge strong { display: block; }.hero-security-badge small { color: #70c8ff; font-size: .49rem; font-weight: 900; letter-spacing: .18em; }.hero-security-badge strong { overflow: hidden; margin-top: .3rem; color: rgba(234,242,255,.72); font-size: .68rem; letter-spacing: .035em; text-overflow: ellipsis; white-space: nowrap; }.hero-security-badge > i { color: #75caff; font-style: normal; transition: transform .3s; }.hero-security-badge:hover > i { transform: translate(.2rem,.2rem); }
.hero-security-icon { position: relative; width: 2.7rem; height: 2.7rem; display: grid; place-items: center; border: 1px solid rgba(102,197,255,.3); border-radius: 50%; color: white; background: #081422; box-shadow: inset 0 0 18px rgba(10,132,255,.25),0 0 24px rgba(10,132,255,.13); }.hero-security-icon i { position: absolute; inset: .28rem; border: 1px dashed rgba(102,197,255,.35); border-radius: inherit; animation: security-spin 12s linear infinite; }.hero-security-icon b { position: relative; font-size: .78rem; }

.system-scene { position: relative; height: min(680px, 66vh); min-height: 520px; perspective: 1500px; transform-style: preserve-3d; }
.scene-orbit { position: absolute; border: 1px solid rgba(102,197,255,.14); border-radius: 50%; }
.orbit-one { inset: 9% 0 7% 5%; transform: rotateX(67deg) rotateZ(-13deg); box-shadow: 0 0 80px rgba(10,132,255,.08); }
.orbit-two { inset: 19% 10% 17% 15%; border-style: dashed; transform: rotateX(67deg) rotateZ(20deg); animation: orbit-spin 28s linear infinite; }
.dashboard-card { position: absolute; overflow: hidden; border: 1px solid rgba(255,255,255,.14); background: rgba(9,16,28,.9); box-shadow: var(--shadow); backdrop-filter: blur(22px); }
.dashboard-main { inset: 6% 2% 4% 7%; border-radius: 1.7rem; transform: rotateY(-7deg) rotateX(1deg) translateZ(20px); transition: transform .8s cubic-bezier(.2,.8,.2,1); }
.system-scene:hover .dashboard-main { transform: rotateY(-3deg) rotateX(0) translate3d(-5px,-8px,50px); }
.panel-header { height: 54px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.08); padding: 0 1.25rem; background: rgba(255,255,255,.02); }
.panel-brand { display: flex; align-items: center; gap: .55rem; font-size: .72rem; font-weight: 800; }
.live-dot { width: .5rem; height: .5rem; border-radius: 50%; background: #3fe39a; box-shadow: 0 0 14px #3fe39a; }
.panel-status { border: 1px solid rgba(63,227,154,.25); border-radius: 999px; padding: .35rem .6rem; color: #75e8b4; background: rgba(63,227,154,.06); font-size: .56rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.dashboard-body { padding: 1.25rem; }
.dashboard-title { display: flex; align-items: center; justify-content: space-between; }
.dashboard-title div span, .mini-label { display: block; color: var(--muted); font-size: .57rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.dashboard-title div strong { display: block; margin-top: .28rem; font-size: 1.25rem; letter-spacing: -.03em; }
.dashboard-title button { border: 0; color: var(--muted); background: transparent; }
.kpi-row { display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem; margin-top: 1.1rem; }
.kpi { border: 1px solid rgba(255,255,255,.07); border-radius: 1rem; padding: .85rem; background: rgba(255,255,255,.025); }
.kpi > span { display: block; color: var(--muted); font-size: .6rem; }
.kpi strong { display: block; margin-top: .25rem; font-size: 1.65rem; letter-spacing: -.05em; }
.kpi strong span { color: var(--blue-light); font-size: .9rem; }
.kpi small { color: rgba(234,242,255,.4); font-size: .55rem; }
.kpi small.positive { color: #75e8b4; }
.chart-card { margin-top: .7rem; border: 1px solid rgba(255,255,255,.07); border-radius: 1rem; padding: .85rem .85rem .2rem; background: rgba(255,255,255,.02); }
.chart-head { display: flex; justify-content: space-between; font-size: .62rem; }
.chart-head small { color: var(--muted); }
.chart-card svg { width: 100%; height: 104px; overflow: visible; }
.chart-grid-line { fill: none; stroke: rgba(255,255,255,.06); }
.chart-area { fill: url(#area); }
.chart-line { fill: none; stroke: var(--blue-light); stroke-width: 3; filter: drop-shadow(0 0 7px rgba(10,132,255,.7)); }
.activity-list { margin-top: .7rem; }
.activity-list > div { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .7rem; padding: .65rem; border-top: 1px solid rgba(255,255,255,.06); }
.activity-icon { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: .55rem; color: var(--blue-light); background: rgba(10,132,255,.12); }
.activity-icon.violet { color: #bba3ff; background: rgba(150,110,255,.13); }
.activity-list p { margin: 0; }
.activity-list strong, .activity-list small { display: block; }
.activity-list strong { font-size: .64rem; }
.activity-list small { margin-top: .15rem; color: var(--muted); font-size: .53rem; }
.activity-list b { color: var(--blue-light); font-size: .54rem; }
.dashboard-side { z-index: 4; width: 170px; right: -3%; top: 1%; border-radius: 1.3rem; padding: 1rem; transform: rotateY(-12deg) rotateZ(4deg) translateZ(120px); transition: transform .7s; }
.system-scene:hover .dashboard-side { transform: rotateY(-5deg) rotateZ(2deg) translate3d(8px,-8px,155px); }
.ring-value { position: absolute; top: 4.4rem; left: 50%; z-index: 2; transform: translateX(-50%); font-size: 1.4rem; }
.ring-value small { color: var(--blue-light); font-size: .65rem; }
.capacity-ring { width: 86px; aspect-ratio: 1; margin: 1.1rem auto; border-radius: 50%; background: conic-gradient(var(--blue) 74%,rgba(255,255,255,.08) 0); mask: radial-gradient(circle,transparent 55%,black 57%); }
.dashboard-side p { margin: 0; color: var(--muted); font-size: .6rem; line-height: 1.5; text-align: center; }
.dashboard-mobile { z-index: 5; width: 155px; left: -1%; bottom: 0; border-radius: 1.45rem; padding: 1rem; transform: rotateY(12deg) rotateZ(-4deg) translateZ(170px); transition: transform .7s; }
.system-scene:hover .dashboard-mobile { transform: rotateY(5deg) rotateZ(-2deg) translate3d(-8px,4px,200px); }
.mobile-top { display: flex; align-items: center; gap: .4rem; font-size: .55rem; }
.mobile-top .live-dot { width: .35rem; height: .35rem; }
.mobile-top small { margin-left: auto; color: var(--muted); }
.dashboard-mobile > p { margin: 1.2rem 0 .2rem; color: var(--muted); font-size: .55rem; }
.dashboard-mobile > strong { font-size: .8rem; }
.mobile-bars { height: 54px; display: flex; align-items: end; gap: .3rem; margin: .85rem 0; }
.mobile-bars i { flex: 1; height: 45%; border-radius: .2rem .2rem 0 0; background: rgba(10,132,255,.25); }
.mobile-bars i:nth-child(2) { height: 65%; }.mobile-bars i:nth-child(3) { height: 52%; }.mobile-bars i:nth-child(4) { height: 83%; background: var(--blue); }.mobile-bars i:nth-child(5) { height: 72%; }
.mobile-pill { display: block; border-radius: 999px; padding: .45rem; color: #75e8b4; background: rgba(63,227,154,.08); font-size: .5rem; font-weight: 800; text-align: center; }
.scroll-cue { position: absolute; bottom: 1.5rem; left: 50%; display: flex; align-items: center; gap: .7rem; transform: translateX(-50%); color: rgba(234,242,255,.35); font-size: .55rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.scroll-cue i { position: relative; display: block; width: 3.5rem; height: 1px; overflow: hidden; background: rgba(255,255,255,.12); }
.scroll-cue i::after { content: ""; position: absolute; inset: 0; width: 50%; background: var(--blue); animation: scroll-line 1.8s ease-in-out infinite; }

.signal-strip { overflow: hidden; border-block: 1px solid rgba(255,255,255,.07); padding: 1rem 0; background: #07101b; }
.signal-track { display: flex; width: max-content; animation: marquee 28s linear infinite; }
.signal-track > div { display: flex; flex: none; align-items: center; gap: 2.5rem; padding-right: 2.5rem; }
.signal-track span { color: rgba(234,242,255,.35); font-size: .67rem; font-weight: 850; letter-spacing: .28em; text-transform: uppercase; }
.signal-track i { width: .3rem; height: .3rem; border-radius: 50%; background: var(--blue); box-shadow: 0 0 14px var(--blue); }

/* Seguridad: una escena técnica, editorial y ligera construida solo con CSS. */
.security-showcase { --scene-rx: 58deg; --scene-rz: -10deg; --scene-y: 0px; isolation: isolate; overflow: hidden; min-height: 100svh; color: var(--text); border-bottom: 1px solid rgba(102,197,255,.11); background: radial-gradient(circle at 76% 33%,rgba(10,132,255,.17),transparent 29rem),radial-gradient(circle at 15% 82%,rgba(30,72,160,.12),transparent 35rem),linear-gradient(145deg,#04070d 8%,#07111e 56%,#050a12); }
.security-grid-bg { position: absolute; z-index: -2; inset: 0; opacity: .2; mask-image: linear-gradient(to bottom,transparent,black 18%,black 82%,transparent); background-image: linear-gradient(rgba(102,197,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(102,197,255,.11) 1px,transparent 1px); background-size: 82px 82px; transform: perspective(900px) rotateX(62deg) scale(1.35) translateY(12%); transform-origin: center 70%; }
.security-beam { position: absolute; z-index: -1; width: 25rem; height: 100%; right: 10%; top: 0; opacity: .4; filter: blur(24px); background: linear-gradient(90deg,transparent,rgba(38,149,255,.08),transparent); transform: skewX(-13deg); animation: beam-drift 8s ease-in-out infinite alternate; }
.security-layout { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: clamp(3rem,7vw,8rem); min-height: min(840px,78vh); }
.security-copy { position: relative; z-index: 3; }.security-copy h2 { max-width: 62rem; font-size: clamp(3rem,5.2vw,6.5rem); }.security-copy h2 em { color: #78cbff; font-family: Georgia,"Times New Roman",serif; font-weight: 400; }.security-copy > p:not(.eyebrow) { max-width: 42rem; margin: 1.7rem 0 0; color: rgba(230,240,255,.61); font-size: 1rem; line-height: 1.78; }
.security-proof { display: grid; gap: .65rem; margin-top: 2rem; }.security-proof > span { display: grid; grid-template-columns: auto 1fr; gap: .05rem .75rem; align-items: center; width: min(100%,31rem); border-bottom: 1px solid rgba(255,255,255,.075); padding: .7rem 0; }.security-proof i { grid-row: 1/3; width: .5rem; height: .5rem; border-radius: 50%; background: #52e3a3; box-shadow: 0 0 0 5px rgba(82,227,163,.07),0 0 18px rgba(82,227,163,.4); }.security-proof strong { color: rgba(245,249,255,.86); font-size: .72rem; }.security-proof small { color: rgba(214,230,250,.38); font-size: .59rem; }
.security-text-link { display: inline-flex; gap: .65rem; margin-top: 1.6rem; border-bottom: 1px solid rgba(114,202,255,.32); padding-bottom: .3rem; color: #9bdcff; font-size: .72rem; font-weight: 820; }.security-text-link span { transition: transform .25s; }.security-text-link:hover span { transform: translateX(.25rem); }
.security-visual { position: relative; min-height: 650px; display: grid; align-items: center; perspective: 1500px; }.security-stage { position: relative; width: min(100%,680px); aspect-ratio: 1; margin-inline: auto; transform-style: preserve-3d; transform: rotateX(var(--scene-rx)) rotateZ(var(--scene-rz)) translateY(var(--scene-y)); transition: transform .15s linear; }
.security-halo { position: absolute; border: 1px solid rgba(96,192,255,.22); border-radius: 50%; transform-style: preserve-3d; }.halo-one { inset: 8%; box-shadow: 0 0 75px rgba(10,132,255,.13),inset 0 0 55px rgba(10,132,255,.06); animation: security-spin 22s linear infinite; }.halo-one::after { content:""; position:absolute; inset:-1px; border-radius:inherit; border-top:2px solid rgba(115,205,255,.75); border-right-color:transparent; filter:drop-shadow(0 0 8px #0a84ff); }.halo-two { inset: 20%; border-style: dashed; animation: security-spin-reverse 16s linear infinite; }.halo-three { inset: 31%; border-color: rgba(82,227,163,.2); box-shadow: 0 0 38px rgba(82,227,163,.08); animation: security-pulse 3.5s ease-in-out infinite; }
.security-data-plane { position: absolute; inset: 10%; opacity: .25; border: 1px solid rgba(102,197,255,.16); background-image: linear-gradient(rgba(102,197,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(102,197,255,.2) 1px,transparent 1px); background-size: 28px 28px; }.plane-back { transform: translateZ(-70px) scale(.84); }.plane-front { transform: translateZ(70px) scale(.84); opacity: .1; }
.security-core { position: absolute; inset: 34%; display: grid; place-items: center; transform: translateZ(105px) rotateZ(10deg); filter: drop-shadow(0 30px 45px rgba(0,0,0,.55)); }.security-core::before,.security-core::after { content:""; position:absolute; inset:-18%; clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%); border:1px solid rgba(102,197,255,.35); background:rgba(7,24,42,.44); }.security-core::after { inset:-36%; opacity:.35; background:transparent; animation: security-pulse 3s ease-in-out infinite; }.security-core-lines { position:absolute; inset:-9%; clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%); background:repeating-linear-gradient(90deg,rgba(106,200,255,.08) 0 1px,transparent 1px 8px); }.security-core-face { position: relative; z-index: 2; display:grid; justify-items:center; transform: rotateZ(-10deg); }.security-core-face span,.security-core-face small { color:rgba(181,222,255,.42); font-size:.42rem; font-weight:900; letter-spacing:.22em; }.security-core-face strong { margin:.25rem 0 -.15rem; color:white; font-size:clamp(2rem,4vw,3.6rem); line-height:1; letter-spacing:-.07em; text-shadow:0 0 30px rgba(91,189,255,.42); }.security-core-face b { margin-bottom:.45rem; color:#77caff; font-size:.64rem; letter-spacing:.2em; }
.security-particles i { position:absolute; z-index:4; width:.34rem; height:.34rem; left:calc(9% + (var(--p) * 7.15%)); top:calc(16% + (var(--p) * 5%)); border-radius:50%; background:#8cd6ff; box-shadow:0 0 14px #0a84ff; transform:translateZ(calc(-70px + (var(--p) * 14px))); animation:particle-float 4s ease-in-out infinite; animation-delay:calc(var(--p) * -.34s); }.security-particles i:nth-child(3n) { top:72%; background:#52e3a3; box-shadow:0 0 14px #52e3a3; }.security-particles i:nth-child(4n) { top:18%; }
.security-orbit-label { position:absolute; z-index:6; display:grid; grid-template-columns:auto 1fr; gap:.08rem .45rem; border:1px solid rgba(102,197,255,.18); border-radius:.65rem; padding:.48rem .65rem; background:rgba(4,11,20,.76); box-shadow:0 18px 45px -26px #000; backdrop-filter:blur(10px); transform:translateZ(125px) rotateZ(10deg); }.security-orbit-label i { grid-row:1/3; align-self:center; width:.38rem; height:.38rem; border-radius:50%; background:#52e3a3; box-shadow:0 0 9px #52e3a3; }.security-orbit-label span { color:rgba(214,232,252,.42); font-size:.42rem; font-weight:850; letter-spacing:.11em; }.security-orbit-label b { color:#f4f8ff; font-size:.56rem; letter-spacing:.06em; }.orbit-label-a { left:2%; top:27%; }.orbit-label-b { right:0; top:38%; }.orbit-label-c { left:21%; bottom:6%; }
.security-scanline { position:absolute; z-index:7; left:12%; right:12%; top:18%; height:1px; background:linear-gradient(90deg,transparent,#7fd2ff,transparent); box-shadow:0 0 18px #0a84ff; animation:security-scan 4.5s ease-in-out infinite; }
.security-visual-status { position:absolute; right:2%; bottom:8%; z-index:10; display:grid; justify-items:end; gap:.25rem; }.security-visual-status span { display:flex; align-items:center; gap:.5rem; color:#dff3ff; font-size:.65rem; font-weight:800; }.security-visual-status i { width:.42rem; height:.42rem; border-radius:50%; background:#52e3a3; box-shadow:0 0 12px #52e3a3; animation:security-pulse 2s ease-in-out infinite; }.security-visual-status small { color:rgba(221,238,255,.37); font-size:.52rem; }
.security-control-grid { position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); gap:.8rem; margin-top:clamp(2rem,4vw,4rem); perspective:1300px; }.security-control { --tilt-x:0deg; --tilt-y:0deg; position:relative; min-height:340px; display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(108,193,255,.14); border-radius:1.35rem; padding:1.35rem; background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); box-shadow:inset 0 1px rgba(255,255,255,.045),0 35px 80px -60px #000; transform-style:preserve-3d; transition:border-color .35s,background .35s,box-shadow .35s,transform .18s ease-out; }.security-control::after { content:""; position:absolute; width:13rem; aspect-ratio:1; right:-8rem; top:-8rem; border-radius:50%; background:rgba(10,132,255,.08); filter:blur(6px); transition:transform .5s; }.security-control:hover { border-color:rgba(106,199,255,.4); background:linear-gradient(155deg,rgba(10,132,255,.11),rgba(255,255,255,.025)); box-shadow:inset 0 1px rgba(255,255,255,.065),0 45px 90px -52px rgba(0,0,0,.9); }.security-control:hover::after { transform:scale(1.45); }.security-control > span { margin-top:1.7rem; color:#64bdf5; font-size:.5rem; font-weight:900; letter-spacing:.18em; }.security-control h3 { margin:.65rem 0 .7rem; font-size:1.3rem; letter-spacing:-.04em; }.security-control p { margin:0; color:rgba(225,238,255,.51); font-size:.74rem; line-height:1.65; }.security-control > small { margin-top:auto; border-top:1px solid rgba(255,255,255,.075); padding-top:1rem; color:rgba(202,226,250,.31); font-size:.43rem; font-weight:850; letter-spacing:.1em; line-height:1.55; }
.control-symbol { position:relative; width:3.6rem; height:3.6rem; display:grid; place-items:center; border:1px solid rgba(102,197,255,.2); border-radius:1rem; background:rgba(10,132,255,.065); transform:translateZ(24px); }.control-symbol i { position:absolute; inset:.55rem; border:1px dashed rgba(102,197,255,.27); border-radius:.65rem; animation:security-spin 11s linear infinite; }.control-symbol b { position:relative; color:#a6e0ff; font-size:.65rem; }.symbol-identity { border-radius:50%; }.symbol-identity i { border-radius:50%; }.symbol-isolation i { border-style:solid; box-shadow:inset 0 0 0 .35rem rgba(10,132,255,.045); }.symbol-trace i { transform:rotate(45deg); border-style:solid; border-radius:.25rem; }
.security-statement { position:relative; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:clamp(1.5rem,5vw,5rem); margin-top:clamp(4rem,8vw,8rem); border-block:1px solid rgba(106,198,255,.13); padding:clamp(2rem,4vw,3.5rem) 0; }.security-statement-index { color:#5bbaf6; font-size:.52rem; font-weight:900; letter-spacing:.2em; }.security-statement p { margin:0; color:rgba(228,240,255,.48); font-size:clamp(1.2rem,2.3vw,2.2rem); line-height:1.35; letter-spacing:-.03em; }.security-statement p strong { color:#f2f8ff; }.security-statement > div { display:flex; gap:.45rem; }.security-statement > div i { width:.45rem; height:.45rem; border:1px solid rgba(109,201,255,.45); transform:rotate(45deg); animation:security-pulse 2.4s ease-in-out infinite; }.security-statement > div i:nth-child(2){animation-delay:-.6s}.security-statement > div i:nth-child(3){animation-delay:-1.2s}.security-statement > div i:nth-child(4){animation-delay:-1.8s}

.section { position: relative; padding: clamp(6rem,10vw,10rem) 0; }
.platform, .services, .process, .contact { color: #111a27; background: var(--paper); }
.platform::before, .services::before, .process::before, .contact::before { content: ""; position: absolute; width: min(40rem,70vw); aspect-ratio: 1; border-radius: 50%; filter: blur(85px); pointer-events: none; background: rgba(10,132,255,.07); }
.platform::before { left: -25rem; top: 5rem; }.services::before { right: -24rem; bottom: 0; }.process::before { right: -24rem; top: 8rem; }.contact::before { left: -20rem; bottom: -12rem; }
.section-intro { max-width: 58rem; }
.section-intro .eyebrow, .solutions .eyebrow, .contact .eyebrow { color: #5f7189; }
.section h2 { margin: 0; font-size: clamp(2.8rem,5.6vw,6.5rem); line-height: .95; letter-spacing: -.06em; text-wrap: balance; }
.section-intro > p:last-child { max-width: 43rem; margin: 1.5rem 0 0; color: #607088; font-size: 1.04rem; line-height: 1.75; }
.layers-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 4rem; }
.layer-card { position: relative; min-height: 430px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(9,23,42,.1); border-radius: var(--radius); padding: 2rem; background: rgba(255,255,255,.62); box-shadow: 0 28px 65px -48px rgba(12,30,55,.45); transition: transform .4s, box-shadow .4s, border-color .4s; }
.layer-card::after { content: ""; position: absolute; width: 13rem; aspect-ratio: 1; right: -8rem; top: -8rem; border-radius: 50%; background: rgba(10,132,255,.08); transition: transform .5s; }
.layer-card:hover { transform: translateY(-8px); border-color: rgba(10,132,255,.35); box-shadow: 0 40px 90px -45px rgba(12,30,55,.42); }
.layer-card:hover::after { transform: scale(1.5); }
.layer-card.featured { color: white; border-color: rgba(102,197,255,.24); background: linear-gradient(145deg,#091523,#0c1b2c); box-shadow: 0 35px 85px -45px rgba(2,10,24,.9); }
.layer-card.featured p, .layer-card.featured li { color: rgba(234,242,255,.6); }
.layer-number { color: #8da0b8; font-size: .65rem; font-weight: 900; letter-spacing: .2em; }
.layer-icon { width: 3.5rem; height: 3.5rem; display: grid; place-items: center; margin-top: 4.5rem; border: 1px solid rgba(10,132,255,.22); border-radius: 1.1rem; color: var(--blue); background: rgba(10,132,255,.07); font-size: 1.4rem; box-shadow: 0 18px 40px -25px rgba(10,132,255,.7); }
.layer-card h3 { margin: 1.3rem 0 .8rem; font-size: 1.55rem; letter-spacing: -.04em; }
.layer-card p { margin: 0; color: #607088; line-height: 1.65; }
.layer-card ul { display: grid; gap: .55rem; margin: auto 0 0; padding: 1.5rem 0 0; border-top: 1px solid rgba(128,146,170,.15); list-style: none; color: #53647a; font-size: .76rem; font-weight: 700; }
.layer-card li::before { content: "↗"; margin-right: .65rem; color: var(--blue); }

.services { overflow: hidden; border-top: 1px solid rgba(19,38,63,.08); background: linear-gradient(180deg,#edf3fa,#f4f7fb); }
.services-intro { max-width: 70rem; }.services-intro h2 { max-width: 66rem; }
.service-grid { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 4rem; }
.service-card { min-height: 530px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(19,38,63,.1); border-radius: var(--radius); padding: clamp(1.5rem,2.3vw,2.25rem); background: rgba(255,255,255,.72); box-shadow: 0 30px 75px -55px rgba(12,30,55,.55); transition: transform .35s,border-color .35s,box-shadow .35s; }
.service-card:hover { transform: translateY(-7px); border-color: rgba(10,132,255,.32); box-shadow: 0 42px 95px -52px rgba(12,30,55,.45); }
.service-card > header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid rgba(19,38,63,.09); padding-bottom: 1.15rem; }.service-card > header span { color: var(--blue); font-size: .65rem; font-weight: 900; letter-spacing: .18em; }.service-card > header small { color: #7b8ba0; font-size: .62rem; font-weight: 750; }
.service-card h3 { margin: 3.4rem 0 1rem; font-size: clamp(1.7rem,2.4vw,2.5rem); line-height: 1.02; letter-spacing: -.05em; }.service-card > p { margin: 0; color: #607088; line-height: 1.65; }
.service-card ul { display: grid; gap: .7rem; margin: 2rem 0; padding: 0; list-style: none; color: #52647a; font-size: .73rem; font-weight: 720; }.service-card li { display: flex; gap: .65rem; align-items: center; }.service-card li::before { content: ""; width: .42rem; height: .42rem; flex: 0 0 .42rem; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(10,132,255,.08); }
.service-card-foot { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-top: auto; border-top: 1px solid rgba(19,38,63,.09); padding-top: 1rem; }.service-card-foot small { max-width: 11rem; color: #7b8ba0; font-size: .58rem; line-height: 1.45; }.service-card-foot a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .55rem; color: #142034; font-size: .68rem; font-weight: 850; }.service-card-foot a span { color: var(--blue); transition: transform .2s; }.service-card-foot a:hover span { transform: translateX(.25rem); }
.service-card-foot .service-detail { color: #687990; font-size: .61rem; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(104,121,144,.35); text-underline-offset: .22em; }
.service-card.featured { color: white; border-color: rgba(102,197,255,.26); background: linear-gradient(145deg,#081421,#0d1d2e); box-shadow: 0 38px 90px -48px rgba(3,12,25,.85); }.service-card.featured > header { border-color: rgba(255,255,255,.1); }.service-card.featured > header small,.service-card.featured > p,.service-card.featured li,.service-card.featured .service-card-foot small { color: rgba(234,242,255,.55); }.service-card.featured .service-card-foot { border-color: rgba(255,255,255,.1); }.service-card.featured .service-card-foot a { color: white; }

.why-rynor { overflow: hidden; color: #132036; border-top: 1px solid rgba(19,38,63,.08); background: radial-gradient(circle at 85% 8%,rgba(10,132,255,.09),transparent 25rem),#f8fafc; }
.why-heading { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: clamp(3rem,8vw,9rem); }
.why-heading h2 { max-width: 63rem; }
.why-heading > p { max-width: 34rem; margin: 0 0 .4rem; color: #607088; font-size: 1rem; line-height: 1.75; }
.why-proof-rail { display:grid; grid-template-columns:repeat(3,1fr); margin-top:3rem; border-block:1px solid rgba(19,38,63,.1); }.why-proof-rail > span { position:relative; display:grid; grid-template-columns:auto 1fr; gap:.2rem .9rem; align-items:center; min-height:92px; padding:1rem 1.4rem; }.why-proof-rail > span+span { border-left:1px solid rgba(19,38,63,.1); }.why-proof-rail small { grid-row:1/3; color:rgba(10,132,255,.42); font-size:1.45rem; font-weight:920; letter-spacing:-.06em; }.why-proof-rail strong { font-size:.78rem; }.why-proof-rail i { color:#78899f; font-size:.61rem; font-style:normal; }
.why-pillars { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 4rem; }
.why-card { --tilt-x:0deg; --tilt-y:0deg; position:relative; min-height: 510px; display: flex; flex-direction: column; overflow:hidden; border: 1px solid rgba(19,38,63,.1); border-radius: var(--radius); padding: clamp(1.5rem,2.3vw,2.2rem); background: rgba(255,255,255,.72); box-shadow: 0 32px 80px -60px rgba(12,30,55,.6); transform-style:preserve-3d; transition: transform .18s ease-out,border-color .35s,box-shadow .35s; }
.why-card:hover { transform: translateY(-7px); border-color: rgba(10,132,255,.32); box-shadow: 0 44px 95px -58px rgba(12,30,55,.52); }
.why-card > span { color: var(--blue); font-size: .6rem; font-weight: 900; letter-spacing: .15em; }
.why-card h3 { margin: 1.5rem 0 1rem; font-size: clamp(1.65rem,2.3vw,2.3rem); line-height: 1.04; letter-spacing: -.05em; }
.why-card p { margin: 0; color: #607088; font-size: .84rem; line-height: 1.7; }
.why-card ul { display: grid; gap: .65rem; margin: auto 0 0; border-top: 1px solid rgba(19,38,63,.09); padding: 1.4rem 0 0; color: #52647a; font-size: .72rem; font-weight: 750; list-style: none; }
.why-card li::before { content: ""; display: inline-block; width: .4rem; height: .4rem; margin-right: .65rem; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(10,132,255,.08); }
.why-card-featured { color: white; border-color: rgba(102,197,255,.25); background: linear-gradient(145deg,#081421,#0d1d2e); box-shadow: 0 38px 90px -48px rgba(3,12,25,.85); }
.why-card-featured p,.why-card-featured li { color: rgba(234,242,255,.56); }.why-card-featured ul { border-color: rgba(255,255,255,.1); }
.why-card-visual { position:relative; height:120px; margin-top:1.5rem; border:1px solid rgba(19,38,63,.08); border-radius:1.15rem; overflow:hidden; background:linear-gradient(145deg,rgba(10,132,255,.055),rgba(255,255,255,.2)); transform:translateZ(22px); }.why-card-visual::before { content:""; position:absolute; inset:0; opacity:.35; background-image:linear-gradient(rgba(10,132,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(10,132,255,.14) 1px,transparent 1px); background-size:20px 20px; }.why-card-visual i { position:absolute; left:14%; right:14%; height:1px; top:28%; background:linear-gradient(90deg,transparent,rgba(10,132,255,.5),transparent); animation:why-data-line 3.5s ease-in-out infinite; }.why-card-visual i:nth-child(2){top:50%;animation-delay:-1.1s}.why-card-visual i:nth-child(3){top:72%;animation-delay:-2.2s}.why-card-visual b { position:absolute; inset:0; display:grid; place-items:center; color:#0a84ff; font-size:1.6rem; text-shadow:0 0 22px rgba(10,132,255,.3); }.visual-evolution b { animation:why-arrow 2.6s ease-in-out infinite; }.visual-control { border-color:rgba(102,197,255,.16); background:rgba(10,132,255,.07); }.visual-control b { color:#65dca0; text-shadow:0 0 22px rgba(82,227,163,.35); }.why-card-featured .why-card-visual { border-color:rgba(102,197,255,.13); background:rgba(10,132,255,.055); }.why-card-featured .why-card-visual::before { opacity:.2; }

[data-tilt].reveal { transform:translateY(30px); }[data-tilt].reveal.is-visible { transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px)); }
.evolution-panel { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem,7vw,7rem); margin-top: 1rem; border: 1px solid rgba(19,38,63,.1); border-radius: calc(var(--radius) + .35rem); padding: clamp(1.6rem,4vw,4rem); background: #edf3fa; }
.evolution-copy > small { color: #2878bd; font-size: .55rem; font-weight: 900; letter-spacing: .16em; }
.evolution-copy h3 { margin: 1rem 0; font-size: clamp(2rem,3.6vw,4.2rem); line-height: .98; letter-spacing: -.055em; }.evolution-copy h3 em { color: var(--blue); font-style: normal; }
.evolution-copy p { max-width: 35rem; margin: 0; color: #607088; font-size: .82rem; line-height: 1.7; }.evolution-copy .button { margin-top: 1.5rem; }
.evolution-path { border-top: 1px solid rgba(19,38,63,.13); }
.evolution-path article { display: grid; grid-template-columns: 110px 1fr auto; align-items: center; gap: 1rem; border-bottom: 1px solid rgba(19,38,63,.13); padding: 1.25rem .25rem; }
.evolution-path article > span { color: #74869d; font-size: .5rem; font-weight: 900; letter-spacing: .11em; }.evolution-path strong { display: block; font-size: .9rem; }.evolution-path p { margin: .3rem 0 0; color: #607088; font-size: .68rem; line-height: 1.5; }.evolution-path i { color: rgba(10,132,255,.35); font-size: 1.45rem; font-style: normal; font-weight: 900; letter-spacing: -.08em; }

.solutions { background: linear-gradient(180deg,#05080f,#07101d); }
.solutions-shell { display: grid; grid-template-columns: .9fr 1.1fr; align-items: start; gap: clamp(3rem,6vw,7rem); }
.solutions-copy > p:not(.eyebrow) { max-width: 38rem; margin: 1.5rem 0 0; color: rgba(234,242,255,.6); line-height: 1.75; }
.solution-tabs { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 2.3rem; }
.solution-tabs button { border: 1px solid rgba(255,255,255,.1); border-radius: 999px; padding: .68rem .85rem; color: rgba(234,242,255,.5); background: rgba(255,255,255,.025); cursor: pointer; font-size: .72rem; font-weight: 800; transition: color .2s, background-color .2s, border-color .2s; }
.solution-tabs button[aria-selected="true"] { color: white; border-color: var(--blue); background: var(--blue); }
.sector-content { margin-top: 2rem; padding-top: 1.75rem; border-top: 1px solid rgba(255,255,255,.09); }
.sector-content > span { color: var(--blue-light); font-size: .62rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }
.sector-content h3 { margin: .7rem 0; font-size: clamp(1.6rem,3vw,2.5rem); letter-spacing: -.045em; }
.sector-content p { margin: 0; color: rgba(234,242,255,.58); line-height: 1.65; }
.sector-detail-link { display: inline-flex; align-items: center; gap: .55rem; margin-top: 1rem; color: #b9dfff; font-size: .68rem; font-weight: 800; }.sector-detail-link span { color: var(--blue-light); transition: transform .2s; }.sector-detail-link:hover span { transform: translateX(.25rem); }
.module-configurator { margin-top: 1.6rem; border: 1px solid rgba(255,255,255,.1); border-radius: 1.45rem; padding: 1rem; background: rgba(255,255,255,.025); }
.module-configurator-head { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding: .25rem .25rem .9rem; }
.module-configurator-head small { display: block; color: var(--blue-light); font-size: .5rem; font-weight: 850; letter-spacing: .16em; }
.module-configurator-head strong { display: block; max-width: 20rem; margin-top: .35rem; font-size: .83rem; line-height: 1.35; }
.module-configurator-head > span { flex: 0 0 auto; border-radius: 999px; padding: .42rem .62rem; color: #80d1ff; background: rgba(10,132,255,.1); font-size: .53rem; font-weight: 850; }
.module-options { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; }
.module-option { min-width: 0; min-height: 88px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .65rem; border: 1px solid rgba(255,255,255,.08); border-radius: 1rem; padding: .75rem; color: rgba(234,242,255,.76); background: rgba(255,255,255,.025); text-align: left; cursor: pointer; transition: transform .2s,border-color .2s,background-color .2s,box-shadow .2s; }
.module-option:hover { transform: translateY(-2px); border-color: rgba(102,197,255,.35); background: rgba(10,132,255,.055); }
.module-option[aria-pressed="true"] { border-color: rgba(102,197,255,.42); background: linear-gradient(145deg,rgba(10,132,255,.15),rgba(10,132,255,.055)); box-shadow: inset 0 0 0 1px rgba(10,132,255,.08),0 12px 28px -24px rgba(10,132,255,.9); }
.module-number { width: 1.7rem; height: 1.7rem; display: grid; place-items: center; border-radius: .55rem; color: rgba(234,242,255,.42); background: rgba(255,255,255,.055); font-size: .48rem; font-weight: 900; }
.module-option[aria-pressed="true"] .module-number { color: white; background: var(--blue); }
.module-option-copy { min-width: 0; }.module-option-copy strong { display: block; font-size: .66rem; line-height: 1.25; }.module-option-copy small { display: block; margin-top: .28rem; color: rgba(234,242,255,.42); font-size: .52rem; line-height: 1.35; }
.module-toggle { width: 1.65rem; height: .9rem; border-radius: 999px; padding: .14rem; background: rgba(255,255,255,.1); transition: background-color .2s; }.module-toggle i { display: block; width: .62rem; height: .62rem; border-radius: 50%; background: rgba(255,255,255,.55); transition: transform .2s,background-color .2s; }
.module-option[aria-pressed="true"] .module-toggle { background: var(--blue); }.module-option[aria-pressed="true"] .module-toggle i { transform: translateX(.72rem); background: white; }
.module-configurator-actions { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-top: .8rem; }
.module-reset { border: 0; padding: .45rem .25rem; color: rgba(234,242,255,.5); background: transparent; cursor: pointer; font-size: .57rem; font-weight: 750; }
.module-reset:hover { color: white; }.configurator-cta { min-height: 44px; padding: .68rem .9rem; font-size: .62rem; }.configurator-cta:disabled { cursor: not-allowed; opacity: .42; transform: none; }
.sector-stage { position: sticky; top: 110px; perspective: 1500px; }
.sector-screen { position: relative; min-height: 690px; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 2rem; background: #0b1421; box-shadow: 0 45px 120px -45px #000, 0 0 80px rgba(10,132,255,.07); transform: rotateY(-4deg) rotateX(1deg); transition: transform .7s; }
.sector-stage:hover .sector-screen { transform: none; }
.sector-screen > header { height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 0 1.2rem; border-bottom: 1px solid rgba(255,255,255,.08); color: rgba(234,242,255,.65); font-size: .68rem; font-weight: 800; }
.sector-screen > header span { display: flex; align-items: center; gap: .55rem; }.sector-screen > header span i { width: .45rem; height: .45rem; border-radius: 50%; background: #3fe39a; box-shadow: 0 0 12px #3fe39a; }
.workspace-sector { display: flex; align-items: center; gap: .55rem; }.workspace-sector b { border: 1px solid rgba(255,255,255,.08); border-radius: 999px; padding: .35rem .55rem; color: rgba(234,242,255,.58); background: rgba(255,255,255,.035); font-size: .5rem; letter-spacing: .08em; text-transform: uppercase; }.workspace-sector > i { width: .42rem; height: .42rem; border-radius: 50%; background: rgba(255,255,255,.2); }
.sector-screen aside { position: absolute; inset: 54px auto 0 0; width: 62px; display: flex; flex-direction: column; align-items: center; gap: 1.1rem; padding-top: 1rem; border-right: 1px solid rgba(255,255,255,.07); }
.side-logo { width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: .65rem; color: white; background: var(--blue); font-size: .65rem; font-weight: 900; }
.sector-screen aside > div { display: grid; gap: .65rem; }
.preview-nav-button { position: relative; width: 1.75rem; height: 1.75rem; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: .52rem; padding: 0; color: rgba(234,242,255,.4); background: rgba(255,255,255,.035); cursor: pointer; font-size: .42rem; font-weight: 900; transition: color .2s,border-color .2s,background-color .2s,box-shadow .2s; }
.preview-nav-button:hover,.preview-nav-button[aria-pressed="true"] { color: white; border-color: rgba(102,197,255,.34); background: rgba(10,132,255,.22); box-shadow: 0 0 16px rgba(10,132,255,.12); }
.preview-nav-button::after { content: attr(data-tooltip); position: absolute; z-index: 3; left: calc(100% + .65rem); top: 50%; width: max-content; max-width: 10rem; border: 1px solid rgba(255,255,255,.09); border-radius: .45rem; padding: .38rem .5rem; color: rgba(234,242,255,.8); background: #111d2c; box-shadow: 0 8px 24px rgba(0,0,0,.3); opacity: 0; pointer-events: none; transform: translate(-4px,-50%); transition: opacity .18s,transform .18s; font-size: .48rem; font-weight: 700; }
.preview-nav-button:hover::after,.preview-nav-button:focus-visible::after { opacity: 1; transform: translate(0,-50%); }
.preview-nav-home { font-size: .75rem; }
.sector-ui { margin-left: 62px; padding: 2rem; }
.ui-heading { display: flex; justify-content: space-between; align-items: center; }
.ui-heading small { display: block; color: var(--blue-light); font-size: .55rem; font-weight: 800; letter-spacing: .15em; }.ui-heading strong { display: block; margin-top: .35rem; font-size: 1.5rem; }.ui-heading > span { display: inline-flex; align-items: center; gap: .4rem; border-radius: 999px; padding: .45rem .7rem; color: #75e8b4; background: rgba(63,227,154,.07); font-size: .55rem; font-weight: 800; }.ui-heading > span i { width: .35rem; height: .35rem; border-radius: 50%; background: #3fe39a; box-shadow: 0 0 8px #3fe39a; }
.ui-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: .8rem; margin-top: 1.6rem; }
.ui-stat,.ui-chart,.ui-list,.ui-system-summary { border: 1px solid rgba(255,255,255,.07); border-radius: 1.1rem; padding: 1rem; background: rgba(255,255,255,.025); }
.ui-stat small,.ui-chart > small,.ui-list > small { color: var(--muted); font-size: .55rem; font-weight: 750; }.ui-stat strong { display: block; margin: 1.6rem 0 .2rem; font-size: 3.1rem; letter-spacing: -.08em; }.ui-stat span { color: #75e8b4; font-size: .55rem; }
.bar-chart { height: 120px; display: flex; align-items: end; gap: .45rem; margin-top: 1rem; }.bar-chart i { flex: 1; height: 38%; border-radius: .3rem .3rem 0 0; background: rgba(10,132,255,.18); }.bar-chart i:nth-child(2){height:55%}.bar-chart i:nth-child(3){height:43%}.bar-chart i:nth-child(4){height:74%;background:rgba(10,132,255,.45)}.bar-chart i:nth-child(5){height:64%}.bar-chart i:nth-child(6){height:88%;background:var(--blue)}.bar-chart i:nth-child(7){height:72%}
.ui-list { grid-column: 1/-1; }.ui-list p { display: grid; grid-template-columns: auto 1fr auto; gap: .65rem; align-items: center; margin: .8rem 0 0; padding-top: .8rem; border-top: 1px solid rgba(255,255,255,.06); font-size: .62rem; }.ui-list p i { width: .5rem; height: .5rem; border-radius: .18rem; background: var(--blue); }.ui-list p b { color: var(--muted); font-size: .52rem; }
.ui-system-summary { grid-column: 1/-1; }
.ui-system-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }.ui-system-head small { display: block; color: var(--blue-light); font-size: .5rem; font-weight: 850; letter-spacing: .14em; }.ui-system-head strong { display: block; margin-top: .3rem; font-size: .82rem; }.ui-system-head > span { border-radius: 999px; padding: .38rem .55rem; color: #75e8b4; background: rgba(63,227,154,.07); font-size: .5rem; font-weight: 850; }
.ui-module-preview { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; margin-top: .9rem; }
.ui-module-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .6rem; min-width: 0; border: 1px solid rgba(255,255,255,.065); border-radius: .8rem; padding: .62rem; color: inherit; background: rgba(255,255,255,.025); text-align: left; cursor: pointer; animation: module-in .35s ease both; animation-delay: var(--module-delay); transition: border-color .2s,background-color .2s,transform .2s; }.ui-module-card:hover { transform: translateY(-2px); border-color: rgba(102,197,255,.3); background: rgba(10,132,255,.07); }.ui-module-icon { width: 1.65rem; height: 1.65rem; display: grid; place-items: center; border-radius: .5rem; color: #8ed8ff; background: rgba(10,132,255,.14); font-size: .42rem; font-style: normal; font-weight: 900; }.ui-module-icon.tone-2 { color: #8cf1c0; background: rgba(63,227,154,.1); }.ui-module-icon.tone-3 { color: #c9a9ff; background: rgba(158,101,255,.12); }.ui-module-icon.tone-4 { color: #ffd19b; background: rgba(255,162,67,.11); }
.ui-module-card > div { min-width: 0; }.ui-module-card strong { display: block; overflow: hidden; font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }.ui-module-card small { display: block; overflow: hidden; margin-top: .2rem; color: rgba(234,242,255,.35); font-size: .45rem; text-overflow: ellipsis; white-space: nowrap; }.ui-module-card > span { color: #75e8b4; font-size: .44rem; font-weight: 800; }
.ui-modules-empty { grid-column: 1/-1; margin: 0; border: 1px dashed rgba(102,197,255,.2); border-radius: .9rem; padding: 1.4rem; color: rgba(234,242,255,.45); font-size: .62rem; line-height: 1.55; text-align: center; }
.demo-heading { align-items: flex-start; }.demo-heading p { margin: .3rem 0 0; color: rgba(234,242,255,.4); font-size: .56rem; }.ui-heading > .demo-badge { color: #8ed8ff; background: rgba(10,132,255,.1); }
.module-demo { margin-top: 1.2rem; animation: module-in .35s ease both; }
.module-demo-title { display: flex; align-items: end; justify-content: space-between; gap: 1rem; border-bottom: 1px solid rgba(255,255,255,.07); padding-bottom: .8rem; }.module-demo-title small { display: block; color: var(--blue-light); font-size: .47rem; font-weight: 850; letter-spacing: .14em; }.module-demo-title strong { display: block; margin-top: .3rem; font-size: 1.05rem; }.module-demo-title button { border: 0; padding: .35rem 0; color: rgba(234,242,255,.45); background: transparent; cursor: pointer; font-size: .5rem; font-weight: 750; }.module-demo-title button:hover { color: white; }
.demo-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: .55rem; margin-top: .8rem; }.demo-stats > div { min-width: 0; border: 1px solid rgba(255,255,255,.065); border-radius: .75rem; padding: .7rem; background: rgba(255,255,255,.025); }.demo-stats small { display: block; color: rgba(234,242,255,.38); font-size: .46rem; }.demo-stats strong { display: block; margin: .35rem 0 .25rem; overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }.demo-stats span { color: #75e8b4; font-size: .4rem; font-weight: 750; }.demo-stats span.tone-2 { color: #9ccfff; }.demo-stats span.tone-3 { color: #c9a9ff; }
.demo-layout { display: grid; grid-template-columns: 1.35fr .65fr; gap: .6rem; margin-top: .65rem; }
.demo-panel { min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.065); border-radius: .8rem; background: rgba(255,255,255,.023); }.demo-panel > header { min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: .8rem; border-bottom: 1px solid rgba(255,255,255,.055); padding: 0 .75rem; }.demo-panel > header strong { font-size: .54rem; }.demo-panel > header span { color: rgba(234,242,255,.32); font-size: .42rem; }
.demo-product-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .45rem; padding: .6rem; }.demo-product-grid > div { min-width: 0; border: 1px solid rgba(255,255,255,.05); border-radius: .62rem; padding: .48rem; background: rgba(255,255,255,.025); }.demo-product-grid i { height: 30px; display: block; border-radius: .42rem; margin-bottom: .45rem; }.demo-product-grid strong,.demo-product-grid small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.demo-product-grid strong { font-size: .43rem; }.demo-product-grid small { margin-top: .2rem; color: rgba(234,242,255,.4); font-size: .41rem; }
.product-tone-1 { background: linear-gradient(145deg,rgba(10,132,255,.35),rgba(10,132,255,.06)); }.product-tone-2 { background: linear-gradient(145deg,rgba(63,227,154,.28),rgba(63,227,154,.04)); }.product-tone-3 { background: linear-gradient(145deg,rgba(158,101,255,.3),rgba(158,101,255,.05)); }.product-tone-4 { background: linear-gradient(145deg,rgba(255,162,67,.28),rgba(255,162,67,.04)); }
.demo-ticket { display: flex; flex-direction: column; }.demo-ticket-lines { padding: .2rem .65rem; }.demo-ticket-lines p { display: flex; justify-content: space-between; gap: .5rem; margin: 0; border-bottom: 1px solid rgba(255,255,255,.05); padding: .52rem 0; font-size: .42rem; }.demo-ticket-lines p span { color: rgba(234,242,255,.52); }.demo-total { display: flex; align-items: end; justify-content: space-between; margin-top: auto; padding: .65rem; }.demo-total small { color: rgba(234,242,255,.4); font-size: .43rem; }.demo-total strong { font-size: .85rem; }.demo-pay-button { display: flex; justify-content: space-between; margin: 0 .6rem .6rem; border-radius: .55rem; padding: .55rem .65rem; color: white; background: var(--blue); font-size: .5rem; font-weight: 850; }
.demo-card-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .6rem; margin-top: .65rem; }.demo-card-grid article { min-width: 0; border: 1px solid rgba(255,255,255,.065); border-radius: .8rem; padding: .65rem; background: rgba(255,255,255,.023); }.demo-card-visual { height: 60px; display: grid; place-items: center; margin-bottom: .55rem; border-radius: .55rem; color: rgba(255,255,255,.65); font-size: .48rem; font-weight: 900; }.demo-card-grid small { color: var(--blue-light); font-size: .4rem; text-transform: uppercase; }.demo-card-grid strong { display: block; margin-top: .22rem; font-size: .55rem; }.demo-card-grid p { margin: .25rem 0 0; color: rgba(234,242,255,.4); font-size: .46rem; }
.demo-table { margin-top: .65rem; }.demo-table-head,.demo-table-row { display: grid; grid-template-columns: 1.4fr .7fr .7fr; align-items: center; gap: .5rem; padding: .55rem .75rem; }.demo-table-head { color: rgba(234,242,255,.3); background: rgba(255,255,255,.02); font-size: .42rem; text-transform: uppercase; }.demo-table-row { border-top: 1px solid rgba(255,255,255,.05); color: rgba(234,242,255,.62); font-size: .47rem; }.demo-status { justify-self: start; border-radius: 999px; padding: .25rem .38rem; color: #75e8b4; background: rgba(63,227,154,.07); font-size: .4rem; font-weight: 750; }
.demo-board { display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; margin-top: .65rem; }.demo-board > div { min-width: 0; border: 1px solid rgba(255,255,255,.06); border-radius: .75rem; padding: .5rem; background: rgba(255,255,255,.02); }.demo-board header { display: flex; justify-content: space-between; padding: .2rem .1rem .5rem; }.demo-board header strong { font-size: .46rem; }.demo-board header span { color: rgba(234,242,255,.3); font-size: .42rem; }.demo-board article { position: relative; margin-top: .4rem; border: 1px solid rgba(255,255,255,.05); border-radius: .55rem; padding: .55rem; background: rgba(255,255,255,.025); }.demo-board article i { width: .35rem; height: .35rem; display: block; border-radius: 50%; margin-bottom: .45rem; background: var(--blue); }.demo-board article i.tone-2 { background: #9a73f5; }.demo-board article i.tone-3 { background: #3fe39a; }.demo-board article strong,.demo-board article small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.demo-board article strong { font-size: .44rem; }.demo-board article small { margin-top: .25rem; color: rgba(234,242,255,.32); font-size: .38rem; }
.demo-timeline { margin-top: .65rem; }.demo-timeline > div { display: grid; grid-template-columns: 42px auto 1fr auto; align-items: center; gap: .65rem; border-top: 1px solid rgba(255,255,255,.05); padding: .62rem .75rem; }.demo-timeline time { color: rgba(234,242,255,.35); font-size: .42rem; }.demo-timeline > div > i { width: .5rem; height: .5rem; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(10,132,255,.08); }.demo-timeline > div > i.tone-2 { background: #9a73f5; }.demo-timeline > div > i.tone-3 { background: #3fe39a; }.demo-timeline p { margin: 0; }.demo-timeline p strong,.demo-timeline p small { display: block; }.demo-timeline p strong { font-size: .48rem; }.demo-timeline p small { margin-top: .18rem; color: rgba(234,242,255,.35); font-size: .4rem; }.demo-timeline > div > span { color: #75e8b4; font-size: .4rem; }
.demo-contact-list > div { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .55rem; border-top: 1px solid rgba(255,255,255,.05); padding: .55rem .65rem; }.demo-contact-list > div.selected { background: rgba(10,132,255,.07); }.demo-contact-list > div > i { width: 1.55rem; height: 1.55rem; display: grid; place-items: center; border-radius: 50%; color: #8ed8ff; background: rgba(10,132,255,.14); font-size: .39rem; font-style: normal; font-weight: 850; }.demo-contact-list p { min-width: 0; margin: 0; }.demo-contact-list p strong,.demo-contact-list p small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.demo-contact-list p strong { font-size: .46rem; }.demo-contact-list p small { margin-top: .2rem; color: rgba(234,242,255,.35); font-size: .39rem; }.demo-contact-list > div > span { color: rgba(234,242,255,.25); }
.demo-profile { display: flex; flex-direction: column; align-items: center; padding: 1rem .75rem; text-align: center; }.demo-avatar { width: 2.8rem; height: 2.8rem; display: grid; place-items: center; border-radius: 50%; margin-bottom: .55rem; color: white; background: linear-gradient(145deg,var(--blue),#7355e8); font-size: .65rem; font-weight: 900; }.demo-profile > strong { font-size: .58rem; }.demo-profile > small { margin-top: .2rem; color: rgba(234,242,255,.35); font-size: .4rem; }.demo-profile > div:not(.demo-avatar) { width: 100%; margin-top: .8rem; border-top: 1px solid rgba(255,255,255,.06); padding-top: .65rem; }.demo-profile > div span { color: rgba(234,242,255,.35); font-size: .4rem; }.demo-profile > div p { margin: .3rem 0 0; font-size: .45rem; }.demo-profile button { width: 100%; margin-top: auto; border: 1px solid rgba(102,197,255,.22); border-radius: .5rem; padding: .5rem; color: #8ed8ff; background: rgba(10,132,255,.07); font-size: .43rem; font-weight: 800; }
.demo-analytics { grid-template-columns: 1.35fr .65fr; }.demo-bars { height: 160px; display: flex; align-items: end; gap: .35rem; padding: 1rem .75rem .65rem; }.demo-bars i { flex: 1; height: var(--bar); border-radius: .25rem .25rem 0 0; background: linear-gradient(180deg,var(--blue),rgba(10,132,255,.15)); animation: bar-grow .5s ease both; animation-delay: var(--delay); }.demo-breakdown p { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .45rem; margin: 0; border-top: 1px solid rgba(255,255,255,.05); padding: .65rem; font-size: .43rem; }.demo-breakdown p i { width: .4rem; height: .4rem; border-radius: 50%; background: var(--blue); }.demo-breakdown p i.tone-2 { background: #9a73f5; }.demo-breakdown p i.tone-3 { background: #3fe39a; }.demo-breakdown p span { color: rgba(234,242,255,.45); }

.case-study { overflow: hidden; background: radial-gradient(circle at 78% 48%,rgba(180,83,9,.13),transparent 28rem),linear-gradient(180deg,#07101d,#05080f); }
.case-layout { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: clamp(3rem,7vw,8rem); }
.case-copy h2 { font-size: clamp(2.7rem,4.7vw,5.6rem); }.case-copy > p:not(.eyebrow) { max-width: 40rem; color: rgba(234,242,255,.58); line-height: 1.75; }
.case-scope { display: grid; gap: .55rem; margin-top: 2rem; }.case-scope article { display: grid; grid-template-columns: 72px 1fr; gap: .35rem 1rem; border: 1px solid rgba(255,255,255,.08); border-radius: 1rem; padding: .9rem 1rem; background: rgba(255,255,255,.025); }.case-scope article > span { grid-row: 1/3; color: #e6a86f; font-size: .54rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }.case-scope strong { font-size: .76rem; }.case-scope p { margin: 0; color: rgba(234,242,255,.4); font-size: .62rem; line-height: 1.45; }
.case-action { margin-top: 1.3rem; }.case-disclaimer { display: block; max-width: 35rem; margin-top: .85rem; color: rgba(234,242,255,.3); font-size: .55rem; line-height: 1.45; }
.case-visual { position: relative; min-height: 700px; perspective: 1600px; }
.case-browser { position: absolute; inset: 4% 3% 16% 0; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 1.8rem; background: #f7f2eb; box-shadow: 0 45px 120px -45px #000; transform: rotateY(-4deg); transition: transform .6s; }.case-visual:hover .case-browser { transform: none; }
.case-browser > header { height: 48px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid rgba(32,22,15,.09); padding: 0 1rem; color: #7d6b5e; background: rgba(255,255,255,.76); font-size: .55rem; }.case-browser > header div { display: flex; gap: .3rem; }.case-browser > header i { width: .43rem; height: .43rem; border-radius: 50%; background: #d4c7ba; }.case-browser > header span { border-radius: 999px; padding: .32rem 2.2rem; background: #eee7de; }.case-browser > header b { justify-self: end; color: #b45309; font-size: .46rem; letter-spacing: .08em; text-transform: uppercase; }
.restaurant-site { min-height: 500px; color: #2b221d; background: radial-gradient(circle at 80% 20%,rgba(180,83,9,.14),transparent 17rem),#f7f2eb; }.restaurant-site nav { height: 62px; display: flex; align-items: center; gap: 1.2rem; padding: 0 1.6rem; }.restaurant-site nav strong { margin-right: auto; font-family: Georgia,serif; font-size: .82rem; letter-spacing: .08em; }.restaurant-site nav span { color: #7d6b5e; font-size: .48rem; }.restaurant-site nav > b { border-radius: 999px; padding: .5rem .7rem; color: white; background: #9a4e1b; font-size: .45rem; font-weight: 800; }
.restaurant-hero { min-height: 280px; padding: 2.7rem 2.4rem 1.5rem; }.restaurant-hero > small { color: #a46132; font-size: .45rem; font-weight: 850; letter-spacing: .13em; }.restaurant-hero > strong { display: block; margin-top: .8rem; font-family: Georgia,serif; font-size: clamp(2.2rem,3.7vw,4.3rem); line-height: .88; letter-spacing: -.05em; }.restaurant-hero > p { max-width: 20rem; color: #77685e; font-size: .6rem; line-height: 1.55; }.restaurant-hero > div { display: flex; gap: .45rem; margin-top: 1rem; }.restaurant-hero > div span { border: 1px solid rgba(88,55,34,.15); border-radius: 999px; padding: .5rem .7rem; font-size: .46rem; font-weight: 800; }.restaurant-hero > div span:first-child { color: white; border-color: #9a4e1b; background: #9a4e1b; }
.restaurant-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; padding: 0 1.2rem 1.2rem; }.restaurant-cards article { border: 1px solid rgba(68,42,27,.09); border-radius: .8rem; padding: .65rem; background: rgba(255,255,255,.65); }.restaurant-cards i { height: 35px; display: block; border-radius: .5rem; margin-bottom: .5rem; background: linear-gradient(135deg,rgba(180,83,9,.32),rgba(180,83,9,.04)); }.restaurant-cards article:nth-child(2) i { background: linear-gradient(135deg,rgba(55,86,58,.32),rgba(55,86,58,.04)); }.restaurant-cards article:nth-child(3) i { background: linear-gradient(135deg,rgba(57,72,106,.3),rgba(57,72,106,.04)); }.restaurant-cards span,.restaurant-cards strong { display: block; }.restaurant-cards span { color: #9a6b4b; font-size: .4rem; }.restaurant-cards strong { margin-top: .2rem; font-size: .5rem; }
.case-operations { position: absolute; z-index: 3; width: 72%; right: -2%; bottom: 2%; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 1.4rem; padding: 1rem; background: rgba(8,18,30,.97); box-shadow: 0 36px 95px -36px #000; transform: rotateY(-2deg) translateZ(60px); }.case-operations > header { display: flex; align-items: center; justify-content: space-between; }.case-operations > header div { display: flex; align-items: center; gap: .55rem; font-size: .64rem; }.case-operations > header small { border-radius: 999px; padding: .35rem .5rem; color: #75e8b4; background: rgba(63,227,154,.07); font-size: .43rem; font-weight: 800; }
.case-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; margin-top: .8rem; }.case-kpis p { margin: 0; border: 1px solid rgba(255,255,255,.07); border-radius: .75rem; padding: .65rem; background: rgba(255,255,255,.025); }.case-kpis span,.case-kpis strong,.case-kpis small { display: block; }.case-kpis span { color: rgba(234,242,255,.4); font-size: .43rem; }.case-kpis strong { margin-top: .25rem; font-size: 1.1rem; }.case-kpis small { margin-top: .15rem; color: #75e8b4; font-size: .4rem; }
.case-flow { margin-top: .7rem; border-top: 1px solid rgba(255,255,255,.07); padding-top: .65rem; }.case-flow > small { color: var(--blue-light); font-size: .43rem; font-weight: 850; letter-spacing: .12em; }.case-flow p { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .55rem; margin: .45rem 0 0; border-top: 1px solid rgba(255,255,255,.05); padding-top: .45rem; }.case-flow p > i { width: .45rem; height: .45rem; border-radius: 50%; background: var(--blue); }.case-flow p span strong,.case-flow p span small { display: block; }.case-flow p span strong { font-size: .48rem; }.case-flow p span small { margin-top: .15rem; color: rgba(234,242,255,.35); font-size: .4rem; }.case-flow p b { color: rgba(234,242,255,.4); font-size: .4rem; }

.control-story { overflow: hidden; background: #07101d; }
.control-backdrop { position: absolute; inset: 0; opacity: .32; background: radial-gradient(circle at 75% 50%,rgba(10,132,255,.25),transparent 27rem), linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.05) 50%,transparent 50.2%); }
.control-layout { position: relative; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(4rem,9vw,10rem); }
.control-copy p:not(.eyebrow) { max-width: 40rem; color: rgba(234,242,255,.6); line-height: 1.75; }
.text-link { display: inline-flex; gap: .8rem; margin-top: 1.2rem; color: white; font-weight: 800; }.text-link span { color: var(--blue-light); transition: transform .2s; }.text-link:hover span { transform: translateX(.3rem); }
.control-stack { display: grid; gap: .75rem; }
.control-stack article { display: grid; grid-template-columns: auto 1fr; gap: 1.3rem; border: 1px solid rgba(255,255,255,.09); border-radius: 1.3rem; padding: 1.4rem; background: rgba(255,255,255,.035); backdrop-filter: blur(15px); transition: transform .35s,border-color .35s,background-color .35s; }
.control-stack article:hover { transform: translateX(-8px); border-color: rgba(10,132,255,.35); background: rgba(10,132,255,.055); }
.control-stack article > span { color: var(--blue-light); font-size: .58rem; font-weight: 900; letter-spacing: .15em; }
.control-stack small { color: var(--muted); font-size: .55rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }.control-stack strong { display: block; margin-top: .35rem; font-size: 1.2rem; }.control-stack p { margin: .35rem 0 0; color: rgba(234,242,255,.48); font-size: .8rem; }

.section-intro.split { max-width: none; display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 4rem; }.section-intro.split > p { margin: 0 0 .5rem; }
.process-list { margin: 4.5rem 0 0; padding: 0; border-top: 1px solid rgba(19,38,63,.13); list-style: none; }
.process-list li { display: grid; grid-template-columns: 80px 1fr auto; align-items: center; gap: 2rem; min-height: 145px; border-bottom: 1px solid rgba(19,38,63,.13); transition: padding .35s,background-color .35s; }
.process-list li:hover { padding-inline: 1rem; background: rgba(255,255,255,.45); }
.process-list li > span { color: var(--blue); font-size: .7rem; font-weight: 900; letter-spacing: .2em; }.process-list h3 { margin: 0; font-size: 1.55rem; letter-spacing: -.04em; }.process-list p { margin: .35rem 0 0; color: #607088; }.process-list i { border: 1px solid rgba(19,38,63,.1); border-radius: 999px; padding: .55rem .8rem; color: #6a7a90; font-size: .65rem; font-style: normal; font-weight: 750; }

.promise { padding-top: 0; color: white; background: var(--paper); }
.promise-card { position: relative; isolation: isolate; display: grid; grid-template-columns: 1.1fr .9fr; gap: 5rem; overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 2.5rem; padding: clamp(2rem,5vw,5rem); background: linear-gradient(145deg,#07101d,#0b1827); box-shadow: 0 45px 100px -55px rgba(3,12,25,.85); }
.promise-grid { position: absolute; z-index: -1; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size: 52px 52px; mask-image: radial-gradient(circle at 30% 50%,black,transparent 70%); }
.promise-card h2 { font-size: clamp(2.5rem,4.4vw,5rem); }
.promise-points { display: grid; gap: 1rem; align-content: center; }.promise-points p { display: grid; grid-template-columns: auto 1fr; column-gap: 1rem; margin: 0; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,.1); }.promise-points span { grid-row: 1/3; color: var(--blue-light); font-size: .58rem; font-weight: 900; }.promise-points strong { font-size: .95rem; }.promise-points small { margin-top: .3rem; color: rgba(234,242,255,.5); line-height: 1.5; }

.engagement { color: white; background: #06101c; }
.engagement .section-intro > p { color: rgba(234,242,255,.55); }
.engagement-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: .8rem; margin-top: 4rem; }
.engagement-card { min-height: 330px; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.09); border-radius: 1.5rem; padding: 1.5rem; background: linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015)); }
.engagement-card > span { color: var(--blue-light); font-size: .6rem; font-weight: 900; letter-spacing: .16em; }
.engagement-card h3 { margin: 3rem 0 .8rem; font-size: 1.45rem; letter-spacing: -.04em; }
.engagement-card p { margin: 0; color: rgba(234,242,255,.5); font-size: .82rem; line-height: 1.65; }
.engagement-card small { margin-top: auto; border-top: 1px solid rgba(255,255,255,.08); padding-top: 1rem; color: rgba(234,242,255,.38); font-size: .6rem; font-weight: 700; }
.engagement-cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 1rem; border: 1px solid rgba(10,132,255,.25); border-radius: 1.5rem; padding: 1.25rem 1.4rem; background: rgba(10,132,255,.07); }
.engagement-cta p { max-width: 55rem; margin: 0; color: rgba(234,242,255,.6); font-size: .78rem; line-height: 1.6; }.engagement-cta strong { color: white; }
.engagement-cta .button { flex: 0 0 auto; }

.faq { color: #142034; background: #f7f9fc; }
.faq .eyebrow { color: #185fa8; }.faq .text-link { color: #142034; }
.faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; align-items: start; gap: clamp(3rem,8vw,9rem); }
.faq-copy { position: sticky; top: 8rem; }.faq-copy > p:not(.eyebrow) { max-width: 30rem; color: #607088; line-height: 1.7; }
.faq-list { border-top: 1px solid rgba(19,38,63,.14); }
.faq-list details { border-bottom: 1px solid rgba(19,38,63,.14); }
.faq-list summary { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 1rem; padding: 1.5rem 0; cursor: pointer; color: #15233a; font-size: 1rem; font-weight: 800; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { display: grid; place-items: center; width: 2rem; height: 2rem; border: 1px solid rgba(19,38,63,.13); border-radius: 50%; color: var(--blue); font-size: 1.2rem; transition: transform .25s,background-color .25s; }
.faq-list details[open] summary span { transform: rotate(45deg); background: rgba(10,132,255,.08); }
.faq-list details > div { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; }.faq-list details[open] > div { grid-template-rows: 1fr; }.faq-list details > div > p { overflow: hidden; margin: 0; padding: 0 3rem 0 0; color: #607088; line-height: 1.75; }.faq-list details[open] > div > p { padding-bottom: 1.5rem; }

.contact-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem,8vw,9rem); }
.contact-copy > p:not(.eyebrow) { max-width: 37rem; color: #607088; line-height: 1.75; }
.contact-meta { margin-top: 2rem; }.contact-meta a { display: inline-flex; align-items: center; gap: .8rem; font-size: 1.05rem; font-weight: 850; }.contact-meta a span { color: var(--blue); }.contact-meta small { display: block; margin-top: .55rem; color: #7b8ba0; }
.contact-form { display: grid; gap: 1rem; border: 1px solid rgba(9,23,42,.1); border-radius: 2rem; padding: clamp(1.5rem,3vw,2.5rem); background: rgba(255,255,255,.72); box-shadow: 0 35px 80px -55px rgba(12,30,55,.45); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }.contact-form label span { display: block; margin: 0 0 .5rem .15rem; color: #53647a; font-size: .68rem; font-weight: 800; }.contact-form input,.contact-form select,.contact-form textarea { width: 100%; border: 1px solid rgba(19,38,63,.13); border-radius: 1rem; outline: 0; padding: .9rem 1rem; color: #142034; background: rgba(244,247,251,.85); transition: border-color .2s,box-shadow .2s,background-color .2s; }.contact-form textarea { resize: vertical; min-height: 110px; }.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color: var(--blue); background: white; box-shadow: 0 0 0 4px rgba(10,132,255,.09); }.form-honey { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }.form-consent { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: .65rem; cursor: pointer; }.contact-form .form-consent input { width: 1rem; height: 1rem; margin: .12rem 0 0; accent-color: var(--blue); }.contact-form .form-consent span { margin: 0; color: #607087; font-size: .66rem; font-weight: 650; line-height: 1.45; }.form-submit { width: 100%; margin-top: .25rem; }.form-submit:disabled { cursor: wait; opacity: .72; transform: none; }.form-note { margin: 0; color: #718198; font-size: .65rem; line-height: 1.5; text-align: center; }.form-note.is-success { color: #14754c; font-weight: 750; }.form-note.is-error { color: #ad2b3c; font-weight: 750; }
.contact-form label > span small { display: inline; margin-left: .25rem; color: #8997aa; font-size: .58rem; font-weight: 650; }
.contact-form .form-consent a { color: #185fa8; text-decoration: underline; text-underline-offset: .15em; }
.form-turnstile { display: flex; min-height: 65px; align-items: center; justify-content: center; }

.site-footer { border-top: 1px solid rgba(255,255,255,.08); background: #04070c; }
.footer-top { min-height: 220px; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; gap: 2rem; }.footer-top > p { max-width: 25rem; margin: 0 auto; color: rgba(234,242,255,.45); line-height: 1.6; text-align: center; }.footer-action { justify-self: end; display: inline-flex; gap: .7rem; border-bottom: 1px solid rgba(255,255,255,.3); padding-bottom: .35rem; font-weight: 800; }.footer-action span { color: var(--blue-light); }
.footer-bottom { min-height: 70px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem; border-top: 1px solid rgba(255,255,255,.07); color: rgba(234,242,255,.35); font-size: .65rem; }.footer-bottom nav { display: flex; gap: 1.2rem; }.footer-bottom > span:last-child { justify-self: end; }
.footer-legal { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; border-top: 1px solid rgba(255,255,255,.055); color: rgba(234,242,255,.28); font-size: .58rem; }.footer-legal nav { display: flex; flex-wrap: wrap; gap: 1rem; }.footer-legal a:hover { color: rgba(234,242,255,.72); }

.reveal { opacity: 0; transform: translateY(30px); transition: opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1); }
.reveal.is-visible { opacity: 1; transform: none; }

@keyframes orbit-spin { to { transform: rotateX(67deg) rotateZ(380deg); } }
@keyframes scroll-line { 0% { transform: translateX(-110%); } 75%,100% { transform: translateX(210%); } }
@keyframes marquee { to { transform: translateX(-50%); } }
@keyframes module-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes bar-grow { from { height: 0; } }
@keyframes security-spin { to { transform: rotate(360deg); } }
@keyframes security-spin-reverse { to { transform: rotate(-360deg); } }
@keyframes security-pulse { 0%,100% { opacity:.38; transform:scale(.98); } 50% { opacity:1; transform:scale(1.035); } }
@keyframes security-scan { 0%,100% { transform:translateY(0); opacity:0; } 12% { opacity:1; } 82% { opacity:.85; } 90% { transform:translateY(390px); opacity:0; } }
@keyframes particle-float { 0%,100% { margin-top:-7px; opacity:.28; } 50% { margin-top:9px; opacity:1; } }
@keyframes beam-drift { from { transform:skewX(-13deg) translateX(-20%); opacity:.2; } to { transform:skewX(-13deg) translateX(35%); opacity:.55; } }
@keyframes why-data-line { 0%,100% { transform:scaleX(.35); opacity:.18; } 50% { transform:scaleX(1); opacity:.9; } }
@keyframes why-arrow { 0%,100% { transform:translateX(-6px); } 50% { transform:translateX(7px); } }

@media (max-width: 1100px) {
  :root { --shell: min(calc(100% - 36px), 1200px); }
  .hero-layout { grid-template-columns: 1fr; padding-top: 4rem; }
  .hero-copy { position: relative; z-index: 2; }
  .hero h1 { font-size: clamp(4rem,12vw,7.6rem); }
  .system-scene { width: min(760px,100%); margin-inline: auto; }
  .security-layout { grid-template-columns:1fr; }.security-copy { max-width:60rem; }.security-visual { width:min(760px,100%); margin:-2rem auto 0; }.security-control-grid { grid-template-columns:1fr 1fr; }.security-control { min-height:300px; }
  .solutions-shell,.control-layout,.contact-layout { grid-template-columns: 1fr; }
  .solutions-copy { max-width: 48rem; }
  .sector-stage { position: static; width: min(800px,100%); margin-inline: auto; }
  .case-layout { grid-template-columns: 1fr; }.case-copy { max-width: 52rem; }.case-visual { width: min(850px,100%); margin-inline: auto; }
  .control-copy { max-width: 50rem; }
  .control-stack { max-width: 700px; }
  .contact-copy { max-width: 55rem; }
}

@media (max-width: 920px) {
  .nav-wrap { grid-template-columns: 1fr auto; min-height: 72px; }
  .menu-toggle { position: relative; z-index: 2; display: grid; place-items: center; width: 43px; height: 43px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; color: white; background: rgba(255,255,255,.04); }
  .menu-toggle span { position: absolute; width: 17px; height: 1px; background: currentColor; transition: transform .3s,top .3s; }.menu-toggle span:first-child { top: 17px; }.menu-toggle span:last-child { top: 24px; }.menu-toggle[aria-expanded="true"] span:first-child { top: 21px; transform: rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { top: 21px; transform: rotate(-45deg); }
  .primary-nav { position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100svh; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: .3rem; overflow-y: auto; border: 0; border-radius: 0; padding: 6rem 2rem; background: rgba(5,8,15,.985); transform: translateY(-105%); visibility: hidden; transition: transform .45s cubic-bezier(.2,.8,.2,1),visibility .45s; }
  .primary-nav.open { transform: none; visibility: visible; }.primary-nav a { width: 100%; padding: .6rem 0; font-size: clamp(2rem,8vw,4rem); letter-spacing: -.04em; }.header-cta { display: none; }
  .layers-grid { grid-template-columns: 1fr; }.layer-card { min-height: 360px; }.layer-icon { margin-top: 2.5rem; }
  .security-statement { grid-template-columns:1fr; }.security-statement > div { display:none; }.why-proof-rail { grid-template-columns:1fr; }.why-proof-rail > span+span { border-left:0; border-top:1px solid rgba(19,38,63,.1); }
  .service-grid { grid-template-columns: 1fr; }.service-card { min-height: 430px; }.service-card h3 { margin-top: 2.2rem; }
  .why-heading { grid-template-columns: 1fr; gap: 1.5rem; }.why-heading > p { max-width: 46rem; }.why-pillars { grid-template-columns: 1fr; }.why-card { min-height: 340px; }.why-card h3 { margin-top: 1.35rem; }.evolution-panel { grid-template-columns: 1fr; }
  .engagement-grid { grid-template-columns: 1fr 1fr; }.engagement-card { min-height: 280px; }.faq-layout { grid-template-columns: 1fr; }.faq-copy { position: static; }
  .section-intro.split { grid-template-columns: 1fr; gap: 1.5rem; }
  .promise-card { grid-template-columns: 1fr; gap: 3rem; }
  .footer-top { grid-template-columns: 1fr; padding-block: 3.5rem; text-align: center; }.footer-brand,.footer-action { justify-self: center; }.footer-top > p { margin-inline: auto; }.footer-bottom { grid-template-columns: 1fr; gap: 1rem; padding-block: 1.5rem; text-align: center; }.footer-bottom nav { justify-content: center; }.footer-bottom > span:last-child { justify-self: center; }
  .footer-legal { flex-direction: column; justify-content: center; padding-block: 1.25rem; text-align: center; }.footer-legal nav { justify-content: center; }
}

@media (max-width: 600px) {
  :root { --shell: calc(100% - 28px); --radius: 22px; }
  .brand-mark { width: 38px; height: 38px; flex-basis: 38px; }.brand-type strong { font-size: .78rem; }.brand-type small { font-size: .44rem; }
  .hero { padding-top: 6.5rem; }.hero-layout { min-height: auto; }.hero h1 { font-size: clamp(3.5rem,17vw,5.4rem); }.hero-lead { font-size: .96rem; }.hero-actions { display: grid; }.hero-actions .button { width: 100%; }.hero-tags { display: grid; grid-template-columns: 1fr 1fr; }
  .hero-security-badge { padding:.65rem; }.hero-security-badge small { letter-spacing:.11em; }.hero-security-badge strong { font-size:.61rem; }.security-showcase { min-height:0; }.security-layout { gap:1rem; }.security-copy h2 { font-size:clamp(2.75rem,13vw,4.4rem); }.security-copy > p:not(.eyebrow) { font-size:.92rem; }.security-visual { min-height:460px; margin:-1rem auto 0; }.security-stage { width:115%; margin-left:-7.5%; }.security-orbit-label { display:none; }.security-visual-status { right:0; bottom:3%; }.security-control-grid { grid-template-columns:1fr; }.security-control { min-height:295px; }.security-statement { margin-top:4rem; }.security-statement p { font-size:1.35rem; }.why-proof-rail > span { min-height:78px; padding:.8rem .4rem; }
  .system-scene { height: 465px; min-height: 0; margin-top: 1rem; }.dashboard-main { inset: 5% 0 8%; transform: rotateY(-4deg); }.dashboard-side { width: 132px; right: -5%; }.dashboard-mobile { width: 125px; left: -3%; }.panel-header { height: 44px; }.dashboard-body { padding: .75rem; }.kpi { padding: .55rem; }.kpi strong { font-size: 1.2rem; }.chart-card svg { height: 74px; }.activity-list > div { padding: .45rem; }.activity-list > div:last-child { display: none; }.scroll-cue { display: none; }
  .section { padding: 5.5rem 0; }.section h2 { font-size: clamp(2.65rem,12vw,4rem); }.section-intro > p:last-child { font-size: .95rem; }
  .layer-card { min-height: 330px; padding: 1.5rem; }
  .why-pillars { margin-top: 2.5rem; }.why-card { min-height: 330px; }.evolution-panel { padding: 1.35rem; }.evolution-path article { grid-template-columns: 1fr auto; gap: .35rem 1rem; }.evolution-path article > span { grid-column: 1/-1; }.evolution-path p { font-size: .65rem; }
  .solution-tabs { display: grid; grid-template-columns: 1fr 1fr; }.solution-tabs button { width: 100%; }.module-options { grid-template-columns: 1fr; }.module-configurator-actions { align-items: stretch; flex-direction: column; }.module-reset { order: 2; }.configurator-cta { width: 100%; }.sector-screen { min-height: 560px; border-radius: 1.4rem; transform: none; }.sector-screen aside { position: static; width: auto; display: flex; flex-direction: row; overflow: visible; gap: .6rem; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.07); padding: .65rem 1rem; }.sector-screen aside .side-logo { display: none; }.sector-screen aside > div { display: flex; overflow-x: auto; gap: .5rem; padding: .2rem; }.preview-nav-button::after { display: none; }.sector-ui { margin-left: 0; padding: 1rem; }.ui-grid { grid-template-columns: 1fr 1fr; }.ui-list { grid-column: 1/-1; }.ui-list p:last-child { display: none; }.ui-module-preview,.demo-layout,.demo-analytics { grid-template-columns: 1fr; }.demo-card-grid { grid-template-columns: 1fr 1fr; }.demo-board { grid-template-columns: 1fr; }.demo-product-grid { grid-template-columns: 1fr 1fr; }
  .case-visual { min-height: 620px; }.case-browser { inset: 2% 0 20%; transform: none; }.case-operations { width: 92%; right: -2%; }.restaurant-site nav span { display: none; }.restaurant-hero { padding-inline: 1.2rem; }.restaurant-cards article:nth-child(3) { display: none; }.restaurant-cards { grid-template-columns: 1fr 1fr; }
  .process-list li { grid-template-columns: 42px 1fr; gap: 1rem; padding-block: 1.3rem; }.process-list li > i { grid-column: 2; justify-self: start; }.process-list p { font-size: .85rem; line-height: 1.55; }
  .promise-card { width: calc(100% - 20px); padding: 2rem 1.3rem; border-radius: 1.7rem; }.promise-card h2 { font-size: 2.65rem; }
  .form-grid { grid-template-columns: 1fr; }.contact-form { padding: 1.25rem; border-radius: 1.5rem; }
  .engagement-grid { grid-template-columns: 1fr; }.engagement-card { min-height: 270px; }.engagement-cta { align-items: stretch; flex-direction: column; }.engagement-cta .button { width: 100%; }.faq-list summary { font-size: .9rem; }.faq-list details > div > p { padding-right: 0; }
}

@media (hover: hover) and (pointer: fine) { .pointer-glow.active { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
  .pointer-glow { display: none; }
}

:focus-visible { outline: 2px solid var(--blue-light); outline-offset: 4px; }