:root {
    color-scheme: dark;
    --ink: #05070a;
    --ink-2: #080d14;
    --surface: rgba(13, 21, 32, .78);
    --surface-solid: #0c131e;
    --surface-light: #111b28;
    --line: rgba(148, 181, 222, .16);
    --line-bright: rgba(104, 174, 255, .38);
    --text: #f5f7fb;
    --muted: #a7b5c8;
    --blue: #338cff;
    --blue-soft: #76b7ff;
    --red: #ff405f;
    --green: #49e0a0;
    --display: "Bahnschrift", "Arial Narrow", "Segoe UI", sans-serif;
    --body: "Aptos", "Segoe UI Variable", "Segoe UI", sans-serif;
    --mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    --container: 1420px;
    --radius-sm: 10px;
    --radius: 18px;
    --radius-lg: 30px;
    --ease: cubic-bezier(.2, .7, .2, 1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { min-width: 320px; overflow-x: hidden; background: var(--ink); color: var(--text); font-family: var(--body); font-size: 16px; line-height: 1.65; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { color: inherit; font: inherit; }
img, svg { display: block; max-width: 100%; }
ul, ol { list-style: none; }
::selection { background: var(--blue); color: white; }
:focus-visible { outline: 2px solid var(--blue-soft); outline-offset: 4px; border-radius: 4px; }

.skip-link { position: fixed; z-index: 1000; left: 18px; top: 12px; padding: 10px 16px; background: white; color: black; transform: translateY(-150%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }

.ambient { position: fixed; z-index: -3; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(circle at 70% -12%, #173252 0, #0a1422 30%, #060a10 61%, var(--ink) 82%); }
.ambient::before { content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 22% 72%,rgba(255,47,83,.12),transparent 30%),radial-gradient(circle at 78% 36%,rgba(30,132,255,.18),transparent 34%);filter:saturate(1.25);animation:ambientDrift 18s ease-in-out infinite alternate; }
.ambient__grid { position: absolute; inset: 0; opacity: .36; background-image: linear-gradient(rgba(102, 172, 255, .095) 1px, transparent 1px), linear-gradient(90deg, rgba(102, 172, 255, .095) 1px, transparent 1px); background-size: 76px 76px; mask-image: linear-gradient(to bottom, black 0, rgba(0,0,0,.68) 58%, transparent 96%); }
.ambient__glow { position: absolute; width: 56vw; height: 56vw; border-radius: 50%; filter: blur(105px); opacity: .19;mix-blend-mode:screen;will-change:transform; }
.ambient__glow--blue { top: -3%; right: -22%; background: #187fff;animation:glowBlue 16s ease-in-out infinite alternate; }
.ambient__glow--red { top: 48%; left: -28%; background: #ff284d; opacity: .12;animation:glowRed 20s ease-in-out infinite alternate; }
.ambient__noise { position: absolute; inset: 0; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E"); }

.site-header { position: fixed; z-index: 100; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; width: min(calc(100% - 48px), var(--container)); height: 88px; margin: 14px auto 0; padding: 0 18px 0 4px; border: 1px solid transparent; border-radius: 16px; transition: height .35s var(--ease), background .35s, border-color .35s, backdrop-filter .35s; }
.site-header.is-scrolled { height: 70px; border-color: var(--line); background: rgba(5, 9, 14, .76); backdrop-filter: blur(18px); box-shadow: 0 18px 50px rgba(0,0,0,.25); }
.brand { display: flex; align-items: center; width: 205px; height: 82px; overflow: hidden; }
.brand img { width: 190px; height: auto; filter: drop-shadow(0 0 16px rgba(51,140,255,.18)); }
.site-nav { display: flex; align-items: center; gap: 4px; }
.site-nav > a { position: relative; padding: 11px 15px; color: #c5cfdd; font-size: .93rem; font-weight: 650; transition: color .25s; }
.site-nav > a:not(.nav-cta)::after { content: ""; position: absolute; left: 15px; right: 15px; bottom: 5px; height: 1px; background: var(--blue); transform: scaleX(0); transform-origin: right; transition: transform .3s var(--ease); }
.site-nav > a:hover, .site-nav > a[aria-current="page"] { color: white; }
.site-nav > a:hover::after, .site-nav > a[aria-current="page"]::after { transform: scaleX(1); transform-origin: left; }
.site-nav .nav-cta { margin-left: 12px; padding: 11px 17px; border: 1px solid rgba(118,183,255,.42); border-radius: 9px; background: linear-gradient(135deg, rgba(51,140,255,.2), rgba(51,140,255,.08)); color: white; box-shadow: inset 0 1px rgba(255,255,255,.08); }
.site-nav .nav-cta:hover { border-color: var(--blue-soft); background: var(--blue); box-shadow: 0 10px 30px rgba(51,140,255,.22); }
.menu-button { display: none; min-width: 48px; min-height: 48px; border: 1px solid var(--line); border-radius: 10px; background: transparent; }

.hero-v3 { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(520px, .98fr); align-items: center; gap: clamp(48px, 7vw, 120px); width: min(calc(100% - 80px), var(--container)); min-height: 920px; margin: 0 auto; padding: 142px 0 86px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; color: var(--blue-soft); font-family: var(--mono); font-size: .73rem; font-weight: 700; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 28px; height: 1px; background: currentColor; box-shadow: 0 0 8px currentColor; }
.hero-v3 h1 { max-width: 820px; font-family: var(--display); font-size: clamp(4rem, 6.7vw, 7rem); font-weight: 500; letter-spacing: -.058em; line-height: .88; text-wrap: balance; }
.hero-v3 h1 span { color: transparent; background: linear-gradient(92deg, #f7f9fc 8%, #8cbcf3 58%, #416b98 100%); -webkit-background-clip: text; background-clip: text; }
.hero-v3__lead { max-width: 650px; margin: 32px 0; color: #bcc8d7; font-size: clamp(1.05rem, 1.35vw, 1.24rem); line-height: 1.7; }
.hero-v3__actions { display: flex; align-items: center; gap: 28px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 30px; min-height: 52px; padding: 13px 20px; border: 1px solid transparent; border-radius: 9px; font-weight: 750; transition: transform .25s var(--ease), box-shadow .25s, border-color .25s, background .25s; }
.button:hover { transform: translateY(-2px); }
.button--primary { min-width: 210px; background: linear-gradient(135deg, #1979ed, #419dff); box-shadow: 0 12px 34px rgba(22,114,232,.25), inset 0 1px rgba(255,255,255,.32); }
.button--primary:hover { box-shadow: 0 16px 40px rgba(22,114,232,.38), inset 0 1px rgba(255,255,255,.4); }
.button--light { min-width: 230px; background: white; color: #06080c; }
.button--light:hover { box-shadow: 0 18px 44px rgba(255,255,255,.18); }
.text-link { display: inline-flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--line-bright); color: #e6edf6; font-weight: 700; line-height: 2.1; transition: color .2s, border-color .2s; }
.text-link:hover { color: var(--blue-soft); border-color: var(--blue-soft); }
.build-line { display: flex; align-items: center; gap: 17px; margin-top: 58px; font-family: var(--mono); font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; }
.build-line span { color: #6f8095; }
.build-line strong { position: relative; min-width: 150px; color: var(--blue-soft); font-weight: 700; }
.build-line strong::after { content: "_"; animation: blink 1s steps(1) infinite; }

.system-map { position: relative; border: 1px solid rgba(118,183,255,.24); border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(13,23,36,.82), rgba(6,10,16,.7)); box-shadow: 0 40px 90px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.05); overflow: hidden; backdrop-filter: blur(8px); }
.system-map::before { content: ""; position: absolute; width: 60%; aspect-ratio: 1; left: 20%; top: 23%; border-radius: 50%; background: rgba(51,140,255,.09); filter: blur(50px); }
.system-map__topline, .system-map__footer { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; height: 54px; padding: 0 20px; color: #8090a5; font-family: var(--mono); font-size: .65rem; letter-spacing: .1em; }
.system-map__topline { border-bottom: 1px solid var(--line); }
.system-map__footer { border-top: 1px solid var(--line); }
.system-map__footer > span { display: flex; align-items: center; gap: 7px; }
.system-map__footer > span:last-child { margin-left: auto; }
.status { display: flex; align-items: center; gap: 7px; color: #8ce8bd; }
.status i, .live-pill i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); animation: pulse 2s infinite; }
.legend { width: 6px; height: 6px; border-radius: 50%; }.legend--blue { background: var(--blue); }.legend--red { background: var(--red); margin-left: 12px; }
.system-map__canvas { position: relative; aspect-ratio: 1.12; min-height: 480px; background-image: radial-gradient(rgba(118,183,255,.22) 1px, transparent 1px); background-size: 22px 22px; mask-image: linear-gradient(to bottom, transparent, black 8%, black 92%, transparent); }
.system-map__canvas svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.system-map__canvas path { fill: none; stroke: rgba(98,153,218,.22); stroke-width: 1; }
.system-map__canvas .signal { stroke: var(--blue); stroke-width: 1.5; stroke-dasharray: 1 22; stroke-linecap: round; animation: signal 4s linear infinite; }.system-map__canvas .signal--2 { animation-delay: -1s; }.system-map__canvas .signal--3 { animation-delay: -2s; }.system-map__canvas .signal--4 { animation-delay: -3s; stroke: var(--red); }
.system-node { position: absolute; display: flex; flex-direction: column; justify-content: center; width: 155px; min-height: 88px; padding: 12px 15px; border: 1px solid var(--line); border-radius: 12px; background: rgba(7,13,21,.92); box-shadow: 0 14px 36px rgba(0,0,0,.28); }
.system-node span { margin-bottom: 5px; color: #68809c; font-family: var(--mono); font-size: .55rem; letter-spacing: .1em; }.system-node strong { font-size: .88rem; line-height: 1.25; }.system-node small { margin-top: 5px; color: #7f91a8; font-size: .66rem; }
.system-node--core { left: 50%; top: 50%; width: 178px; min-height: 126px; border-color: rgba(74,151,247,.65); background: linear-gradient(145deg, #12253e, #0a1422); transform: translate(-50%,-50%); box-shadow: 0 0 55px rgba(51,140,255,.2), inset 0 1px rgba(255,255,255,.08); }.system-node--core span { color: var(--blue-soft); }.system-node--core strong { font-family: var(--display); font-size: 1.18rem; font-weight: 500; }.system-node--core::after { content: ""; position: absolute; inset: -7px; border: 1px solid rgba(51,140,255,.18); border-radius: 16px; }
.system-node--one { left: 5%; top: 9%; }.system-node--two { right: 4%; top: 9%; }.system-node--three { left: 3%; bottom: 8%; }.system-node--four { right: 2%; bottom: 8%; border-color: rgba(255,64,95,.3); }

.proof-strip { display: grid; grid-template-columns: repeat(4,1fr); width: min(calc(100% - 80px), var(--container)); margin: 0 auto; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.proof-strip > div { position: relative; display: grid; grid-template-columns: auto 1fr; column-gap: 18px; padding: 30px 28px; border-right: 1px solid var(--line); }.proof-strip > div:last-child { border-right: 0; }
.proof-strip span { grid-row: 1 / span 2; color: #4d6179; font-family: var(--mono); font-size: .62rem; }.proof-strip strong { font-family: var(--display); font-size: 1.16rem; font-weight: 500; }.proof-strip small { color: #7f91a8; font-size: .75rem; }

.section-shell { width: min(calc(100% - 80px), var(--container)); margin: 0 auto; padding: 150px 0; }
.section-intro { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.7fr); align-items: end; gap: 80px; margin-bottom: 70px; }
.section-intro .eyebrow { grid-column: 1 / -1; margin-bottom: -44px; }.section-intro h2, .about-teaser h2, .closing-cta h2 { font-family: var(--display); font-size: clamp(2.8rem,5vw,5.4rem); font-weight: 500; letter-spacing: -.045em; line-height: .98; }.section-intro > p:last-child { max-width: 500px; color: var(--muted); font-size: 1.05rem; }
.section-intro--wide { grid-template-columns: 1.25fr .75fr; }.section-intro--wide .eyebrow { grid-column: auto; margin-bottom: 22px; }

.capability-list-v3 { border-top: 1px solid var(--line); }
.capability-list-v3 details { border-bottom: 1px solid var(--line); }
.capability-list-v3 summary { display: grid; grid-template-columns: 80px 1fr 44px; align-items: center; min-height: 112px; cursor: pointer; list-style: none; transition: background .25s; }.capability-list-v3 summary::-webkit-details-marker { display:none; }.capability-list-v3 summary:hover { background: rgba(51,140,255,.035); }.capability-list-v3 summary span { color: #58708d; font-family: var(--mono); font-size: .7rem; }.capability-list-v3 summary strong { font-family: var(--display); font-size: clamp(1.45rem,2.5vw,2.35rem); font-weight: 450; letter-spacing: -.02em; }.capability-list-v3 summary i { color: var(--blue-soft); font-family: var(--body); font-size: 1.55rem; font-style: normal; font-weight: 300; transition: transform .3s; }.capability-list-v3 details[open] summary i { transform: rotate(45deg); }
.capability-list-v3 details > div { display: grid; grid-template-columns: minmax(280px,1fr) auto; gap: 60px; padding: 0 44px 38px 80px; }.capability-list-v3 details p { max-width: 700px; color: var(--muted); }.capability-list-v3 details ul { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }.capability-list-v3 details li, .tag-list li { padding: 6px 10px; border: 1px solid var(--line); border-radius: 99px; color: #a9b9cd; font-family: var(--mono); font-size: .65rem; text-transform: uppercase; }

.demo-section { position: relative; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(160deg, rgba(17,27,41,.72), rgba(5,7,10,.9)); overflow: hidden; }.demo-section::before { content:""; position:absolute; width:600px; height:600px; right:-200px; top:-200px; border-radius:50%; background:rgba(51,140,255,.08); filter:blur(90px); }
.demo-card { position: relative; display: grid; grid-template-columns: .65fr 1.35fr; border: 1px solid rgba(118,183,255,.24); border-radius: 24px; background: rgba(7,11,17,.72); overflow: hidden; box-shadow: 0 40px 100px rgba(0,0,0,.35); }
.demo-card__copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 56px; border-right: 1px solid var(--line); }.demo-number { color: var(--blue-soft); font-family: var(--mono); font-size: .68rem; letter-spacing: .12em; }.demo-card__copy h3 { margin: 24px 0 18px; font-family: var(--display); font-size: clamp(2rem,3.2vw,3.3rem); font-weight: 500; line-height: 1.02; }.demo-card__copy > p { color: var(--muted); }.tag-list { display: flex; flex-wrap: wrap; gap: 7px; margin: 30px 0 40px; }
.demo-ui { margin: 44px 0 44px 44px; border: 1px solid #23364c; border-right: 0; border-radius: 16px 0 0 16px; background: #0a1018; box-shadow: -20px 24px 65px rgba(0,0,0,.42); overflow: hidden; }.demo-ui__bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 46px; padding: 0 16px; border-bottom: 1px solid #1b2a3d; color: #758aa3; font-family: var(--mono); font-size: .58rem; letter-spacing: .08em; }.demo-ui__bar > span { display:flex;gap:5px; }.demo-ui__bar > span i { width:7px;height:7px;border-radius:50%;background:#26384e; }.demo-ui__bar small { text-align:right;color:#4d8aca; }
.demo-ui__body { display:grid;grid-template-columns:150px 1fr;min-height:420px; }.demo-ui aside { display:flex;flex-direction:column;gap:5px;padding:26px 12px;border-right:1px solid #1b2a3d;color:#64778d;font-size:.69rem; }.demo-ui aside b,.demo-ui aside span { padding:9px 12px;border-radius:6px; }.demo-ui aside b { background:rgba(51,140,255,.13);color:#b9d8ff; }.demo-ui__content { padding:28px; }.demo-ui__heading { display:flex;align-items:center;justify-content:space-between;margin-bottom:24px; }.demo-ui__heading div { display:flex;flex-direction:column; }.demo-ui__heading small { color:#5c718b;font-family:var(--mono);font-size:.55rem;letter-spacing:.1em; }.demo-ui__heading strong { font-size:1.05rem; }.live-pill { display:flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(73,224,160,.22);border-radius:99px;color:#8de9bf;font-family:var(--mono);font-size:.55rem; }
.metric-row { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }.metric-row > div { display:flex;flex-direction:column;padding:16px;border:1px solid #1c2d42;border-radius:9px;background:#0d1621; }.metric-row span { color:#8293a8;font-size:.65rem; }.metric-row strong { margin:3px 0;font-family:var(--display);font-size:1.65rem;font-weight:500; }.metric-row small { color:#58708c;font-size:.57rem; }.metric-row .metric-alert { border-color:rgba(255,64,95,.28); }.metric-alert strong,.metric-alert small { color:#ff6a82; }
.pipeline { margin-top:14px;border:1px solid #1c2d42;border-radius:9px;background:#0d1621;overflow:hidden; }.pipeline__head,.pipeline__row { display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:12px 15px;border-bottom:1px solid #182639;font-size:.62rem; }.pipeline__head { padding:14px 15px; }.pipeline__head small { grid-column:2/-1;color:#58708c; }.pipeline__row:last-child { border-bottom:0; }.pipeline__row span { color:#a8b7c9;font-family:var(--mono); }.pipeline__row i { color:#65dba5;font-style:normal; }.pipeline__row b { min-width:46px;text-align:right;color:#7e94ad; }.pipeline__row--alert i,.pipeline__row--alert b { color:#ff6a82; }

.process-track { position:relative;display:grid;grid-template-columns:repeat(6,1fr);margin-top:80px;border-top:1px solid var(--line); }.process-track::before { content:"";position:absolute;top:-1px;left:0;width:17%;height:1px;background:var(--blue);box-shadow:0 0 10px var(--blue); }.process-track li { min-height:210px;padding:25px 24px;border-right:1px solid var(--line); }.process-track li:last-child { border-right:0; }.process-track span { color:#53708e;font-family:var(--mono);font-size:.66rem; }.process-track strong { display:block;margin:25px 0 10px;font-family:var(--display);font-size:1.35rem;font-weight:500; }.process-track p { color:#8495aa;font-size:.82rem;line-height:1.55; }

.about-teaser { display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:9vw;width:min(calc(100% - 80px),var(--container));margin:0 auto;padding:80px 0 160px; }.about-teaser__signal { position:relative;display:grid;place-items:center;width:min(420px,100%);aspect-ratio:1;border:1px solid var(--line);border-radius:50%; }.about-teaser__signal::before,.about-teaser__signal::after { content:"";position:absolute;border:1px solid rgba(51,140,255,.18);border-radius:50%; }.about-teaser__signal::before { inset:13%; }.about-teaser__signal::after { inset:30%; }.about-teaser__signal span { font-family:var(--display);font-size:4rem;font-weight:700;letter-spacing:-.08em; }.about-teaser__signal i { position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 16px var(--blue);animation:orbit 10s linear infinite; }.about-teaser__signal i:nth-of-type(2) { animation-duration:15s;animation-direction:reverse;background:var(--red);box-shadow:0 0 16px var(--red); }.about-teaser__signal i:nth-of-type(3) { animation-duration:20s; }.about-teaser h2 { max-width:900px;font-size:clamp(2.8rem,4.7vw,5rem); }.about-teaser p:not(.eyebrow) { max-width:710px;margin:30px 0;color:var(--muted);font-size:1.05rem; }

.closing-cta { display:flex;align-items:flex-end;justify-content:space-between;gap:60px;width:min(calc(100% - 80px),var(--container));margin:0 auto 40px;padding:80px;border:1px solid rgba(118,183,255,.3);border-radius:28px;background:linear-gradient(120deg,#0c58b5 0%,#18395f 55%,#331421 130%);box-shadow:0 40px 90px rgba(0,0,0,.36); }.closing-cta .eyebrow { color:#cde5ff; }.closing-cta h2 { font-size:clamp(2.6rem,4.8vw,5.2rem); }.closing-cta__actions { display:flex;flex-direction:column;align-items:stretch;gap:18px;min-width:250px; }.whatsapp-link { text-align:center;font-weight:700;text-decoration:underline;text-underline-offset:5px; }

.site-footer { display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;width:min(calc(100% - 80px),var(--container));margin:0 auto;padding:50px 0 34px;border-top:1px solid var(--line);color:#8595aa; }.brand--footer { width:160px;height:70px; }.site-footer p { font-size:.85rem; }.site-footer > div { display:flex;gap:18px;font-size:.8rem; }.site-footer > div a:hover { color:white; }.site-footer small { grid-column:1/-1;padding-top:24px;border-top:1px solid rgba(148,181,222,.1);font-size:.7rem; }
.floating-whatsapp { position:fixed;z-index:90;right:24px;bottom:24px;display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(142,255,201,.5);border-radius:50%;background:#22b874;box-shadow:0 12px 35px rgba(12,146,88,.34);transition:transform .25s,box-shadow .25s; }.floating-whatsapp:hover { transform:translateY(-3px) scale(1.03);box-shadow:0 16px 40px rgba(12,146,88,.44); }.floating-whatsapp svg { width:25px;fill:white; }

.reveal { opacity:0;transform:translateY(22px);animation:reveal .9s var(--ease) forwards; }.reveal--delay-1 { animation-delay:.12s; }.reveal--delay-2 { animation-delay:.24s; }.reveal--delay-3 { animation-delay:.36s; }
[data-reveal] { opacity:0;transform:translateY(30px);transition:opacity .75s var(--ease),transform .75s var(--ease); }[data-reveal].is-visible { opacity:1;transform:none; }
@keyframes reveal { to { opacity:1;transform:none; } } @keyframes blink { 50% { opacity:0; } } @keyframes pulse { 50% { opacity:.35;transform:scale(.8); } } @keyframes signal { to { stroke-dashoffset:-92; } } @keyframes orbit { from { transform:rotate(0deg) translateX(188px) rotate(0deg); } to { transform:rotate(360deg) translateX(188px) rotate(-360deg); } }

@media (max-width: 1180px) {
    .hero-v3 { grid-template-columns:1fr;min-height:auto;padding-top:165px; }.hero-v3__copy { max-width:880px; }.system-map { width:min(720px,100%);margin-left:auto; }.proof-strip { grid-template-columns:repeat(2,1fr); }.proof-strip > div:nth-child(2) { border-right:0; }.proof-strip > div:nth-child(-n+2) { border-bottom:1px solid var(--line); }.demo-card { grid-template-columns:1fr; }.demo-card__copy { border-right:0;border-bottom:1px solid var(--line); }.demo-ui { margin-left:44px; }.process-track { grid-template-columns:repeat(3,1fr); }.process-track li:nth-child(3) { border-right:0; }.process-track li:nth-child(-n+3) { border-bottom:1px solid var(--line); }
}

@media (max-width: 820px) {
    .site-header { width:calc(100% - 24px);height:74px;margin-top:8px;padding-right:8px; }.brand { width:168px;height:70px; }.brand img { width:158px; }.menu-button { position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:0 13px; }.menu-button__label { font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em; }.menu-button__icon { display:flex;flex-direction:column;gap:5px;width:17px; }.menu-button__icon i { display:block;width:100%;height:1px;background:white;transition:transform .25s; }.menu-button[aria-expanded="true"] .menu-button__icon i:first-child { transform:translateY(3px) rotate(45deg); }.menu-button[aria-expanded="true"] .menu-button__icon i:last-child { transform:translateY(-3px) rotate(-45deg); }
    .site-nav { position:fixed;inset:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:100px 24px 40px;background:rgba(5,8,12,.97);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .3s,visibility .3s,transform .3s; }.site-nav.is-open { opacity:1;visibility:visible;transform:none; }.site-nav > a { display:flex;align-items:center;min-height:64px;border-bottom:1px solid var(--line);font-family:var(--display);font-size:1.55rem;font-weight:450; }.site-nav > a:not(.nav-cta)::after { display:none; }.site-nav .nav-cta { justify-content:center;margin:26px 0 0;border:1px solid var(--line-bright);font-family:var(--body);font-size:1rem;font-weight:750; }
    .hero-v3,.section-shell,.about-teaser,.closing-cta,.site-footer,.proof-strip { width:calc(100% - 32px); }.hero-v3 { padding-top:138px;gap:60px; }.hero-v3 h1 { font-size:clamp(3.5rem,12.5vw,5.4rem); }.hero-v3__lead { font-size:1rem; }.system-map__canvas { min-height:450px; }.system-map__footer > span:last-child { display:none; }
    .section-shell { padding:110px 0; }.section-intro,.section-intro--wide { grid-template-columns:1fr;gap:25px;margin-bottom:50px; }.section-intro .eyebrow { grid-column:auto;margin-bottom:0; }.section-intro--wide .eyebrow { margin-bottom:20px; }.section-intro h2,.about-teaser h2,.closing-cta h2 { font-size:clamp(2.7rem,10vw,4.5rem); }
    .capability-list-v3 summary { grid-template-columns:44px 1fr 30px;min-height:98px; }.capability-list-v3 details > div { grid-template-columns:1fr;gap:24px;padding:0 0 32px 44px; }.capability-list-v3 details ul { justify-content:flex-start; }
    .demo-card__copy { padding:38px; }.demo-ui { margin:26px 0 26px 26px; }.demo-ui__body { grid-template-columns:110px 1fr; }.demo-ui__content { padding:20px; }.metric-row { grid-template-columns:1fr; }.metric-row > div { display:grid;grid-template-columns:1fr auto; }.metric-row small { grid-column:1/-1; }.pipeline__row { grid-template-columns:1fr auto; }.pipeline__row i { display:none; }
    .about-teaser { grid-template-columns:1fr;padding:50px 0 120px; }.about-teaser__signal { width:min(360px,80vw);margin:0 auto; }.closing-cta { align-items:flex-start;flex-direction:column;padding:56px 36px; }.site-footer { grid-template-columns:1fr; }.site-footer > div { flex-wrap:wrap; }.site-footer small { grid-column:auto; }
}

@media (max-width: 560px) {
    .hero-v3 { padding-top:124px;padding-bottom:70px; }.eyebrow { font-size:.64rem; }.hero-v3 h1 { font-size:clamp(3rem,14.5vw,4.4rem);line-height:.91; }.hero-v3__actions { align-items:flex-start;flex-direction:column;gap:16px; }.button--primary { width:100%; }.build-line { margin-top:42px; }.system-map { border-radius:20px; }.system-map__canvas { min-height:360px; }.system-node { width:122px;min-height:72px;padding:9px 10px; }.system-node strong { font-size:.72rem; }.system-node small { font-size:.55rem; }.system-node--core { width:138px;min-height:100px; }.system-node--core strong { font-size:.9rem; }.system-node--one { left:2%;top:8%; }.system-node--two { right:1%;top:8%; }.system-node--three { left:1%;bottom:8%; }.system-node--four { right:0;bottom:8%; }.system-map__footer { justify-content:center;gap:10px; }.proof-strip { grid-template-columns:1fr; }.proof-strip > div { border-right:0;border-bottom:1px solid var(--line); }.proof-strip > div:nth-child(2) { border-right:0; }.proof-strip > div:nth-child(-n+2) { border-bottom:1px solid var(--line); }.proof-strip > div:last-child { border-bottom:0; }.capability-list-v3 summary strong { font-size:1.3rem; }.demo-card__copy { padding:30px 24px; }.demo-ui { margin:16px 0 16px 12px; }.demo-ui__body { grid-template-columns:1fr;min-height:auto; }.demo-ui aside { display:none; }.demo-ui__content { padding:16px 12px 20px; }.demo-ui__heading { margin-bottom:16px; }.pipeline__row span { max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.process-track { grid-template-columns:1fr; }.process-track li { min-height:auto;padding:24px 8px;border-right:0;border-bottom:1px solid var(--line); }.process-track li:nth-child(3) { border-right:0; }.process-track strong { margin:8px 0 5px; }.about-teaser__signal { width:260px; }.about-teaser__signal i { animation:none; }.closing-cta { width:calc(100% - 20px);padding:44px 24px;border-radius:20px; }.closing-cta__actions { width:100%;min-width:0; }.site-footer { padding-bottom:90px; }.floating-whatsapp { right:14px;bottom:14px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior:auto; }
    *, *::before, *::after { scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
    .reveal,[data-reveal] { opacity:1;transform:none; }
}

/* Internal pages */
.page-hero-v3 { width:min(calc(100% - 80px),var(--container));margin:0 auto;padding:210px 0 120px;border-bottom:1px solid var(--line); }
.page-hero-v3 h1 { max-width:1250px;font-family:var(--display);font-size:clamp(4.1rem,7.6vw,8rem);font-weight:500;letter-spacing:-.06em;line-height:.89; }
.page-hero-v3 h1 span { color:transparent;background:linear-gradient(92deg,#f7f9fc 5%,#8cbcf3 58%,#416b98);-webkit-background-clip:text;background-clip:text; }
.page-hero-v3 > p:last-child { max-width:680px;margin:36px 0 0 auto;color:var(--muted);font-size:1.18rem; }
.page-hero-v3__split { display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:940px;margin:50px 0 0 auto;color:var(--muted);font-size:1.05rem; }
.page-hero-v3__split--single { grid-template-columns:minmax(0,620px);justify-content:end; }

.pillar-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;border-top:1px solid var(--line);border-left:1px solid var(--line); }
.pillar { position:relative;display:flex;flex-direction:column;min-height:560px;padding:44px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(9,15,23,.28);transition:background .3s,transform .3s; }
.pillar:hover { background:rgba(20,35,53,.45); }
.pillar--feature { grid-row:auto;min-height:560px;background:radial-gradient(circle at 50% 18%,rgba(51,140,255,.17),transparent 37%),rgba(9,15,23,.38); }
.pillar__number { color:#66809e;font-family:var(--mono);font-size:.63rem;letter-spacing:.1em; }.pillar__icon { display:grid;place-items:center;width:54px;height:54px;margin:50px 0 28px;border:1px solid var(--line-bright);border-radius:14px;color:var(--blue-soft);font-size:1.4rem;box-shadow:0 0 30px rgba(51,140,255,.1); }
.pillar h3 { max-width:560px;font-family:var(--display);font-size:clamp(2rem,3.1vw,3.4rem);font-weight:500;letter-spacing:-.035em;line-height:1; }.pillar > p { max-width:610px;margin:22px 0;color:var(--muted); }.pillar > ul { display:grid;gap:8px;margin:10px 0 28px; }.pillar > ul li { display:flex;align-items:center;gap:10px;color:#b6c3d3;font-size:.86rem; }.pillar > ul li::before { content:"";width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px var(--blue); }.pillar .text-link { align-self:flex-start;margin-top:auto; }
.fit-section,.principles-section,.work-secondary { border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(155deg,rgba(16,26,39,.65),rgba(5,7,10,.86)); }
.fit-section .section-shell { display:grid;grid-template-columns:.72fr 1.28fr;gap:9vw; }.fit-copy h2 { font-family:var(--display);font-size:clamp(2.8rem,4.9vw,5.2rem);font-weight:500;letter-spacing:-.045em;line-height:.98; }.fit-list { border-top:1px solid var(--line); }.fit-list > div { display:grid;grid-template-columns:50px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid var(--line); }.fit-list span { color:#58728f;font-family:var(--mono);font-size:.65rem; }.fit-list p { color:#c3cedb;font-size:1.05rem; }
.method-map { display:grid;grid-template-columns:1fr auto 1.25fr auto 1fr;align-items:center;gap:22px;padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(9,15,23,.55); }.method-map > div { display:flex;flex-direction:column;min-height:130px;justify-content:center;padding:22px;border:1px solid var(--line);border-radius:13px; }.method-map small { color:#607995;font-family:var(--mono);font-size:.6rem;letter-spacing:.1em; }.method-map strong { margin-top:10px;font-family:var(--display);font-size:1.24rem;font-weight:500;line-height:1.2; }.method-map > i { color:var(--blue-soft);font-style:normal; }.method-map .method-map__core { border-color:var(--line-bright);background:rgba(51,140,255,.08);box-shadow:0 0 45px rgba(51,140,255,.08); }

.work-feature__meta { display:flex;justify-content:space-between;margin-bottom:55px;padding-bottom:16px;border-bottom:1px solid var(--line);color:#66809e;font-family:var(--mono);font-size:.65rem;letter-spacing:.1em; }
.work-feature__heading { display:grid;grid-template-columns:1.2fr .7fr;align-items:end;gap:7vw;margin-bottom:70px; }.work-feature__heading h2,.lab-note h2,.origin__copy h2,.principles-grid h3,.experience-band h2,.honesty-note h2,.contact-sidebar h2,.next-steps h2 { font-family:var(--display);font-weight:500;letter-spacing:-.045em;line-height:.98; }.work-feature__heading h2 { font-size:clamp(3.3rem,5.6vw,6rem); }.work-feature__heading > p { color:var(--muted);font-size:1.05rem; }
.work-canvas { padding:32px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 50% 0,rgba(51,140,255,.12),transparent 40%),#080d14;box-shadow:0 45px 100px rgba(0,0,0,.38); }.work-window { border:1px solid #21344b;border-radius:15px;background:#0a1018;overflow:hidden; }.work-window__top { display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:52px;padding:0 18px;border-bottom:1px solid #1b2a3d;color:#758aa3;font-family:var(--mono);font-size:.58rem;letter-spacing:.08em; }.work-window__top > span { display:flex;gap:6px; }.work-window__top i { width:7px;height:7px;border-radius:50%;background:#26384e; }.work-window__top small { text-align:right;color:#4d8aca; }
.ops-layout { display:grid;grid-template-columns:185px 1fr;min-height:640px; }.ops-layout aside { display:flex;flex-direction:column;gap:5px;padding:24px 14px;border-right:1px solid #1b2a3d;color:#6d8199;font-size:.72rem; }.ops-layout aside > strong { display:grid;place-items:center;width:42px;height:42px;margin:0 8px 28px;border:1px solid var(--line-bright);border-radius:10px;color:white;font-family:var(--display);font-size:1.1rem; }.ops-layout aside b,.ops-layout aside span { padding:10px 12px;border-radius:7px;font-weight:500; }.ops-layout aside b { background:rgba(51,140,255,.13);color:#c4ddfb; }.ops-layout aside span i { float:right;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,64,95,.18);color:#ff6a82;font-size:.55rem;font-style:normal; }.ops-layout aside > small { margin:auto 8px 0;color:#6fcfa2; }.ops-main { padding:38px; }.ops-main > header { display:flex;align-items:center;justify-content:space-between;margin-bottom:34px; }.ops-main > header small { color:#607995;font-family:var(--mono);font-size:.57rem;letter-spacing:.1em; }.ops-main h3 { margin-top:5px;font-size:1.45rem; }
.ops-metrics { display:grid;grid-template-columns:repeat(4,1fr);gap:12px; }.ops-metrics article { display:flex;flex-direction:column;padding:20px;border:1px solid #1c2d42;border-radius:10px;background:#0d1621; }.ops-metrics small { color:#667d98;font-family:var(--mono);font-size:.53rem; }.ops-metrics strong { margin:8px 0 4px;font-family:var(--display);font-size:2rem;font-weight:500; }.ops-metrics span { color:#607791;font-size:.62rem; }.ops-metrics .alert { border-color:rgba(255,64,95,.3); }.ops-metrics .alert strong,.ops-metrics .alert span { color:#ff6a82; }
.ops-grid { display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px; }.ops-grid > article { min-height:310px;padding:22px;border:1px solid #1c2d42;border-radius:10px;background:#0d1621; }.panel-title { display:flex;justify-content:space-between; }.panel-title small { color:#607791;font-size:.58rem; }.bar-chart { display:flex;align-items:end;gap:14px;height:220px;padding-top:30px;border-bottom:1px solid #25354a;background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,rgba(113,150,194,.08) 55px); }.bar-chart i { flex:1;height:var(--h);border-radius:3px 3px 0 0;background:linear-gradient(to top,#176ccf,#54a7ff);box-shadow:0 0 14px rgba(51,140,255,.12); }.activity { margin-top:22px; }.activity li { display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #1b2a3d; }.activity li > i { width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green); }.activity li > span { display:flex;flex-direction:column; }.activity b { font-size:.7rem; }.activity small { color:#607791;font-size:.58rem; }.activity .warning > i { background:var(--red);box-shadow:0 0 8px var(--red); }.activity .warning b { color:#ff7b91; }
.work-breakdown { display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line); }.work-breakdown article { padding:34px;border-right:1px solid var(--line); }.work-breakdown article:last-child { border-right:0; }.work-breakdown span,.lab-note > span { color:#5b7695;font-family:var(--mono);font-size:.65rem;letter-spacing:.1em; }.work-breakdown h3 { margin:25px 0 14px;font-family:var(--display);font-size:1.5rem;font-weight:500; }.work-breakdown p { color:var(--muted);font-size:.9rem; }
.integration-demo { position:relative;min-height:560px;border:1px solid var(--line);border-radius:26px;background-image:radial-gradient(rgba(118,183,255,.18) 1px,transparent 1px);background-size:24px 24px;overflow:hidden; }.integration-demo svg { position:absolute;inset:0;width:100%;height:100%; }.integration-demo path { fill:none;stroke:rgba(90,142,204,.2);stroke-width:1; }.integration-demo .flow { stroke:var(--blue);stroke-dasharray:2 22;animation:signal 4s linear infinite; }.integration-core,.integration-service { position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:20px;border:1px solid var(--line);border-radius:13px;background:rgba(8,14,22,.95);box-shadow:0 18px 40px rgba(0,0,0,.3); }.integration-core { left:50%;top:50%;width:220px;min-height:150px;transform:translate(-50%,-50%);border-color:var(--line-bright);background:linear-gradient(145deg,#13263f,#0a1422); }.integration-service { width:190px;min-height:100px; }.integration-core small,.integration-service small { color:#64809f;font-family:var(--mono);font-size:.56rem;letter-spacing:.1em; }.integration-core strong,.integration-service strong { margin:8px 0;font-family:var(--display);font-size:1.15rem; }.integration-core span,.integration-service span { color:#74d8aa;font-size:.7rem; }.integration-core span { display:flex;align-items:center;gap:7px; }.integration-core i { width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green); }.service-a { left:6%;top:8%; }.service-b { right:6%;top:8%; }.service-c { left:6%;bottom:8%; }.service-d { right:6%;bottom:8%;border-color:rgba(255,64,95,.25); }.integration-service .warning-text { color:#ff758b; }
.lab-note { max-width:980px;text-align:center; }.lab-note h2 { margin:25px 0;font-size:clamp(3rem,5.3vw,5.8rem); }.lab-note > p { max-width:720px;margin:0 auto 38px;color:var(--muted);font-size:1.05rem; }

.origin { display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:10vw; }.origin__mark { position:relative;display:grid;place-items:center;width:min(430px,100%);aspect-ratio:1;border:1px solid var(--line);border-radius:50%; }.origin__mark::before,.origin__mark::after { content:"";position:absolute;border:1px solid rgba(51,140,255,.18);border-radius:50%; }.origin__mark::before { inset:13%; }.origin__mark::after { inset:31%; }.origin__mark > span { font-family:var(--display);font-size:4rem;font-weight:700;letter-spacing:-.08em; }.origin__mark > small { position:absolute;left:3%;bottom:16%;color:#617b99;font-family:var(--mono);font-size:.58rem;letter-spacing:.1em; }.origin__mark > i { position:absolute;right:8%;top:22%;width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 15px var(--blue); }.origin__copy h2 { max-width:780px;font-size:clamp(3rem,5vw,5.3rem); }.origin__copy > p:not(.eyebrow) { margin-top:25px;color:var(--muted);font-size:1.03rem; }.origin__copy .origin__statement { padding:25px 0 0 24px;border-left:2px solid var(--blue);color:#e2e9f2;font-size:1.1rem; }
.principles-grid { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line); }.principles-grid article { min-height:300px;padding:38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line); }.principles-grid span { color:#5f7a98;font-family:var(--mono);font-size:.64rem; }.principles-grid h3 { margin:55px 0 16px;font-size:1.7rem; }.principles-grid p { color:var(--muted);font-size:.9rem; }
.experience-band { display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw; }.experience-band h2 { font-size:clamp(3rem,4.7vw,5rem); }.experience-stack { border-top:1px solid var(--line); }.experience-stack > div { display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:84px;border-bottom:1px solid var(--line); }.experience-stack span { color:#5f7a98;font-family:var(--mono);font-size:.62rem; }.experience-stack strong { text-align:right;font-size:.92rem;font-weight:600; }
.honesty-note { display:grid;place-items:center;min-height:680px;padding:120px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(51,140,255,.12),transparent 42%),#070b11;text-align:center; }.honesty-note > div { max-width:950px; }.honesty-note .eyebrow { justify-content:center; }.honesty-note h2 { font-size:clamp(3.2rem,6vw,6.5rem); }.honesty-note p { max-width:720px;margin:30px auto;color:var(--muted);font-size:1.05rem; }

.contact-v3 { display:grid;grid-template-columns:.68fr 1.32fr;gap:8vw; }.contact-sidebar h2 { max-width:480px;margin-bottom:50px;font-size:clamp(2.5rem,3.8vw,4rem); }.contact-channel { display:grid;grid-template-columns:48px 1fr;align-items:center;gap:16px;padding:19px 0;border-bottom:1px solid var(--line); }.contact-channel > span { display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;color:var(--blue-soft);font-family:var(--mono); }.contact-channel > div { display:flex;flex-direction:column; }.contact-channel small { color:#637b98;font-family:var(--mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em; }.contact-channel a,.contact-channel p { color:#d8e0eb;font-size:.92rem; }.contact-channel a:hover { color:var(--blue-soft); }.response-note { display:flex;gap:14px;margin-top:34px;padding:20px;border:1px solid rgba(73,224,160,.18);border-radius:12px;background:rgba(73,224,160,.035); }.response-note > i { flex:0 0 auto;width:7px;height:7px;margin-top:8px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green); }.response-note strong { font-size:.84rem; }.response-note p { color:#7f968d;font-size:.75rem; }
.contact-channel__icon svg { width:19px;height:19px;fill:currentColor; }
.contact-channel > .contact-channel__icon--whatsapp { background-image:url("../images/whatsapp-mark.svg");background-position:center;background-repeat:no-repeat;background-size:18px 18px; }
.contact-form-v3 { padding:50px;border:1px solid var(--line);border-radius:24px;background:rgba(10,17,26,.7);box-shadow:0 35px 90px rgba(0,0,0,.3); }.form-heading > span { color:#6380a2;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em; }.form-heading h2 { margin:16px 0 10px;font-family:var(--display);font-size:clamp(2.3rem,4vw,4rem);font-weight:500;letter-spacing:-.04em; }.form-heading p { color:var(--muted); }.contact-form-v3 form { display:grid;gap:22px;margin-top:42px; }.form-row { display:grid;grid-template-columns:1fr 1fr;gap:20px; }.field { display:flex;flex-direction:column;gap:8px; }.field label { color:#cbd5e1;font-size:.78rem;font-weight:700; }.field label span { color:var(--blue-soft); }.field input,.field select,.field textarea { width:100%;min-height:52px;padding:13px 15px;border:1px solid #26394f;border-radius:9px;background:#080e16;color:white;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s; }.field textarea { min-height:170px;resize:vertical; }.field input:focus,.field select:focus,.field textarea:focus { border-color:var(--blue);box-shadow:0 0 0 3px rgba(51,140,255,.12); }.field ::placeholder { color:#5f7188; }.form-submit { display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:4px; }.form-submit > p { max-width:420px;color:#718399;font-size:.68rem; }.form-submit .button { border:0;cursor:pointer; }.form-submit .button:disabled { cursor:wait;opacity:.6; }.botcheck { position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important; }.form-response { min-height:24px;color:#ff7b91;font-size:.82rem; }.form-response.success { color:#6fe0a9; }
.form-submit--end { justify-content:flex-end; }
.next-steps { display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw; }.next-steps h2 { font-size:clamp(3rem,4.6vw,5rem); }.next-steps ol { border-top:1px solid var(--line); }.next-steps li { display:grid;grid-template-columns:55px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid var(--line); }.next-steps li > span { color:#5f7a98;font-family:var(--mono);font-size:.64rem; }.next-steps strong { font-family:var(--display);font-size:1.35rem;font-weight:500; }.next-steps p { margin-top:5px;color:var(--muted);font-size:.86rem; }

@media (max-width: 980px) {
    .page-hero-v3 { width:calc(100% - 40px);padding:170px 0 90px; }.page-hero-v3__split { grid-template-columns:1fr;gap:16px;max-width:700px;margin-left:0; }.pillar-grid { grid-template-columns:1fr; }.pillar,.pillar--feature { grid-row:auto;min-height:520px; }.fit-section .section-shell,.origin,.experience-band,.contact-v3,.next-steps { grid-template-columns:1fr;gap:70px; }.principles-grid { grid-template-columns:repeat(2,1fr); }.work-feature__heading { grid-template-columns:1fr;gap:25px; }.ops-layout { grid-template-columns:125px 1fr; }.ops-main { padding:24px; }.ops-metrics { grid-template-columns:repeat(2,1fr); }.ops-grid { grid-template-columns:1fr; }.integration-service { width:160px; }.work-breakdown { grid-template-columns:1fr; }.work-breakdown article { border-right:0;border-bottom:1px solid var(--line); }.work-breakdown article:last-child { border-bottom:0; }
}

@media (max-width: 640px) {
    .page-hero-v3 { width:calc(100% - 32px);padding:140px 0 72px; }.page-hero-v3 h1 { font-size:clamp(3.1rem,15vw,4.8rem); }.page-hero-v3__split { margin-top:34px;font-size:.96rem; }.pillar,.pillar--feature { min-height:0;padding:34px 24px 42px; }.pillar h3 { font-size:2.3rem; }.fit-section .section-shell { gap:45px; }.method-map { grid-template-columns:1fr;padding:16px; }.method-map > i { transform:rotate(90deg);text-align:center; }.work-feature__meta { align-items:flex-start;flex-direction:column;gap:8px; }.work-canvas { padding:10px;border-radius:16px; }.work-window__top { grid-template-columns:1fr auto; }.work-window__top small { display:none; }.ops-layout { grid-template-columns:1fr; }.ops-layout aside { display:none; }.ops-main { padding:16px 12px; }.ops-main > header { align-items:flex-start;flex-direction:column;gap:14px; }.ops-main h3 { font-size:1.1rem; }.ops-metrics { grid-template-columns:1fr 1fr;gap:7px; }.ops-metrics article { padding:12px; }.ops-metrics strong { font-size:1.4rem; }.ops-grid > article { min-height:260px;padding:14px; }.bar-chart { height:170px;gap:8px; }.integration-demo { min-height:620px; }.integration-core { width:180px; }.integration-service { width:135px;min-height:84px;padding:12px; }.integration-service strong { font-size:.85rem; }.integration-service span { font-size:.57rem; }.service-a,.service-c { left:2%; }.service-b,.service-d { right:2%; }.service-a,.service-b { top:5%; }.service-c,.service-d { bottom:5%; }.origin__mark { width:280px;margin:0 auto; }.principles-grid { grid-template-columns:1fr; }.principles-grid article { min-height:260px;padding:30px 24px; }.principles-grid h3 { margin-top:35px; }.experience-stack > div { align-items:flex-start;flex-direction:column;gap:6px;padding:20px 0; }.experience-stack strong { text-align:left; }.honesty-note { min-height:600px;padding:90px 20px; }.contact-form-v3 { padding:32px 20px;border-radius:18px; }.form-row { grid-template-columns:1fr; }.form-submit { align-items:stretch;flex-direction:column; }.form-submit .button { width:100%; }.next-steps li { grid-template-columns:38px 1fr;gap:12px; }
}

/* V6 executive motion system and layout hardening */
:root { --electric:#63b3ff;--deep-blue:#0d5fc7;--cyan:#83d7ff; }
main,main > *,section,article,.hero-v3 > *,.page-hero-v3 > *,.site-footer > * { min-width:0; }
h1,h2,h3,p,a,strong { overflow-wrap:break-word; }
.ambient__grid { will-change:transform;transition:transform .12s linear; }
.ambient::after { content:"";position:absolute;inset:-35%;background:conic-gradient(from 90deg at 50% 50%,transparent 0 31%,rgba(47,138,255,.045) 38%,transparent 45% 100%);animation:ambientSweep 22s linear infinite; }
.site-header::after { content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--electric),transparent);opacity:0;transform:scaleX(.35);transition:opacity .35s,transform .5s var(--ease); }
.site-header.is-scrolled::after { opacity:.55;transform:scaleX(1); }
.button,.nav-cta { transform:translate(var(--magnetic-x,0),var(--magnetic-y,0)); }
.button:hover { transform:translate(var(--magnetic-x,0),calc(var(--magnetic-y,0) - 2px)); }
.button::after { content:"";width:22px;height:1px;background:currentColor;opacity:.55;transform-origin:left;transition:width .3s var(--ease); }
.button:hover::after { width:32px; }
.button span[aria-hidden="true"] { margin-left:-24px; }
.page-hero-v3 { position:relative;isolation:isolate;overflow:hidden; }
.page-hero-v3::before { content:"";position:absolute;z-index:-1;right:-6%;top:26%;width:min(38vw,540px);aspect-ratio:1;border:1px solid rgba(99,179,255,.13);border-radius:50%;box-shadow:0 0 0 72px rgba(64,144,240,.025),0 0 0 144px rgba(64,144,240,.018);animation:heroOrbit 9s ease-in-out infinite; }
.page-hero-v3::after { content:"KMDS / DIGITAL ENGINEERING";position:absolute;right:0;bottom:28px;color:rgba(135,177,225,.36);font-family:var(--mono);font-size:.55rem;letter-spacing:.16em; }
.page-hero-v3 h1 span { background-size:200% auto;animation:headlineLight 7s ease-in-out infinite; }
.page-telemetry { position:fixed;z-index:60;left:16px;top:50%;display:flex;align-items:center;gap:12px;color:#66809f;font-family:var(--mono);font-size:.52rem;font-weight:700;letter-spacing:.14em;transform:translate(-46%,-50%) rotate(-90deg);transform-origin:center;pointer-events:none; }
.page-telemetry i { width:70px;height:1px;background:linear-gradient(90deg,#243d5b,var(--electric)); }
.page-telemetry b { min-width:28px;color:#9ccaff;font-weight:700; }
[data-reveal] { transition:opacity .85s var(--ease),transform .85s var(--ease),filter .85s var(--ease);filter:blur(7px); }
[data-reveal].is-visible { filter:blur(0); }
.section-intro h2,.origin__copy h2,.work-feature__heading h2,.capability-statement h2 { text-wrap:balance; }
.section-shell,.work-feature,.portal-showcase { position:relative; }
.section-shell::before,.work-feature::before,.portal-showcase::before { content:"";position:absolute;left:0;top:0;width:86px;height:1px;background:linear-gradient(90deg,var(--electric),transparent);box-shadow:0 0 14px rgba(99,179,255,.35); }
[data-spotlight]::after { content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(420px circle at var(--mx,-500px) var(--my,-500px),rgba(84,159,248,.11),transparent 48%);opacity:0;pointer-events:none;transition:opacity .35s; }
[data-spotlight]:hover::after { opacity:1; }
[data-spotlight] > * { position:relative;z-index:1; }
.work-window::after,.portal-browser::after,.website-browser::after,.demo-ui::after { content:"";position:absolute;z-index:6;left:0;right:0;top:-18%;height:18%;background:linear-gradient(180deg,transparent,rgba(112,195,255,.07),rgba(112,195,255,.13),transparent);pointer-events:none;animation:interfaceScan 7s ease-in-out infinite; }
.work-window,.portal-browser,.website-browser,.demo-ui { isolation:isolate; }
.bar-chart i,.portal-insight > div i,.website-page main aside i { position:relative;overflow:hidden; }
.bar-chart i::after,.portal-insight > div i::after,.website-page main aside i::after { content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.45) 50%,transparent 80%);transform:translateX(-120%);animation:metricShimmer 4.8s ease-in-out infinite; }
.principles-grid article,.pathway-grid a,.demo-card,.work-canvas,.integration-demo,.portal-stage,.website-stage,.web-service-feature,.contact-form-v3 { transition:border-color .35s,box-shadow .35s,transform .35s var(--ease); }
.principles-grid article:hover,.pathway-grid a:hover { border-color:rgba(99,179,255,.34);box-shadow:inset 0 1px rgba(255,255,255,.03),0 28px 70px rgba(0,0,0,.22); }
.closing-cta { isolation:isolate; }
.closing-cta::before { content:"";position:absolute;z-index:-1;inset:-60%;background:conic-gradient(from 180deg,transparent 0 36%,rgba(132,201,255,.17) 45%,transparent 54% 100%);animation:ctaSweep 13s linear infinite; }
.closing-cta > * { position:relative;z-index:2; }

/* Contained About identity seal: metadata has its own row and cannot collide. */
.origin { grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:clamp(56px,7vw,112px); }
.origin__copy { min-width:0;width:100%;max-width:100%; }
.origin__copy h2,.origin__copy > p { max-width:100%;overflow-wrap:anywhere; }
.origin-seal { position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;width:min(430px,100%);aspect-ratio:1;border:1px solid rgba(118,183,255,.26);border-radius:50%;padding:21% 13% 11%;background:radial-gradient(circle,rgba(51,140,255,.1),transparent 42%),rgba(7,12,19,.35);box-shadow:inset 0 0 70px rgba(44,127,229,.06),0 30px 90px rgba(0,0,0,.28);overflow:hidden; }
.origin-seal::before,.origin-seal::after { content:"";position:absolute;border:1px solid rgba(99,179,255,.17);border-radius:50%;pointer-events:none; }
.origin-seal::before { inset:12%; }
.origin-seal::after { inset:29%;border-style:dashed;animation:sealRotate 22s linear infinite; }
.origin-seal__orbit { position:absolute;inset:6%;border:1px dashed rgba(99,179,255,.11);border-radius:50%;animation:sealRotate 32s linear infinite reverse; }
.origin-seal__orbit i { position:absolute;width:7px;height:7px;border-radius:50%;background:var(--electric);box-shadow:0 0 14px var(--electric); }
.origin-seal__orbit i:nth-child(1) { left:15%;top:14%; }.origin-seal__orbit i:nth-child(2) { right:7%;top:50%;background:var(--red);box-shadow:0 0 14px var(--red); }.origin-seal__orbit i:nth-child(3) { left:33%;bottom:0;width:4px;height:4px; }
.origin-seal__core { position:relative;z-index:2;align-self:center;text-align:center; }
.origin-seal__core span { display:block;font-family:var(--display);font-size:clamp(3.3rem,6vw,5.2rem);font-weight:700;letter-spacing:-.09em;line-height:.8;text-shadow:0 0 34px rgba(88,170,255,.2); }
.origin-seal__core small { display:block;margin-top:14px;color:#7792b1;font-family:var(--mono);font-size:.52rem;letter-spacing:.18em;line-height:1.6; }
.origin-seal__meta { position:relative;z-index:3;display:flex;justify-content:space-between;width:88%;padding-top:15px;border-top:1px solid rgba(118,183,255,.18);color:#85a2c1;font-family:var(--mono);font-size:.54rem;font-weight:700;letter-spacing:.1em;white-space:nowrap; }
.origin-seal > b { position:absolute;z-index:2;right:12%;top:21%;width:9px;height:9px;border-radius:50%;background:var(--electric);box-shadow:0 0 17px var(--electric);animation:signalPulse 2.2s ease-in-out infinite; }

@keyframes ambientSweep { to { transform:rotate(360deg); } }
@keyframes ambientDrift { from { transform:translate3d(-2%,-1%,0) scale(1); } to { transform:translate3d(4%,3%,0) scale(1.08); } }
@keyframes glowBlue { from { transform:translate3d(0,0,0) scale(.94); } to { transform:translate3d(-9%,12%,0) scale(1.08); } }
@keyframes glowRed { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(12%,-10%,0) scale(1.12); } }
@keyframes heroOrbit { 0%,100% { transform:scale(.96);opacity:.65; } 50% { transform:scale(1.04);opacity:1; } }
@keyframes headlineLight { 0%,100% { background-position:0 50%; } 50% { background-position:100% 50%; } }
@keyframes interfaceScan { 0%,12% { transform:translateY(0);opacity:0; } 24% { opacity:1; } 70%,100% { transform:translateY(680%);opacity:0; } }
@keyframes metricShimmer { 0%,55% { transform:translateX(-120%); } 85%,100% { transform:translateX(120%); } }
@keyframes ctaSweep { to { transform:rotate(360deg); } }
@keyframes sealRotate { to { transform:rotate(360deg); } }
@keyframes signalPulse { 0%,100% { opacity:.45;transform:scale(.75); } 50% { opacity:1;transform:scale(1.2); } }

@media (max-width:1180px) { .page-telemetry { display:none; } }
@media (max-width:980px) {
    .origin { grid-template-columns:1fr; }
    .origin-seal { width:min(420px,82vw);margin:0 auto; }
    .page-hero-v3::before { right:-20%;top:22%;width:58vw; }
}
@media (max-width:640px) {
    .page-hero-v3::before { right:-34%;top:29%;width:82vw; }
    .page-hero-v3::after { display:none; }
    .origin-seal { width:min(310px,88vw);padding:21% 13% 10%; }
    .origin-seal__core span { font-size:3.6rem; }
    .origin-seal__core small { font-size:.44rem; }
    .origin-seal__meta { padding-top:10px;font-size:.45rem; }
    .button { max-width:100%; }
}
@media (prefers-reduced-motion:reduce) {
    .ambient::before,.ambient::after,.ambient__glow,.page-hero-v3::before,.page-hero-v3 h1 span,.closing-cta::before,.origin-seal::after,.origin-seal__orbit,.origin-seal > b,.work-window::after,.portal-browser::after,.website-browser::after,.demo-ui::after,.bar-chart i::after,.portal-insight > div i::after,.website-page main aside i::after { animation:none!important; }
    [data-reveal] { filter:none; }
}

/* V4 cinematic interaction and showcase layer */
.scroll-progress { position:fixed;z-index:300;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--blue),#9ed0ff 65%,var(--red));box-shadow:0 0 16px rgba(51,140,255,.7);transform:scaleX(0);transform-origin:left;pointer-events:none; }
.cursor-aura { position:fixed;z-index:-1;left:0;top:0;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(42,136,255,.11),rgba(42,136,255,.025) 42%,transparent 70%);filter:blur(10px);opacity:0;transform:translate3d(-50%,-50%,0);transition:opacity .35s;pointer-events:none; }
.site-header::before { content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(105deg,rgba(118,183,255,.36),transparent 35%,transparent 70%,rgba(255,64,95,.18));opacity:0;transition:opacity .35s;z-index:-2; }
.site-header.is-scrolled::before { opacity:1; }
.site-header::after { content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(5,9,14,.82);backdrop-filter:blur(22px);opacity:0;transition:opacity .35s;z-index:-1; }
.site-header.is-scrolled { background:transparent; }
.site-header.is-scrolled::after { opacity:1; }
.button { position:relative;isolation:isolate;overflow:hidden; }
.button::before { content:"";position:absolute;z-index:-1;inset:-2px auto -2px -45%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-20deg);transition:left .55s var(--ease); }
.button:hover::before { left:115%; }
.button--primary { background:linear-gradient(115deg,#0e69d7,#45a6ff 55%,#1674e7);background-size:200% 100%;animation:buttonGlow 5s ease infinite; }
.hero-v3 h1,.page-hero-v3 h1 { text-shadow:0 18px 70px rgba(39,123,229,.12); }
.system-map,.showcase-frame { --rx:0deg;--ry:0deg;transform:perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .22s ease-out,border-color .35s,box-shadow .35s; }
.system-map:hover,.showcase-frame:hover { border-color:rgba(118,183,255,.48);box-shadow:0 55px 130px rgba(0,0,0,.48),0 0 75px rgba(51,140,255,.1); }
[data-spotlight] { position:relative; }
[data-spotlight]::after { content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(73,153,255,.09),transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none; }
[data-spotlight]:hover::after { opacity:1; }
[data-spotlight] > * { position:relative;z-index:1; }

.signal-ticker { width:100%;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(8,13,20,.95),rgba(13,28,46,.82),rgba(8,13,20,.95)); }
.signal-ticker > div { display:flex;align-items:center;width:max-content;min-height:64px;animation:ticker 28s linear infinite; }
.signal-ticker span { padding:0 34px;color:#b8c7da;font-family:var(--display);font-size:1rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase; }
.signal-ticker i { color:var(--blue);font-size:.75rem;font-style:normal;text-shadow:0 0 12px var(--blue); }

.work-page .ambient { background:radial-gradient(circle at 58% -6%,#193b64 0,#0b1728 35%,#05090f 70%); }
.work-hero { position:relative;min-height:840px;padding-top:230px;overflow:hidden; }
.work-hero::before { content:"";position:absolute;right:-6%;top:15%;width:48%;aspect-ratio:1;border:1px solid rgba(118,183,255,.12);border-radius:50%;box-shadow:0 0 0 80px rgba(118,183,255,.025),0 0 0 160px rgba(118,183,255,.018);animation:heroRing 10s ease-in-out infinite; }
.work-hero::after { content:"";position:absolute;right:19%;top:43%;width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 28px 8px rgba(51,140,255,.55);animation:pulse 2s infinite; }
.work-hero > * { position:relative;z-index:1; }
.work-hero__index { position:absolute;right:0;top:210px;display:grid;grid-template-columns:auto auto;align-items:end;gap:0 16px;color:#7189a5;font-family:var(--mono); }
.work-hero__index span { grid-column:1/-1;font-size:.64rem;letter-spacing:.22em; }
.work-hero__index b { color:rgba(190,219,255,.16);font-family:var(--display);font-size:8rem;font-weight:600;letter-spacing:-.08em;line-height:.8; }
.work-hero__index small { max-width:110px;padding-bottom:4px;font-size:.56rem;letter-spacing:.11em;line-height:1.5; }
.work-hero h1 { max-width:1180px; }
.work-hero .page-hero-v3__split { margin-top:70px; }

.showcase-nav { position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin-top:-42px;border:1px solid rgba(118,183,255,.2);border-radius:18px;background:rgba(8,14,22,.88);box-shadow:0 28px 70px rgba(0,0,0,.32);backdrop-filter:blur(18px);overflow:hidden; }
.showcase-nav + .work-feature::before { content:none; }
.showcase-nav a { display:grid;grid-template-columns:38px 1fr;gap:2px 14px;padding:25px 28px;border-right:1px solid var(--line);transition:background .3s,transform .3s; }
.showcase-nav a:last-child { border-right:0; }
.showcase-nav a:hover { background:linear-gradient(135deg,rgba(51,140,255,.14),rgba(51,140,255,.03)); }
.showcase-nav span { grid-row:1/span 2;color:var(--blue-soft);font-family:var(--mono);font-size:.64rem; }
.showcase-nav strong { font-family:var(--display);font-size:1.05rem;font-weight:500; }
.showcase-nav small { color:#72869e;font-family:var(--mono);font-size:.58rem;letter-spacing:.04em;text-transform:uppercase; }
.work-feature { padding-top:170px; }
.work-feature__meta { position:relative; }
.work-feature__meta::after { content:"";position:absolute;left:0;bottom:-1px;width:105px;height:1px;background:var(--blue);box-shadow:0 0 12px var(--blue); }
.work-feature__heading h2 { background:linear-gradient(110deg,#fff 10%,#b8d8ff 62%,#6688ad);-webkit-background-clip:text;background-clip:text;color:transparent; }
.showcase-frame { position:relative;will-change:transform; }
.work-canvas--ops { padding:42px;background:radial-gradient(circle at 65% 0,rgba(51,140,255,.18),transparent 42%),linear-gradient(155deg,#0b121d,#05080d); }
.work-canvas__flare { position:absolute!important;z-index:0!important;left:35%;top:-2px;width:32%;height:1px;background:linear-gradient(90deg,transparent,#79bcff,transparent);box-shadow:0 0 32px 8px rgba(51,140,255,.35); }
.work-window { position:relative;z-index:1;box-shadow:0 35px 80px rgba(0,0,0,.5); }
.ops-metrics article,.ops-grid > article { transition:transform .25s,border-color .25s,background .25s; }
.ops-metrics article:hover,.ops-grid > article:hover { transform:translateY(-3px);border-color:rgba(118,183,255,.34);background:#101c2a; }
.bar-chart i { transform-origin:bottom;animation:barRise 1.2s var(--ease) both; }
.bar-chart i:nth-child(2) { animation-delay:.08s; }.bar-chart i:nth-child(3) { animation-delay:.16s; }.bar-chart i:nth-child(4) { animation-delay:.24s; }.bar-chart i:nth-child(5) { animation-delay:.32s; }.bar-chart i:nth-child(6) { animation-delay:.4s; }.bar-chart i:nth-child(7) { animation-delay:.48s; }
.work-breakdown article { position:relative;transition:background .3s; }
.work-breakdown article::before { content:"";position:absolute;left:0;top:0;width:0;height:1px;background:var(--blue);box-shadow:0 0 10px var(--blue);transition:width .4s var(--ease); }
.work-breakdown article:hover { background:rgba(51,140,255,.035); }
.work-breakdown article:hover::before { width:100%; }

.integration-demo--premium { min-height:650px;background-color:#070c13;background-image:linear-gradient(rgba(56,112,178,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,112,178,.07) 1px,transparent 1px);background-size:48px 48px;box-shadow:0 45px 100px rgba(0,0,0,.4); }
.integration-demo--premium::before { content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(51,140,255,.16),transparent 36%); }
.integration-radar { position:absolute!important;z-index:0!important;left:50%;top:50%;width:430px;aspect-ratio:1;border:1px solid rgba(91,162,246,.12);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 75px rgba(91,162,246,.025),0 0 0 150px rgba(91,162,246,.018); }
.integration-radar::after { content:"";position:absolute;left:50%;top:50%;width:50%;height:1px;background:linear-gradient(90deg,rgba(78,160,255,.65),transparent);transform-origin:left;animation:radar 5s linear infinite; }
.integration-demo--premium .integration-core { box-shadow:0 0 80px rgba(51,140,255,.25),0 25px 50px rgba(0,0,0,.5); }
.integration-demo--premium .integration-service { transition:transform .3s,border-color .3s; }
.integration-demo--premium .integration-service:hover { transform:translateY(-5px);border-color:var(--line-bright); }
.integration-status { position:absolute!important;z-index:3!important;left:50%;bottom:25px;display:flex;align-items:center;gap:22px;padding:12px 18px;border:1px solid var(--line);border-radius:99px;background:rgba(6,11,17,.88);color:#7389a3;font-family:var(--mono);font-size:.6rem;transform:translateX(-50%);backdrop-filter:blur(12px);white-space:nowrap; }
.integration-status span { display:flex;align-items:center;gap:7px; }.integration-status i { width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green); }.integration-status span:nth-child(2) i { background:var(--red);box-shadow:0 0 9px var(--red); }.integration-status strong { color:#c0cddd;font-size:.62rem; }

.portal-showcase { padding-top:170px; }
.portal-stage { position:relative;padding:70px 70px 90px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 30% 0,rgba(51,140,255,.16),transparent 38%),linear-gradient(145deg,#09121e,#05080d);box-shadow:0 50px 120px rgba(0,0,0,.45); }
.portal-browser { border:1px solid #27415f;border-radius:17px;background:#f3f6fa;color:#172131;box-shadow:0 40px 90px rgba(0,0,0,.52);overflow:hidden; }
.portal-browser__bar { display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;height:52px;padding:0 18px;background:#0b1420;color:#60758e;font-family:var(--mono);font-size:.58rem; }
.portal-browser__bar > span { display:flex;gap:6px; }.portal-browser__bar i { width:7px;height:7px;border-radius:50%;background:#31445b; }.portal-browser__bar > div { padding:7px 14px;border:1px solid #22354b;border-radius:6px;background:#080e16;text-align:center; }.portal-browser__bar small { text-align:right;color:#67ca9d; }
.portal-shell { display:grid;grid-template-columns:205px 1fr;min-height:590px; }
.portal-shell > aside { display:flex;flex-direction:column;padding:27px 18px;border-right:1px solid #d9e1ea;background:#fff; }
.portal-brand { margin:4px 8px 45px;font-family:var(--display);font-size:1.15rem;font-weight:800;letter-spacing:-.04em; }.portal-brand span { color:#1979ed; }
.portal-shell nav { display:grid;gap:5px; }.portal-shell nav b,.portal-shell nav span { padding:10px 12px;border-radius:7px;font-size:.72rem; }.portal-shell nav b { background:#e9f3ff;color:#1164c6; }.portal-shell nav span { color:#77869a; }
.portal-user { display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:22px;border-top:1px solid #e0e6ed; }.portal-user > i { display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#14283f;color:#fff;font-size:.65rem;font-style:normal; }.portal-user > span { display:flex;flex-direction:column; }.portal-user strong { font-size:.68rem; }.portal-user small { color:#8a98aa;font-size:.56rem; }
.portal-main { padding:42px;background:#f3f6fa; }.portal-main > header { display:flex;align-items:center;justify-content:space-between;margin-bottom:34px; }.portal-main > header small { color:#8290a2;font-family:var(--mono);font-size:.57rem;letter-spacing:.08em; }.portal-main h3 { margin-top:3px;font-family:var(--display);font-size:1.65rem;font-weight:600; }.portal-main button { padding:11px 15px;border:0;border-radius:8px;background:#176fd8;color:#fff;font-size:.7rem;font-weight:700;box-shadow:0 8px 20px rgba(23,111,216,.22); }
.portal-overview { display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px; }.portal-overview article { display:flex;flex-direction:column;padding:20px;border:1px solid #dce3eb;border-radius:11px;background:#fff;box-shadow:0 10px 30px rgba(43,64,89,.05); }.portal-overview small { color:#8392a4;font-family:var(--mono);font-size:.52rem; }.portal-overview strong { margin:8px 0 2px;font-family:var(--display);font-size:1.8rem; }.portal-overview span { color:#60758d;font-size:.62rem; }.portal-overview span i { display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#27b779; }.portal-overview .portal-next { background:linear-gradient(135deg,#102d4e,#164a80);color:#fff; }.portal-next small,.portal-next span { color:#9fc3e9; }.portal-next strong { font-size:1.2rem; }
.portal-grid { display:grid;grid-template-columns:1.35fr .65fr;gap:12px;margin-top:12px; }.portal-grid > article { min-height:285px;padding:22px;border:1px solid #dce3eb;border-radius:11px;background:#fff; }.portal-grid .panel-title small { color:#8b99aa; }.request-list { margin-top:18px; }.request-list li { display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e7ebf0; }.request-list li > i { width:7px;height:7px;border-radius:50%;background:#338cff;box-shadow:0 0 8px rgba(51,140,255,.35); }.request-list li > div { display:flex;flex-direction:column; }.request-list b { font-size:.68rem; }.request-list small { color:#8b99a9;font-size:.58rem; }.request-list li > strong { color:#277ad8;font-family:var(--mono);font-size:.62rem; }
.portal-insight { display:flex;flex-direction:column;background:linear-gradient(155deg,#0f243b,#091624)!important;color:#fff; }.portal-insight > small { color:#7596b9;font-family:var(--mono);font-size:.55rem; }.portal-insight > strong { margin-top:auto;font-family:var(--display);font-size:2rem;font-weight:500; }.portal-insight p { margin:5px 0 24px;color:#93a9c0;font-size:.65rem;line-height:1.5; }.portal-insight > div { height:4px;border-radius:99px;background:#1d344c;overflow:hidden; }.portal-insight > div i { display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#267fe8,#6bb7ff);box-shadow:0 0 8px #338cff; }
.portal-float { position:absolute!important;z-index:3!important;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(118,183,255,.32);border-radius:12px;background:rgba(7,14,23,.9);color:#fff;box-shadow:0 20px 45px rgba(0,0,0,.45);backdrop-filter:blur(14px);animation:floatCard 5s ease-in-out infinite; }.portal-float--one { left:22px;bottom:28px; }.portal-float--two { right:25px;top:35px;animation-delay:-2.5s; }.portal-float > i { display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(73,224,160,.13);color:#63e0aa;font-style:normal; }.portal-float > span { display:flex;flex-direction:column; }.portal-float small { color:#7189a4;font-family:var(--mono);font-size:.52rem;letter-spacing:.06em; }.portal-float strong { font-size:.7rem; }.portal-float > b { margin-left:14px;color:#62dba7;font-family:var(--mono);font-size:.55rem; }

.capability-statement { display:grid;place-items:center;min-height:760px;padding:130px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 45%,rgba(41,125,230,.2),transparent 34%),linear-gradient(180deg,#070b11,#05070a);text-align:center;overflow:hidden; }
.capability-statement > div { position:relative;max-width:1100px; }.capability-statement > div::before { content:"KM";position:absolute;z-index:-1;left:50%;top:50%;color:rgba(129,184,250,.035);font-family:var(--display);font-size:33vw;font-weight:800;line-height:.7;transform:translate(-50%,-50%); }
.capability-statement .eyebrow { justify-content:center; }.capability-statement h2 { font-family:var(--display);font-size:clamp(3.5rem,7vw,7.4rem);font-weight:500;letter-spacing:-.06em;line-height:.88; }.capability-statement h2 span { color:transparent;background:linear-gradient(90deg,#7ebcff,#eaf5ff 52%,#6a91bd);-webkit-background-clip:text;background-clip:text; }.capability-statement p { max-width:690px;margin:34px auto;color:var(--muted);font-size:1.08rem; }
.closing-cta { position:relative;overflow:hidden; }.closing-cta::after { content:"";position:absolute;right:-80px;top:-180px;width:430px;height:430px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018);pointer-events:none; }

@keyframes buttonGlow { 0%,100% { background-position:0 0; } 50% { background-position:100% 0; } }
@keyframes ticker { to { transform:translateX(-50%); } }
@keyframes heroRing { 0%,100% { transform:scale(.96);opacity:.65; } 50% { transform:scale(1.04);opacity:1; } }
@keyframes barRise { from { transform:scaleY(0);opacity:.25; } to { transform:scaleY(1);opacity:1; } }
@keyframes radar { to { transform:rotate(360deg); } }
@keyframes floatCard { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-9px); } }

@media (max-width: 980px) {
    .work-hero__index { opacity:.55; }.showcase-nav { grid-template-columns:1fr;margin-top:25px; }.showcase-nav a { border-right:0;border-bottom:1px solid var(--line); }.showcase-nav a:last-child { border-bottom:0; }
    .portal-stage { padding:35px 25px 70px; }.portal-shell { grid-template-columns:150px 1fr; }.portal-main { padding:28px 20px; }.portal-overview { grid-template-columns:repeat(2,1fr); }.portal-next { grid-column:1/-1; }.portal-grid { grid-template-columns:1fr; }.portal-insight { min-height:210px!important; }.portal-float--one { left:10px;bottom:18px; }
}

@media (max-width: 640px) {
    .cursor-aura { display:none; }.signal-ticker > div { min-height:54px;animation-duration:22s; }.signal-ticker span { padding:0 22px;font-size:.82rem; }
    .work-hero { min-height:auto;padding-top:150px; }.work-hero::before { right:-48%;top:23%;width:100%; }.work-hero::after { display:none; }.work-hero__index { display:none; }.work-hero .page-hero-v3__split { margin-top:40px; }
    .showcase-nav { width:calc(100% - 32px); }.showcase-nav a { padding:20px; }.work-feature,.portal-showcase { padding-top:115px; }
    .work-canvas--ops { padding:10px; }.integration-demo--premium { min-height:650px; }.integration-radar { width:260px; }.integration-status { bottom:14px;gap:10px;padding:9px 11px; }.integration-status strong { display:none; }
    .portal-stage { padding:10px 10px 72px;border-radius:17px; }.portal-browser__bar { grid-template-columns:1fr auto; }.portal-browser__bar > div { display:none; }.portal-shell { grid-template-columns:1fr;min-height:0; }.portal-shell > aside { display:none; }.portal-main { padding:22px 12px; }.portal-main > header { align-items:flex-start;gap:14px; }.portal-main h3 { font-size:1.25rem; }.portal-main button { white-space:nowrap; }.portal-overview { grid-template-columns:1fr 1fr;gap:7px; }.portal-overview article { padding:13px; }.portal-next { grid-column:1/-1; }.portal-grid { gap:7px; }.portal-grid > article { padding:14px; }.request-list li { grid-template-columns:7px 1fr auto;gap:8px; }.portal-float--one { left:5px;bottom:14px; }.portal-float--two { display:none; }.capability-statement { min-height:620px;padding:100px 20px; }.capability-statement h2 { font-size:clamp(3.1rem,15vw,5rem); }
}

@media (pointer:coarse) { .system-map,.showcase-frame { transform:none!important; } }
@media (prefers-reduced-motion: reduce) { .signal-ticker > div,.button--primary,.work-hero::before,.integration-radar::after,.portal-float,.bar-chart i { animation:none!important; }.system-map,.showcase-frame { transform:none!important; } }

/* V5 conversion, web-development and search clarity */
.project-pathways { padding-bottom:30px; }
.pathway-grid { display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:22px;background:rgba(8,14,22,.55);overflow:hidden; }
.pathway-grid a { position:relative;display:flex;flex-direction:column;min-height:360px;padding:38px;border-right:1px solid var(--line);overflow:hidden;transition:background .35s,transform .35s; }
.pathway-grid a:last-child { border-right:0; }
.pathway-grid a::before { content:"";position:absolute;z-index:0;left:38px;right:38px;top:0;height:1px;background:linear-gradient(90deg,var(--blue),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease); }
.pathway-grid a:hover { background:linear-gradient(145deg,rgba(51,140,255,.12),rgba(7,13,21,.24)); }
.pathway-grid a:hover::before { transform:scaleX(1); }
.pathway-grid span { color:#6481a2;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em; }
.pathway-grid b { max-width:370px;margin:48px 0 20px;font-family:var(--display);font-size:clamp(1.75rem,2.5vw,2.7rem);font-weight:500;letter-spacing:-.04em;line-height:1.04; }
.pathway-grid p { color:var(--muted);font-size:.94rem; }
.pathway-grid strong { margin-top:auto;padding-top:35px;color:var(--blue-soft);font-size:.8rem; }

.web-service-feature { position:relative;display:grid;grid-template-columns:.85fr 1.15fr;min-height:690px;margin-bottom:80px;border:1px solid rgba(118,183,255,.28);border-radius:28px;background:linear-gradient(145deg,rgba(17,32,51,.88),rgba(7,11,17,.9));box-shadow:0 45px 110px rgba(0,0,0,.35);overflow:hidden; }
.web-service-feature__copy { display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:60px;border-right:1px solid var(--line); }
.web-service-feature__copy > span { color:var(--blue-soft);font-family:var(--mono);font-size:.68rem;letter-spacing:.11em; }
.web-service-feature__copy h3 { margin:28px 0 20px;font-family:var(--display);font-size:clamp(2.5rem,4vw,4.5rem);font-weight:500;letter-spacing:-.05em;line-height:.95; }
.web-service-feature__copy p { color:var(--muted);font-size:1rem; }
.web-service-feature__copy ul { display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:30px 0 40px; }
.web-service-feature__copy li { display:flex;gap:9px;color:#c3cfdd;font-size:.78rem; }.web-service-feature__copy li::before { content:"";flex:0 0 auto;width:5px;height:5px;margin-top:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px var(--blue); }
.web-service-feature__visual { position:relative;min-height:690px;background:radial-gradient(circle at 58% 35%,rgba(48,145,255,.22),transparent 33%),linear-gradient(145deg,#07101b,#04070b);overflow:hidden; }
.web-service-feature__visual::before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(79,140,207,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(79,140,207,.07) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(120deg,transparent,black); }
.web-device { position:absolute;z-index:2;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.52); }
.web-device--desktop { left:8%;top:14%;width:83%;border:1px solid #2c4765;border-radius:14px;background:#07101b;color:white;transform:rotate(-2deg); }
.web-device--desktop > div { display:flex;align-items:center;gap:6px;height:37px;padding:0 12px;border-bottom:1px solid #1d3046;background:#0b1521; }.web-device--desktop > div i { width:6px;height:6px;border-radius:50%;background:#33485f; }.web-device--desktop > div span { margin-left:auto;margin-right:auto;color:#647b96;font-family:var(--mono);font-size:.48rem; }
.web-device--desktop section { min-height:410px;padding:58px 42px;background:radial-gradient(circle at 87% 18%,rgba(51,140,255,.28),transparent 33%),linear-gradient(140deg,#07101a,#0b1b2d); }.web-device--desktop section small { color:#6caef6;font-family:var(--mono);font-size:.55rem;letter-spacing:.09em; }.web-device--desktop section b { display:block;margin:18px 0;font-family:var(--display);font-size:clamp(2.2rem,3.4vw,3.8rem);font-weight:500;letter-spacing:-.055em;line-height:.9; }.web-device--desktop section p { max-width:380px;color:#93a9c1;font-size:.72rem; }.web-device--desktop section button,.web-device--phone button { margin-top:25px;padding:10px 13px;border:0;border-radius:6px;background:#fff;color:#09101a;font-size:.6rem;font-weight:800; }
.web-device--phone { right:3%;bottom:5%;width:185px;min-height:355px;padding:42px 22px 25px;border:4px solid #18283a;border-radius:29px;background:linear-gradient(155deg,#111f31,#07101a);color:#fff;transform:rotate(5deg); }.web-device--phone > div { position:absolute;left:50%;top:9px;width:55px;height:5px;border-radius:99px;background:#24394f;transform:translateX(-50%); }.web-device--phone > small { color:#629bdc;font-family:var(--mono);font-size:.47rem; }.web-device--phone > b { display:block;margin:28px 0 22px;font-family:var(--display);font-size:1.65rem;font-weight:500;line-height:.96; }.web-device--phone > i { display:block;width:100%;height:5px;margin:8px 0;border-radius:4px;background:#1a2c41; }.web-device--phone > i:nth-last-child(1) { width:58%; }.web-device--phone > i:nth-last-child(2) { width:82%; }
.web-score { position:absolute;z-index:4;left:8%;bottom:8%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 10px;padding:15px 18px;border:1px solid rgba(88,225,163,.3);border-radius:12px;background:rgba(6,13,21,.92);box-shadow:0 18px 40px rgba(0,0,0,.4); }.web-score b { grid-row:1/span 2;color:#66dfaa;font-family:var(--display);font-size:1.8rem; }.web-score small { color:#718ba7;font-family:var(--mono);font-size:.5rem; }

.faq-section { padding-top:50px; }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { display:grid;grid-template-columns:1fr 40px;align-items:center;min-height:96px;cursor:pointer;list-style:none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary strong { font-family:var(--display);font-size:clamp(1.25rem,2vw,1.8rem);font-weight:500; }.faq-list summary i { color:var(--blue-soft);font-size:1.45rem;font-style:normal;transition:transform .3s; }.faq-list details[open] summary i { transform:rotate(45deg); }.faq-list details > p { max-width:850px;padding:0 70px 30px 0;color:var(--muted); }

.website-stage { position:relative;min-height:800px;padding:65px 120px 110px 55px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 15% 5%,rgba(51,140,255,.18),transparent 35%),linear-gradient(145deg,#09121d,#04070b);box-shadow:0 50px 120px rgba(0,0,0,.44);overflow:hidden; }
.website-stage::before { content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(118,183,255,.17) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(135deg,transparent 18%,black,transparent 85%); }
.website-browser { position:relative;z-index:1;border:1px solid #2a435f;border-radius:16px;background:#f6f4ef;color:#10151c;box-shadow:0 40px 100px rgba(0,0,0,.55);overflow:hidden; }
.website-browser__chrome { display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;height:47px;padding:0 16px;background:#0a1420;color:#617790;font-family:var(--mono);font-size:.53rem; }.website-browser__chrome > span { display:flex;gap:6px; }.website-browser__chrome i { width:7px;height:7px;border-radius:50%;background:#30445b; }.website-browser__chrome b { padding:6px 12px;border:1px solid #20344b;border-radius:5px;background:#07101a;text-align:center;font-weight:400; }.website-browser__chrome small { text-align:right;color:#5ecf9e; }
.website-page > header { display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 36px;border-bottom:1px solid #dedbd3; }.website-page > header strong,.website-phone > strong { font-family:var(--display);font-size:1.15rem;letter-spacing:-.03em; }.website-page > header strong span,.website-phone > strong span { color:#156ecf; }.website-page > header nav { color:#6d737b;font-size:.66rem; }.website-page > header button,.website-page main button { padding:10px 13px;border:0;border-radius:4px;background:#111820;color:#fff;font-size:.58rem;font-weight:700; }
.website-page main { display:grid;grid-template-columns:1.3fr .7fr;align-items:end;min-height:465px;padding:65px 48px;background:radial-gradient(circle at 95% 0,rgba(61,151,255,.2),transparent 30%),#f6f4ef; }.website-page main small { color:#4978aa;font-family:var(--mono);font-size:.56rem;letter-spacing:.1em; }.website-page main h3 { max-width:620px;margin:24px 0 20px;font-family:var(--display);font-size:clamp(3.5rem,6vw,6.8rem);font-weight:500;letter-spacing:-.07em;line-height:.82; }.website-page main h3 span { color:#2075d2; }.website-page main p { max-width:430px;color:#676f78;font-size:.76rem; }.website-page main aside { position:relative;padding:26px;border-left:1px solid #cac7bf; }.website-page main aside span { color:#77818c;font-family:var(--mono);font-size:.52rem; }.website-page main aside b { display:block;margin:12px 0 3px;font-family:var(--display);font-size:2.5rem; }.website-page main aside p { font-size:.62rem; }.website-page main aside i { display:block;width:100%;height:4px;margin-top:22px;background:linear-gradient(90deg,#2075d2 72%,#d6d3cc 72%); }
.website-page > footer { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dedbd3; }.website-page > footer div { display:flex;gap:14px;padding:22px 25px;border-right:1px solid #dedbd3; }.website-page > footer div:last-child { border-right:0; }.website-page > footer small { color:#8b9299;font-family:var(--mono);font-size:.52rem; }.website-page > footer strong { font-family:var(--display);font-size:.78rem; }
.website-phone { position:absolute;z-index:3;right:28px;top:19%;width:210px;min-height:450px;padding:34px 22px;border:6px solid #142235;border-radius:32px;background:radial-gradient(circle at 80% 12%,#173d69,#09121d 46%);color:white;box-shadow:0 35px 80px rgba(0,0,0,.58);transform:rotate(3deg); }.website-phone__top { position:absolute;top:8px;left:50%;width:60px;height:5px;border-radius:99px;background:#27394d;transform:translateX(-50%); }.website-phone > small { display:block;margin-top:45px;color:#6caef6;font-family:var(--mono);font-size:.46rem; }.website-phone h3 { margin:16px 0;font-family:var(--display);font-size:2.55rem;font-weight:500;letter-spacing:-.06em;line-height:.85; }.website-phone h3 span { color:#62aaff; }.website-phone p { color:#8fa3ba;font-size:.64rem; }.website-phone button { margin-top:24px;padding:10px 12px;border:0;border-radius:5px;background:white;color:#07101a;font-size:.58rem;font-weight:800; }.website-phone__metric { position:absolute;left:22px;right:22px;bottom:25px;padding-top:15px;border-top:1px solid #29405a; }.website-phone__metric small { color:#69829d;font-family:var(--mono);font-size:.47rem; }.website-phone__metric b { float:right;color:#6cb4ff;font-family:var(--display);font-size:1.2rem; }
.website-quality { position:absolute!important;z-index:4!important;left:38px;bottom:28px;display:flex;gap:8px; }.website-quality > span { display:grid;grid-template-columns:8px auto;align-items:center;gap:0 7px;padding:10px 13px;border:1px solid rgba(118,183,255,.24);border-radius:9px;background:rgba(7,14,22,.92);box-shadow:0 15px 35px rgba(0,0,0,.4); }.website-quality i { grid-row:1/span 2;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green); }.website-quality b { color:white;font-family:var(--display);font-size:1.05rem; }.website-quality small { color:#6e859f;font-family:var(--mono);font-size:.43rem; }

@media (max-width: 1100px) {
    .pathway-grid { grid-template-columns:1fr; }.pathway-grid a { min-height:280px;border-right:0;border-bottom:1px solid var(--line); }.pathway-grid a:last-child { border-bottom:0; }.pathway-grid b { margin-top:30px; }
    .web-service-feature { grid-template-columns:1fr; }.web-service-feature__copy { border-right:0;border-bottom:1px solid var(--line); }.web-service-feature__visual { min-height:650px; }
    .website-stage { padding-right:90px; }.website-page main { grid-template-columns:1fr; }.website-page main aside { display:none; }
}

@media (max-width: 640px) {
    .project-pathways { padding-bottom:10px; }.pathway-grid a { min-height:300px;padding:28px 24px; }.pathway-grid b { font-size:2rem; }
    .web-service-feature { min-height:0;border-radius:20px; }.web-service-feature__copy { padding:38px 24px; }.web-service-feature__copy h3 { font-size:2.65rem; }.web-service-feature__copy ul { grid-template-columns:1fr; }.web-service-feature__visual { min-height:520px; }.web-device--desktop { left:4%;top:10%;width:92%; }.web-device--desktop section { min-height:340px;padding:38px 24px; }.web-device--desktop section b { font-size:2.2rem; }.web-device--phone { right:2%;bottom:4%;width:145px;min-height:290px;padding:34px 16px 20px; }.web-device--phone > b { font-size:1.3rem; }.web-score { left:3%;bottom:5%;padding:10px 12px; }
    .faq-list summary { grid-template-columns:1fr 30px;min-height:88px; }.faq-list details > p { padding-right:25px; }
    .website-stage { min-height:670px;padding:10px 10px 95px;border-radius:18px; }.website-browser__chrome { grid-template-columns:1fr auto; }.website-browser__chrome b { display:none; }.website-page > header { height:65px;padding:0 17px; }.website-page > header nav { display:none; }.website-page main { min-height:390px;padding:45px 22px; }.website-page main h3 { font-size:3.4rem; }.website-page > footer { grid-template-columns:1fr; }.website-page > footer div { padding:13px 18px;border-right:0;border-bottom:1px solid #dedbd3; }.website-phone { right:8px;top:43%;width:135px;min-height:315px;padding:28px 14px;border-radius:23px; }.website-phone > small { margin-top:25px; }.website-phone h3 { font-size:1.75rem; }.website-phone__metric { left:14px;right:14px;bottom:16px; }.website-quality { left:8px;bottom:15px;flex-direction:column; }.website-quality > span { padding:7px 9px; }.website-quality > span:nth-child(n+2) { display:none; }
}

/* Keep the mobile navigation anchored to the viewport, including after scroll. */
@media (max-width:820px) {
    .site-header.is-scrolled { backdrop-filter:none; }
    .site-nav { z-index:1;justify-content:center;overflow-y:auto;overscroll-behavior:contain; }
}

/* V7 responsive scale, consistent WhatsApp mark and mobile motion */
.hero-v3 h1 { font-size:clamp(3.5rem,5.2vw,6rem); }
.page-hero-v3 h1 { max-width:1120px;font-size:clamp(3.4rem,5.5vw,6.25rem); }
.section-intro h2,.about-teaser h2,.closing-cta h2 { font-size:clamp(2.45rem,4.1vw,4.55rem); }
.fit-copy h2 { font-size:clamp(2.5rem,4.15vw,4.55rem); }
.work-feature__heading h2 { font-size:clamp(2.8rem,4.5vw,5.15rem); }
.lab-note h2 { font-size:clamp(2.7rem,4.4vw,4.9rem); }
.honesty-note h2 { font-size:clamp(2.8rem,4.7vw,5.3rem); }
.next-steps h2 { font-size:clamp(2.6rem,4vw,4.5rem); }
.capability-statement h2 { font-size:clamp(3rem,5.8vw,6rem); }
.website-page main h3 { font-size:clamp(3rem,5vw,5.5rem); }

.floating-whatsapp { background-color:#22b874;background-image:url("../images/whatsapp-mark.svg");background-position:center;background-repeat:no-repeat;background-size:25px 25px; }
.floating-whatsapp svg { display:none; }

.about-teaser__signal { --orbit-radius:188px; }
.about-teaser__signal i { animation-name:orbitResponsive; }
@keyframes orbitResponsive {
    from { transform:rotate(0deg) translateX(var(--orbit-radius)) rotate(0deg); }
    to { transform:rotate(360deg) translateX(var(--orbit-radius)) rotate(-360deg); }
}

@media (max-width:1180px) {
    .hero-v3 h1 { font-size:clamp(3.35rem,7vw,5.15rem); }
    .page-hero-v3 h1 { font-size:clamp(3.25rem,7.2vw,5.35rem); }
}

@media (max-width:820px) {
    .section-intro h2,.about-teaser h2,.closing-cta h2 { font-size:clamp(2.3rem,7vw,3.75rem); }
    .about-teaser__signal { --orbit-radius:150px; }
}

@media (max-width:640px) {
    .hero-v3 h1,.page-hero-v3 h1 { font-size:clamp(2.3rem,10vw,2.7rem);line-height:.96;letter-spacing:-.042em; }
    .section-intro h2,.about-teaser h2,.closing-cta h2 { font-size:clamp(1.8rem,7.7vw,2.15rem);line-height:1.04; }
    .pillar h3 { font-size:1.8rem; }
    .fit-copy h2,.lab-note h2,.honesty-note h2,.next-steps h2,.contact-sidebar h2,.form-heading h2 { font-size:clamp(1.9rem,8.2vw,2.3rem);line-height:1.02; }
    .work-feature__heading h2 { font-size:clamp(1.95rem,8.6vw,2.4rem);line-height:1; }
    .capability-statement h2 { font-size:clamp(2.05rem,9vw,2.55rem);line-height:.98; }
    .web-service-feature__copy h3 { font-size:1.9rem;line-height:1.02; }
    .website-page main h3 { font-size:2.25rem;line-height:.9; }
    .page-hero-v3__split,.work-feature__heading > p,.section-intro > p:last-child,.about-teaser p:not(.eyebrow),.honesty-note p { font-size:.94rem; }
    .about-teaser__signal { --orbit-radius:108px;width:260px; }
    .about-teaser__signal i { animation:orbitResponsive 10s linear infinite; }
    .about-teaser__signal i:nth-of-type(2) { animation-duration:15s;animation-direction:reverse; }
    .about-teaser__signal i:nth-of-type(3) { animation-duration:20s; }
    .floating-whatsapp { width:48px;height:48px;background-size:23px 23px; }
}

@media (prefers-reduced-motion:reduce) {
    .about-teaser__signal i { animation:none!important; }
}

/* V8 diagram repair, mobile footer, brand seals and red accent system */
.about-teaser__signal > img,.origin-seal__core img { position:relative;z-index:2;width:clamp(118px,40%,172px);height:auto;filter:drop-shadow(0 0 22px rgba(55,145,255,.26)); }
.origin-seal__core { display:grid;place-items:center;width:100%; }
.origin-seal__core img { width:clamp(122px,72%,176px); }

.integration-demo--premium > .integration-core,
.integration-demo--premium > .integration-service { position:absolute;z-index:2; }
.integration-demo--premium > svg { position:absolute;z-index:1;inset:0;width:100%;height:100%; }
.integration-demo--premium .integration-links line { fill:none;stroke:rgba(90,142,204,.28);stroke-width:1;vector-effect:non-scaling-stroke; }
.integration-demo--premium .integration-links line.flow { stroke:var(--blue);stroke-width:1.5;stroke-dasharray:2 22;stroke-linecap:round;animation:signal 4s linear infinite; }
.integration-demo--premium .integration-links line.flow:nth-of-type(4),.integration-demo--premium .integration-links line.flow:nth-of-type(8) { stroke:var(--red); }
.integration-demo--premium .integration-core { left:50%;top:50%;transform:translate(-50%,-50%); }
.integration-demo--premium .service-a { left:6%;right:auto;top:8%;bottom:auto; }
.integration-demo--premium .service-b { left:auto;right:6%;top:8%;bottom:auto; }
.integration-demo--premium .service-c { left:6%;right:auto;top:auto;bottom:8%; }
.integration-demo--premium .service-d { left:auto;right:6%;top:auto;bottom:8%; }
.integration-demo--premium .integration-service:hover { transform:translateY(-5px); }

.ambient__glow--red { opacity:.14; }
.eyebrow::before,.section-shell::before,.work-feature::before,.portal-showcase::before { background:linear-gradient(90deg,var(--blue),var(--red)); }
.site-nav > a:not(.nav-cta)::after { background:linear-gradient(90deg,var(--blue),var(--red)); }
.scroll-progress { background:linear-gradient(90deg,var(--blue) 0 68%,var(--red)); }
.text-link { border-image:linear-gradient(90deg,var(--blue-soft),rgba(255,64,95,.75)) 1; }
.pathway-grid a:nth-child(2)::before { background:linear-gradient(90deg,var(--red),transparent); }
.pathway-grid a:nth-child(2) span,.capability-list-v3 details:nth-child(3) summary span { color:#ff6f86; }
.principles-grid article:nth-child(3n+2) { background:linear-gradient(145deg,rgba(255,64,95,.025),transparent 58%); }
.work-breakdown article:nth-child(2)::before { background:var(--red);box-shadow:0 0 10px var(--red); }
.floating-whatsapp { box-shadow:0 12px 35px rgba(12,146,88,.34),0 0 0 1px rgba(255,64,95,.08); }
.closing-cta { background:linear-gradient(120deg,#0c58b5 0%,#18395f 52%,#491522 132%); }

@media (max-width:820px) {
    .site-footer { justify-items:center;text-align:center; }
    .site-footer .brand--footer { margin-inline:auto; }
    .site-footer > div { justify-content:center; }
    .site-footer small { width:100%;text-align:center; }
}

/* Laptop capability rows: symmetric controls and centred expanded content. */
@media (min-width:821px) {
    .capability-list-v3 summary { grid-template-columns:80px minmax(0,1fr) 80px; }
    .capability-list-v3 summary > span,.capability-list-v3 summary > i { display:grid;place-items:center;width:100%;height:100%;line-height:1; }
    .capability-list-v3 summary > strong { display:flex;align-items:center;justify-content:center;min-height:112px;text-align:center;line-height:1.12; }
    .capability-list-v3 details > div { grid-template-columns:minmax(0,900px);justify-content:center;justify-items:center;align-items:center;gap:22px;padding:0 80px 38px; }
    .capability-list-v3 details p { max-width:820px;text-align:center; }
    .capability-list-v3 details ul { justify-content:center; }
    .capability-list-v3 details li { display:inline-flex;align-items:center;justify-content:center;text-align:center; }
}

@media (max-width:640px) {
    .about-teaser__signal > img { width:118px; }
    .origin-seal__core img { width:120px; }
    .integration-demo--premium .integration-core { width:160px;min-height:126px; }
    .integration-demo--premium .integration-service { width:128px;min-height:82px;padding:11px; }
    .integration-demo--premium .service-a,.integration-demo--premium .service-c { left:2%;right:auto; }
    .integration-demo--premium .service-b,.integration-demo--premium .service-d { left:auto;right:2%; }
    .integration-demo--premium .service-a,.integration-demo--premium .service-b { top:5%;bottom:auto; }
    .integration-demo--premium .service-c,.integration-demo--premium .service-d { top:auto;bottom:5%; }
    .integration-demo--premium .integration-service:hover { transform:none; }
    .site-footer { gap:20px;padding-top:42px; }
    .site-footer > div { width:100%;gap:12px 18px; }
}