:root{--bg:#060a18;--text:#f3f7ff;--muted:#a7b7d2;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #44dcff;outline-offset:4px}.top{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:12px max(24px,4vw);background:#060b1be8;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.logo{width:170px;max-width:40vw}.nav{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:700}.nav a:hover{color:#57dcff}.pill{background:linear-gradient(100deg,#13d5fa,#7371ff);color:#06101f!important;padding:12px 19px;border-radius:50px}.menu{display:none;color:white;background:transparent;border:1px solid #ffffff55;border-radius:8px;padding:9px 12px}.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#183064 0%,#070b1b 60%);padding:50px max(20px,4vw) 44px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.22em;color:#68dfff;text-align:center}.hero h1{font-size:clamp(32px,4.4vw,68px);text-align:center;letter-spacing:-.055em;line-height:1.07;max-width:1100px;margin:14px auto}.hero h1 span{background:linear-gradient(90deg,#39d9ff,#a98bff,#ff77c5);background-clip:text;color:transparent}.lead{color:#bdcbe2;text-align:center;max-width:750px;margin:0 auto 25px;line-height:1.6}.visual{max-width:1280px;margin:auto;position:relative;border:1px solid #2d73bd88;border-radius:22px;overflow:hidden;box-shadow:0 0 100px #0868ff25,0 35px 90px #0009}.visual img{display:block;width:100%;height:auto}.visual:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #040b27}.hotspot{position:absolute;z-index:2;transform:translate(-50%,-50%);border:2px solid #ffffffa0;background:#041c57aa;color:#fff;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;box-shadow:0 0 15px #42dfff,0 0 30px #0d6fff;transition:transform .2s,background .2s}.hotspot:hover,.hotspot.active{transform:translate(-50%,-50%) scale(1.25);background:#12ccef;color:#07111e}.hotspot:before{content:"";position:absolute;inset:-8px;border:1px solid #6ae5ff70;border-radius:50%;animation:pulse 2.8s infinite}@keyframes pulse{50%{transform:scale(1.2);opacity:.25}}.interaction{max-width:1200px;margin:24px auto 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:22px 26px;border:1px solid #4a81b344;border-radius:18px;background:linear-gradient(110deg,#132443,#10142e)}.interaction small{font-size:11px;letter-spacing:.15em;color:#6ee3ff;font-weight:800}.interaction h2{margin:8px 0;font-size:clamp(21px,2.4vw,30px)}.interaction p{margin:0;color:#c3cee0;line-height:1.55}.cta{display:inline-flex;align-items:center;justify-content:center;border:1px solid #8eeaff;border-radius:100px;padding:13px 20px;font-size:13px;font-weight:800;white-space:nowrap}.cta:hover{background:#1e9fcb}.section{padding:90px max(22px,6vw);max-width:1500px;margin:auto}.section .kicker{color:#72dfff;font-size:12px;font-weight:800;letter-spacing:.2em}.section h2{font-size:clamp(30px,4vw,55px);letter-spacing:-.05em;line-height:1.08;margin:13px 0 18px}.section>p{color:var(--muted);max-width:760px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.card{padding:28px;border:1px solid #ffffff1d;border-radius:18px;min-height:245px;position:relative;overflow:hidden;background:linear-gradient(145deg,#14203c,#0b1126)}.card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent)}.card .num{font-size:12px;font-weight:800;color:var(--accent)}.card h3{font-size:23px;line-height:1.1;margin:28px 0 12px}.card p{font-size:14px;color:#b9c6d9;line-height:1.6}.card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 18px 55px #0007;transition:.25s}.industries{background:linear-gradient(115deg,#111d38,#1b1136);border-block:1px solid #ffffff19}.chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.chip{padding:15px 20px;border-radius:50px;border:1px solid #ffffff30;background:#ffffff08;font-weight:700;font-size:14px}.end{background:radial-gradient(ellipse at 50% 0,#182e6b,#080c1a 70%);text-align:center}.end p{margin:0 auto 26px}.footer{padding:28px max(22px,6vw);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:#aebed5;font-size:13px}.footer img{width:150px}.footer a:hover{color:#68dfff}@media(max-width:850px){.menu{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#081126;flex-direction:column;align-items:stretch;padding:20px 28px;border-bottom:1px solid #ffffff33}.nav.open{display:flex}.hero{padding-top:34px}.interaction{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.hotspot{width:27px;height:27px;font-size:12px}.section{padding-block:65px}}@media(max-width:560px){.cards{grid-template-columns:1fr}.visual{border-radius:10px}.hotspot{width:23px;height:23px}.hero h1{font-size:35px}.lead{font-size:14px}.interaction{padding:20px}.footer{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}


.profile-section{max-width:1200px;margin:auto;padding:82px 26px}.profile-section h2{font-size:clamp(2.1rem,5vw,4rem);line-height:1.05;margin:12px 0 18px}.profile-section p{color:#b5c7dd;line-height:1.75}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.profile-tile{border:1px solid #2b5475;background:linear-gradient(155deg,#0c2340,#07101f);border-radius:18px;overflow:hidden;transition:transform .3s,border-color .3s}.profile-tile:hover{transform:translateY(-7px);border-color:#29d9ff}.profile-tile img{width:100%;height:270px;object-fit:cover;object-position:top}.profile-tile .body{padding:20px}.profile-tile h3{font-size:1.16rem;margin:0 0 7px}.profile-tile p{font-size:.92rem;margin:0}.profile-band{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:22px;border:1px solid #275071;border-radius:22px;background:#071b31}.profile-band img{width:100%;max-height:460px;object-fit:contain;border-radius:12px}.profile-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.profile-stat{border:1px solid #28516e;border-radius:12px;padding:14px 18px;color:#a7e8ff}.profile-stat strong{display:block;font-size:1.5rem;color:#fff}.profile-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.profile-step{border-top:2px solid #22d7f9;padding:18px 12px;background:#0b1d31}.profile-step strong{color:#36dcff}.profile-step span{display:block;margin-top:8px;font-weight:700}.profile-cta{display:inline-block;margin-top:22px;padding:13px 22px;background:#0cbce6;color:#001322;border-radius:999px;text-decoration:none;font-weight:800}@media(max-width:850px){.profile-grid{grid-template-columns:1fr 1fr}.profile-band{grid-template-columns:1fr}.profile-timeline{grid-template-columns:1fr 1fr}}@media(max-width:550px){.profile-grid{grid-template-columns:1fr}.profile-tile img{height:350px}}

/* V8 performance, responsiveness and motion enhancements */
html{scroll-padding-top:90px}img{max-width:100%;height:auto}section{scroll-margin-top:88px}
@media(min-width:769px){.hotspot{transition:transform .28s ease,filter .28s ease,box-shadow .28s ease}.hotspot:hover{transform:translateY(-4px) scale(1.035);filter:brightness(1.2)}.hotspot.active{filter:brightness(1.3)}}
@media(max-width:768px){.top{padding:10px 16px}.logo{width:145px}.hero{padding:34px 16px 28px}.hero h1{font-size:clamp(30px,8vw,46px)}.nav.open{max-height:calc(100dvh - 70px);overflow-y:auto}.hotspot{min-width:44px;min-height:44px}}
@media(max-width:480px){.hero{padding-inline:12px}.logo{width:130px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

html{scroll-behavior:smooth} .hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:22px auto}.ghost{border:1px solid #4b9fbd;color:#eafaff;border-radius:50px;padding:12px 22px;text-decoration:none}.hero-facts{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;color:#a9dff1;font-size:.83rem;letter-spacing:.07em;margin:22px 0}.hero-facts span{border-left:2px solid #30c9ff;padding-left:12px}.gradient-text{background:linear-gradient(95deg,#2de6ff,#b887ff,#ff9f57);background-clip:text;-webkit-background-clip:text;color:transparent}.live-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}.live-service{background:#0a1730;border:1px solid #27496a;border-top:3px solid var(--accent);border-radius:18px;overflow:hidden;transition:transform .3s,box-shadow .3s}.live-service:hover{transform:translateY(-8px);box-shadow:0 12px 50px #05bfff23}.live-service img{width:100%;height:225px;object-fit:cover;object-position:top;display:block}.live-service-copy{padding:22px}.live-service-copy span{font-size:.72rem;color:var(--accent);font-weight:800;letter-spacing:.1em}.live-service h3{font-size:1.35rem;margin:10px 0}.live-service p{font-size:.94rem;line-height:1.7}.live-service a{color:var(--accent);text-decoration:none;font-weight:700}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.industry-grid div,.why-grid article{border:1px solid #295074;background:linear-gradient(140deg,#10284b,#09152c);padding:24px;border-radius:16px;transition:transform .25s}.industry-grid div:hover,.why-grid article:hover{transform:translateY(-5px)}.industry-grid b,.industry-grid span{display:block}.industry-grid b{color:#e8faff;margin-bottom:10px}.industry-grid span{color:#a4c0d6;font-size:.85rem}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:28px}.why-grid strong{color:#5ce5ff}.why-grid p{font-size:.9rem}.contact-live{text-align:center;padding-bottom:110px}.contact-live p{max-width:760px;margin:16px auto 30px}.contact-live .pill{display:inline-block}.footer{gap:28px;align-items:flex-start}.footer div{max-width:800px}.footer p{font-size:.78rem;line-height:1.7}.footer a{color:#78dfff}@media(max-width:1000px){.live-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-grid,.why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.live-service-grid,.industry-grid,.why-grid{grid-template-columns:1fr}.live-service img{height:180px}.hero-facts{gap:8px}.hero-facts span{font-size:.7rem}.visual .hotspot{min-width:28px;min-height:28px}.section{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.live-service,.industry-grid div,.why-grid article{transition:none}}

/* V10 factory showcase */
.motion-section{position:relative}.motion-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.motion-heading>div:first-child{max-width:760px}.motion-heading p{max-width:660px}.motion-index{font-weight:800;font-size:52px;color:#46e6f7;white-space:nowrap}.motion-index span{display:block;font-size:11px;letter-spacing:.18em;color:#aab7d1}.motion-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:24px 0}.motion-control{border:1px solid #48dbed;background:linear-gradient(110deg,#0d6379,#122747);color:white;border-radius:30px;padding:14px 22px;cursor:pointer;font-weight:700}.motion-control:hover,.motion-control:focus-visible{box-shadow:0 0 22px #24dbef66;outline:2px solid #58e6f3;outline-offset:3px}.motion-stage{position:relative;overflow:hidden;border:1px solid #4dc8f566;border-radius:26px;isolation:isolate;box-shadow:0 18px 70px #0008,0 0 50px #007fc422;aspect-ratio:16/8;min-height:240px;background:#09172d}.motion-stage video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.2) contrast(1.1)}.motion-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#061025c9,transparent 38%,#071327d9 95%),linear-gradient(90deg,#04102644,transparent 65%)}.motion-top,.motion-bottom{position:absolute;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:1;color:#e7faff}.motion-top{top:6%;font-size:11px;letter-spacing:.16em;font-weight:800}.motion-top-right{margin-left:auto;color:#73ebf5}.signal-dot{width:9px;height:9px;border-radius:50%;background:#57f2b8;box-shadow:0 0 15px #57f2b8;animation:signal 2s infinite}.motion-bottom{bottom:7%;align-items:flex-end}.motion-bottom small{display:block;font-size:11px;letter-spacing:.16em;color:#79eaf7;margin-bottom:8px}.motion-bottom strong{display:block;font-size:clamp(18px,2.6vw,35px);max-width:560px;line-height:1.1}.motion-bottom>span{font-size:11px;letter-spacing:.14em;text-align:right}.motion-note{font-size:12px!important;color:#98a9c5;max-width:850px;margin-top:13px!important}@keyframes signal{50%{opacity:.4;box-shadow:0 0 4px #57f2b8}}@media(max-width:720px){.motion-heading{display:block}.motion-index{display:none}.motion-stage{aspect-ratio:4/3;border-radius:18px}.motion-top-right,.motion-bottom>span{display:none}.motion-bottom strong{font-size:19px}.motion-top{font-size:9px}.motion-actions{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.signal-dot{animation:none}}

/* V11 cinematic portfolio */
.portfolio-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent)!important;box-shadow:0 0 20px color-mix(in srgb,var(--accent) 12%,transparent);transition:transform .3s ease,box-shadow .3s ease}.portfolio-card:hover,.portfolio-card:focus-within{transform:translateY(-7px);box-shadow:0 12px 38px color-mix(in srgb,var(--accent) 24%,transparent)}.portfolio-card img{aspect-ratio:16/9;object-fit:cover;object-position:top;transition:transform .65s ease}.portfolio-card:hover img{transform:scale(1.055)}.portfolio-card a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.motion-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 8px}.motion-chapters span{font-size:12px;font-weight:800;letter-spacing:.08em;padding:14px 10px;border:1px solid #2b5777;border-radius:12px;text-align:center;background:linear-gradient(130deg,#08223a,#101329);color:#89eaff}@media(max-width:640px){.motion-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-chapters span{font-size:10px;padding:12px 5px}.portfolio-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-card img{transition:none!important}}

/* V12: coherent animated ecosystem treatment; image numbers removed */
.visual .hotspot{font-size:0!important;width:clamp(32px,5vw,66px);height:clamp(32px,5vw,66px);border:1px solid #9ff7ff55;background:#00ccff06;box-shadow:none;opacity:.2;transition:opacity .2s,box-shadow .2s,transform .2s}
.visual .hotspot:before{display:none}.visual .hotspot:hover,.visual .hotspot:focus-visible,.visual .hotspot.active{opacity:.95;box-shadow:0 0 28px #00d9ff88;background:#04cbff22;transform:translate(-50%,-50%) scale(1.12)}
.network-layout,.industry-network,.contact-network{position:relative;isolation:isolate;overflow:hidden;border:1px solid #2b78b080;border-radius:26px;background:radial-gradient(circle at center,#0b2d5d 0%,#07162f 40%,#050c20 75%);padding:36px 22px;margin-top:34px;box-shadow:0 0 55px #046dff25}
.network-layout:before,.industry-network:before,.contact-network:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.17;background:url('ecosystem-v12.webp') center/cover no-repeat;filter:blur(8px)}
.network-layout:after,.industry-network:after,.contact-network:after{content:"";position:absolute;inset:10% 22%;z-index:-1;border:1px dashed #46d7ff55;border-radius:50%;animation:rotate-ring 55s linear infinite}
@keyframes rotate-ring{to{transform:rotate(360deg)}}
.network-core,.industry-core,.contact-core{width:220px;height:220px;margin:0 auto 30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:2px solid #39dfff;box-shadow:0 0 26px #03cfff80,inset 0 0 32px #0673e744;background:#031630d9}
.network-core img,.industry-core img,.contact-core img{width:70%;height:auto;object-fit:contain}.network-core span,.industry-core span,.contact-core strong{font-size:10px;color:#6ee8ff;letter-spacing:.16em;text-align:center}
.network-nodes,.industry-orbit,.contact-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative;z-index:2}
.network-node,.industry-node,.contact-node{min-width:0;text-align:center;border:1px solid var(--node-color);border-radius:22px;padding:25px 14px;background:linear-gradient(145deg,#091b39e8,#061124f2);box-shadow:0 0 18px color-mix(in srgb,var(--node-color) 24%,transparent);transition:transform .25s,box-shadow .25s}
.network-node:hover,.industry-node:hover,.contact-node:hover{transform:translateY(-7px);box-shadow:0 0 34px color-mix(in srgb,var(--node-color) 55%,transparent)}
.network-node:before,.industry-node:before,.contact-node:before{content:"";display:block;width:9px;height:9px;border-radius:50%;background:var(--node-color);box-shadow:0 0 14px var(--node-color);margin:0 auto 14px}
.network-node h3,.industry-node h3{color:#f7fbff;font-size:1.1rem;margin:0 0 12px}.network-node p,.industry-node p{color:#b8cce5;font-size:.9rem;line-height:1.5;margin:0}
.industry-orbit{grid-template-columns:repeat(4,minmax(0,1fr))}.industry-icon{display:block;color:var(--node-color);font-size:28px;margin:0 auto 10px}
.contact-live{text-align:center}.contact-options{grid-template-columns:repeat(4,minmax(0,1fr))}.contact-node{display:flex;flex-direction:column;align-items:center;gap:9px;color:#fff}.contact-node span{font-size:32px;color:var(--node-color)}.contact-node small{color:#b9d4ea;overflow-wrap:anywhere}
.motion-stage{aspect-ratio:16/9;min-height:0}.motion-stage video{object-fit:contain;background:#040916;filter:none}.motion-vignette{pointer-events:none;background:linear-gradient(180deg,#0610258c,transparent 20%,transparent 75%,#0610259c)}
@media(max-width:1000px){.network-nodes,.industry-orbit,.contact-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.network-layout,.industry-network,.contact-network{padding:25px 13px}.network-core,.industry-core,.contact-core{width:150px;height:150px}.network-nodes,.industry-orbit,.contact-options{gap:10px}.network-node,.industry-node,.contact-node{padding:18px 10px;border-radius:15px}.network-node h3,.industry-node h3{font-size:.95rem}.network-node p,.industry-node p{font-size:.8rem}.contact-node small{font-size:.72rem}.visual .hotspot{width:30px;height:30px;min-width:30px;min-height:30px}.motion-stage{aspect-ratio:16/9}.motion-bottom{display:none}}
@media(prefers-reduced-motion:reduce){.network-layout:after,.industry-network:after,.contact-network:after{animation:none}.network-node,.industry-node,.contact-node{transition:none}}