:root {
  --v4-black: #020308;
  --v4-ink: #f5f8ff;
  --v4-cyan: #74e8ff;
  --v4-blue: #2d7cff;
  --v4-lime: #c8ff64;
  --v4-violet: #8b78ff;
  --v4-line: rgba(139, 187, 255, .17);
}

html { background: var(--v4-black); }
body { background: var(--v4-black); color: var(--v4-ink); }
body::before { opacity: .46; }
body::after { opacity: .38; }
.container { width: min(1400px, calc(100% - 72px)); }

.v4-ambient-layer { position: fixed; z-index: -2; inset: -14vh -8vw; pointer-events: none; overflow: hidden; transform-origin: 50% 20%; will-change: transform; }
.v4-ambient-orb { position: absolute; border-radius: 50%; filter: blur(10px); opacity: .34; mix-blend-mode: screen; animation: ambient-float 12s ease-in-out infinite; }
.v4-ambient-orb::after { position: absolute; inset: 22%; content: ''; border: 1px solid rgba(255,255,255,.2); border-radius: inherit; box-shadow: 0 0 50px rgba(116,232,255,.16); }
.orb-one { width: 340px; height: 340px; left: 5%; top: 18%; background: radial-gradient(circle at 38% 34%, rgba(116,232,255,.46), rgba(45,124,255,.08) 48%, transparent 70%); }
.orb-two { width: 460px; height: 460px; right: -5%; top: 52%; background: radial-gradient(circle at 42% 42%, rgba(139,120,255,.34), rgba(45,124,255,.06) 50%, transparent 72%); animation-delay: -4s; }
.orb-three { width: 260px; height: 260px; left: 42%; top: 82%; background: radial-gradient(circle, rgba(200,255,100,.16), transparent 68%); animation-delay: -8s; }
@keyframes ambient-float { 50% { translate: 28px -38px; scale: 1.08; opacity: .48; } }
.v4-ambient-beam { position: absolute; width: 1px; height: 70vh; background: linear-gradient(transparent, rgba(116,232,255,.36), transparent); box-shadow: 0 0 20px rgba(116,232,255,.28); rotate: 36deg; animation: beam-drift 10s ease-in-out infinite; }
.beam-one { left: 24%; top: 8%; }
.beam-two { right: 20%; top: 46%; rotate: -28deg; animation-delay: -5s; }
@keyframes beam-drift { 50% { opacity: .32; translate: 70px 25px; } }
.v4-ambient-ring { position: absolute; width: 640px; height: 640px; left: 34%; top: 34%; border: 1px solid rgba(116,232,255,.09); border-radius: 50%; box-shadow: 0 0 0 70px rgba(116,232,255,.012), 0 0 0 140px rgba(139,120,255,.009); animation: ambient-ring 18s linear infinite; }
@keyframes ambient-ring { to { rotate: 360deg; } }

.v4-starfield { position: fixed; z-index: -1; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .75; }
.v4-contact-dock { position: fixed; z-index: 190; right: 22px; bottom: 22px; display: flex; align-items: center; gap: 14px; padding: 8px 8px 8px 18px; border: 1px solid rgba(116,232,255,.28); border-radius: 999px; background: rgba(3,7,16,.86); box-shadow: 0 18px 56px rgba(0,0,0,.42), 0 0 28px rgba(45,124,255,.1); backdrop-filter: blur(18px); }
.v4-contact-dock > span { color: #8295af; font: 700 .6rem/1 monospace; letter-spacing: .14em; }
.v4-contact-dock a { display: flex; align-items: center; gap: 10px; color: #f4f8ff; }
.v4-contact-dock i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, var(--v4-blue), var(--v4-cyan)); color: #020817; font-style: normal; }
.v4-contact-dock b { padding-right: 10px; font-size: .8rem; letter-spacing: .03em; }
.v4-depth-target { transform: perspective(1400px) translate3d(0, var(--v4-ty, 0), 0) rotateX(var(--v4-rx, 0)) rotateY(var(--v4-ry, 0)); transform-style: preserve-3d; will-change: transform; transition: transform .12s linear; }
.v4-enter { opacity: 0; transform: translateY(52px) scale(.985); transition: opacity .9s ease, transform 1.05s cubic-bezier(.18,.72,.18,1); }
.v4-enter.v4-entered { opacity: 1; transform: none; }
.v4-header { background: rgba(2, 3, 8, .72); border-color: rgba(125, 189, 255, .13); backdrop-filter: blur(24px) saturate(1.2); }
.v4-header.is-scrolled, .header.is-scrolled { background: rgba(2, 3, 8, .92); }
.v4-wordmark, .wordmark { width: 190px; height: 56px; display: flex; align-items: center; overflow: visible; padding: 0; border: 0; border-radius: 0; background: transparent !important; box-shadow: none; }
.v4-wordmark img, .wordmark .brand-crop, .wordmark .brand-crop img { width: 190px; height: auto; max-height: 58px; object-fit: contain; object-position: left center; filter: brightness(1.6) saturate(1.25) drop-shadow(0 0 13px rgba(45, 124, 255, .34)); }
.wordmark .brand-crop { position: static; display: flex; align-items: center; width: 190px; height: 56px; transform: none; overflow: visible; border: 0 !important; border-radius: 0 !important; background: #020308 !important; box-shadow: none !important; }
.wordmark .brand-crop img { position: static; inset: auto; margin: 0; transform: none; }
.v4-mega, .mega-panel, .product-panel, .corporate-panel { background: rgba(4, 7, 16, .97); border-color: var(--v4-line); box-shadow: 0 38px 120px rgba(0, 0, 0, .72); }
.v4-product-panel { grid-template-columns: 1.25fr repeat(3, minmax(150px, 1fr)); max-width: 1040px; }

.v4-hero { position: relative; min-height: min(920px, calc(100vh - 84px)); display: grid; align-items: center; overflow: hidden; isolation: isolate; }
.v4-hero-media { position: absolute; z-index: -3; inset: 0; }
.v4-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; scale: 1.02; }
.v4-hero-shade { position: absolute; inset: 0; background: radial-gradient(circle at 72% 48%, transparent 0 16%, rgba(2,3,8,.18) 43%, rgba(2,3,8,.82) 78%), linear-gradient(90deg, rgba(2,3,8,.96) 0%, rgba(2,3,8,.76) 38%, rgba(2,3,8,.06) 72%), linear-gradient(0deg, #020308 0%, transparent 24%); }
.v4-hero-content { position: relative; z-index: 2; padding-block: 120px 150px; }
.v4-hero-content h1 { max-width: 820px; margin: 24px 0 30px; font-size: clamp(5rem, 8.3vw, 9.6rem); line-height: .82; letter-spacing: -.07em; }
.v4-hero-content h1 em { color: transparent; -webkit-text-stroke: 1.5px rgba(141, 225, 255, .92); text-shadow: 0 0 60px rgba(45, 124, 255, .22); }
.v4-hero-content > p { max-width: 650px; font-size: clamp(1.12rem, 1.4vw, 1.36rem); color: #b9c7db; }
.v4-play { display: inline-flex; align-items: center; gap: 12px; color: #d8e8ff; }
.v4-play span { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(116,232,255,.36); border-radius: 50%; color: var(--v4-cyan); font: 700 .7rem/1 monospace; }
.v4-orbit { position: absolute; z-index: 1; width: min(60vw, 840px); aspect-ratio: 1; right: -11vw; top: 50%; translate: 0 -50%; pointer-events: none; }
.v4-orbit i { position: absolute; inset: 12%; border: 1px solid rgba(116,232,255,.14); border-radius: 50%; animation: orbit-pulse 7s ease-in-out infinite; }
.v4-orbit i:nth-child(2) { inset: 27%; animation-delay: -2.3s; }
.v4-orbit i:nth-child(3) { inset: 41%; animation-delay: -4.6s; }
@keyframes orbit-pulse { 50% { transform: scale(1.06); border-color: rgba(116,232,255,.42); box-shadow: 0 0 50px rgba(45,124,255,.11); } }
.v4-scroll { position: absolute; left: 26px; bottom: 60px; display: flex; align-items: center; gap: 12px; writing-mode: vertical-rl; font: 700 .64rem/1 monospace; letter-spacing: .2em; color: #7590b4; }

.v4-signal { border-block: 1px solid var(--v4-line); background: rgba(5,9,20,.86); }
.v4-signal .container { display: grid; grid-template-columns: repeat(3, auto) 1fr; align-items: center; gap: clamp(30px, 5vw, 80px); min-height: 150px; }
.v4-signal div { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 12px; }
.v4-signal strong { font-size: clamp(2.4rem, 4vw, 4.8rem); line-height: 1; color: var(--v4-cyan); }
.v4-signal span { max-width: 88px; color: #8fa1bb; font-size: .77rem; line-height: 1.25; text-transform: uppercase; letter-spacing: .09em; }
.v4-signal p { justify-self: end; max-width: 490px; margin: 0; color: #aab9ce; }

.v4-intro { display: grid; grid-template-columns: 1.35fr .65fr; align-items: end; gap: 80px; padding-block: 150px 80px; }
.v4-intro h2, .v4-products h2, .v4-vision-strip h2, .v4-ai h2, .v4-final h2, .v4-hardware-index h2 { font-size: clamp(3.2rem, 5.6vw, 7.2rem); line-height: .92; letter-spacing: -.055em; }
.v4-intro p { margin-bottom: 8px; font-size: 1.15rem; color: #9fafc5; }

.v4-bento { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; padding-bottom: 150px; }
.v4-panel { position: relative; min-height: 520px; overflow: hidden; border: 1px solid var(--v4-line); border-radius: 34px; background: #07101e; isolation: isolate; transition: transform .45s cubic-bezier(.2,.7,.2,1), border-color .35s ease; }
.v4-panel-wide { min-height: 620px; }
.v4-panel:hover { transform: translateY(-10px); border-color: rgba(116,232,255,.5); }
.v4-panel img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: scale .8s cubic-bezier(.2,.7,.2,1); }
.v4-panel:hover img { scale: 1.05; }
.v4-panel::after { position: absolute; z-index: -1; inset: 0; content: ''; background: linear-gradient(0deg, rgba(2,4,10,.98) 0%, rgba(2,4,10,.5) 48%, rgba(2,4,10,.04) 78%); }
.v4-panel > div { position: absolute; inset: auto 42px 40px; }
.v4-panel span { color: var(--v4-cyan); font: 700 .7rem/1.3 monospace; letter-spacing: .16em; }
.v4-panel h3 { max-width: 700px; margin: 14px 0; font-size: clamp(2.1rem, 4vw, 5rem); line-height: .96; letter-spacing: -.05em; }
.v4-panel p { color: #aebdd0; }
.v4-panel b { color: var(--v4-lime); font-size: .83rem; letter-spacing: .06em; }

.v4-products { padding-block: 140px; border-block: 1px solid var(--v4-line); background: radial-gradient(circle at 78% 0%, rgba(56,104,255,.16), transparent 32%), #050916; }
.v4-products-head { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 62px; }
.v4-product-stage { position: relative; min-height: 760px; overflow: hidden; border: 1px solid var(--v4-line); border-radius: 42px; background: #040711; }
.v4-product-stage > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .62; }
.v4-product-stage::after { position: absolute; inset: 0; content: ''; background: linear-gradient(90deg, rgba(3,5,12,.95), rgba(3,5,12,.22) 70%), linear-gradient(0deg, rgba(3,5,12,.8), transparent 55%); }
.v4-product-cloud { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 30px; width: min(720px, 72%); padding: 58px; }
.v4-product-cloud a { display: flex; align-items: center; gap: 18px; padding: 15px 6px; border-bottom: 1px solid rgba(152,191,247,.13); color: #dbe8f8; transition: color .2s, padding-left .2s; }
.v4-product-cloud a:hover { padding-left: 12px; color: var(--v4-cyan); }
.v4-product-cloud span { color: #5d7697; font: 700 .67rem/1 monospace; }

.v4-vision-strip { position: relative; display: grid; grid-template-columns: 1.15fr .85fr; min-height: 660px; margin-block: 150px; overflow: hidden; border: 1px solid var(--v4-line); border-radius: 42px; background: #06101d; }
.v4-vision-strip img { width: 100%; height: 100%; object-fit: cover; }
.v4-vision-strip > div { display: flex; flex-direction: column; justify-content: center; padding: 62px; background: radial-gradient(circle at 0 50%, rgba(45,124,255,.18), transparent 55%); }
.v4-vision-strip h2 { font-size: clamp(3rem, 4.3vw, 5.3rem); }
.v4-vision-strip p { color: #aebdd1; }

.v4-ai { display: grid; grid-template-columns: .78fr 1.22fr; gap: 80px; align-items: center; padding-block: 10px 150px; }
.v4-ai p { max-width: 570px; color: #aebdd0; }
.v4-ai figure { position: relative; overflow: hidden; border: 1px solid var(--v4-line); border-radius: 50% 32px 50% 32px; box-shadow: 0 40px 120px rgba(23,75,255,.14); }
.v4-ai img { width: 100%; min-height: 650px; object-fit: cover; }
.v4-final { padding-block: 150px; border-top: 1px solid var(--v4-line); background: radial-gradient(circle at 8% 70%, rgba(200,255,100,.12), transparent 22%), radial-gradient(circle at 84% 12%, rgba(45,124,255,.22), transparent 32%), #050815; }
.v4-final .container > div { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 40px; }
.v4-final p { max-width: 620px; color: #b3c2d6; }

.v4-page-hero { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: center; padding-block: 100px 110px; }
.v4-page-hero h1 { font-size: clamp(4.3rem, 7vw, 8.4rem); line-height: .88; letter-spacing: -.065em; }
.v4-page-hero figure { position: relative; min-height: 580px; overflow: hidden; border: 1px solid var(--v4-line); border-radius: 40px; box-shadow: 0 42px 120px rgba(0,0,0,.45); }
.v4-page-hero figure::after { position: absolute; inset: 0; content: ''; background: linear-gradient(145deg, transparent 45%, rgba(2,3,8,.64)); }
.v4-page-hero figure img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.v4-catalog-nav { position: sticky; z-index: 10; top: 84px; display: flex; gap: 12px; padding-block: 16px; background: rgba(2,3,8,.88); backdrop-filter: blur(18px); }
.v4-catalog-nav a { padding: 10px 16px; border: 1px solid var(--v4-line); border-radius: 999px; color: #aabbd2; font-size: .78rem; }
.v4-catalog { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; padding-block: 70px 150px; }
.v4-product-card { position: relative; overflow: hidden; min-height: 540px; border: 1px solid var(--v4-line); border-radius: 30px; background: #080e1c; transition: transform .35s ease, border-color .35s ease; }
.v4-product-card:hover { transform: translateY(-8px); border-color: rgba(116,232,255,.48); }
.v4-product-card::before { position: absolute; z-index: 3; right: 20px; top: 18px; content: attr(data-index); color: rgba(255,255,255,.7); font: 700 .7rem/1 monospace; }
.v4-product-image { height: 250px; overflow: hidden; }
.v4-product-image img { width: 100%; height: 100%; object-fit: cover; transition: scale .6s ease; }
.v4-product-card:hover img { scale: 1.05; }
.v4-product-copy { padding: 28px; }
.v4-product-copy > span { color: var(--v4-cyan); font: 700 .66rem/1 monospace; letter-spacing: .15em; }
.v4-product-copy h2 { margin: 12px 0; font-size: 2rem; }
.v4-product-copy p { color: #9eafc5; }
.v4-product-copy b { color: var(--v4-lime); font-size: .78rem; }

.v4-hardware-index { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; padding-block: 120px 160px; border-top: 1px solid var(--v4-line); }
.v4-hardware-index h2 { font-size: clamp(3.2rem, 4.7vw, 6rem); }
.v4-hardware-index > div:last-child { display: grid; grid-template-columns: repeat(2, 1fr); }
.v4-hardware-index a { display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; padding: 19px 12px; border-bottom: 1px solid var(--v4-line); color: #dce7f5; }
.v4-hardware-index a:hover { color: var(--v4-cyan); background: rgba(116,232,255,.04); }
.v4-hardware-index a span { color: #526985; font: 700 .65rem/1 monospace; }

.v4-vision-hero { position: relative; min-height: 830px; display: flex; align-items: flex-end; overflow: hidden; }
.v4-vision-hero > img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.v4-vision-hero::after { position: absolute; z-index: -1; inset: 0; content: ''; background: linear-gradient(0deg, #020308 0%, rgba(2,3,8,.18) 60%), linear-gradient(90deg, rgba(2,3,8,.72), transparent 60%); }
.v4-vision-hero .container { padding-block: 110px; }
.v4-vision-hero h1 { max-width: 1200px; font-size: clamp(4rem, 7vw, 8rem); line-height: .9; }
.v4-vision-hero p { max-width: 780px; color: #c2cede; font-size: 1.2rem; }
.v4-vision-grid, .v4-detail-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; padding-block: 120px; }
.v4-vision-grid article, .v4-detail-points article { min-height: 320px; padding: 38px; border: 1px solid var(--v4-line); border-radius: 28px; background: linear-gradient(145deg, rgba(16,25,47,.88), rgba(5,9,18,.92)); }
.v4-vision-grid article > span, .v4-detail-points article > span { color: var(--v4-cyan); font: 700 .7rem/1 monospace; }
.v4-vision-grid p, .v4-detail-points p { color: #9fafc5; }
.v4-manifesto { display: grid; grid-template-columns: .3fr 1.4fr auto; gap: 50px; align-items: center; margin-block: 20px 150px; padding: 64px; border: 1px solid rgba(116,232,255,.24); border-radius: 34px; background: radial-gradient(circle at 84% 20%, rgba(45,124,255,.18), transparent 36%), #07101f; }
.v4-manifesto p { margin: 0; color: #d2deed; font-size: clamp(1.3rem, 2vw, 2rem); }

.v4-nation-hero { position: relative; padding-block: 110px 80px; overflow: hidden; }
.v4-nation-hero::before { position: absolute; z-index: -1; width: 900px; height: 900px; right: -350px; top: -390px; content: ''; border: 1px solid rgba(116,232,255,.14); border-radius: 50%; box-shadow: 0 0 0 110px rgba(45,124,255,.025), 0 0 0 220px rgba(139,120,255,.018); }
.v4-nation-head { display: grid; grid-template-columns: 1.2fr .8fr; gap: 80px; align-items: end; margin-bottom: 72px; }
.v4-nation-head h1 { margin: 20px 0 0; font-size: clamp(4.5rem, 7.2vw, 9rem); line-height: .86; letter-spacing: -.065em; }
.v4-nation-head h1 em { color: transparent; -webkit-text-stroke: 1.4px rgba(116,232,255,.9); }
.v4-nation-head p { color: #aebed2; font-size: 1.14rem; }
.v4-map-stage { position: relative; min-height: 690px; padding: 50px; border: 1px solid rgba(116,232,255,.22); border-radius: 46px; background: radial-gradient(circle at 67% 52%, rgba(45,124,255,.2), transparent 24%), radial-gradient(circle at 24% 64%, rgba(139,120,255,.12), transparent 27%), linear-gradient(145deg, #081225, #03060e 72%); box-shadow: 0 60px 160px rgba(0,0,0,.58), inset 0 1px rgba(255,255,255,.06); overflow: hidden; transform-style: preserve-3d; }
.v4-map-stage::before { position: absolute; inset: 0; content: ''; background-image: linear-gradient(rgba(116,232,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(116,232,255,.045) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 75%, transparent); }
.v4-map-stage::after { position: absolute; width: 64%; aspect-ratio: 1; left: 18%; top: 4%; content: ''; border: 1px solid rgba(116,232,255,.13); border-radius: 50%; box-shadow: 0 0 0 70px rgba(116,232,255,.018), 0 0 0 140px rgba(45,124,255,.012); animation: map-orbit 13s linear infinite; }
@keyframes map-orbit { to { rotate: 360deg; } }
.v4-map-stage > img { position: relative; z-index: 2; width: 100%; height: 540px; object-fit: contain; filter: saturate(1.25) brightness(.92) drop-shadow(0 28px 42px rgba(25,118,255,.32)); transform: translateZ(54px) rotateX(4deg); }
.v4-map-grid { position: absolute; z-index: 3; inset: 0; pointer-events: none; }
.v4-map-node { position: absolute; width: 17px; height: 17px; border: 3px solid #dffaff; border-radius: 50%; background: var(--v4-blue); box-shadow: 0 0 22px var(--v4-cyan), 0 0 60px rgba(45,124,255,.72); }
.v4-map-node::before, .v4-map-node::after { position: absolute; inset: -13px; content: ''; border: 1px solid rgba(116,232,255,.64); border-radius: 50%; animation: node-wave 2.6s ease-out infinite; }
.v4-map-node::after { animation-delay: -1.3s; }
@keyframes node-wave { from { opacity: .9; scale: .35; } to { opacity: 0; scale: 2.2; } }
.v4-map-node.elazig { left: 69%; top: 49%; }
.v4-map-node.gaziantep { left: 59.5%; top: 62%; background: var(--v4-lime); box-shadow: 0 0 22px var(--v4-lime), 0 0 60px rgba(200,255,100,.48); }
.v4-map-node span { position: absolute; left: 18px; top: -3px; padding: 7px 10px; border: 1px solid var(--v4-line); border-radius: 999px; background: rgba(3,7,16,.86); color: #e9f5ff; font: 700 .65rem/1 monospace; white-space: nowrap; }
.v4-map-path { position: absolute; z-index: 1; left: 31%; top: 48%; width: 46%; height: 23%; border-top: 2px solid rgba(116,232,255,.55); border-radius: 50%; rotate: -5deg; filter: drop-shadow(0 0 8px rgba(116,232,255,.8)); animation: route-glow 3s ease-in-out infinite; }
.v4-map-path.path-two { left: 22%; top: 42%; width: 59%; height: 40%; rotate: 8deg; border-color: rgba(200,255,100,.4); animation-delay: -1.5s; }
@keyframes route-glow { 50% { opacity: .35; transform: translateY(6px) scaleX(.98); } }
.v4-map-legend { position: absolute; z-index: 4; left: 36px; bottom: 30px; display: flex; gap: 12px; }
.v4-map-legend span { padding: 9px 13px; border: 1px solid var(--v4-line); border-radius: 999px; background: rgba(3,7,16,.75); color: #aebdd2; font-size: .72rem; backdrop-filter: blur(12px); }
.v4-regions { padding-block: 100px 150px; }
.v4-region-ribbon { display: grid; grid-template-columns: repeat(7, 1fr); margin-top: 55px; border: 1px solid var(--v4-line); border-radius: 26px; overflow: hidden; }
.v4-region-ribbon span { min-height: 130px; display: grid; place-items: center; padding: 20px; border-right: 1px solid var(--v4-line); background: linear-gradient(145deg, rgba(14,23,44,.9), rgba(5,8,17,.94)); color: #cbd8e8; text-align: center; transition: color .25s, background .25s, transform .25s; }
.v4-region-ribbon span:last-child { border: 0; }
.v4-region-ribbon span:hover { color: var(--v4-cyan); background: rgba(45,124,255,.12); transform: translateY(-8px); }
.v4-delivery { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; padding-block: 120px 150px; border-top: 1px solid var(--v4-line); }
.v4-delivery h2 { font-size: clamp(3rem, 5vw, 6rem); line-height: .92; }
.v4-delivery-list { display: grid; gap: 18px; }
.v4-delivery-list article { position: relative; min-height: 190px; padding: 34px 34px 34px 92px; border: 1px solid var(--v4-line); border-radius: 26px; background: linear-gradient(145deg, rgba(15,24,46,.88), rgba(4,8,16,.92)); }
.v4-delivery-list article > span { position: absolute; left: 30px; top: 34px; color: var(--v4-lime); font: 700 .72rem/1 monospace; }
.v4-delivery-list p { color: #9eafc5; }
.v4-base { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; padding-bottom: 150px; }
.v4-base article { position: relative; min-height: 330px; padding: 42px; overflow: hidden; border: 1px solid var(--v4-line); border-radius: 32px; background: radial-gradient(circle at 82% 18%, rgba(45,124,255,.22), transparent 34%), #07101f; }
.v4-base article:nth-child(2) { background: radial-gradient(circle at 82% 18%, rgba(200,255,100,.13), transparent 34%), #07101f; }
.v4-base strong { display: block; margin-block: 30px 12px; font-size: clamp(2.8rem, 5vw, 5.8rem); letter-spacing: -.05em; }
.v4-base p { color: #9fafc5; }

/* V5: service, product-detail and working-model refinement */
.header #main-nav > a:not(.button), .header #main-nav summary { color: #eef7ff; font-weight: 650; letter-spacing: -.01em; }
.header #main-nav summary:hover, .header #main-nav > a:not(.button):hover { color: var(--v4-cyan); }
.mega-panel, .product-panel, .corporate-panel {
  overflow: hidden;
  border: 1px solid rgba(139,187,255,.2);
  border-radius: 0 0 30px 30px;
  background: radial-gradient(circle at 78% 0%, rgba(45,124,255,.16), transparent 30%), rgba(3,7,16,.985);
  box-shadow: 0 42px 120px rgba(0,0,0,.78), inset 0 1px rgba(255,255,255,.045);
}
.mega-heading { border-color: rgba(139,187,255,.16); }
.mega-heading p, .mega-columns h2, .product-panel h2 { color: #f5f9ff; }
.mega-heading .text-link, .product-panel-all { color: var(--v4-lime) !important; }
.mega-columns { gap: 12px; }
.mega-columns > div {
  position: relative;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(139,187,255,.14);
  border-radius: 22px 22px 46px 22px;
  background: linear-gradient(145deg, rgba(15,25,47,.92), rgba(5,9,18,.94));
}
.mega-columns > div::before { position: absolute; width: 110px; height: 110px; right: -48px; top: -48px; content: ''; border: 1px solid rgba(116,232,255,.22); border-radius: 50%; box-shadow: 0 0 36px rgba(45,124,255,.14); }
.mega-columns > div:nth-child(2)::before { border-color: rgba(200,255,100,.24); }
.mega-columns > div:nth-child(3)::before { border-color: rgba(139,120,255,.3); }
.mega-columns a { color: #aebed2; border-color: rgba(139,187,255,.1); }
.mega-columns a:hover { color: #fff; padding-left: 8px; }
.product-panel > a:not(.product-panel-all), .corporate-panel a {
  border: 1px solid rgba(139,187,255,.14);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(15,25,47,.82), rgba(5,9,18,.9));
  color: #f4f8ff;
}
.product-panel > a:not(.product-panel-all):hover, .corporate-panel a:hover { border-color: rgba(116,232,255,.46); background: rgba(45,124,255,.1); }
.product-panel > a span { color: #9cafc7; }

.page-intro { padding-block: 96px 70px; }
.page-intro h1 span { color: #eaf7ff; -webkit-text-stroke: 0; text-shadow: 0 0 52px rgba(116,232,255,.18); }
.page-intro .lead { color: #afbed2; }
.service-jump {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 84px;
  overflow: visible;
  border: 0;
  background: transparent;
}
.service-jump a {
  --jump-accent: 116,232,255;
  position: relative;
  display: flex;
  min-height: 210px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 11px;
  padding: 30px;
  overflow: hidden;
  border: 1px solid rgba(var(--jump-accent),.25);
  border-radius: 28px 28px 66px 28px;
  background: radial-gradient(circle at 84% 18%, rgba(var(--jump-accent),.18), transparent 34%), linear-gradient(145deg, #0d1729, #050812 74%);
  color: #f5f9ff;
  box-shadow: 0 26px 70px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.045);
  isolation: isolate;
}
.service-jump a:nth-child(2) { --jump-accent: 200,255,100; border-radius: 66px 28px 28px 28px; }
.service-jump a:nth-child(3) { --jump-accent: 139,120,255; border-radius: 28px 66px 28px 28px; }
.service-jump a:nth-child(4) { --jump-accent: 255,176,92; border-radius: 28px 28px 28px 66px; }
.service-jump a::before { position: absolute; width: 132px; height: 132px; right: -52px; top: -48px; content: ''; border: 1px solid rgba(var(--jump-accent),.35); border-radius: 50%; box-shadow: 0 0 0 22px rgba(var(--jump-accent),.025), 0 0 44px rgba(var(--jump-accent),.14); transition: scale .45s ease, rotate .45s ease; }
.service-jump a::after { position: absolute; right: 28px; bottom: 26px; content: '↗'; color: rgb(var(--jump-accent)); font-size: 1.1rem; }
.service-jump a:hover { color: #fff; border-color: rgba(var(--jump-accent),.58); background: radial-gradient(circle at 84% 18%, rgba(var(--jump-accent),.28), transparent 38%), #080d18; }
.service-jump a:hover::before { scale: 1.15; rotate: 24deg; }
.service-jump a span { color: rgb(var(--jump-accent)); font: 750 .66rem/1.2 monospace; letter-spacing: .16em; }
.service-jump a strong { max-width: 82%; font-size: 1.25rem; line-height: 1.08; }
.service-jump a small { max-width: 88%; color: #9faec2; font-size: .78rem; line-height: 1.45; }

.service-directory-section { position: relative; padding-block: 110px; border-color: rgba(139,187,255,.13); background: transparent !important; }
.service-directory-section::before { position: absolute; inset: 0; z-index: -1; content: ''; background: radial-gradient(circle at 14% 25%, rgba(45,124,255,.08), transparent 25%); }
.service-directory-section:nth-child(even) { color: #090d16; background: linear-gradient(135deg, #f8fafc 0%, #e9edf4 100%) !important; }
.service-directory-section:nth-child(even)::before { background: radial-gradient(circle at 82% 12%, rgba(139,120,255,.12), transparent 28%); }
.service-directory-layout { gap: clamp(46px,7vw,96px); }
.service-directory-intro h2 { color: #f5f9ff; font-size: clamp(2.8rem,4vw,5.2rem); line-height: .94; letter-spacing: -.05em; }
.service-directory-intro p { color: #aebdd1; }
.service-directory-intro > img { height: 330px; border: 1px solid rgba(139,187,255,.18); border-radius: 32px 32px 96px 32px; box-shadow: 0 36px 90px rgba(0,0,0,.34); }
.service-directory-list { display: grid; gap: 13px; border: 0; }
.service-directory-list > a { position: relative; grid-template-columns: 1fr auto; align-items: center; padding: 24px 26px; overflow: hidden; border: 1px solid rgba(139,187,255,.14); border-radius: 22px; background: linear-gradient(145deg, rgba(15,25,47,.74), rgba(5,9,18,.86)); color: #f5f9ff; }
.service-directory-list > a::before { position: absolute; inset: 0 auto 0 0; width: 3px; content: ''; background: linear-gradient(var(--v4-cyan), var(--v4-violet)); opacity: .4; transition: width .35s ease, opacity .35s ease; }
.service-directory-list > a:hover { color: #fff; background: rgba(45,124,255,.09); border-color: rgba(116,232,255,.4); transform: translateX(8px); }
.service-directory-list > a:hover::before { width: 8px; opacity: 1; }
.service-directory-list h3 { color: inherit; font-size: 1.25rem; }
.service-directory-list p { color: #9fadc1; }
.service-directory-list > a > span { color: var(--v4-lime); }
.service-directory-section:nth-child(even) .service-directory-intro h2, .service-directory-section:nth-child(even) .service-directory-list h3 { color: #070a10; }
.service-directory-section:nth-child(even) .service-directory-intro p, .service-directory-section:nth-child(even) .service-directory-list p { color: #4a5566; }
.service-directory-section:nth-child(even) .eyebrow { color: #485467; }
.service-directory-section:nth-child(even) .service-directory-list > a { border-color: rgba(8,16,30,.13); background: rgba(255,255,255,.76); color: #090d16; box-shadow: 0 18px 50px rgba(30,48,74,.08); }
.service-directory-section:nth-child(even) .service-directory-list > a:hover { background: #fff; border-color: rgba(8,16,30,.28); }
.service-directory-section:nth-child(even) .service-directory-list > a > span { color: #101727; }

.service-breadcrumb, .section-nav { border-color: rgba(139,187,255,.16); color: #aebed2; }
.section-nav { top: 84px; overflow-x: auto; border-radius: 999px; background: rgba(3,7,16,.9); box-shadow: 0 16px 50px rgba(0,0,0,.24); }
.section-nav a { color: #d8e5f5; white-space: nowrap; }
.section-nav a:hover { color: var(--v4-lime); }
.extended-hero, .product-detail-hero { padding-block: 64px 88px; }
.extended-hero h1, .product-detail-hero h1 { color: #f7faff; font-size: clamp(3.4rem,5.6vw,7rem); line-height: .92; letter-spacing: -.055em; }
.extended-hero .lead, .product-detail-hero .lead { color: #afbed2; }
.extended-hero figure, .product-detail-hero figure { position: relative; padding: 10px; overflow: hidden; border: 1px solid rgba(116,232,255,.23); border-radius: 34px 34px 96px 34px; background: radial-gradient(circle at 80% 15%, rgba(45,124,255,.18), transparent 34%), #07101e; box-shadow: 0 42px 120px rgba(0,0,0,.48), 0 0 60px rgba(45,124,255,.08); }
.extended-hero-photo, .product-detail-hero img { border-radius: 25px 25px 82px 25px; }
.extended-hero figcaption, .product-detail-hero figcaption { padding: 12px 8px 4px; color: #8396b0; }
.extended-overview h2, .section-top h2, .product-detail-section h2, .product-flow > .eyebrow { color: #f5f9ff; }
.extended-overview p, .section-top p, .product-note { color: #9fadc1; }
.audience-panel, .delivery-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(116,232,255,.2);
  border-radius: 30px 30px 76px 30px;
  background: radial-gradient(circle at 86% 12%, rgba(45,124,255,.2), transparent 35%), linear-gradient(145deg, #0d1729, #050912 76%);
  color: #f5f9ff;
  box-shadow: 0 28px 80px rgba(0,0,0,.32);
}
.audience-panel::before, .delivery-panel::before { position: absolute; width: 180px; height: 180px; right: -92px; top: -96px; content: ''; border: 1px solid rgba(116,232,255,.25); border-radius: 50%; box-shadow: 0 0 0 28px rgba(116,232,255,.025); }
.audience-panel h3, .delivery-panel h3 { color: #fff; }
.audience-panel p, .delivery-panel li { color: #afbed2; }
.extended-features { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.extended-features article, .feature-trio article {
  position: relative;
  min-height: 260px;
  padding: 34px;
  overflow: hidden;
  border: 1px solid rgba(139,187,255,.16);
  border-radius: 28px 28px 72px 28px;
  background: radial-gradient(circle at 90% 12%, rgba(45,124,255,.14), transparent 30%), linear-gradient(145deg, rgba(15,25,47,.9), rgba(4,8,17,.96));
  box-shadow: 0 28px 70px rgba(0,0,0,.25);
  color: #f5f9ff;
}
.extended-features article:nth-child(even), .feature-trio article:nth-child(3n+2) { border-radius: 72px 28px 28px 28px; background: radial-gradient(circle at 12% 10%, rgba(139,120,255,.16), transparent 30%), linear-gradient(145deg, rgba(15,22,43,.92), rgba(4,8,17,.96)); }
.extended-features article::after, .feature-trio article::after { position: absolute; width: 90px; height: 90px; right: -38px; bottom: -38px; content: ''; border: 1px solid rgba(116,232,255,.2); border-radius: 50%; box-shadow: 0 0 34px rgba(45,124,255,.12); }
.extended-features .eyebrow, .feature-trio .eyebrow { display: inline-flex; padding: 7px 10px; border: 1px solid rgba(116,232,255,.22); border-radius: 999px; color: var(--v4-cyan); background: rgba(116,232,255,.055); }
.extended-features h3, .feature-trio h3 { color: #f8fbff; font-size: 1.55rem; }
.extended-features p, .feature-trio p { color: #9fadc1; }
.scenario-band { position: relative; overflow: hidden; border: 1px solid rgba(200,255,100,.18); border-radius: 38px 38px 110px 38px; background: radial-gradient(circle at 86% 30%, rgba(200,255,100,.12), transparent 30%), linear-gradient(135deg, #0b1424, #050812); color: #f6faff; box-shadow: 0 38px 100px rgba(0,0,0,.36); }
.scenario-band .eyebrow { color: var(--v4-lime); }
.scenario-band h2 { color: #fff; }
.scenario-band > p { color: #b3c0d2; }

.product-purpose { margin-block: 20px 60px; padding: 36px; border: 1px solid rgba(139,187,255,.16); border-radius: 30px; background: linear-gradient(145deg, rgba(12,20,38,.88), rgba(4,8,17,.94)); }
.use-case-list span { border: 1px solid rgba(116,232,255,.15); border-radius: 999px; background: rgba(116,232,255,.045); color: #dbe8f6; }
.product-detail-section { border-top-color: rgba(139,187,255,.14); }
.feature-trio { gap: 18px; }
.product-flow { margin-top: 42px; padding: 42px; border: 1px solid rgba(200,255,100,.16); border-radius: 36px; background: radial-gradient(circle at 14% 0%, rgba(200,255,100,.09), transparent 30%), #050a13; }
.flow-diagram { position: relative; gap: 16px; margin-top: 28px; }
.flow-diagram::before { position: absolute; left: 12%; right: 12%; top: 50%; height: 1px; content: ''; background: linear-gradient(90deg, transparent, rgba(116,232,255,.45), rgba(200,255,100,.45), transparent); box-shadow: 0 0 18px rgba(116,232,255,.24); }
.flow-diagram li { position: relative; z-index: 1; min-height: 152px; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 18px; padding: 26px; border: 1px solid rgba(139,187,255,.18); border-radius: 26px 26px 64px 26px; background: radial-gradient(circle at 84% 15%, rgba(45,124,255,.18), transparent 34%), #0a1221; color: #f7faff; box-shadow: 0 24px 60px rgba(0,0,0,.28); }
.flow-diagram li:nth-child(2) { border-radius: 64px 26px 26px 26px; }
.flow-diagram li:nth-child(3) { border-radius: 26px 64px 26px 26px; }
.flow-diagram li:not(:last-child)::after { display: none; }
.flow-number { display: inline-flex; padding: 7px 10px; border: 1px solid rgba(200,255,100,.24); border-radius: 999px; color: var(--v4-lime); background: rgba(200,255,100,.055); font: 750 .63rem/1 monospace; letter-spacing: .13em; }
.flow-diagram strong { max-width: 240px; font-size: 1.08rem; line-height: 1.35; }

.process-detail { align-items: start; gap: 42px; }
.process-photo { position: sticky; top: 120px; padding: 12px; overflow: hidden; border: 1px solid rgba(116,232,255,.18); border-radius: 36px 36px 120px 36px; background: #07101e; box-shadow: 0 42px 120px rgba(0,0,0,.42); }
.process-photo img { border-radius: 26px 26px 104px 26px; }
.process-photo p { padding: 12px 14px 4px; color: #96a8bf; }
.process-accordion { display: grid; gap: 14px; }
.process-accordion details { position: relative; overflow: hidden; border: 1px solid rgba(139,187,255,.16); border-radius: 24px; background: linear-gradient(145deg, rgba(13,22,41,.92), rgba(4,8,17,.96)); color: #f7faff; transition: border-color .3s ease, background .3s ease, transform .3s ease; }
.process-accordion details[open] { border-color: rgba(116,232,255,.42); border-radius: 34px 34px 82px 34px; background: radial-gradient(circle at 88% 8%, rgba(45,124,255,.22), transparent 34%), linear-gradient(145deg, #0c172a, #050912); box-shadow: 0 32px 90px rgba(0,0,0,.35), 0 0 48px rgba(45,124,255,.08); transform: translateX(-10px); }
.process-accordion summary { min-height: 86px; color: #f7faff; }
.process-accordion summary > span { display: inline-flex; min-width: 92px; justify-content: center; padding: 8px 10px; border: 1px solid rgba(116,232,255,.2); border-radius: 999px; color: var(--v4-cyan); background: rgba(116,232,255,.05); font: 750 .62rem/1 monospace; letter-spacing: .1em; }
.process-accordion h2 { color: #fff; }
.process-accordion details > p { color: #aab9cd; }
.phase-output { border-color: rgba(139,187,255,.14); background: rgba(2,6,14,.42); }
.phase-output span { color: var(--v4-lime); }
.delivery-principles > h2 { max-width: 760px; color: #f6faff; font-size: clamp(3rem,5vw,6rem); line-height: .92; letter-spacing: -.05em; }
.principle-grid { grid-template-columns: 1.15fr .85fr; gap: 18px; }
.principle-grid article { position: relative; min-height: 230px; padding: 36px; overflow: hidden; border: 1px solid rgba(139,187,255,.16); border-radius: 30px 30px 82px 30px; background: linear-gradient(145deg, rgba(14,24,45,.9), rgba(4,8,17,.95)); color: #f6faff; }
.principle-grid article:first-child { grid-row: span 2; min-height: 478px; display: flex; flex-direction: column; justify-content: flex-end; background: radial-gradient(circle at 75% 16%, rgba(45,124,255,.24), transparent 38%), linear-gradient(145deg, #0d1b31, #050912); }
.principle-grid article:nth-child(2) { border-radius: 76px 30px 30px 30px; }
.principle-grid h3 { color: #fff; font-size: clamp(1.45rem,2.2vw,2.4rem); }
.principle-grid p { color: #9faec2; }

.cta { position: relative; overflow: hidden; border-top: 0; background: linear-gradient(135deg, #fafbfc, #e8edf4); color: #080b12; }
.cta::before { position: absolute; width: 560px; height: 560px; right: -210px; top: -260px; content: ''; border: 1px solid rgba(10,18,31,.12); border-radius: 50%; box-shadow: 0 0 0 80px rgba(10,18,31,.018), 0 0 0 160px rgba(10,18,31,.012); }
.cta .eyebrow { color: #465265; }
.cta h2, .cta p { color: #080b12; }
.cta .button-white { border-color: #080b12; background: #080b12; color: #fff; box-shadow: 0 18px 44px rgba(8,11,18,.18); }
#brief-form { scroll-margin-top: 120px; }

/* V6: NOVA intelligence experience */
.nova-v5 { overflow: hidden; background: #020308; }
.nova-v5-hero { position: relative; min-height: min(980px, calc(100vh - 82px)); display: flex; align-items: center; overflow: hidden; isolation: isolate; }
.nova-v5-hero-media { position: absolute; z-index: -3; inset: 0; }
.nova-v5-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; scale: 1.035; animation: nova-hero-breathe 11s ease-in-out infinite; }
@keyframes nova-hero-breathe { 50% { scale: 1.075; filter: saturate(1.12) brightness(1.05); } }
.nova-v5-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2,3,8,.99) 0%, rgba(2,3,8,.91) 30%, rgba(2,3,8,.32) 58%, rgba(2,3,8,.05) 76%), linear-gradient(0deg, #020308 0%, transparent 25%, rgba(2,3,8,.12) 70%, rgba(2,3,8,.75) 100%); }
.nova-v5-hero-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr); align-items: center; padding-block: 120px 150px; }
.nova-v5-hero-copy { max-width: 840px; }
.nova-v5-status { display: inline-flex; align-items: center; gap: 10px 14px; margin-bottom: 34px; padding: 9px 14px 9px 10px; border: 1px solid rgba(200,255,100,.22); border-radius: 999px; background: rgba(4,10,17,.64); box-shadow: 0 0 36px rgba(200,255,100,.06); backdrop-filter: blur(16px); }
.nova-v5-status i { width: 9px; height: 9px; border-radius: 50%; background: var(--v4-lime); box-shadow: 0 0 0 7px rgba(200,255,100,.08), 0 0 22px var(--v4-lime); animation: nova-status 2.2s ease-in-out infinite; }
@keyframes nova-status { 50% { opacity: .45; scale: .72; } }
.nova-v5-status strong { color: #eaffc5; font: 750 .62rem/1 monospace; letter-spacing: .15em; }
.nova-v5-status span { padding-left: 14px; border-left: 1px solid rgba(200,255,100,.2); color: #9dadbd; font-size: .7rem; }
.nova-v5-hero h1 { margin: 22px 0 30px; font-size: clamp(5rem,8.3vw,9.6rem); line-height: .82; letter-spacing: -.075em; }
.nova-v5-hero h1 em { color: transparent; background: linear-gradient(90deg, #f8fcff 0%, #7cecff 38%, #9385ff 72%, #d2ff76 100%); background-clip: text; -webkit-background-clip: text; filter: drop-shadow(0 0 34px rgba(68,160,255,.24)); }
.nova-v5-hero-copy > p { max-width: 690px; color: #bac8da; font-size: clamp(1.08rem,1.4vw,1.34rem); }
.nova-v5-link { display: inline-flex; align-items: center; gap: 12px; color: #e8f5ff; font-weight: 700; }
.nova-v5-link span { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(116,232,255,.3); border-radius: 50%; color: var(--v4-cyan); box-shadow: 0 0 26px rgba(45,124,255,.12); }
.nova-v5-link:hover { color: var(--v4-cyan); }
.nova-v5-scroll { position: absolute; left: 28px; bottom: 42px; display: flex; align-items: center; gap: 14px; color: #6f829d; font: 700 .61rem/1 monospace; letter-spacing: .18em; writing-mode: vertical-rl; }
.nova-v5-scroll span { width: 1px; height: 58px; background: linear-gradient(transparent, var(--v4-cyan)); box-shadow: 0 0 12px rgba(116,232,255,.5); animation: nova-scroll 2s ease-in-out infinite; }
@keyframes nova-scroll { 50% { opacity: .25; translate: 0 8px; } }

.nova-v5-signal { border-block: 1px solid rgba(139,187,255,.15); background: radial-gradient(circle at 50% 0%, rgba(45,124,255,.11), transparent 42%), #050914; }
.nova-v5-signal .container { display: grid; grid-template-columns: repeat(4,1fr); }
.nova-v5-signal article { position: relative; min-height: 170px; display: flex; flex-direction: column; justify-content: center; gap: 14px; padding: 30px; border-right: 1px solid rgba(139,187,255,.13); }
.nova-v5-signal article:first-child { border-left: 1px solid rgba(139,187,255,.13); }
.nova-v5-signal article::after { position: absolute; left: 30px; bottom: -1px; width: 44%; height: 1px; content: ''; background: linear-gradient(90deg,var(--v4-cyan),transparent); box-shadow: 0 0 18px rgba(116,232,255,.45); }
.nova-v5-signal article:nth-child(2)::after { background: linear-gradient(90deg,var(--v4-violet),transparent); }
.nova-v5-signal article:nth-child(3)::after { background: linear-gradient(90deg,var(--v4-lime),transparent); }
.nova-v5-signal span { color: #6e829f; font: 750 .64rem/1 monospace; letter-spacing: .17em; }
.nova-v5-signal strong { max-width: 210px; color: #f3f8ff; font-size: 1.15rem; line-height: 1.3; }

.nova-v5-manifesto { display: grid; grid-template-columns: 180px 1fr; gap: 60px; padding-block: 170px 150px; }
.nova-v5-section-index { display: flex; flex-direction: column; gap: 16px; padding-top: 10px; color: #7388a5; }
.nova-v5-section-index span { color: var(--v4-cyan); font: 750 .72rem/1 monospace; }
.nova-v5-section-index i { width: 100%; height: 1px; background: linear-gradient(90deg,rgba(116,232,255,.7),transparent); }
.nova-v5-section-index b { font: 750 .61rem/1 monospace; letter-spacing: .16em; }
.nova-v5-manifesto h2, .nova-v5-intelligence h2, .nova-v5-capabilities h2, .nova-v5-flow h2, .nova-v5-trust h2, .nova-v5-finale h2 { margin: 20px 0 30px; font-size: clamp(3.6rem,6.4vw,8rem); line-height: .89; letter-spacing: -.062em; }
.nova-v5-manifesto h2 em, .nova-v5-intelligence h2 em, .nova-v5-capabilities h2 em, .nova-v5-flow h2 em, .nova-v5-trust h2 em, .nova-v5-finale h2 em { color: transparent; -webkit-text-stroke: 1.2px rgba(116,232,255,.82); text-shadow: 0 0 48px rgba(45,124,255,.14); }
.nova-v5-manifesto p { max-width: 890px; margin-left: auto; color: #aebdd1; font-size: clamp(1.08rem,1.6vw,1.45rem); }

.nova-v5-intelligence { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; align-items: center; padding-block: 80px 180px; }
.nova-v5-core { position: relative; min-height: 680px; display: grid; place-items: center; transform-style: preserve-3d; }
.nova-v5-core::before { position: absolute; width: 78%; aspect-ratio: 1; content: ''; border: 1px solid rgba(116,232,255,.13); border-radius: 50%; box-shadow: 0 0 0 60px rgba(45,124,255,.02), 0 0 0 120px rgba(139,120,255,.012); }
.nova-v5-core-glow { width: 220px; aspect-ratio: 1; border: 1px solid rgba(191,245,255,.76); border-radius: 42% 58% 52% 48%; background: radial-gradient(circle at 40% 35%, #fff 0 3%, #8bf0ff 7%, #286bff 25%, rgba(139,120,255,.55) 45%, rgba(3,8,22,.1) 68%); box-shadow: 0 0 28px #7de9ff, 0 0 90px rgba(45,124,255,.76), 0 0 190px rgba(139,120,255,.28), inset 0 0 70px rgba(255,255,255,.36); animation: nova-core-morph 7s ease-in-out infinite; }
@keyframes nova-core-morph { 50% { border-radius: 58% 42% 46% 54%; rotate: 14deg; scale: 1.07; filter: hue-rotate(18deg); } }
.nova-v5-core .ring { position: absolute; width: 430px; aspect-ratio: 1; border: 1px solid rgba(116,232,255,.26); border-radius: 50%; animation: nova-ring 13s linear infinite; }
.nova-v5-core .ring::after { position: absolute; width: 11px; height: 11px; left: 50%; top: -6px; content: ''; border-radius: 50%; background: var(--v4-cyan); box-shadow: 0 0 18px var(--v4-cyan); }
.nova-v5-core .ring-two { width: 560px; rotate: 62deg; border-color: rgba(139,120,255,.24); animation-duration: 18s; animation-direction: reverse; }
.nova-v5-core .ring-two::after { background: var(--v4-violet); box-shadow: 0 0 18px var(--v4-violet); }
.nova-v5-core .ring-three { width: 330px; rotate: -42deg; border-color: rgba(200,255,100,.22); animation-duration: 9s; }
.nova-v5-core .ring-three::after { background: var(--v4-lime); box-shadow: 0 0 18px var(--v4-lime); }
@keyframes nova-ring { to { transform: rotate(360deg); } }
.nova-v5-core .node { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #fff; box-shadow: 0 0 18px #fff; }
.nova-v5-core .node-one { left: 12%; top: 28%; }
.nova-v5-core .node-two { right: 8%; top: 58%; }
.nova-v5-core .node-three { left: 24%; bottom: 12%; }
.nova-v5-core > b { position: absolute; color: rgba(255,255,255,.94); font-size: 3.4rem; text-shadow: 0 0 26px #fff; }
.nova-v5-intelligence-copy h2 { font-size: clamp(3.4rem,5.1vw,6.5rem); }
.nova-v5-intelligence-list { display: grid; gap: 0; border-top: 1px solid rgba(139,187,255,.16); }
.nova-v5-intelligence-list article { display: grid; grid-template-columns: 115px 1fr; gap: 8px 28px; padding-block: 28px; border-bottom: 1px solid rgba(139,187,255,.16); }
.nova-v5-intelligence-list span { grid-row: span 2; padding-top: 6px; color: var(--v4-cyan); font: 750 .64rem/1 monospace; letter-spacing: .14em; }
.nova-v5-intelligence-list h3 { margin: 0; color: #f4f8ff; font-size: 1.3rem; }
.nova-v5-intelligence-list p { margin: 0; color: #96a8bf; }

.nova-v5-capabilities { padding-block: 150px 180px; border-block: 1px solid rgba(139,187,255,.14); background: radial-gradient(circle at 78% 8%, rgba(45,124,255,.15), transparent 27%), radial-gradient(circle at 8% 72%, rgba(139,120,255,.11), transparent 25%), #050914; }
.nova-v5-capabilities-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: end; margin-bottom: 74px; }
.nova-v5-capabilities-head h2 { font-size: clamp(3.8rem,5.7vw,7rem); }
.nova-v5-capabilities-head > p { max-width: 540px; margin-bottom: 40px; color: #a4b4c9; font-size: 1.05rem; }
.nova-v5-capability-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 20px; }
.nova-v5-capability { --nova-card-accent: 116,232,255; position: relative; min-height: 380px; display: flex; flex-direction: column; justify-content: flex-end; padding: 42px; overflow: hidden; border: 1px solid rgba(var(--nova-card-accent),.2); border-radius: 34px 34px 100px 34px; background: radial-gradient(circle at 82% 16%, rgba(var(--nova-card-accent),.18), transparent 34%), linear-gradient(145deg, #0d192d, #050912 72%); box-shadow: 0 34px 100px rgba(0,0,0,.32); isolation: isolate; }
.nova-v5-capability::before { position: absolute; z-index: -1; width: 230px; height: 230px; right: -98px; top: -108px; content: ''; border: 1px solid rgba(var(--nova-card-accent),.32); border-radius: 50%; box-shadow: 0 0 0 38px rgba(var(--nova-card-accent),.025), 0 0 70px rgba(var(--nova-card-accent),.12); transition: scale .5s ease, rotate .5s ease; }
.nova-v5-capability:hover::before { scale: 1.22; rotate: 32deg; }
.nova-v5-capability > span { color: rgb(var(--nova-card-accent)); font: 750 .66rem/1 monospace; letter-spacing: .16em; }
.nova-v5-capability h3 { max-width: 620px; margin: 18px 0; color: #f8fbff; font-size: clamp(2rem,3.4vw,4.5rem); line-height: .94; letter-spacing: -.04em; }
.nova-v5-capability p { max-width: 620px; color: #a5b5c9; }
.nova-v5-capability > i { position: absolute; right: 36px; bottom: 34px; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(var(--nova-card-accent),.28); border-radius: 50%; color: rgb(var(--nova-card-accent)); font-style: normal; }
.capability-knowledge { grid-column: span 7; }
.capability-operations { --nova-card-accent: 200,255,100; grid-column: span 5; border-radius: 100px 34px 34px 34px; }
.capability-insight { --nova-card-accent: 139,120,255; grid-column: span 5; border-radius: 34px 34px 34px 100px; }
.capability-communication { --nova-card-accent: 255,176,92; grid-column: span 7; min-height: 460px; border-radius: 34px 100px 34px 34px; }

.nova-v5-flow { padding-block: 170px; }
.nova-v5-flow-head { display: grid; grid-template-columns: 180px 1fr; gap: 60px; margin-bottom: 80px; }
.nova-v5-flow-head h2 { font-size: clamp(3.7rem,5.8vw,7.2rem); }
.nova-v5-flow-track { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin: 0; padding: 0; list-style: none; }
.nova-v5-flow-track::before { position: absolute; left: 8%; right: 8%; top: 39px; height: 1px; content: ''; background: linear-gradient(90deg,transparent,var(--v4-cyan),var(--v4-violet),var(--v4-lime),transparent); box-shadow: 0 0 20px rgba(116,232,255,.38); }
.nova-v5-flow-track li { position: relative; min-height: 280px; padding: 78px 28px 30px; border: 1px solid rgba(139,187,255,.15); border-radius: 26px 26px 70px 26px; background: linear-gradient(145deg,rgba(13,22,41,.78),rgba(4,8,17,.92)); }
.nova-v5-flow-track li::before { position: absolute; z-index: 1; width: 15px; height: 15px; left: 28px; top: 31px; content: ''; border: 3px solid #dffaff; border-radius: 50%; background: var(--v4-blue); box-shadow: 0 0 22px var(--v4-cyan), 0 0 46px rgba(45,124,255,.58); }
.nova-v5-flow-track li:nth-child(2)::before { background: var(--v4-violet); }
.nova-v5-flow-track li:nth-child(3)::before, .nova-v5-flow-track li:nth-child(4)::before { background: var(--v4-lime); box-shadow: 0 0 22px var(--v4-lime); }
.nova-v5-flow-track li > span { color: #7388a5; font: 750 .62rem/1 monospace; letter-spacing: .15em; }
.nova-v5-flow-track strong { display: block; margin: 18px 0 12px; color: #f6faff; font-size: 1.35rem; }
.nova-v5-flow-track p { color: #98a9bf; }

.nova-v5-trust { padding-block: 160px; background: radial-gradient(circle at 0 50%, rgba(116,232,255,.11), transparent 30%), linear-gradient(135deg,#081325,#03060d 70%); border-block: 1px solid rgba(139,187,255,.15); }
.nova-v5-trust-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; align-items: center; }
.nova-v5-trust h2 { font-size: clamp(3.7rem,5.4vw,6.7rem); }
.nova-v5-trust > .container > div:first-child > p { max-width: 620px; color: #aab9cd; }
.nova-v5-trust-list { display: grid; gap: 14px; }
.nova-v5-trust-list article { display: grid; grid-template-columns: 70px 1fr; gap: 22px; padding: 30px; border: 1px solid rgba(139,187,255,.16); border-radius: 24px; background: rgba(4,9,18,.7); box-shadow: inset 0 1px rgba(255,255,255,.03); }
.nova-v5-trust-list article:nth-child(2) { margin-left: 44px; border-color: rgba(139,120,255,.24); }
.nova-v5-trust-list article:nth-child(3) { margin-left: 88px; border-color: rgba(200,255,100,.2); }
.nova-v5-trust-list article > span { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(116,232,255,.2); border-radius: 50%; color: var(--v4-cyan); font: 750 .63rem/1 monospace; }
.nova-v5-trust-list h3 { margin: 0 0 8px; color: #f5f9ff; font-size: 1.4rem; }
.nova-v5-trust-list p { margin: 0; color: #98a9bf; }

.nova-v5-finale { position: relative; min-height: 820px; display: flex; align-items: center; overflow: hidden; background: radial-gradient(circle at 76% 46%, rgba(45,124,255,.31), transparent 18%), radial-gradient(circle at 76% 46%, rgba(139,120,255,.15), transparent 34%), #020308; }
.nova-v5-finale .container { position: relative; z-index: 2; padding-block: 130px; }
.nova-v5-finale h2 { max-width: 1000px; }
.nova-v5-finale p { max-width: 670px; margin-bottom: 34px; color: #b2c0d2; font-size: 1.12rem; }
.nova-v5-finale-orbit { position: absolute; width: 760px; aspect-ratio: 1; right: -70px; top: 50%; translate: 0 -50%; }
.nova-v5-finale-orbit i { position: absolute; inset: 8%; border: 1px solid rgba(116,232,255,.2); border-radius: 50%; box-shadow: 0 0 60px rgba(45,124,255,.08); animation: nova-ring 18s linear infinite; }
.nova-v5-finale-orbit i:nth-child(2) { inset: 27%; border-color: rgba(139,120,255,.28); animation-direction: reverse; animation-duration: 13s; }
.nova-v5-finale-orbit i:nth-child(3) { inset: 43%; border-color: rgba(200,255,100,.26); animation-duration: 9s; }
.nova-v5-finale-orbit::after { position: absolute; width: 180px; aspect-ratio: 1; left: 50%; top: 50%; translate: -50% -50%; content: ''; border-radius: 44% 56% 51% 49%; background: radial-gradient(circle,#fff 0 3%,#82eeff 7%,#2d7cff 28%,rgba(139,120,255,.38) 48%,transparent 70%); box-shadow: 0 0 90px rgba(45,124,255,.76),0 0 180px rgba(139,120,255,.26); animation: nova-core-morph 7s ease-in-out infinite; }

@media (max-width: 1100px) {
  .container { width: calc(100% - 48px); }
  .v4-signal .container { grid-template-columns: repeat(3, 1fr); padding-block: 30px; }
  .v4-signal p { grid-column: 1 / -1; justify-self: start; }
  .v4-intro, .v4-page-hero, .v4-ai, .v4-hardware-index { grid-template-columns: 1fr; }
  .v4-catalog { grid-template-columns: repeat(2, 1fr); }
  .v4-product-stage { min-height: 820px; }
  .v4-product-cloud { width: 82%; }
  .v4-nation-head, .v4-delivery { grid-template-columns: 1fr; }
  .v4-region-ribbon { grid-template-columns: repeat(4, 1fr); }
  .service-jump { grid-template-columns: repeat(2, 1fr); }
  .process-photo { position: static; }
  .nova-v5-hero-grid { grid-template-columns: 1fr; }
  .nova-v5-manifesto, .nova-v5-flow-head { grid-template-columns: 120px 1fr; }
  .nova-v5-intelligence, .nova-v5-trust-grid { grid-template-columns: 1fr; }
  .nova-v5-core { min-height: 610px; }
  .nova-v5-capabilities-head { grid-template-columns: 1fr; gap: 20px; }
  .nova-v5-flow-track { grid-template-columns: repeat(2,1fr); }
  .nova-v5-flow-track::before { display: none; }
}

@media (max-width: 760px) {
  .container { width: calc(100% - 28px); }
  .v4-wordmark, .wordmark { width: 148px; height: 48px; }
  .v4-wordmark img, .wordmark .brand-crop, .wordmark .brand-crop img { width: 148px; max-height: 48px; }
  .v4-contact-dock { right: 12px; bottom: 12px; padding: 6px; }
  .v4-contact-dock > span { display: none; }
  .v4-contact-dock b { padding-right: 8px; }
  .v4-hero { min-height: 760px; align-items: end; }
  .v4-hero-media img { object-position: 68% center; }
  .v4-hero-shade { background: linear-gradient(0deg, rgba(2,3,8,.98) 0 22%, rgba(2,3,8,.58) 65%, rgba(2,3,8,.2)); }
  .v4-hero-content { padding-block: 150px 90px; }
  .v4-hero-content h1 { font-size: clamp(4rem, 19vw, 6.3rem); }
  .v4-orbit, .v4-scroll { display: none; }
  .v4-signal .container { grid-template-columns: 1fr; gap: 22px; }
  .v4-signal p { grid-column: auto; }
  .v4-intro { gap: 28px; padding-block: 90px 52px; }
  .v4-intro h2, .v4-products h2, .v4-vision-strip h2, .v4-ai h2, .v4-final h2, .v4-hardware-index h2 { font-size: clamp(3rem, 13vw, 4.6rem); }
  .v4-bento, .v4-catalog, .v4-vision-grid, .v4-detail-points { grid-template-columns: 1fr; }
  .v4-panel, .v4-panel-wide { min-height: 490px; }
  .v4-panel > div { inset: auto 24px 24px; }
  .v4-products { padding-block: 90px; }
  .v4-products-head { display: grid; }
  .v4-product-stage { min-height: 980px; }
  .v4-product-cloud { grid-template-columns: 1fr; width: 100%; padding: 24px; }
  .v4-product-stage > img { opacity: .28; }
  .v4-vision-strip { grid-template-columns: 1fr; margin-block: 90px; }
  .v4-vision-strip img { min-height: 340px; }
  .v4-vision-strip > div { padding: 34px 24px 44px; }
  .v4-ai { gap: 45px; padding-bottom: 90px; }
  .v4-ai figure { border-radius: 26px; }
  .v4-ai img { min-height: 390px; }
  .v4-final .container > div { grid-template-columns: 1fr; }
  .v4-page-hero { gap: 42px; padding-block: 70px; }
  .v4-page-hero h1 { font-size: clamp(3.7rem, 15vw, 5.8rem); }
  .v4-page-hero figure { min-height: 390px; }
  .v4-catalog-nav { overflow-x: auto; top: 74px; }
  .v4-product-card { min-height: 500px; }
  .v4-hardware-index { gap: 40px; }
  .v4-hardware-index > div:last-child { grid-template-columns: 1fr; }
  .v4-vision-hero { min-height: 720px; }
  .v4-vision-hero h1 { font-size: clamp(3.6rem, 14vw, 5.7rem); }
  .v4-manifesto { grid-template-columns: 1fr; gap: 26px; padding: 34px 24px; }
  .v4-depth-target { transform: none !important; }
  .v4-enter { transform: translateY(28px); }
  .v4-nation-hero { padding-block: 70px 40px; }
  .v4-nation-head { gap: 28px; margin-bottom: 44px; }
  .v4-nation-head h1 { font-size: clamp(3.8rem, 15vw, 6rem); }
  .v4-map-stage { min-height: 430px; padding: 12px; border-radius: 28px; }
  .v4-map-stage > img { height: 390px; }
  .v4-map-node.elazig { left: 69%; top: 47%; }
  .v4-map-node.gaziantep { left: 59%; top: 61%; }
  .v4-map-node span { display: none; }
  .v4-map-legend { left: 16px; right: 16px; bottom: 14px; flex-wrap: wrap; }
  .v4-region-ribbon { grid-template-columns: repeat(2, 1fr); }
  .v4-region-ribbon span { min-height: 90px; }
  .v4-base { grid-template-columns: 1fr; }
  .page-intro { padding-block: 66px 44px; }
  .service-jump, .extended-features, .principle-grid { grid-template-columns: 1fr; }
  .service-jump a { min-height: 170px; }
  .service-directory-section { padding-block: 72px; }
  .service-directory-intro > img { height: 250px; }
  .service-directory-list > a:hover { transform: none; }
  .section-nav { top: 74px; border-radius: 18px; }
  .extended-hero, .product-detail-hero { padding-block: 44px 64px; }
  .extended-features article, .feature-trio article { min-height: 220px; }
  .product-flow { padding: 28px 20px; }
  .flow-diagram::before { display: none; }
  .process-accordion details[open] { transform: none; }
  .principle-grid article:first-child { grid-row: auto; min-height: 300px; }
  .nova-v5-hero { min-height: 840px; align-items: flex-end; }
  .nova-v5-hero-media img { object-position: 67% center; }
  .nova-v5-hero-shade { background: linear-gradient(0deg,#020308 0 26%,rgba(2,3,8,.72) 64%,rgba(2,3,8,.18)); }
  .nova-v5-hero-grid { padding-block: 150px 96px; }
  .nova-v5-status { align-items: flex-start; flex-wrap: wrap; border-radius: 20px; }
  .nova-v5-status span { width: 100%; padding: 0; border: 0; }
  .nova-v5-hero h1 { font-size: clamp(4rem,18vw,6rem); }
  .nova-v5-scroll { display: none; }
  .nova-v5-signal .container { grid-template-columns: repeat(2,1fr); }
  .nova-v5-signal article { min-height: 140px; padding: 22px 16px; }
  .nova-v5-manifesto, .nova-v5-flow-head { grid-template-columns: 1fr; gap: 26px; padding-block: 100px 80px; }
  .nova-v5-section-index { display: grid; grid-template-columns: auto 1fr auto; align-items: center; }
  .nova-v5-intelligence { gap: 26px; padding-block: 20px 100px; }
  .nova-v5-core { min-height: 430px; scale: .75; margin: -40px; }
  .nova-v5-intelligence-list article { grid-template-columns: 1fr; }
  .nova-v5-intelligence-list span { grid-row: auto; }
  .nova-v5-capabilities { padding-block: 100px; }
  .nova-v5-capability-grid { grid-template-columns: 1fr; }
  .nova-v5-capability { grid-column: auto; min-height: 340px; padding: 30px; }
  .nova-v5-flow { padding-block: 100px; }
  .nova-v5-flow-track { grid-template-columns: 1fr; }
  .nova-v5-flow-track li { min-height: 220px; }
  .nova-v5-trust { padding-block: 100px; }
  .nova-v5-trust-grid { gap: 46px; }
  .nova-v5-trust-list article:nth-child(2), .nova-v5-trust-list article:nth-child(3) { margin-left: 0; }
  .nova-v5-finale { min-height: 760px; }
  .nova-v5-finale-orbit { opacity: .45; right: -420px; }
}

@media (prefers-reduced-motion: reduce) {
  .v4-orbit i { animation: none; }
  .v4-starfield { display: none; }
  .v4-depth-target, .v4-enter { transform: none !important; opacity: 1; transition: none; }
  .v4-map-stage::after, .v4-map-node::before, .v4-map-node::after, .v4-map-path { animation: none; }
  .v4-ambient-layer { display: none; }
  .nova-v5-hero-media img, .nova-v5-status i, .nova-v5-scroll span, .nova-v5-core-glow, .nova-v5-core .ring, .nova-v5-finale-orbit i, .nova-v5-finale-orbit::after { animation: none; }
}

/* --------------------------------------------------------------------------
   V7 — site-wide editorial polish
   One design language for contact, category, corporate and legacy templates.
   -------------------------------------------------------------------------- */

main:not(.nova-v5) { overflow: clip; }
.section { position: relative; }
.section h2, .section h3, .section h4 { color: #f7faff; }
.section p, .section li { color: #a9b8cc; }
.tint-section { border-block: 1px solid rgba(139,187,255,.14); background: radial-gradient(circle at 78% 0,rgba(45,124,255,.14),transparent 34%),#050914; }

/* Shared hero system */
.category-hero, .digital-hero, .about-hero {
  position: relative;
  min-height: 690px;
  display: grid;
  grid-template-columns: .94fr 1.06fr;
  gap: clamp(46px,7vw,110px);
  align-items: center;
  padding-block: 96px 118px;
}
.category-hero::before, .digital-hero::before, .about-hero::before {
  position: absolute;
  z-index: -1;
  width: 680px;
  height: 680px;
  right: -250px;
  top: -300px;
  content: '';
  border: 1px solid rgba(116,232,255,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 82px rgba(45,124,255,.022),0 0 0 164px rgba(139,120,255,.014);
}
.category-hero h1, .digital-hero h1, .about-hero h1 {
  margin: 20px 0 28px;
  color: #f8fbff;
  font-size: clamp(4rem,6.4vw,8rem);
  line-height: .88;
  letter-spacing: -.062em;
}
.category-hero h1 span, .digital-hero h1 span, .about-hero h1 span {
  color: transparent;
  -webkit-text-stroke: 1.2px rgba(116,232,255,.82);
  text-shadow: 0 0 52px rgba(45,124,255,.16);
}
.category-hero .lead, .digital-hero .lead, .about-hero .lead { max-width: 660px; color: #afbed1; font-size: 1.13rem; }
.category-hero figure, .digital-hero figure, .about-hero > img {
  position: relative;
  overflow: hidden;
  padding: 10px;
  border: 1px solid rgba(116,232,255,.22);
  border-radius: 38px 38px 124px 38px;
  background: radial-gradient(circle at 82% 12%,rgba(45,124,255,.2),transparent 34%),#07101e;
  box-shadow: 0 52px 140px rgba(0,0,0,.5),0 0 72px rgba(45,124,255,.09);
}
.category-hero figure::after, .digital-hero figure::after { position: absolute; inset: 10px; content: ''; border-radius: 29px 29px 108px 29px; background: linear-gradient(145deg,transparent 52%,rgba(3,7,16,.66)); pointer-events: none; }
.category-hero figure > img, .digital-hero figure > img, .digital-hero-photo > img, .about-hero > img {
  width: 100%;
  min-height: 520px;
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 29px 29px 108px 29px;
}
.about-hero { grid-template-columns: 1fr; }
.about-hero > div { display: grid; grid-template-columns: 1.35fr .65fr; gap: 70px; align-items: end; }
.about-hero > div .eyebrow { grid-column: 1/-1; }
.about-hero > img { min-height: 480px; margin: 0; padding: 0; }

/* Intros, navigation and editorial content */
.page-intro { position: relative; padding-block: 120px 84px; }
.page-intro::before { opacity: .62; }
.page-intro h1 { max-width: 1120px; color: #f7faff; font-size: clamp(4rem,6.8vw,8.3rem); line-height: .88; letter-spacing: -.06em; }
.page-intro h1 span { color: transparent; -webkit-text-stroke: 1.1px rgba(116,232,255,.8); }
.page-intro .lead { max-width: 760px; color: #aebed1; font-size: 1.16rem; }
.catalog-nav { position: sticky; z-index: 12; top: 84px; gap: 10px; padding: 14px; border: 1px solid rgba(139,187,255,.15); border-radius: 999px; background: rgba(3,7,16,.86); box-shadow: 0 18px 60px rgba(0,0,0,.26); backdrop-filter: blur(20px); }
.catalog-nav a { padding: 11px 17px; border: 1px solid rgba(139,187,255,.15); border-radius: 999px; background: rgba(116,232,255,.035); color: #d7e4f4; }
.catalog-nav a:hover { border-color: rgba(116,232,255,.46); background: rgba(116,232,255,.09); color: var(--v4-cyan); }
.editorial-split { gap: clamp(40px,7vw,100px); padding-block: 130px; border-top: 1px solid rgba(139,187,255,.13); }
.editorial-split > .eyebrow { padding-top: 12px; }
.editorial-split h2 { margin-top: 0; color: #f8fbff; font-size: clamp(3.1rem,5.2vw,6.5rem); line-height: .93; letter-spacing: -.052em; }
.editorial-split h2 em { color: transparent; -webkit-text-stroke: 1px rgba(116,232,255,.78); }
.editorial-split p { color: #a9b8cb; }

/* Category, technology and story grids */
.catalog-grid, .service-grid, .technology-compact-grid { gap: 20px; }
.catalog-card, .service-card, .technology-compact {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(139,187,255,.16);
  border-radius: 30px 30px 88px 30px;
  background: radial-gradient(circle at 86% 8%,rgba(45,124,255,.16),transparent 30%),linear-gradient(145deg,rgba(14,24,45,.94),rgba(4,8,17,.98));
  color: #f6faff;
  box-shadow: 0 30px 80px rgba(0,0,0,.3);
}
.catalog-card:nth-child(3n+2), .service-card:nth-child(3n+2), .technology-compact:nth-child(3n+2) { border-radius: 88px 30px 30px 30px; background: radial-gradient(circle at 12% 8%,rgba(139,120,255,.17),transparent 31%),linear-gradient(145deg,#0d172a,#050912); }
.catalog-card:hover, .service-card:hover, .technology-compact:hover { border-color: rgba(116,232,255,.5); box-shadow: 0 42px 110px rgba(0,0,0,.42),0 0 52px rgba(45,124,255,.08); transform: translateY(-8px); }
.catalog-photo, .service-photo, .technology-compact img { height: 245px; aspect-ratio: auto; filter: saturate(1.05) contrast(1.04); }
.catalog-card-copy, .service-card-copy, .technology-compact > div { padding: 30px; }
.catalog-card h3, .service-card h3, .technology-compact h2 { color: #f8fbff; }
.catalog-card p, .service-card p, .technology-compact p { color: #9fadc1; }
.related-links { border-color: rgba(139,187,255,.15); }
.related-links > a { color: #dce8f7; border-color: rgba(139,187,255,.15) !important; }
.related-links p { color: #8fa1b8; }
.technology-flow { padding-block: 90px 40px; }
.technology-compact-grid { padding-bottom: 140px; }

.illustrated-services, .sector-stories { gap: 28px; }
.service-story, .sector-story {
  position: relative;
  min-height: 560px;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(139,187,255,.16);
  border-radius: 40px 40px 118px 40px;
  background: linear-gradient(145deg,#0c172a,#050912);
  box-shadow: 0 40px 110px rgba(0,0,0,.36);
}
.service-story:nth-child(even), .sector-story:nth-child(even) { border-radius: 118px 40px 40px 40px; }
.service-story > img, .sector-story > img, .story-photo { width: 100%; height: 100%; min-height: 560px; aspect-ratio: auto; object-fit: cover; border-radius: 0; }
.service-story > div, .sector-story > div { padding: clamp(34px,5vw,74px); }
.service-story h3, .sector-story h2 { color: #f8fbff; font-size: clamp(2.5rem,4vw,5rem); line-height: .96; letter-spacing: -.045em; }
.service-story p, .sector-story p { color: #a4b4c8; }
.scenario { border: 1px solid rgba(116,232,255,.16); border-left: 3px solid var(--v4-cyan); border-radius: 0 20px 20px 0; background: rgba(116,232,255,.05); color: #dbe8f7; }
.scenario p { color: #a8b8cc; }
.feature-list li, .sector-links { border-color: rgba(139,187,255,.15); }
.feature-list li > span, .sector-links .text-link { color: var(--v4-cyan); }

/* Digital and detail templates */
.detail-layout { gap: clamp(48px,7vw,100px); padding-block: 100px 150px; }
.detail-layout h2 { color: #f8fbff; font-size: clamp(2.8rem,4.5vw,5.3rem); line-height: .94; letter-spacing: -.045em; }
.detail-layout p, .detail-layout li { color: #a6b6ca; }
.detail-layout > aside, .detail-layout > div:last-child { border: 1px solid rgba(139,187,255,.16); border-radius: 32px 32px 90px 32px; background: radial-gradient(circle at 85% 12%,rgba(45,124,255,.16),transparent 34%),linear-gradient(145deg,#0c172a,#050912); color: #f5f9ff; box-shadow: 0 30px 90px rgba(0,0,0,.3); }
.extended-overview { padding-block: 110px; }
.extended-overview > div > h2 { color: #f8fbff; font-size: clamp(2.9rem,4.5vw,5.4rem); line-height: .94; letter-spacing: -.045em; }
.border-top { border-top-color: rgba(139,187,255,.14) !important; }

/* Corporate and utility pages */
.prose { max-width: 980px; margin-bottom: 140px; padding: clamp(30px,5vw,64px); border: 1px solid rgba(139,187,255,.16); border-radius: 34px 34px 96px 34px; background: linear-gradient(145deg,rgba(14,24,45,.9),rgba(4,8,17,.96)); box-shadow: 0 32px 90px rgba(0,0,0,.3); }
.prose h2, .prose h3 { color: #f7faff; }
.prose p, .prose li { color: #a8b8cc; }
.faq details { border-color: rgba(139,187,255,.16); }
.faq summary { color: #f5f9ff; }
.faq details p { color: #a4b4c8; }

/* Contact V7 */
.contact-v7 { background: #020308; }
.contact-v7-hero { position: relative; min-height: 820px; padding-block: 120px 0; overflow: hidden; background: radial-gradient(circle at 78% 38%,rgba(45,124,255,.24),transparent 22%),radial-gradient(circle at 78% 38%,rgba(139,120,255,.12),transparent 42%); }
.contact-v7-hero::before { position: absolute; inset: 0; content: ''; background-image: linear-gradient(rgba(116,232,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(116,232,255,.035) 1px,transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent); }
.contact-v7-hero-grid { position: relative; z-index: 2; min-height: 590px; display: grid; grid-template-columns: 1.04fr .96fr; gap: 80px; align-items: center; }
.contact-v7-copy h1 { margin: 22px 0 32px; font-size: clamp(4.7rem,7.6vw,9.5rem); line-height: .84; letter-spacing: -.068em; }
.contact-v7-copy h1 em, .contact-v7-brief h2 em, .contact-v7-assurance h2 em, .contact-v7-faq h2 em { color: transparent; -webkit-text-stroke: 1.2px rgba(116,232,255,.82); }
.contact-v7-copy > p { max-width: 650px; color: #b2c1d4; font-size: 1.18rem; }
.contact-v7-actions { display: flex; flex-wrap: wrap; gap: 18px 28px; align-items: center; margin-top: 34px; }
.contact-v7-plain { color: #dbe8f7; border-bottom: 1px solid rgba(116,232,255,.34); padding: 12px 2px; }
.contact-v7-network { position: relative; min-height: 590px; display: grid; place-items: center; transform-style: preserve-3d; }
.contact-v7-core { position: relative; z-index: 3; width: 190px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(191,245,255,.72); border-radius: 44% 56% 52% 48%; background: radial-gradient(circle at 40% 35%,#fff 0 3%,#8bf0ff 7%,#286bff 25%,rgba(139,120,255,.5) 46%,rgba(3,8,22,.1) 69%); box-shadow: 0 0 32px #7de9ff,0 0 100px rgba(45,124,255,.72),0 0 190px rgba(139,120,255,.24); animation: contact-core 7s ease-in-out infinite; }
.contact-v7-core b { color: #fff; font-size: 3rem; text-shadow: 0 0 24px #fff; }
.contact-v7-core span { position: absolute; top: calc(100% + 28px); color: #9cb0c9; font: 750 .62rem/1 monospace; letter-spacing: .18em; white-space: nowrap; }
@keyframes contact-core { 50% { border-radius: 57% 43% 46% 54%; rotate: 12deg; scale: 1.06; filter: hue-rotate(18deg); } }
.contact-v7-ring { position: absolute; width: 370px; aspect-ratio: 1; border: 1px solid rgba(116,232,255,.24); border-radius: 50%; animation: nova-ring 14s linear infinite; }
.contact-v7-ring::after { position: absolute; width: 10px; height: 10px; left: 50%; top: -5px; content: ''; border-radius: 50%; background: var(--v4-cyan); box-shadow: 0 0 22px var(--v4-cyan); }
.contact-v7-ring.ring-b { width: 500px; rotate: 64deg; border-color: rgba(139,120,255,.22); animation-duration: 19s; animation-direction: reverse; }
.contact-v7-ring.ring-b::after { background: var(--v4-violet); box-shadow: 0 0 22px var(--v4-violet); }
.contact-v7-ring.ring-c { width: 280px; rotate: -38deg; border-color: rgba(200,255,100,.2); animation-duration: 10s; }
.contact-v7-ring.ring-c::after { background: var(--v4-lime); box-shadow: 0 0 22px var(--v4-lime); }
.contact-v7-node { position: absolute; z-index: 4; padding: 8px 11px; border: 1px solid rgba(139,187,255,.18); border-radius: 999px; background: rgba(3,7,16,.78); color: #afc2d9; font: 750 .61rem/1 monospace; letter-spacing: .14em; backdrop-filter: blur(10px); }
.node-phone { left: 7%; top: 27%; }.node-message { right: 1%; top: 48%; }.node-project { left: 20%; bottom: 16%; }
.contact-v7-channels { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(139,187,255,.14); border-radius: 30px 30px 0 0; background: rgba(4,8,17,.88); backdrop-filter: blur(18px); }
.contact-v7-channels a { position: relative; min-height: 150px; display: flex; flex-direction: column; justify-content: center; gap: 13px; padding: 28px; border-right: 1px solid rgba(139,187,255,.14); color: #f4f8ff; }
.contact-v7-channels a:last-child { border: 0; }
.contact-v7-channels a:hover { background: rgba(116,232,255,.055); }
.contact-v7-channels span { color: #7188a5; font: 750 .61rem/1 monospace; letter-spacing: .15em; }
.contact-v7-channels strong { font-size: 1.05rem; overflow-wrap: anywhere; }
.contact-v7-channels i { position: absolute; right: 22px; top: 22px; color: var(--v4-cyan); font-style: normal; }

.contact-v7-brief { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(50px,8vw,120px); align-items: start; padding-block: 160px; }
.contact-v7-brief-intro { position: sticky; top: 120px; }
.contact-v7-brief h2, .contact-v7-assurance h2, .contact-v7-faq h2 { margin: 22px 0 28px; font-size: clamp(3.6rem,5.4vw,6.8rem); line-height: .91; letter-spacing: -.056em; }
.contact-v7-brief-intro > p { color: #9fafc4; }
.contact-v7-brief-intro ol { margin: 44px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(139,187,255,.16); }
.contact-v7-brief-intro li { display: grid; grid-template-columns: 54px 1fr; gap: 20px; padding-block: 24px; border-bottom: 1px solid rgba(139,187,255,.16); }
.contact-v7-brief-intro li > span { padding-top: 4px; color: var(--v4-cyan); font: 750 .65rem/1 monospace; }
.contact-v7-brief-intro strong { display: block; color: #f4f8ff; }
.contact-v7-brief-intro small { display: block; margin-top: 7px; color: #7f93ac; line-height: 1.5; }
.contact-v7-presence { display: flex; gap: 12px; align-items: center; margin-top: 28px; color: #9aabc0; font-size: .82rem; }
.contact-v7-presence i { width: 8px; height: 8px; border-radius: 50%; background: var(--v4-lime); box-shadow: 0 0 18px var(--v4-lime); }
.contact-v7-form { position: relative; padding: clamp(30px,5vw,62px); overflow: hidden; border: 1px solid rgba(116,232,255,.2); border-radius: 38px 38px 120px 38px; background: radial-gradient(circle at 88% 7%,rgba(45,124,255,.2),transparent 29%),linear-gradient(145deg,#0d192d,#050912 74%); box-shadow: 0 46px 130px rgba(0,0,0,.46),0 0 64px rgba(45,124,255,.07); }
.contact-v7-form::after { position: absolute; width: 260px; aspect-ratio: 1; right: -150px; bottom: -150px; content: ''; border: 1px solid rgba(116,232,255,.19); border-radius: 50%; box-shadow: 0 0 0 42px rgba(116,232,255,.02),0 0 0 84px rgba(139,120,255,.012); }
.contact-v7-form-head { display: flex; justify-content: space-between; color: #7890ad; font: 750 .63rem/1 monospace; letter-spacing: .16em; }
.contact-v7-form-head b { color: var(--v4-cyan); }
.contact-v7-form h2 { margin: 26px 0 12px; color: #f8fbff; font-size: clamp(2.5rem,4vw,4.8rem); }
.contact-v7-form-lead { max-width: 620px; margin-bottom: 38px; color: #98aac0; }
.contact-v7-form label { color: #dce7f5; }
.contact-v7-form label > span { color: #748aa6; }
.contact-v7-form input, .contact-v7-form select, .contact-v7-form textarea { border: 1px solid rgba(139,187,255,.17); border-radius: 16px; background: rgba(2,6,14,.72); color: #f5f9ff; box-shadow: inset 0 1px rgba(255,255,255,.03); }
.contact-v7-form input:focus, .contact-v7-form select:focus, .contact-v7-form textarea:focus { border-color: rgba(116,232,255,.66); outline: 3px solid rgba(116,232,255,.1); }
.contact-v7-form select option { color: #0a1020; background: #f5f8ff; }
.contact-v7-form-foot { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; }
.contact-v7-form-foot p { margin: 0; color: #7489a3; }
#brief-result { position: relative; z-index: 2; margin-top: 28px; padding: 28px; border: 1px solid rgba(200,255,100,.2); border-radius: 24px; background: rgba(200,255,100,.045); }
.contact-v7-result-actions { display: flex; flex-wrap: wrap; gap: 12px; }

.contact-v7-assurance { padding-block: 150px; border-block: 1px solid rgba(139,187,255,.14); background: radial-gradient(circle at 12% 15%,rgba(139,120,255,.12),transparent 26%),#050914; }
.contact-v7-assurance > .container { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: end; }
.contact-v7-assurance-grid { display: grid; gap: 14px; }
.contact-v7-assurance article { position: relative; min-height: 180px; padding: 30px; border: 1px solid rgba(139,187,255,.15); border-radius: 24px 24px 64px 24px; background: linear-gradient(145deg,rgba(14,24,45,.82),rgba(4,8,17,.92)); }
.contact-v7-assurance article:nth-child(2) { margin-left: 44px; border-color: rgba(139,120,255,.23); }
.contact-v7-assurance article:nth-child(3) { margin-left: 88px; border-color: rgba(200,255,100,.2); }
.contact-v7-assurance article > span { color: var(--v4-cyan); font: 750 .61rem/1 monospace; letter-spacing: .16em; }
.contact-v7-assurance h3 { margin: 14px 0 9px; color: #f6faff; font-size: 1.35rem; }
.contact-v7-assurance p { margin: 0; color: #93a6bd; }
.contact-v7-faq { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; padding-block: 160px; }
.contact-v7-faq > div:first-child > p { max-width: 430px; color: #96a8bf; }
.contact-v7-faq details { border-top: 1px solid rgba(139,187,255,.16); }
.contact-v7-faq details:last-child { border-bottom: 1px solid rgba(139,187,255,.16); }
.contact-v7-faq summary { display: flex; justify-content: space-between; gap: 30px; padding-block: 28px; color: #f4f8ff; font-size: 1.17rem; }
.contact-v7-faq summary span { color: var(--v4-cyan); font: 400 1.5rem/1 sans-serif; transition: rotate .25s; }
.contact-v7-faq details[open] summary span { rotate: 45deg; }
.contact-v7-faq details p { max-width: 760px; margin: 0 0 30px; color: #99abc1; }

@media (max-width: 1100px) {
  .category-hero, .digital-hero { grid-template-columns: 1fr; }
  .about-hero > div { grid-template-columns: 1fr; gap: 20px; }
  .about-hero > div .eyebrow { grid-column: auto; }
  .technology-compact-grid { grid-template-columns: repeat(2,1fr); }
  .contact-v7-hero-grid, .contact-v7-brief, .contact-v7-assurance > .container, .contact-v7-faq { grid-template-columns: 1fr; }
  .contact-v7-network { min-height: 520px; }
  .contact-v7-channels { grid-template-columns: repeat(2,1fr); border-radius: 28px; }
  .contact-v7-channels a:nth-child(2) { border-right: 0; }
  .contact-v7-channels a:nth-child(-n+2) { border-bottom: 1px solid rgba(139,187,255,.14); }
  .contact-v7-brief-intro { position: static; }
}

@media (max-width: 760px) {
  .category-hero, .digital-hero, .about-hero { min-height: auto; gap: 38px; padding-block: 66px 86px; }
  .category-hero h1, .digital-hero h1, .about-hero h1, .page-intro h1 { font-size: clamp(3.6rem,15vw,5.7rem); }
  .category-hero figure > img, .digital-hero figure > img, .digital-hero-photo > img, .about-hero > img { min-height: 380px; }
  .category-hero figure, .digital-hero figure, .about-hero > img { border-radius: 28px 28px 78px 28px; }
  .catalog-nav { top: 74px; flex-wrap: nowrap; overflow-x: auto; border-radius: 18px; }
  .technology-compact-grid, .catalog-grid, .service-grid { grid-template-columns: 1fr; }
  .service-story, .sector-story { grid-template-columns: 1fr; min-height: auto; border-radius: 28px 28px 78px 28px !important; }
  .service-story:nth-child(even) > img, .sector-story:nth-child(even) > img { order: 0; }
  .service-story > img, .sector-story > img, .story-photo { min-height: 340px; }
  .related-links { grid-template-columns: 1fr; }
  .related-links > a + a { padding-left: 0; border-left: 0; }
  .detail-layout { grid-template-columns: 1fr; }
  .contact-v7-hero { min-height: auto; padding-block: 80px 40px; }
  .contact-v7-hero-grid { min-height: auto; gap: 36px; }
  .contact-v7-copy h1 { font-size: clamp(4rem,17vw,6rem); }
  .contact-v7-network { min-height: 390px; scale: .78; margin: -30px; }
  .contact-v7-channels { grid-template-columns: 1fr; }
  .contact-v7-channels a { min-height: 120px; border-right: 0; border-bottom: 1px solid rgba(139,187,255,.14); }
  .contact-v7-brief, .contact-v7-assurance, .contact-v7-faq { padding-block: 100px; }
  .contact-v7-form { padding: 30px 22px 58px; border-radius: 28px 28px 76px 28px; }
  .contact-v7-form-foot { grid-template-columns: 1fr; }
  .contact-v7-assurance article:nth-child(2), .contact-v7-assurance article:nth-child(3) { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .contact-v7-core, .contact-v7-ring { animation: none; }
}