:root {
  --ink: #ecf8ff;
  --muted: #90a9bf;
  --navy-950: #020a14;
  --navy-900: #031327;
  --navy-800: #06203b;
  --navy-700: #0a3155;
  --cyan: #00d8ff;
  --cyan-soft: #4be7ff;
  --blue: #168dff;
  --silver: #90a7c3;
  --line: rgba(118, 190, 226, .15);
  --glass: rgba(7, 28, 50, .68);
  --radius: 28px;
  --radius-sm: 16px;
  --shadow: 0 30px 80px rgba(0, 4, 12, .45);
  --container: min(1180px, calc(100% - 40px));
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; color: var(--ink); background: var(--navy-950); font-family: Inter, "Segoe UI", Arial, sans-serif; line-height: 1.6; overflow-x: hidden; }
body.modal-open { overflow: hidden; }
::selection { background: var(--cyan); color: #00111e; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
img { max-width: 100%; display: block; }
.container { width: var(--container); margin-inline: auto; }
.section { position: relative; padding: 120px 0; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 10000; padding: 12px 18px; border-radius: 10px; background: var(--cyan); color: #00101d; font-weight: 800; transition: top .2s; }
.skip-link:focus { top: 16px; }
#network-canvas { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; opacity: .33; }
.ambient { position: fixed; width: 45vw; height: 45vw; border-radius: 50%; filter: blur(100px); pointer-events: none; z-index: 0; opacity: .1; }
.ambient-one { background: var(--cyan); top: -18vw; right: -17vw; }
.ambient-two { background: var(--blue); left: -25vw; bottom: -22vw; }
.cursor-glow { position: fixed; left: 0; top: 0; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(0, 216, 255, .08), transparent 67%); pointer-events: none; z-index: 1; transform: translate(-50%, -50%); will-change: transform; }
main, .site-footer { position: relative; z-index: 2; }

.site-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; border-bottom: 1px solid transparent; transition: background .3s, border-color .3s, transform .3s; }
.site-header.scrolled { background: rgba(2, 10, 20, .82); border-color: var(--line); backdrop-filter: blur(22px); }
.nav-wrap { min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex-shrink: 0; }
.brand-mark { width: 48px; height: 48px; border: 1px solid rgba(0, 216, 255, .3); border-radius: 14px; overflow: hidden; box-shadow: 0 0 25px rgba(0, 216, 255, .16); background: #03162b; }
.brand-mark img { width: 100%; height: 100%; object-fit: cover; }
.brand-copy { display: grid; line-height: 1.05; text-transform: uppercase; }
.brand-copy strong { font-size: 16px; letter-spacing: .045em; font-style: italic; }
.brand-copy small { color: var(--muted); font-size: 8px; letter-spacing: .19em; margin-top: 6px; }
.primary-nav { display: flex; align-items: center; gap: 30px; }
.primary-nav a { color: #a9bfd1; font-size: 14px; font-weight: 650; position: relative; padding: 30px 0; transition: color .25s; }
.primary-nav a::after { content: ""; position: absolute; left: 50%; bottom: 21px; width: 0; height: 2px; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); transition: width .25s, left .25s; }
.primary-nav a:hover, .primary-nav a.active { color: #fff; }
.primary-nav a.active::after { width: 100%; left: 0; }
.menu-toggle { display: none; width: 46px; height: 46px; border-radius: 13px; border: 1px solid var(--line); background: rgba(255,255,255,.03); padding: 12px; cursor: pointer; }
.menu-toggle span { width: 100%; height: 2px; display: block; background: var(--ink); margin: 5px 0; transition: transform .3s, opacity .3s; }
.menu-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle.open span:nth-child(2) { opacity: 0; }
.menu-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 0 24px; border: 1px solid rgba(135, 234, 255, .55); border-radius: 14px; color: #00101c; background: linear-gradient(135deg, #74efff 0%, var(--cyan) 46%, #1597ff 100%); font-weight: 800; font-size: 14px; box-shadow: 0 12px 30px rgba(0, 193, 255, .18), inset 0 1px rgba(255,255,255,.75); cursor: pointer; position: relative; overflow: hidden; transition: transform .25s, box-shadow .25s; }
.button::before { content: ""; position: absolute; top: -50%; left: -30%; width: 25%; height: 200%; background: rgba(255,255,255,.55); transform: rotate(20deg); transition: left .55s; }
.button:hover { transform: translateY(-3px); box-shadow: 0 18px 45px rgba(0, 193, 255, .28); }
.button:hover::before { left: 115%; }
.button > * { position: relative; z-index: 1; }
.button-small { min-height: 44px; padding-inline: 18px; border-radius: 12px; }
.button-ghost { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 18px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.035); color: var(--ink); cursor: pointer; font-weight: 700; }
.text-link { display: inline-flex; align-items: center; gap: 11px; color: #dffaff; font-weight: 750; font-size: 14px; border: 0; background: none; padding: 0; cursor: pointer; }
.text-link b { color: var(--cyan); }
.play-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(0,216,255,.3); border-radius: 50%; color: var(--cyan); font-size: 10px; background: rgba(0,216,255,.06); box-shadow: inset 0 0 18px rgba(0,216,255,.08); }

.hero { min-height: 100svh; display: grid; align-items: center; padding: 136px 0 90px; overflow: hidden; background: radial-gradient(circle at 70% 42%, rgba(0, 155, 255, .13), transparent 32%), linear-gradient(180deg, rgba(3,19,39,.45), transparent 70%); }
.hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(35, 136, 189, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(35, 136, 189, .05) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), transparent 90%); }
.hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 40px; position: relative; z-index: 2; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--cyan-soft); font-size: 12px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.eyebrow span { display: block; width: 28px; height: 1px; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { letter-spacing: -.045em; line-height: .98; }
h1 { margin: 24px 0; font-size: clamp(52px, 6vw, 88px); max-width: 760px; }
h1 em, h2 em { color: transparent; background: linear-gradient(90deg, #87f5ff, var(--cyan) 48%, #4e9cff); background-clip: text; -webkit-background-clip: text; font-style: normal; text-shadow: 0 0 38px rgba(0, 216, 255, .08); }
.hero-lead { color: #a7bdcf; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.75; max-width: 650px; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 34px; }
.hero-proof { display: flex; gap: 34px; margin-top: 50px; padding-top: 25px; border-top: 1px solid var(--line); max-width: 620px; }
.hero-proof div { display: grid; }
.hero-proof strong { font-size: 25px; letter-spacing: -.03em; color: #f2fbff; }
.hero-proof span { color: #758fa6; font-size: 11px; text-transform: uppercase; letter-spacing: .11em; }
.hero-visual { min-height: 620px; display: grid; place-items: center; perspective: 1300px; }
.stage { width: min(590px, 48vw); aspect-ratio: 1; position: relative; transform-style: preserve-3d; transform: rotateX(3deg) rotateY(-5deg); transition: transform .2s ease-out; }
.stage::before { content: ""; position: absolute; inset: 12%; border-radius: 50%; background: radial-gradient(circle, rgba(0,216,255,.12), transparent 60%); filter: blur(25px); }
.orbit { position: absolute; inset: 10%; border: 1px solid rgba(61, 223, 255, .24); border-radius: 50%; transform-style: preserve-3d; box-shadow: inset 0 0 40px rgba(0,216,255,.025), 0 0 22px rgba(0,216,255,.04); }
.orbit::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; border-top: 2px solid var(--cyan); border-right: 2px solid transparent; filter: drop-shadow(0 0 8px var(--cyan)); }
.orbit span { position: absolute; width: 10px; height: 10px; border-radius: 50%; top: 13%; right: 18%; background: #fff; box-shadow: 0 0 18px 6px var(--cyan); }
.orbit-one { animation: orbitOne 15s linear infinite; }
.orbit-two { inset: 20%; transform: rotateX(68deg) rotateZ(18deg); animation: orbitTwo 11s linear infinite reverse; }
.orbit-three { inset: 4%; transform: rotateY(68deg) rotateZ(55deg); animation: orbitThree 19s linear infinite; opacity: .66; }
.core-shell { position: absolute; inset: 25%; display: grid; place-items: center; transform-style: preserve-3d; animation: floatCore 5s ease-in-out infinite; }
.core-glow { position: absolute; inset: -20%; border-radius: 50%; background: radial-gradient(circle, rgba(37, 221, 255, .28), rgba(0,91,255,.06) 48%, transparent 70%); filter: blur(22px); }
.logo-sphere { position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; border-radius: 50%; border: 2px solid rgba(124,238,255,.5); background: #021326; box-shadow: 0 0 55px rgba(0,216,255,.28), inset -18px -25px 45px rgba(0,0,0,.55), inset 14px 12px 30px rgba(109,232,255,.16); transform: translateZ(80px); }
.logo-sphere::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(130deg, rgba(255,255,255,.18), transparent 35%, rgba(0,0,0,.36) 72%); }
.logo-sphere img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); }
.float-card { position: absolute; min-width: 145px; padding: 13px 16px; border-radius: 14px; border: 1px solid rgba(94, 207, 255, .2); background: rgba(3, 20, 38, .72); backdrop-filter: blur(16px); box-shadow: var(--shadow); display: grid; transform-style: preserve-3d; }
.float-card b { font-size: 17px; color: var(--cyan-soft); }
.float-card span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.float-card-one { top: 18%; left: -2%; transform: translateZ(90px) rotateY(7deg); animation: cardFloat 6s ease-in-out infinite; }
.float-card-two { top: 31%; right: -6%; transform: translateZ(120px) rotateY(-7deg); animation: cardFloat 7s ease-in-out -2s infinite; }
.float-card-three { bottom: 18%; left: 5%; transform: translateZ(70px) rotateY(6deg); animation: cardFloat 8s ease-in-out -3s infinite; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: #4dffb8; box-shadow: 0 0 8px #4dffb8; position: absolute; right: 13px; top: 12px; }
.axis { position: absolute; left: 50%; top: 50%; background: linear-gradient(90deg, transparent, rgba(0,216,255,.25), transparent); height: 1px; width: 95%; transform-origin: center; }
.axis-y { transform: translate(-50%, -50%) rotate(90deg); }
.axis-x { transform: translate(-50%, -50%); }
.scroll-cue { position: absolute; z-index: 3; bottom: 24px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 10px; color: #58778f; font-size: 10px; text-transform: uppercase; letter-spacing: .13em; }
.scroll-cue span { width: 20px; height: 32px; border: 1px solid #34566e; border-radius: 20px; position: relative; }
.scroll-cue span::after { content: ""; width: 3px; height: 6px; border-radius: 5px; background: var(--cyan); position: absolute; left: 50%; top: 6px; transform: translateX(-50%); animation: scrollDot 1.8s infinite; }

@keyframes orbitOne { to { transform: rotateZ(360deg); } }
@keyframes orbitTwo { from { transform: rotateX(68deg) rotateZ(18deg); } to { transform: rotateX(68deg) rotateZ(378deg); } }
@keyframes orbitThree { from { transform: rotateY(68deg) rotateZ(55deg); } to { transform: rotateY(68deg) rotateZ(415deg); } }
@keyframes floatCore { 50% { transform: translateY(-12px) rotateY(4deg); } }
@keyframes cardFloat { 50% { margin-top: -13px; } }
@keyframes scrollDot { 0% { opacity: 0; transform: translate(-50%, 0); } 30% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, 12px); } }

.trust-strip { position: relative; z-index: 3; border-block: 1px solid var(--line); background: rgba(7, 28, 50, .48); backdrop-filter: blur(14px); overflow: hidden; }
.marquee-track { width: max-content; display: flex; align-items: center; gap: 30px; padding: 18px 0; animation: marquee 30s linear infinite; }
.marquee-track span { color: #69879d; font-size: 11px; letter-spacing: .17em; font-weight: 800; }
.marquee-track i { width: 5px; height: 5px; border: 1px solid var(--cyan); transform: rotate(45deg); }
@keyframes marquee { to { transform: translateX(-50%); } }

.section-heading { max-width: 790px; margin-bottom: 64px; }
.section-heading h2 { font-size: clamp(42px, 5vw, 68px); margin: 18px 0 0; }
.split-heading { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 50px; }
.split-heading > div { max-width: 770px; }
.split-heading > p { max-width: 390px; color: var(--muted); margin-bottom: 6px; }
.centered { text-align: center; margin-inline: auto; }
.centered .eyebrow { justify-content: center; }

.about { background: linear-gradient(180deg, transparent, rgba(5,23,42,.65), transparent); }
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.about-visual { perspective: 1100px; }
.mesh-card { min-height: 560px; position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: radial-gradient(circle at 50% 50%, rgba(0,216,255,.14), transparent 31%), linear-gradient(145deg, rgba(12, 49, 84, .68), rgba(2, 12, 24, .94)); box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.04); transform-style: preserve-3d; }
.mesh-grid { position: absolute; inset: -40%; background-image: linear-gradient(rgba(0,216,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(0,216,255,.08) 1px, transparent 1px); background-size: 42px 42px; transform: perspective(500px) rotateX(62deg) translateY(-5%); mask-image: radial-gradient(circle, #000, transparent 65%); }
.mesh-label { position: absolute; left: 28px; top: 25px; color: var(--muted); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.system-node { position: absolute; z-index: 2; min-width: 92px; padding: 11px 16px; text-align: center; border: 1px solid rgba(0,216,255,.22); background: rgba(3,19,39,.8); box-shadow: 0 12px 35px rgba(0,0,0,.3); border-radius: 12px; color: #bcd2e2; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.node-main { width: 120px; height: 120px; min-width: 0; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%) translateZ(45px); display: grid; place-items: center; font-size: 38px; font-weight: 900; color: var(--cyan); border-color: rgba(0,216,255,.5); background: radial-gradient(circle at 35% 25%, #0b5275, #03172c 60%); box-shadow: 0 0 50px rgba(0,216,255,.22); }
.node-a { left: 6%; top: 16%; }.node-b { right: 6%; top: 16%; }.node-c { left: 6%; bottom: 17%; }.node-d { right: 6%; bottom: 17%; }
.experience-badge { position: absolute; left: 24px; bottom: 23px; padding: 13px 17px; border-left: 2px solid var(--cyan); background: rgba(2,12,24,.68); display: flex; align-items: center; gap: 12px; }
.experience-badge strong { color: var(--cyan); font-size: 28px; line-height: 1; }
.experience-badge span { color: var(--muted); font-size: 10px; line-height: 1.4; text-transform: uppercase; letter-spacing: .08em; }
.about-copy h3 { font-size: clamp(27px, 3vw, 39px); line-height: 1.15; letter-spacing: -.03em; }
.about-copy > p { color: var(--muted); }
.mission-vision { margin: 34px 0; border-top: 1px solid var(--line); }
.mission-vision article { display: flex; gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.mission-vision article > span { color: var(--cyan); font-size: 11px; letter-spacing: .1em; padding-top: 5px; }
.mission-vision h4 { margin: 0 0 5px; }
.mission-vision p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }

.services { background: #04101f; }
.services::before, .portfolio::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(70, 200, 255, .1) 1px, transparent 1px); background-size: 30px 30px; mask-image: linear-gradient(to bottom, transparent, #000 30%, transparent); }
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.service-card { min-height: 425px; position: relative; padding: 30px; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg, rgba(10,40,70,.64), rgba(3,16,30,.92)); box-shadow: inset 0 1px rgba(255,255,255,.035); display: flex; flex-direction: column; transform-style: preserve-3d; transition: border-color .3s, box-shadow .3s, transform .2s; }
.service-card::before { content: ""; position: absolute; width: 180px; height: 180px; border-radius: 50%; right: -90px; top: -90px; background: rgba(0,216,255,.07); filter: blur(30px); }
.service-card:hover { border-color: rgba(0,216,255,.38); box-shadow: 0 25px 55px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.05); }
.service-card.featured { border-color: rgba(0,216,255,.25); background: linear-gradient(145deg, rgba(5,61,91,.68), rgba(3,16,30,.92)); }
.service-number { position: absolute; right: 25px; top: 23px; color: #486a82; font-size: 11px; letter-spacing: .15em; }
.service-icon { width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; margin-bottom: 28px; background: linear-gradient(145deg, rgba(0,216,255,.16), rgba(22,141,255,.05)); border: 1px solid rgba(0,216,255,.25); color: var(--cyan); font-size: 23px; box-shadow: inset 0 0 20px rgba(0,216,255,.06); }
.service-card h3 { font-size: 24px; letter-spacing: -.02em; margin-bottom: 12px; }
.service-card p { color: var(--muted); font-size: 14px; }
.service-card ul { display: flex; flex-wrap: wrap; gap: 7px; padding: 0; margin: 5px 0 22px; list-style: none; }
.service-card li { padding: 5px 9px; border: 1px solid rgba(113,173,205,.14); border-radius: 7px; color: #7fa4bc; background: rgba(255,255,255,.025); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.service-card > a { margin-top: auto; color: #cceafa; font-size: 12px; font-weight: 800; }
.service-card > a b { color: var(--cyan); margin-left: 5px; }

.process { overflow: hidden; }
.process-line { position: absolute; top: 302px; left: 10%; width: 80%; height: 1px; background: var(--line); }
.process-line span { display: block; width: 0; height: 1px; background: linear-gradient(90deg, var(--cyan), var(--blue)); box-shadow: 0 0 8px var(--cyan); transition: width 1.5s ease; }
.process-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px; position: relative; }
.process-step { position: relative; }
.process-step > span { color: #365873; font-size: 11px; letter-spacing: .16em; }
.step-dot { width: 11px; height: 11px; border: 2px solid var(--cyan); border-radius: 50%; background: var(--navy-950); box-shadow: 0 0 14px rgba(0,216,255,.5); margin: 23px 0 35px; }
.process-step h3 { font-size: 19px; }
.process-step p { color: var(--muted); font-size: 13px; }

.portfolio { background: linear-gradient(180deg, #04101f, #020b16); }
.portfolio-grid { display: grid; grid-template-columns: 1.3fr .85fr; grid-template-rows: repeat(2, 1fr); gap: 20px; }
.project-card { border: 1px solid var(--line); border-radius: 24px; overflow: hidden; background: rgba(5, 24, 44, .75); transform-style: preserve-3d; transition: border-color .3s; }
.project-card:hover { border-color: rgba(0,216,255,.38); }
.project-commerce { grid-row: 1 / 3; }
.project-art { height: 290px; position: relative; overflow: hidden; background: radial-gradient(circle at 60% 40%, rgba(0,216,255,.16), transparent 38%), #06182c; }
.project-commerce .project-art { height: 560px; }
.project-index { position: absolute; top: 20px; right: 22px; font-size: 11px; letter-spacing: .15em; color: #57809c; }
.project-info { display: flex; justify-content: space-between; align-items: end; gap: 15px; padding: 25px; }
.project-info span { color: var(--cyan); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.project-info h3 { font-size: 21px; margin: 6px 0 0; }
.project-info ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 6px; flex-wrap: wrap; justify-content: end; }
.project-info li { color: #7898ae; border: 1px solid var(--line); padding: 4px 7px; border-radius: 6px; font-size: 9px; }
.commerce-ui { position: absolute; width: 78%; height: 69%; left: 11%; top: 16%; border: 1px solid rgba(0,216,255,.25); border-radius: 14px; background: rgba(4,18,34,.78); box-shadow: 0 40px 80px rgba(0,0,0,.55), 0 0 40px rgba(0,216,255,.08); transform: perspective(850px) rotateY(-12deg) rotateX(5deg); overflow: hidden; }
.ui-top { height: 12%; border-bottom: 1px solid var(--line); background: linear-gradient(90deg, rgba(0,216,255,.13), transparent); }
.ui-side { position: absolute; top: 12%; left: 0; bottom: 0; width: 21%; border-right: 1px solid var(--line); background: repeating-linear-gradient(to bottom, transparent 0 20px, rgba(0,216,255,.06) 20px 26px); }
.ui-product { position: absolute; left: 27%; top: 22%; width: 30%; height: 45%; border-radius: 9px; background: linear-gradient(145deg, #0b3d60, #07182b); }
.ui-product span { display: block; width: 58%; aspect-ratio: 1; border: 1px solid rgba(0,216,255,.35); border-radius: 50%; margin: 15% auto; background: radial-gradient(circle at 40% 35%, var(--cyan), #0964a6 30%, #03162b 60%); box-shadow: 0 0 25px rgba(0,216,255,.2); }
.ui-product i { display: block; width: 70%; height: 4px; margin: 10px auto; background: #184463; border-radius: 10px; }
.ui-chart { position: absolute; right: 7%; top: 24%; width: 29%; height: 44%; display: flex; align-items: end; gap: 8px; border-bottom: 1px solid rgba(0,216,255,.2); }
.ui-chart b { flex: 1; border-radius: 4px 4px 0 0; background: linear-gradient(var(--cyan), #0b5993); box-shadow: 0 0 8px rgba(0,216,255,.18); }
.ui-chart b:nth-child(1) { height: 32%; }.ui-chart b:nth-child(2) { height: 56%; }.ui-chart b:nth-child(3) { height: 43%; }.ui-chart b:nth-child(4) { height: 82%; }
.building { position: absolute; left: 22%; bottom: 0; width: 48%; height: 78%; background: linear-gradient(145deg, #0a3655, #03172b); clip-path: polygon(20% 0, 100% 18%, 100% 100%, 0 100%, 0 24%); box-shadow: 0 0 45px rgba(0,216,255,.12); display: grid; grid-template-columns: repeat(2,1fr); gap: 13px; padding: 60px 22px 20px; }
.building i { border: 1px solid rgba(0,216,255,.26); background: rgba(0,216,255,.09); }
.lead-pulse { position: absolute; width: 120px; height: 120px; border: 1px solid var(--cyan); border-radius: 50%; right: 12%; top: 15%; box-shadow: 0 0 30px rgba(0,216,255,.12); animation: pulseRing 2.5s infinite; }
.lead-pulse::before, .lead-pulse::after { content: ""; position: absolute; border: 1px solid rgba(0,216,255,.3); border-radius: 50%; inset: 20%; }.lead-pulse::after { inset: 42%; background: var(--cyan); box-shadow: 0 0 15px var(--cyan); }
@keyframes pulseRing { 50% { transform: scale(1.08); opacity: .65; } }
.brand-orb { position: absolute; width: 175px; aspect-ratio: 1; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; background: radial-gradient(circle at 35% 30%, #147ca2, #05233b 45%, #020b14 75%); border: 1px solid rgba(0,216,255,.4); display: grid; place-items: center; box-shadow: 0 0 50px rgba(0,216,255,.18); }
.brand-orb b { font-size: 68px; font-style: italic; color: var(--cyan); text-shadow: 0 0 25px rgba(0,216,255,.5); }
.brand-orb span, .brand-orb i { position: absolute; inset: -25px; border: 1px solid rgba(0,216,255,.21); border-radius: 50%; border-left-color: var(--cyan); animation: orbitOne 8s linear infinite; }.brand-orb i { inset: -55px; animation-duration: 13s; animation-direction: reverse; }
.portfolio-note { margin-top: 34px; padding: 20px 0; display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); color: var(--muted); }

.values-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: start; }
.values .section-heading { position: sticky; top: 145px; }
.values .section-heading > p { color: var(--muted); margin-top: 28px; max-width: 430px; }
.value-list { border-top: 1px solid var(--line); }
.value-list article { display: grid; grid-template-columns: 54px 1fr; gap: 20px; padding: 25px 0; border-bottom: 1px solid var(--line); transition: padding-left .3s, background .3s; }
.value-list article:hover { padding-left: 12px; background: linear-gradient(90deg, rgba(0,216,255,.04), transparent); }
.value-list article > span { color: var(--cyan); font-size: 10px; letter-spacing: .13em; padding-top: 5px; }
.value-list h3 { font-size: 19px; margin-bottom: 5px; }
.value-list p { color: var(--muted); font-size: 13px; margin: 0; }

.contact { padding-bottom: 130px; }
.contact-panel { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; padding: 70px; border: 1px solid rgba(0,216,255,.2); border-radius: 32px; background: radial-gradient(circle at 10% 20%, rgba(0,216,255,.12), transparent 40%), linear-gradient(145deg, rgba(8,40,69,.75), rgba(3,16,30,.94)); box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.05); overflow: hidden; }
.contact-copy h2 { font-size: clamp(42px, 5vw, 66px); margin: 20px 0 25px; }
.contact-copy > p { color: var(--muted); }
.contact-details { display: grid; gap: 18px; margin-top: 42px; }
.contact-details div { display: grid; padding-left: 17px; border-left: 1px solid var(--cyan); }
.contact-details small { color: #66879e; text-transform: uppercase; letter-spacing: .12em; font-size: 9px; }
.contact-details strong { font-size: 14px; }
.contact-form { display: grid; gap: 18px; padding: 30px; border-radius: 22px; background: rgba(2, 12, 24, .65); border: 1px solid var(--line); }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.contact-form label { display: grid; gap: 8px; color: #8da7ba; font-size: 11px; font-weight: 700; letter-spacing: .04em; }
.contact-form input, .contact-form textarea, .contact-form select { width: 100%; color: var(--ink); background: rgba(255,255,255,.035); border: 1px solid rgba(113,173,205,.17); border-radius: 11px; outline: none; padding: 13px 14px; transition: border-color .2s, box-shadow .2s; }
.contact-form textarea { resize: vertical; min-height: 110px; }
.contact-form select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--cyan) 50%), linear-gradient(135deg, var(--cyan) 50%, transparent 50%); background-position: calc(100% - 18px) 52%, calc(100% - 13px) 52%; background-size: 5px 5px; background-repeat: no-repeat; }
.contact-form option { background: #06182c; }
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { border-color: rgba(0,216,255,.6); box-shadow: 0 0 0 3px rgba(0,216,255,.06); }
.contact-form .invalid { border-color: #ff6684; }
.contact-form .button { justify-self: start; }
.form-note { color: #637f94; font-size: 10px; margin: -5px 0 0; }

.site-footer { border-top: 1px solid var(--line); padding: 60px 0 24px; background: #020914; }
.footer-top { display: grid; grid-template-columns: 1fr 1.2fr auto; align-items: center; gap: 50px; padding-bottom: 45px; border-bottom: 1px solid var(--line); }
.footer-top > p { color: var(--muted); font-size: 13px; margin: 0; max-width: 440px; }
.footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px; padding: 48px 0; }
.footer-grid > div { display: grid; align-content: start; gap: 9px; }
.footer-grid h3 { color: #dceefa; font-size: 11px; text-transform: uppercase; letter-spacing: .15em; margin-bottom: 10px; }
.footer-grid a, .footer-grid span, .footer-link { width: fit-content; color: #6f8aa0; border: 0; padding: 0; background: none; font-size: 12px; line-height: 1.7; cursor: pointer; transition: color .2s; }
.footer-grid a:hover, .footer-link:hover { color: var(--cyan); }
.footer-bottom { padding-top: 22px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; color: #46627a; font-size: 10px; text-transform: uppercase; letter-spacing: .09em; }
.footer-bottom span:last-child { display: flex; align-items: center; gap: 9px; }
.footer-bottom i { width: 3px; height: 3px; background: var(--cyan); border-radius: 50%; }
.back-to-top { position: fixed; right: 24px; bottom: 24px; width: 44px; height: 44px; border-radius: 13px; border: 1px solid rgba(0,216,255,.28); background: rgba(3,19,39,.75); backdrop-filter: blur(10px); color: var(--cyan); cursor: pointer; z-index: 900; opacity: 0; visibility: hidden; transform: translateY(10px); transition: .25s; }
.back-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0); }

.cookie-banner { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 140%); width: min(820px, calc(100% - 32px)); z-index: 2000; display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 20px; border: 1px solid rgba(0,216,255,.25); border-radius: 18px; background: rgba(3,19,39,.94); backdrop-filter: blur(22px); box-shadow: var(--shadow); transition: transform .5s cubic-bezier(.16,1,.3,1); }
.cookie-banner.show { transform: translate(-50%, 0); }
.cookie-banner strong { font-size: 14px; }
.cookie-banner p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
.cookie-actions { display: flex; gap: 8px; flex-shrink: 0; }

.modal, .brief-modal { position: fixed; inset: 0; z-index: 3000; display: grid; place-items: center; padding: 24px; opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; }
.modal.open, .brief-modal.open { opacity: 1; visibility: visible; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(0,5,13,.78); backdrop-filter: blur(12px); }
.modal-panel, .brief-panel { position: relative; width: min(760px, 100%); max-height: min(78vh, 820px); overflow-y: auto; padding: 52px; border: 1px solid rgba(0,216,255,.2); border-radius: 24px; background: linear-gradient(145deg, #082743, #031326 60%, #020b16); box-shadow: var(--shadow); transform: translateY(20px) scale(.98); transition: transform .3s; }
.open .modal-panel, .open .brief-panel { transform: translateY(0) scale(1); }
.modal-close { position: absolute; top: 17px; right: 18px; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.04); color: var(--muted); font-size: 23px; cursor: pointer; }
.modal-panel h2, .brief-panel h2 { font-size: clamp(34px, 5vw, 52px); line-height: 1.05; letter-spacing: -.04em; margin: 20px 0 27px; }
.modal-panel h3 { color: var(--cyan-soft); font-size: 16px; margin-top: 28px; }
.modal-panel p { color: #98afc1; }
.modal-panel > small { color: #58778f; text-transform: uppercase; letter-spacing: .1em; }
.brief-panel { text-align: center; width: min(650px, 100%); }
.success-icon { width: 58px; height: 58px; margin: 0 auto 18px; display: grid; place-items: center; border: 1px solid rgba(0,216,255,.5); border-radius: 50%; color: var(--cyan); font-size: 25px; box-shadow: 0 0 30px rgba(0,216,255,.15); }
.brief-panel > p, .brief-panel > small { color: var(--muted); }
.brief-preview { max-height: 240px; overflow-y: auto; padding: 18px; text-align: left; white-space: pre-wrap; border: 1px solid var(--line); border-radius: 13px; background: rgba(0,0,0,.18); color: #afc6d7; font: 12px/1.7 Consolas, monospace; }
.brief-actions { display: flex; justify-content: center; gap: 10px; margin: 20px 0; }
.noscript { position: fixed; inset: auto 20px 20px; z-index: 9000; padding: 14px 20px; background: #071d33; border: 1px solid var(--cyan); border-radius: 12px; }

.reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
.reveal.visible { opacity: 1; transform: translateY(0); }
.services-grid .reveal:nth-child(2), .process-grid .reveal:nth-child(2) { transition-delay: .08s; }
.services-grid .reveal:nth-child(3), .process-grid .reveal:nth-child(3) { transition-delay: .16s; }
.services-grid .reveal:nth-child(4), .process-grid .reveal:nth-child(4) { transition-delay: .08s; }
.services-grid .reveal:nth-child(5), .process-grid .reveal:nth-child(5) { transition-delay: .16s; }
.services-grid .reveal:nth-child(6) { transition-delay: .24s; }

@media (max-width: 1050px) {
  .nav-cta { display: none; }
  .hero-grid { grid-template-columns: 1fr 1fr; }
  .stage { width: 50vw; }
  .about-grid { gap: 45px; }
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .process-grid { gap: 18px; }
  .project-info { display: block; }
  .project-info ul { justify-content: start; margin-top: 14px; }
  .contact-panel { padding: 48px; gap: 45px; }
}

@media (max-width: 820px) {
  :root { --container: min(calc(100% - 30px), 680px); }
  .section { padding: 90px 0; }
  .menu-toggle { display: block; margin-left: auto; }
  .primary-nav { position: fixed; top: 76px; left: 15px; right: 15px; display: grid; gap: 0; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: rgba(3,19,39,.96); backdrop-filter: blur(20px); box-shadow: var(--shadow); opacity: 0; visibility: hidden; transform: translateY(-12px); transition: .25s; }
  .primary-nav.open { opacity: 1; visibility: visible; transform: translateY(0); }
  .primary-nav a { padding: 13px 14px; border-bottom: 1px solid rgba(118,190,226,.08); }
  .primary-nav a:last-child { border: 0; }
  .primary-nav a::after { display: none; }
  .nav-wrap { min-height: 76px; }
  .hero { padding-top: 125px; min-height: auto; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { text-align: center; }
  .hero-copy .eyebrow, .hero-actions, .hero-proof { justify-content: center; }
  .hero-lead { margin-inline: auto; }
  .hero-visual { min-height: 520px; }
  .stage { width: min(570px, 85vw); }
  .scroll-cue { display: none; }
  .split-heading { display: block; }
  .split-heading > p { margin-top: 24px; }
  .about-grid, .values-grid, .contact-panel { grid-template-columns: 1fr; }
  .mesh-card { min-height: 500px; }
  .process-line { display: none; }
  .process-grid { grid-template-columns: repeat(2, 1fr); }
  .step-dot { margin-bottom: 20px; }
  .portfolio-grid { grid-template-columns: 1fr; grid-template-rows: auto; }
  .project-commerce { grid-row: auto; }
  .project-commerce .project-art { height: 470px; }
  .values-grid { gap: 25px; }
  .values .section-heading { position: static; }
  .contact-panel { padding: 40px; }
  .footer-top { grid-template-columns: 1fr auto; }
  .footer-top > p { grid-row: 2; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .section { padding: 76px 0; }
  .brand-copy { display: none; }
  h1 { font-size: clamp(45px, 13vw, 64px); }
  .hero-actions { flex-direction: column; gap: 18px; }
  .hero-proof { gap: 0; justify-content: space-between; }
  .hero-proof > div { flex: 1; }
  .hero-proof strong { font-size: 22px; }
  .hero-proof span { font-size: 8px; }
  .hero-visual { min-height: 405px; }
  .stage { width: 98vw; left: auto; transform: scale(.82); }
  .float-card { min-width: 125px; padding: 10px 12px; }
  .float-card-one { left: 2%; }.float-card-two { right: 0; }
  .section-heading { margin-bottom: 42px; }
  .section-heading h2 { font-size: 42px; }
  .mesh-card { min-height: 430px; }
  .node-main { width: 94px; height: 94px; font-size: 30px; }
  .system-node { min-width: 75px; padding: 8px; font-size: 8px; }
  .node-a, .node-c { left: 3%; }.node-b, .node-d { right: 3%; }
  .experience-badge { left: 16px; bottom: 16px; }
  .services-grid, .process-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 390px; }
  .process-step { padding-left: 35px; }
  .process-step > span { position: absolute; left: 0; top: 1px; }
  .step-dot { display: none; }
  .project-commerce .project-art { height: 360px; }
  .project-info { padding: 20px; }
  .portfolio-note { display: grid; gap: 14px; }
  .value-list article { grid-template-columns: 34px 1fr; }
  .contact-panel { width: calc(100% - 20px); padding: 28px 18px; border-radius: 24px; }
  .field-row { grid-template-columns: 1fr; }
  .contact-form { padding: 20px 15px; }
  .contact-form .button { width: 100%; }
  .footer-top { display: grid; grid-template-columns: 1fr; gap: 20px; }
  .footer-top > p { grid-row: auto; }
  .footer-top .button { justify-self: start; }
  .footer-grid { gap: 35px 18px; }
  .footer-bottom { display: grid; gap: 12px; }
  .footer-bottom span:last-child { flex-wrap: wrap; }
  .cookie-banner { display: grid; bottom: 12px; }
  .cookie-actions { justify-content: end; }
  .modal, .brief-modal { padding: 12px; }
  .modal-panel, .brief-panel { padding: 42px 22px 28px; max-height: 88vh; }
  .brief-actions { flex-direction: column; }
  .back-to-top { right: 15px; bottom: 15px; }
}

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

/* Multi-page experience */
.intro-sequence { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; overflow: hidden; background: #010710; transition: opacity .65s ease, visibility .65s; }
.intro-sequence.hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.intro-grid { position: absolute; inset: -30%; background-image: linear-gradient(rgba(0,216,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(0,216,255,.08) 1px, transparent 1px); background-size: 55px 55px; transform: perspective(700px) rotateX(67deg) translateY(-8%); animation: introGrid 2.5s linear both; mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 70%, transparent); }
.intro-core { width: 190px; height: 190px; position: relative; display: grid; place-items: center; animation: introCore 2.5s cubic-bezier(.16,1,.3,1) both; }
.intro-core img { width: 118px; height: 118px; object-fit: cover; border-radius: 50%; border: 1px solid rgba(0,216,255,.55); box-shadow: 0 0 55px rgba(0,216,255,.25); z-index: 2; }
.intro-core > span { position: absolute; top: calc(100% + 22px); width: 240px; text-align: center; color: #567990; font-size: 9px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; animation: introBlink .8s steps(2) infinite; }
.intro-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(0,216,255,.35); }
.ring-a { inset: 4px; border-left-color: var(--cyan); animation: orbitOne 1.7s linear infinite; }.ring-b { inset: -24px; border-top-color: var(--blue); animation: orbitOne 2.7s linear infinite reverse; }
.intro-brand { position: absolute; left: 50%; bottom: 13%; transform: translateX(-50%); display: grid; text-align: center; white-space: nowrap; opacity: 0; animation: introBrand 2.5s .15s both; }
.intro-brand strong { font-size: clamp(21px,3vw,38px); font-style: italic; letter-spacing: .1em; }.intro-brand small { color: var(--cyan); font-size: 8px; letter-spacing: .32em; margin-top: 8px; }
.intro-progress { position: absolute; left: 50%; bottom: 7%; width: min(320px,65vw); height: 2px; transform: translateX(-50%); background: rgba(255,255,255,.08); }.intro-progress i { display: block; height: 100%; background: linear-gradient(90deg,var(--blue),var(--cyan)); box-shadow: 0 0 14px var(--cyan); animation: introProgress 2.15s .15s cubic-bezier(.2,.8,.2,1) both; }
@keyframes introGrid { from { transform: perspective(700px) rotateX(67deg) translateY(10%); opacity: 0; } to { transform: perspective(700px) rotateX(67deg) translateY(-8%); opacity: 1; } }
@keyframes introCore { 0% { opacity: 0; transform: scale(.55) rotateY(-80deg); filter: blur(10px); } 35%,80% { opacity: 1; transform: scale(1) rotateY(0); filter: blur(0); } 100% { opacity: 0; transform: scale(1.35); } }
@keyframes introBrand { 0%,35% { opacity: 0; transform: translate(-50%,12px); } 55%,85% { opacity: 1; transform: translate(-50%,0); } 100% { opacity: 0; transform: translate(-50%,-8px); } }
@keyframes introProgress { from { width: 0; } to { width: 100%; } }
@keyframes introBlink { 50% { opacity: .42; } }

.page-hero { min-height: 78svh; display: grid; align-items: center; padding-top: 150px; overflow: hidden; background: radial-gradient(circle at 75% 45%, rgba(0,170,255,.14), transparent 31%), linear-gradient(180deg,rgba(4,24,45,.55),transparent); }
.page-hero::before { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(41,152,205,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(41,152,205,.055) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to bottom,#000,transparent 90%); }
.page-hero-grid { position:relative; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:70px; z-index:2; }
.page-hero h1 { font-size:clamp(55px,7vw,94px); margin:24px 0; max-width:900px; }.page-hero p { color:var(--muted); font-size:clamp(16px,1.5vw,20px); max-width:700px; }
.compact-hero { min-height:58svh; text-align:center; }.compact-hero .eyebrow { justify-content:center; }.compact-hero h1,.compact-hero p { margin-inline:auto; }
.page-orb { width:min(390px,38vw); aspect-ratio:1; justify-self:center; display:grid; place-items:center; text-align:center; border-radius:50%; border:1px solid rgba(0,216,255,.3); background:radial-gradient(circle at 38% 30%,rgba(0,216,255,.22),rgba(3,19,39,.75) 45%,#020a14 72%); box-shadow:0 0 80px rgba(0,216,255,.13),inset 0 0 60px rgba(0,0,0,.45); position:relative; }
.page-orb::before,.page-orb::after { content:""; position:absolute; inset:-30px; border:1px solid rgba(0,216,255,.15); border-radius:50%; border-left-color:var(--cyan); animation:orbitOne 14s linear infinite; }.page-orb::after { inset:-60px; animation-duration:20s; animation-direction:reverse; }
.page-orb strong { font-size:75px; line-height:1; color:var(--cyan); text-shadow:0 0 28px rgba(0,216,255,.5); }.page-orb span { position:absolute; top:62%; color:var(--muted); font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
.world-visual,.product-machine,.portfolio-sculpture { width:min(430px,40vw); aspect-ratio:1; justify-self:center; position:relative; display:grid; place-items:center; perspective:900px; }
.world-visual::before,.world-visual::after { content:""; position:absolute; inset:9%; border:1px solid rgba(0,216,255,.22); border-radius:50%; transform:rotateX(65deg); }.world-visual::after { transform:rotateY(65deg); }
.world-core { width:150px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle at 35% 28%,#0e6387,#031b32 55%,#020b14); border:1px solid rgba(0,216,255,.45); color:var(--cyan); font-size:50px; font-weight:900; box-shadow:0 0 60px rgba(0,216,255,.2); }
.world-dot { position:absolute; width:11px; height:11px; border-radius:50%; background:var(--cyan); box-shadow:0 0 16px var(--cyan); }.dot-a{left:10%;top:29%}.dot-b{right:7%;top:42%}.dot-c{bottom:13%;left:34%}.dot-d{top:9%;right:34%}
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:start; }.prose-card { padding:38px; border:1px solid var(--line); border-radius:24px; background:linear-gradient(145deg,rgba(8,42,73,.6),rgba(3,16,30,.8)); }.prose-card p { color:var(--muted); font-size:17px; }.prose-card .button { margin-top:15px; }
.global-strip { position:relative; z-index:3; overflow:hidden; border-block:1px solid var(--line); background:rgba(7,28,50,.5); }.global-strip .marquee-track { animation-duration:36s; }
.feature-grid,.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.feature-card,.product-card { min-height:360px; padding:30px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,rgba(10,45,76,.65),rgba(3,16,30,.92)); position:relative; overflow:hidden; transform-style:preserve-3d; transition:border-color .3s,box-shadow .3s; }.feature-card:hover,.product-card:hover { border-color:rgba(0,216,255,.4); box-shadow:0 28px 60px rgba(0,0,0,.3); }.feature-card>span { position:absolute; right:25px; top:22px; color:#45677f; font-size:10px; }.feature-card>b { width:58px; height:58px; display:grid; place-items:center; border:1px solid rgba(0,216,255,.25); border-radius:17px; color:var(--cyan); font-size:25px; background:rgba(0,216,255,.05); }.feature-card h3 { font-size:25px; margin-top:70px; }.feature-card p,.product-card p { color:var(--muted); }
.product-preview,.dark-section { background:#04101f; }.product-top { display:flex; justify-content:space-between; }.product-top span { color:var(--cyan); font-size:9px; letter-spacing:.14em; text-transform:uppercase; }.product-top b { color:#46687e; font-size:10px; }.product-glyph { width:90px; height:90px; margin:42px 0 30px; display:grid; place-items:center; border-radius:24px; border:1px solid rgba(0,216,255,.3); background:radial-gradient(circle at 35% 30%,#0b6385,#03172c 62%); color:var(--cyan); font-size:42px; font-weight:900; box-shadow:0 0 35px rgba(0,216,255,.12); }.product-card small,.work-card small,.catalogue-content>small,.portfolio-copy>small { color:var(--cyan); text-transform:uppercase; letter-spacing:.13em; font-size:9px; }.product-card h3 { font-size:25px; margin:7px 0 12px; }.product-card>a { position:absolute; left:30px; bottom:26px; font-size:12px; font-weight:800; }.product-card>a b { color:var(--cyan); }
.work-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }.work-card { border:1px solid var(--line); border-radius:24px; overflow:hidden; background:rgba(5,24,44,.75); }.work-visual { height:300px; position:relative; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle,rgba(0,216,255,.15),transparent 40%),#06182c; }.work-visual>span { position:absolute; left:22px; top:20px; font-size:9px; letter-spacing:.15em; text-transform:uppercase; color:var(--cyan); }.work-orb { width:135px; aspect-ratio:1; border-radius:50%; border:1px solid rgba(0,216,255,.35); background:radial-gradient(circle at 35% 30%,#149ac2,#05233b 45%,#020a14 75%); box-shadow:0 0 50px rgba(0,216,255,.2); }.work-orb::before,.work-orb::after { content:""; position:absolute; inset:55px 28%; border:1px solid rgba(0,216,255,.2); border-radius:50%; animation:orbitOne 9s linear infinite; }.work-orb::after { inset:31px 23%; animation-direction:reverse; animation-duration:14s; }.work-card>div:last-child { padding:26px; }.work-card h3 { font-size:25px; margin:7px 0 10px; }.work-card p { color:var(--muted); }.work-card ul,.portfolio-copy ul { display:flex; flex-wrap:wrap; gap:7px; padding:0; list-style:none; }.work-card li,.portfolio-copy li { padding:5px 8px; border:1px solid var(--line); border-radius:7px; color:#7899ae; font-size:9px; }
.cta-panel { min-height:330px; padding:60px; display:flex; align-items:center; justify-content:space-between; gap:50px; border:1px solid rgba(0,216,255,.22); border-radius:30px; background:radial-gradient(circle at 10% 20%,rgba(0,216,255,.13),transparent 42%),linear-gradient(145deg,rgba(8,40,69,.78),rgba(3,16,30,.95)); box-shadow:var(--shadow); }.cta-panel h2 { font-size:clamp(42px,5vw,67px); margin:20px 0 15px; }.cta-panel p { color:var(--muted); margin:0; }
.about-story-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }.story-copy p { color:#a3b9ca; font-size:18px; line-height:1.9; }.mission-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }.mission-card { min-height:390px; padding:42px; border:1px solid var(--line); border-radius:25px; background:radial-gradient(circle at 85% 10%,rgba(0,216,255,.11),transparent 35%),rgba(3,19,39,.72); }.mission-card>span { color:var(--cyan); font-size:10px; letter-spacing:.16em; }.mission-card h2 { font-size:45px; margin:120px 0 20px; }.mission-card p { color:var(--muted); }
.team-grid { display:grid; grid-template-columns:repeat(2,minmax(0,470px)); justify-content:center; gap:26px; }.team-card { border:1px solid var(--line); border-radius:26px; overflow:hidden; background:linear-gradient(145deg,rgba(10,45,76,.66),rgba(3,16,30,.92)); transform-style:preserve-3d; }.team-photo { height:470px; position:relative; display:grid; place-items:center; text-align:center; overflow:hidden; background:radial-gradient(circle at 50% 36%,rgba(0,216,255,.2),transparent 32%),linear-gradient(145deg,#0a3152,#020c18); }.team-photo img { width:100%; height:100%; object-fit:cover; object-position:center top; }.team-photo>span { width:170px; height:170px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(0,216,255,.4); background:radial-gradient(circle at 35% 30%,#157da0,#03172c 60%); color:var(--cyan); font-size:62px; font-weight:900; box-shadow:0 0 55px rgba(0,216,255,.22); }.team-photo>small { position:absolute; bottom:36px; color:#65879e; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }.photo-scan { position:absolute; inset:0; background:linear-gradient(transparent 0 48%,rgba(0,216,255,.13) 50%,transparent 52%); background-size:100% 80px; animation:photoScan 5s linear infinite; pointer-events:none; }@keyframes photoScan{to{background-position:0 240px}}
.team-info { padding:28px; }.team-info small { color:var(--cyan); text-transform:uppercase; letter-spacing:.13em; font-size:9px; }.team-info h3 { font-size:28px; margin:7px 0 10px; }.team-info p { color:var(--muted); margin:0; }
.values-list { border-top:1px solid var(--line); }.values-list article { display:grid; grid-template-columns:70px 1fr; gap:25px; padding:28px 0; border-bottom:1px solid var(--line); }.values-list article>span { color:var(--cyan); font-size:10px; }.values-list h3 { font-size:22px; margin-bottom:5px; }.values-list p { color:var(--muted); margin:0; }
.service-list { border-top:1px solid var(--line); }.service-row { display:grid; grid-template-columns:45px 70px 1.1fr 1fr 48px; gap:25px; align-items:start; padding:38px 0; border-bottom:1px solid var(--line); }.service-row-number { color:#45687e; font-size:10px; letter-spacing:.14em; padding-top:18px; }.service-row-icon { width:58px; height:58px; display:grid; place-items:center; border:1px solid rgba(0,216,255,.25); border-radius:17px; color:var(--cyan); font-weight:900; background:rgba(0,216,255,.05); }.service-row h2 { font-size:29px; margin:8px 0 12px; }.service-row p { color:var(--muted); margin:0; }.service-row ul { display:grid; grid-template-columns:repeat(2,1fr); gap:8px 20px; list-style:none; padding:10px 0 0; margin:0; }.service-row li { color:#829fb3; font-size:12px; }.service-row li::before { content:"•"; color:var(--cyan); margin-right:8px; }.service-row>a { width:44px; height:44px; display:grid; place-items:center; border:1px solid var(--line); border-radius:13px; color:var(--cyan); }
.product-machine { transform-style:preserve-3d; }.machine-screen { width:72%; height:55%; padding:30px; border:1px solid rgba(0,216,255,.32); border-radius:24px; background:rgba(3,19,39,.88); box-shadow:0 40px 80px rgba(0,0,0,.45),0 0 45px rgba(0,216,255,.12); transform:rotateY(-10deg) rotateX(7deg); display:grid; align-content:center; }.machine-screen span { color:var(--cyan); font-size:38px; font-weight:900; }.machine-screen i { width:100%; height:4px; margin:25px 0; background:linear-gradient(90deg,var(--cyan),rgba(0,216,255,.08)); box-shadow:0 0 10px var(--cyan); }.machine-screen b { color:#7494aa; font-size:10px; letter-spacing:.15em; text-transform:uppercase; }.machine-ring { position:absolute; inset:7%; border:1px solid rgba(0,216,255,.2); border-radius:50%; transform:rotateX(70deg); animation:orbitOne 12s linear infinite; }
.catalogue-toolbar { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-bottom:40px; padding-bottom:25px; border-bottom:1px solid var(--line); }.catalogue-toolbar>div { display:flex; align-items:center; gap:15px; }.catalogue-toolbar strong { font-size:42px; color:var(--cyan); }.catalogue-toolbar span { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.12em; }.catalogue-toolbar p { color:var(--muted); max-width:440px; margin:0; }.catalogue-grid { display:grid; gap:28px; }.catalogue-card { display:grid; grid-template-columns:.72fr 1.28fr; border:1px solid var(--line); border-radius:27px; overflow:hidden; background:linear-gradient(145deg,rgba(7,35,61,.75),rgba(3,15,29,.94)); }.catalogue-visual { min-height:520px; position:relative; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle,rgba(0,216,255,.16),transparent 36%),#06182c; }.catalogue-visual>span { position:absolute; left:25px; top:24px; color:var(--cyan); font-size:9px; letter-spacing:.14em; text-transform:uppercase; }.catalogue-visual>i { position:absolute; right:25px; top:24px; color:#52768e; font-size:10px; }.catalogue-glyph { width:185px; height:185px; display:grid; place-items:center; border-radius:42px; border:1px solid rgba(0,216,255,.37); background:radial-gradient(circle at 35% 30%,#147b9f,#03172c 62%); color:var(--cyan); font-size:58px; font-weight:900; box-shadow:0 0 65px rgba(0,216,255,.2); transform:rotateY(-8deg) rotateX(5deg); }.catalogue-content { padding:58px; }.catalogue-content h2 { font-size:42px; margin:8px 0 14px; }.catalogue-content p { color:var(--muted); }.catalogue-content .lead-copy { color:#d0e2ee; font-size:18px; }.catalogue-content ul { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; list-style:none; padding:0; margin:30px 0; }.catalogue-content li { color:#90abbc; font-size:13px; }.catalogue-content li span { color:var(--cyan); margin-right:8px; }.catalogue-footer { margin-top:36px; padding-top:25px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; }.catalogue-footer>strong { font-size:18px; }
.portfolio-sculpture { transform-style:preserve-3d; }.slab { position:absolute; width:220px; height:290px; border:1px solid rgba(0,216,255,.28); border-radius:20px; background:linear-gradient(145deg,rgba(12,65,96,.75),rgba(3,18,34,.92)); box-shadow:0 35px 70px rgba(0,0,0,.35); }.slab-a{transform:translateX(-75px) rotateY(40deg) translateZ(-30px)}.slab-b{transform:translateX(75px) rotateY(-40deg) translateZ(-30px)}.slab-c{width:190px;height:250px;transform:translateZ(50px);background:radial-gradient(circle,rgba(0,216,255,.2),transparent 45%),#04172a}.portfolio-sculpture strong { position:relative; z-index:2; color:var(--cyan); font-size:38px; letter-spacing:.12em; text-shadow:0 0 25px rgba(0,216,255,.5); }
.portfolio-filter { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:45px; }.portfolio-filter button { padding:10px 17px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.025); color:#7f9db2; cursor:pointer; }.portfolio-filter button.active { background:rgba(0,216,255,.11); border-color:rgba(0,216,255,.4); color:var(--cyan); }.portfolio-cards { display:grid; gap:28px; }.portfolio-item { display:grid; grid-template-columns:1.12fr .88fr; border:1px solid var(--line); border-radius:27px; overflow:hidden; background:rgba(5,24,44,.72); }.portfolio-item.hidden { display:none; }.portfolio-art { min-height:470px; position:relative; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle,rgba(0,216,255,.16),transparent 38%),#06182c; }.portfolio-art>span { position:absolute; left:25px; top:24px; color:var(--cyan); font-size:9px; letter-spacing:.14em; text-transform:uppercase; }.portfolio-art>i { position:absolute; right:25px; top:24px; color:#52768e; font-size:10px; }.art-core { width:170px; height:170px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(0,216,255,.38); background:radial-gradient(circle at 35% 30%,#1386aa,#03172c 62%); box-shadow:0 0 60px rgba(0,216,255,.2); }.art-core::before,.art-core::after { content:""; position:absolute; width:230px; height:230px; border:1px solid rgba(0,216,255,.18); border-radius:50%; animation:orbitOne 11s linear infinite; }.art-core::after { width:290px;height:290px;animation-direction:reverse;animation-duration:17s; }.art-core b { color:var(--cyan); font-size:48px; z-index:2; }.art-2 { background:radial-gradient(circle,rgba(22,141,255,.17),transparent 38%),#071426; }.art-3 { background:radial-gradient(circle,rgba(74,234,255,.12),transparent 38%),#041828; }.portfolio-copy { align-self:center; padding:50px; }.portfolio-copy h2 { font-size:39px; margin:8px 0 16px; }.portfolio-copy p { color:var(--muted); font-size:16px; }
.portfolio-browser { padding:58px 17px 17px; align-items:stretch; background:linear-gradient(145deg,#071a2e,#020a14); }.portfolio-browser::after { content:""; position:absolute; inset:auto 17px 17px; height:38%; border-radius:0 0 15px 15px; pointer-events:none; background:linear-gradient(transparent,rgba(1,7,14,.38)); z-index:2; }.portfolio-browser .browser-bar { position:absolute; left:17px; right:17px; top:17px; height:42px; display:flex; align-items:center; gap:7px; padding:0 14px; border:1px solid rgba(111,190,220,.2); border-bottom:0; border-radius:15px 15px 0 0; background:#0a2137; z-index:4; }.portfolio-browser .browser-bar i { width:7px; height:7px; border-radius:50%; background:#1b5974; }.portfolio-browser .browser-bar i:first-child { background:#00d8ff; }.portfolio-browser .browser-bar b { margin-left:8px; max-width:70%; overflow:hidden; color:#7697aa; font-size:9px; font-weight:700; letter-spacing:.04em; white-space:nowrap; text-overflow:ellipsis; }.portfolio-browser>img { width:100%; height:100%; min-height:395px; border:1px solid rgba(111,190,220,.2); border-radius:0 0 15px 15px; object-fit:cover; object-position:top center; transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease; }.portfolio-item:hover .portfolio-browser>img { transform:scale(1.025); filter:saturate(1.08) brightness(1.04); }.portfolio-browser>span { top:auto; bottom:34px; z-index:4; padding:8px 11px; border:1px solid rgba(0,216,255,.28); border-radius:8px; background:rgba(2,14,26,.86); backdrop-filter:blur(8px); }.portfolio-browser>em { position:absolute; right:30px; bottom:35px; z-index:4; color:#b5eefe; font-size:10px; font-style:normal; letter-spacing:.12em; }.portfolio-visit { width:max-content; margin-top:28px; display:inline-flex; align-items:center; gap:30px; padding:13px 17px; border:1px solid rgba(0,216,255,.32); border-radius:10px; color:#d9f8ff; font-size:11px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; background:rgba(0,216,255,.07); transition:.3s ease; }.portfolio-visit:hover { color:#03101c; border-color:var(--cyan); background:var(--cyan); box-shadow:0 10px 32px rgba(0,216,255,.18); transform:translateY(-2px); }.portfolio-visit b { font-size:16px; }.portfolio-visit.compact { margin-top:20px; padding:10px 13px; gap:18px; }.work-visual.has-shot { display:block; background:#06182c; }.work-visual.has-shot>img { width:100%; height:100%; object-fit:cover; object-position:top center; transition:transform .65s ease,filter .65s ease; }.work-card:hover .work-visual.has-shot>img { transform:scale(1.035); filter:saturate(1.08); }.work-visual.has-shot>span { z-index:2; padding:7px 9px; border:1px solid rgba(0,216,255,.28); border-radius:7px; background:rgba(2,14,26,.78); backdrop-filter:blur(8px); }
.empty-state { padding:70px; border:1px dashed rgba(0,216,255,.25); border-radius:25px; text-align:center; }.empty-state p { color:var(--muted); }
.contact-layout { display:grid; grid-template-columns:.82fr 1.18fr; gap:70px; }.contact-aside h2 { font-size:42px; line-height:1.1; margin:32px 0 20px; }.contact-aside>p { color:var(--muted); }.contact-signal { display:flex; align-items:center; gap:10px; color:#80ffca; font-size:10px; letter-spacing:.13em; text-transform:uppercase; }.contact-signal .live-dot { position:static; }.contact-method { display:grid; padding:16px 0 16px 18px; border-left:1px solid var(--cyan); margin-top:18px; }.contact-method small { color:#648399; font-size:9px; letter-spacing:.13em; text-transform:uppercase; }.contact-method strong,.contact-method a { font-size:14px; }.whatsapp-card { margin-top:30px; padding:18px; display:flex; align-items:center; gap:14px; border:1px solid rgba(55,238,134,.25); border-radius:16px; background:rgba(55,238,134,.05); }.whatsapp-card>span { width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#28d976;color:#00190d;font-size:24px; }.whatsapp-card>div { display:grid; flex:1; }.whatsapp-card small { color:#6f9e83; }.whatsapp-card b { color:#38e887; }.contact-form-wrap { padding:0; }.contact-form { padding:38px; border-radius:25px; }.honeypot { position:absolute!important; left:-9999px!important; opacity:0!important; }.form-alert { margin-bottom:16px; padding:15px 18px; border-radius:12px; font-size:13px; }.form-alert.success { background:rgba(47,224,139,.1); border:1px solid rgba(47,224,139,.3); color:#7dffc1; }.form-alert.error { background:rgba(255,93,124,.1); border:1px solid rgba(255,93,124,.3); color:#ff9bae; }.form-alert ul { margin:8px 0 0; }.form-note { color:#658198!important; }
.legal-layout { display:grid; grid-template-columns:260px 1fr; gap:90px; max-width:1050px; }.legal-layout aside { position:sticky; top:130px; align-self:start; display:grid; gap:10px; padding:25px; border:1px solid var(--line); border-radius:18px; background:rgba(7,29,51,.6); }.legal-layout aside span { color:var(--cyan);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.legal-layout aside strong{font-size:18px}.legal-layout aside a{margin-top:20px;color:var(--muted);font-size:11px}.legal-layout article section { padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid var(--line); }.legal-layout article h2{font-size:27px}.legal-layout article p{color:var(--muted);font-size:15px;line-height:1.85}.whatsapp-float { position:fixed; right:23px; bottom:78px; z-index:950; display:flex; align-items:center; gap:9px; padding:9px 15px 9px 9px; border-radius:40px; background:#25d366; color:#00180b; box-shadow:0 12px 35px rgba(37,211,102,.25); font-size:11px; font-weight:850; transition:transform .25s; }.whatsapp-float:hover { transform:translateY(-3px); }.wa-icon { width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.28);font-size:18px; }
.review-section { position:relative; overflow:hidden; background:radial-gradient(circle at 80% 15%,rgba(0,216,255,.09),transparent 30%),#04101f; }.review-score { display:flex; align-items:center; gap:14px; padding:13px 18px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.025); }.review-score>strong { color:#fff; font-size:34px; line-height:1; }.review-score>span { display:grid; color:#ffd467; letter-spacing:.12em; font-size:12px; }.review-score small { margin-top:3px; color:#67889e; font-size:8px; letter-spacing:.12em; text-transform:uppercase; }.review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.review-card { min-height:330px; position:relative; display:flex; flex-direction:column; padding:30px; border:1px solid var(--line); border-radius:23px; overflow:hidden; background:linear-gradient(145deg,rgba(9,42,70,.72),rgba(3,16,30,.94)); }.review-card::before { content:"“"; position:absolute; right:23px; top:6px; color:rgba(0,216,255,.1); font-family:Georgia,serif; font-size:118px; line-height:1; }.review-stars { position:relative; color:#ffd467; font-size:12px; letter-spacing:.18em; }.review-card blockquote { position:relative; margin:45px 0 35px; color:#c7d9e4; font-size:17px; line-height:1.8; font-weight:550; }.review-author { margin-top:auto; display:flex; align-items:center; gap:12px; }.review-author>span { width:44px; height:44px; display:grid; place-items:center; flex:0 0 auto; border:1px solid rgba(0,216,255,.35); border-radius:50%; color:var(--cyan); background:radial-gradient(circle at 35% 30%,#126f91,#03172c 65%); font-size:12px; font-weight:900; }.review-author>div { display:grid; }.review-author strong { font-size:13px; }.review-author small { color:#6d8da2; font-size:9px; }.review-card>i { position:absolute; right:25px; bottom:32px; color:#3d6279; font-size:9px; font-style:normal; letter-spacing:.12em; }.review-admin-note { margin:22px 0 0; color:#55758b; font-size:10px; text-align:center; letter-spacing:.08em; }.faq-section { background:linear-gradient(180deg,#030d19,#04111f); }.faq-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:95px; align-items:start; }.faq-layout>.section-heading { position:sticky; top:140px; }.faq-layout>.section-heading>p { color:var(--muted); max-width:400px; margin:22px 0; }.faq-list { border-top:1px solid var(--line); }.faq-item { border-bottom:1px solid var(--line); }.faq-item summary { min-height:88px; display:grid; grid-template-columns:42px 1fr 32px; gap:15px; align-items:center; cursor:pointer; list-style:none; }.faq-item summary::-webkit-details-marker { display:none; }.faq-item summary>span { color:#3f718a; font-size:9px; letter-spacing:.12em; }.faq-item summary>strong { color:#d8e9f2; font-size:18px; line-height:1.35; }.faq-item summary>i { width:30px; height:30px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:var(--cyan); font-size:17px; font-style:normal; transition:transform .3s ease,background .3s ease; }.faq-item[open] summary>i { color:#02111d; background:var(--cyan); transform:rotate(45deg); }.faq-item>div { padding:0 45px 26px 57px; }.faq-item p { max-width:720px; margin:0; color:#89a5b7; font-size:14px; line-height:1.8; }

@media(max-width:900px){.page-hero-grid,.two-col,.about-story-grid,.contact-layout,.faq-layout{grid-template-columns:1fr}.page-hero{text-align:center;min-height:auto;padding-top:150px}.page-hero .eyebrow{justify-content:center}.page-hero p{margin-inline:auto}.page-orb,.world-visual,.product-machine,.portfolio-sculpture{width:min(430px,75vw);margin-top:40px}.feature-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr}.review-card{min-height:270px}.faq-layout{gap:40px}.faq-layout>.section-heading{position:static}.mission-grid{grid-template-columns:1fr}.service-row{grid-template-columns:38px 60px 1fr 45px}.service-row ul{grid-column:3/5}.catalogue-card,.portfolio-item{grid-template-columns:1fr}.catalogue-visual{min-height:380px}.portfolio-art{min-height:380px}.legal-layout{grid-template-columns:1fr;gap:40px}.legal-layout aside{position:static}.cta-panel{padding:45px}.team-photo{height:400px}}
@media(max-width:600px){.intro-core{transform:scale(.8)}.feature-grid,.product-grid,.team-grid{grid-template-columns:1fr}.page-hero h1{font-size:49px}.page-orb,.world-visual,.product-machine,.portfolio-sculpture{width:82vw}.two-col,.about-story-grid{gap:28px}.cta-panel{display:grid;padding:32px 24px}.cta-panel .button{justify-self:start}.review-score{margin-top:18px}.review-card{padding:24px}.review-card blockquote{font-size:15px}.faq-item summary{grid-template-columns:30px 1fr 30px}.faq-item summary>strong{font-size:15px}.faq-item>div{padding-left:45px}.mission-card{min-height:320px;padding:30px}.mission-card h2{margin-top:80px;font-size:37px}.service-row{grid-template-columns:35px 52px 1fr;gap:12px}.service-row>a{grid-column:3}.service-row ul{grid-column:2/4;grid-template-columns:1fr}.catalogue-toolbar{display:block}.catalogue-toolbar p{margin-top:15px}.catalogue-content,.portfolio-copy{padding:28px 22px}.catalogue-content h2,.portfolio-copy h2{font-size:33px}.catalogue-content ul{grid-template-columns:1fr}.catalogue-footer{align-items:start;gap:18px;flex-direction:column}.portfolio-art{min-height:330px}.portfolio-browser>img{min-height:310px}.art-core{width:130px;height:130px}.art-core::before{width:180px;height:180px}.art-core::after{width:230px;height:230px}.contact-form{padding:24px 16px}.team-photo{height:360px}.legal-page{padding-top:55px}.whatsapp-float{right:14px;bottom:68px;padding-right:9px}.wa-label{display:none}}