@import "tailwindcss";

:root{--bg:#06111f;--surface:#0b1c2e;--surface2:#0d2237;--line:rgba(74,214,255,.20);--text:#eaf7ff;--muted:#a8bbc9;--cyan:#22d3ee;--cyan2:#67e8f9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Helvetica Neue",Arial,sans-serif}a{color:inherit;text-decoration:none}em{color:var(--cyan);font-style:normal}.logo{font-size:28px;font-weight:850;letter-spacing:.045em;white-space:nowrap}.logo span{color:var(--cyan)}
.site-header{height:104px;padding:0 4.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:10;background:rgba(6,17,31,.82);backdrop-filter:blur(18px)}nav{display:flex;gap:44px}nav a,footer a{color:var(--muted);font-size:15px}nav a:hover,footer a:hover{color:var(--cyan)}.header-cta{justify-self:end;border:1px solid var(--cyan);color:var(--cyan);padding:15px 22px;border-radius:3px;font-weight:700;transition:.25s}.header-cta:hover{background:var(--cyan);color:#041019}
.hero{min-height:950px;position:relative;overflow:hidden;display:grid;grid-template-columns:56% 44%;padding:165px 4.5vw 210px;background:radial-gradient(circle at 76% 46%,rgba(34,211,238,.11),transparent 34%),linear-gradient(122deg,#06111f 0%,#081827 58%,#071521 100%)}.hero-grid{position:absolute;inset:104px 0 0;opacity:.16;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 86%)}.hero-copy{z-index:2;align-self:center;max-width:720px;animation:rise .65s ease-out both}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px!important;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:12px}.eyebrow span{width:30px;height:2px;background:var(--cyan);display:inline-block}h1,h2{font-family:Manrope,Inter,sans-serif;letter-spacing:-.042em;margin:24px 0}h1{font-size:clamp(56px,5.15vw,78px);line-height:1.06}h1 em{display:block;color:var(--text)}h2{font-size:clamp(42px,4vw,66px);line-height:1.06}h3{font-size:23px;margin:20px 0 12px}.hero-text{color:var(--muted);font-size:20px;line-height:1.6;max-width:620px}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:34px;flex-wrap:wrap}.button{padding:19px 25px;border-radius:3px;display:inline-flex;align-items:center;gap:34px;font-weight:750;transition:.25s}.button b{font-size:20px}.primary{background:var(--cyan);color:#041019;box-shadow:0 14px 38px rgba(34,211,238,.17)}.primary:hover{background:var(--cyan2);transform:translateY(-2px)}.trust-pill{padding:18px 22px;border:1px solid var(--line);border-radius:3px;color:var(--muted);background:rgba(8,24,39,.45)}
.hero-visual{z-index:1;align-self:center;position:relative;min-height:620px;display:flex;align-items:center;justify-content:center}.hero-visual:before{content:'';position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:rgba(34,211,238,.09);filter:blur(60px)}.hero-visual img{width:125%;max-width:none;object-fit:contain;position:relative;filter:drop-shadow(0 36px 58px rgba(0,0,0,.48));animation:float 6s ease-in-out infinite}.hero-proof{position:absolute;z-index:3;left:4.5vw;bottom:158px;display:flex;gap:32px;color:var(--muted);font-size:13px}.hero-proof span:first-child{color:var(--text)}
.service-rail{position:relative;z-index:4;margin:-128px 2.5vw 0;display:grid;grid-template-columns:repeat(9,1fr);border:1px solid var(--line);border-radius:3px;overflow:hidden;background:rgba(7,23,38,.97);box-shadow:0 28px 70px rgba(0,0,0,.28)}.service-rail a{min-height:154px;padding:15px 12px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.service-rail a:last-child{border:0}.service-rail small{color:var(--cyan);font-size:10px}.service-rail svg{width:34px;height:34px;color:var(--cyan);align-self:center}.service-rail span{font-size:13px;text-align:center;overflow-wrap:anywhere}.service-rail b{color:var(--cyan);align-self:flex-end}.service-rail a:hover{background:rgba(34,211,238,.07)}
.section{padding:145px 6vw}.section-heading{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:5vw;align-items:start;margin-bottom:70px}.section-heading h2{margin:0}.section-heading>p:last-child{color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{padding:34px;min-height:300px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(11,28,46,.96),rgba(6,17,31,.96));transition:.25s}.service-grid article:hover{background:linear-gradient(145deg,#102b43,#0b1c2e);transform:translateY(-3px)}.service-grid article>div{display:flex;justify-content:space-between;color:var(--cyan);font-size:24px}.service-grid article svg{width:42px;height:42px}.service-grid p,.approach p{color:var(--muted);line-height:1.65}.service-grid article>a{display:inline-flex;gap:10px;margin-top:16px;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:6px}.service-grid article>a b{color:var(--cyan)}
.approach{background:var(--surface);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.approach-copy{max-width:650px}.principles{border-top:1px solid var(--line)}.principles article{display:grid;grid-template-columns:70px 1fr;gap:0 20px;padding:30px 0;border-bottom:1px solid var(--line)}.principles small{color:var(--cyan);grid-row:1/3}.principles h3{margin:0}.principles p{margin:8px 0}.proof{padding:70px 6vw;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof>div{display:flex;flex-direction:column;gap:8px;padding:0 5vw;border-right:1px solid var(--line)}.proof>div:last-child{border:0}.proof strong{font-size:60px;color:var(--cyan)}.proof span{color:var(--muted)}.contact{padding:150px 6vw;text-align:center;background:radial-gradient(circle at center,rgba(34,211,238,.12),transparent 58%)}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(48px,6vw,88px)}.contact>p:not(.eyebrow){max-width:680px;margin:0 auto 36px;color:var(--muted);line-height:1.7}.contact .button{margin:auto}footer{padding:55px 4vw;display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:center;border-top:1px solid var(--line)}footer p,footer small{color:var(--muted)}footer div{display:flex;gap:22px}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-10px)}}
.detail-page{min-height:100vh;background:var(--bg)}.detail-header{height:104px;padding:0 4.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:#06111f}.detail-header>a:nth-child(2){color:var(--muted)}.detail-hero{min-height:610px;padding:165px 6vw 90px;display:grid;grid-template-columns:1fr 300px;align-items:end;gap:8vw;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 40%,rgba(34,211,238,.12),transparent 35%),linear-gradient(135deg,#06111f,#081827)}.detail-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent)}.detail-hero>div:not(.detail-grid),.detail-hero aside{position:relative;z-index:1}.detail-hero h1{font-size:clamp(60px,7vw,108px);margin:22px 0}.detail-lead{font-size:clamp(22px,2.2vw,34px);line-height:1.35;max-width:780px;color:var(--muted)}.detail-hero aside{border:1px solid var(--line);padding:28px;background:rgba(6,17,31,.74)}.detail-hero aside small{color:var(--cyan);letter-spacing:.16em}.detail-hero aside strong{font-size:25px;line-height:1.4;display:block;margin-top:20px}.detail-intro{padding:120px 8vw;display:grid;grid-template-columns:180px 1fr;gap:6vw;border-bottom:1px solid var(--line)}.detail-intro>p{color:var(--cyan);text-transform:uppercase;letter-spacing:.15em;font-size:12px}.detail-intro h2{font-size:clamp(32px,3.3vw,54px);line-height:1.2;margin:0;max-width:1050px}.detail-columns{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.detail-columns article{border-top:1px solid var(--line);padding-top:28px}.detail-columns ul{list-style:none;padding:20px 0 0;margin:0}.detail-columns li{font-size:20px;padding:20px 0 20px 36px;border-bottom:1px solid var(--line);position:relative}.detail-columns li:before{content:'↗';position:absolute;left:0;color:var(--cyan)}.detail-result{padding:100px 8vw;background:var(--surface);display:grid;grid-template-columns:180px 1fr;gap:6vw}.detail-result small{color:var(--cyan);text-transform:uppercase;letter-spacing:.15em}.detail-result h2{margin:0;font-size:clamp(36px,4vw,64px)}.detail-contact{padding:130px 6vw;text-align:center;background:radial-gradient(circle at center,rgba(34,211,238,.12),transparent 60%)}.detail-contact .eyebrow{justify-content:center}.detail-contact h2{font-size:clamp(48px,6vw,84px)}.detail-contact>p:not(.eyebrow){max-width:650px;margin:0 auto 34px;color:var(--muted);font-size:18px;line-height:1.7}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:150px}.hero-visual{position:absolute;inset:260px -25% auto 42%;opacity:.38}.hero-copy{max-width:720px}.hero-proof{flex-wrap:wrap}.service-rail{grid-template-columns:repeat(3,1fr)}.section-heading{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.approach{grid-template-columns:1fr}.proof{gap:30px}.proof strong{font-size:44px}}
@media(max-width:700px){.site-header,.detail-header{height:76px}.logo{font-size:23px}.header-cta{font-size:13px;padding:11px 13px}.hero{min-height:860px;padding:125px 22px 190px}.hero-visual{inset:340px -60% auto 12%}.hero-actions{align-items:stretch;flex-direction:column}.button,.trust-pill{justify-content:space-between}.hero-proof{left:22px;bottom:138px;gap:10px;flex-direction:column}.service-rail{margin-top:-105px;grid-template-columns:repeat(2,1fr)}.service-rail a{min-height:120px}.section{padding:100px 22px}.service-grid{grid-template-columns:1fr}.proof{grid-template-columns:1fr}.proof>div{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}footer{grid-template-columns:1fr}footer div{flex-wrap:wrap}.detail-header{grid-template-columns:1fr auto}.detail-header>a:nth-child(2){display:none}.detail-hero{grid-template-columns:1fr;padding:130px 22px 70px}.detail-hero aside{display:none}.detail-intro,.detail-result{grid-template-columns:1fr;padding:80px 22px}.detail-columns{grid-template-columns:1fr;padding:80px 22px}.detail-hero h1{font-size:54px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Interactive Secure Digital Core — replaces the static hero artwork. */
.hero{min-height:1120px;grid-template-columns:53% 47%;padding-bottom:365px;background:radial-gradient(circle at 76% 39%,rgba(34,211,238,.13),transparent 32%),linear-gradient(122deg,#06111f 0%,#081827 58%,#071521 100%)}
.hero-visual{min-height:660px}.hero-visual:before{display:none}.hero-proof{bottom:315px}
.core-stage{position:relative;width:min(670px,48vw);height:650px;perspective:1150px;transform-style:preserve-3d}.core-stage:before{content:'';position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.16),transparent 66%);filter:blur(22px)}
.orbit{position:absolute;left:50%;top:49%;width:440px;height:440px;border:1px solid rgba(34,211,238,.18);border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg)}.orbit-two{width:560px;height:560px;border-style:dashed;animation:orbitSpin 22s linear infinite}.data-particles{position:absolute;inset:7%;opacity:.55;background-image:radial-gradient(circle,var(--cyan) 1px,transparent 1.5px);background-size:43px 43px;mask-image:radial-gradient(circle,black,transparent 72%);animation:particles 8s linear infinite}
.core-object{position:absolute;left:50%;top:49%;width:170px;height:170px;transform-style:preserve-3d;transition:transform .15s linear}.core-cube{position:absolute;left:35px;top:15px;width:100px;height:100px;transform-style:preserve-3d;animation:coreFloat 4.8s ease-in-out infinite}.face{position:absolute;width:100px;height:100px;border:1px solid rgba(150,244,255,.9);background:linear-gradient(135deg,rgba(34,211,238,.38),rgba(7,28,50,.2));box-shadow:inset 0 0 28px rgba(34,211,238,.28),0 0 18px rgba(34,211,238,.28);backdrop-filter:blur(4px)}.front{transform:translateZ(50px)}.back{transform:rotateY(180deg) translateZ(50px)}.right{transform:rotateY(90deg) translateZ(50px)}.left{transform:rotateY(-90deg) translateZ(50px)}.top{transform:rotateX(90deg) translateZ(50px)}.bottom{transform:rotateX(-90deg) translateZ(50px)}.core-cube b{position:absolute;left:39px;top:39px;width:22px;height:22px;border-radius:50%;background:#d9fbff;box-shadow:0 0 12px #fff,0 0 32px var(--cyan),0 0 70px var(--cyan);transform:translateZ(62px)}
.core-platform{position:absolute;left:0;top:125px;width:170px;height:120px;border:1px solid rgba(34,211,238,.45);background:rgba(8,34,54,.46);transform:rotateX(82deg);box-shadow:0 0 25px rgba(34,211,238,.15)}.layer-b{transform:translateY(18px) rotateX(82deg);width:145px;left:12px}.layer-c{transform:translateY(34px) rotateX(82deg);width:118px;left:26px}
.module-orbit{position:absolute;left:50%;top:49%;width:1px;height:1px;transform-style:preserve-3d;transition:transform .15s linear}.core-module{position:absolute;left:-70px;top:-62px;width:140px;min-height:124px;padding:15px;border:1px solid rgba(74,214,255,.28);background:linear-gradient(145deg,rgba(13,43,66,.88),rgba(6,17,31,.86));backdrop-filter:blur(12px);box-shadow:0 18px 35px rgba(0,0,0,.35),inset 0 0 22px rgba(34,211,238,.04);display:flex;flex-direction:column;align-items:flex-start;transition:transform .35s ease,border-color .3s,opacity .3s,box-shadow .3s;opacity:.56}.core-module:hover,.core-module.is-active{opacity:1;border-color:var(--cyan);box-shadow:0 20px 50px rgba(0,0,0,.42),0 0 28px rgba(34,211,238,.22)}.module-icon{font-size:27px;color:var(--cyan);height:34px}.core-module strong{font-size:13px;margin:7px 0 2px}.core-module small{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.core-module i{font-size:9px;color:var(--cyan);font-style:normal;margin-top:11px;opacity:0;transform:translateY(3px);transition:.25s}.core-module:hover i,.core-module.is-active i{opacity:1;transform:none}
.core-caption{position:absolute;right:3%;bottom:4%;width:190px;padding:15px 17px;border-left:2px solid var(--cyan);background:rgba(6,17,31,.74)}.core-caption span{font-size:10px;color:var(--cyan);letter-spacing:.14em}.core-caption strong{display:block;font-size:17px;margin:5px 0}.core-caption small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.09em}
@keyframes coreFloat{50%{transform:translateY(-10px) rotateY(8deg)}}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}@keyframes particles{to{background-position:43px 43px}}
@media(max-width:1000px){.hero{min-height:1120px}.hero-visual{inset:305px -20% auto 40%;opacity:.58;transform:scale(.82)}.hero-proof{bottom:280px}}
@media(max-width:700px){.hero{min-height:1050px;padding-bottom:310px}.hero-visual{inset:390px -70% auto -6%;transform:scale(.65);opacity:.66}.hero-proof{bottom:225px}}

/* Corporate sales narrative: one concise capability overview, no duplicated service grids. */
.decision-bar{margin-top:-132px;position:relative;z-index:5;padding:28px 5vw;display:grid;grid-template-columns:1fr 1.6fr;gap:40px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(7,23,38,.97)}.decision-bar p{font-weight:700}.decision-bar div{display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:13px}.decision-bar span:before{content:'◆';color:var(--cyan);font-size:8px;margin-right:9px}
.solution-section{padding-top:125px}.solution-groups{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.solution-groups article{min-height:430px;padding:38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(11,28,46,.95),rgba(6,17,31,.95))}.solution-groups article>small{color:var(--cyan);letter-spacing:.14em}.solution-groups h3{font-size:29px;max-width:290px;margin-top:62px}.solution-groups p{color:var(--muted);line-height:1.65;min-height:82px}.solution-groups article>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.solution-groups article>div a{font-size:12px;padding:9px 11px;border:1px solid var(--line);color:var(--muted);transition:.2s}.solution-groups article>div a:hover{color:var(--cyan);border-color:var(--cyan)}
.why-section{background:var(--surface);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.why-lead{max-width:640px}.why-lead>p:last-child{color:var(--muted);font-size:18px;line-height:1.7}.value-list{border-top:1px solid var(--line)}.value-list article{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.value-list small{color:var(--cyan)}.value-list h3{margin:0 0 8px}.value-list p{margin:0;color:var(--muted);line-height:1.55}
.engagement-section{padding:110px 6vw;display:grid;grid-template-columns:1fr 1.3fr;gap:7vw;border-bottom:1px solid var(--line)}.engagement-section h2{max-width:620px}.engagements{border-top:1px solid var(--line)}.engagements article{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}.engagements span{color:var(--cyan);font-weight:700}.engagements p{margin:0;color:var(--muted);line-height:1.6}
.process-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-steps li{padding:30px;min-height:255px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.process-steps small{color:var(--cyan)}.process-steps h3{margin-top:55px}.process-steps p{color:var(--muted);line-height:1.55}
@media(max-width:900px){.decision-bar,.why-section,.engagement-section{grid-template-columns:1fr}.decision-bar div{flex-wrap:wrap}.solution-groups{grid-template-columns:1fr}.solution-groups article{min-height:auto}.solution-groups h3{margin-top:35px}.process-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.decision-bar{margin-top:-80px;padding:28px 22px}.process-steps{grid-template-columns:1fr}.engagement-section{padding:80px 22px}.engagements article{grid-template-columns:1fr;gap:8px}}

/* Large holographic information canvas — pointer-driven, never scroll-driven. */
.hero{min-height:980px;grid-template-columns:42% 58%;padding:145px 3.5vw 210px}.hero-copy{max-width:610px}.hero-copy h1{font-size:clamp(52px,4.6vw,74px)}.hero-visual{min-height:730px;overflow:visible}.hero-proof{bottom:154px}.hologram-frame{position:relative;width:min(930px,59vw);height:720px;border:1px solid rgba(74,214,255,.23);background:linear-gradient(145deg,rgba(7,27,45,.62),rgba(3,12,24,.42));box-shadow:inset 0 0 80px rgba(34,211,238,.035),0 30px 80px rgba(0,0,0,.32);overflow:hidden}.hologram-frame:before,.hologram-frame:after{content:'';position:absolute;width:64px;height:64px;z-index:4;pointer-events:none}.hologram-frame:before{left:-1px;top:-1px;border-left:2px solid var(--cyan);border-top:2px solid var(--cyan)}.hologram-frame:after{right:-1px;bottom:-1px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan)}.frame-label{position:absolute;left:24px;right:24px;top:20px;z-index:6;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:var(--muted);pointer-events:none}.frame-label b{color:var(--cyan);font-weight:600}.frame-hint{position:absolute;left:24px;bottom:14px;z-index:6;margin:0;color:var(--muted);font-size:10px;letter-spacing:.08em;pointer-events:none}.core-stage{width:100%;height:100%;perspective:1450px;cursor:crosshair;touch-action:pan-y}.orbit{width:540px;height:540px}.orbit-two{width:690px;height:690px}.core-object{width:210px;height:210px}.core-cube{left:50px;top:20px;width:110px;height:110px}.face{width:110px;height:110px}.front{transform:translateZ(55px)}.back{transform:rotateY(180deg) translateZ(55px)}.right{transform:rotateY(90deg) translateZ(55px)}.left{transform:rotateY(-90deg) translateZ(55px)}.top{transform:rotateX(90deg) translateZ(55px)}.bottom{transform:rotateX(-90deg) translateZ(55px)}.core-cube b{left:43px;top:43px;transform:translateZ(68px)}.core-platform{left:0;top:145px;width:210px;height:145px}.layer-b{width:178px;left:16px}.layer-c{width:145px;left:32px}.module-orbit,.core-object{top:50%;transition:transform .12s ease-out}.core-module{left:-88px;top:-75px;width:176px;min-height:150px;padding:19px;opacity:.63}.core-module strong{font-size:16px}.core-module small{font-size:9px}.module-icon{font-size:34px;height:42px}.core-module i{font-size:10px;margin-top:14px}.core-caption{right:26px;bottom:50px;width:230px;padding:18px 20px}.core-caption strong{font-size:21px}.core-caption small{font-size:9px}.core-module:hover,.core-module.is-active{transform:scale(1.04)}
@media(max-width:1100px){.hero{grid-template-columns:1fr;min-height:1320px;padding-bottom:220px}.hero-copy{max-width:760px}.hero-visual{position:relative;inset:auto;opacity:1;transform:none;width:100%;margin-top:30px}.hologram-frame{width:100%;max-width:930px;margin:auto}.hero-proof{bottom:160px}}
@media(max-width:700px){.hero{min-height:1150px;padding:120px 20px 210px}.hero-visual{position:relative;inset:auto;transform:none;opacity:1;min-height:580px}.hologram-frame{height:560px}.core-stage{transform:scale(.78);width:128%;height:128%;transform-origin:top left}.hero-proof{bottom:130px}.frame-hint{max-width:260px}}

/* Reference-matched free hologram composition: no containing box, no pointer rotation. */
.hero{min-height:940px;grid-template-columns:45% 55%;padding:145px 3vw 185px;background:radial-gradient(circle at 73% 47%,rgba(0,188,255,.13),transparent 36%),linear-gradient(118deg,#020b18 0%,#061423 58%,#020b18 100%)}.hero-copy{max-width:650px}.hero-copy h1{font-size:clamp(54px,4.9vw,80px);line-height:1.05}.hero-visual{min-height:720px;overflow:visible}.hero-proof{bottom:120px}.reference-hologram{position:relative;width:min(1040px,64vw);height:730px;margin-left:-7vw;isolation:isolate}.reference-hologram:before{content:'';position:absolute;inset:13% 5%;background:radial-gradient(circle,rgba(0,195,255,.18),transparent 64%);filter:blur(35px);z-index:-1}.reference-hologram img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 40px 70px rgba(0,0,0,.52));animation:hologramBreathe 7s ease-in-out infinite}.holo-hotspot{position:absolute;min-width:150px;padding:10px 12px;border-left:1px solid rgba(34,211,238,.42);background:linear-gradient(90deg,rgba(4,18,33,.62),transparent);opacity:.18;transition:opacity .25s,transform .25s,filter .25s}.holo-hotspot span{display:block;color:var(--text);font-size:12px;font-weight:700}.holo-hotspot small{color:var(--cyan);font-size:9px;letter-spacing:.04em}.holo-hotspot:hover,.holo-hotspot:focus-visible{opacity:1;transform:translateY(-3px);filter:drop-shadow(0 0 14px rgba(34,211,238,.28))}.hotspot-security{left:20%;top:23%}.hotspot-cloud{right:9%;top:21%}.hotspot-data{left:14%;top:55%}.hotspot-code{left:26%;bottom:10%}.hotspot-process{right:5%;top:52%}@keyframes hologramBreathe{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 40px 70px rgba(0,0,0,.52)) brightness(1)}50%{transform:translateY(-8px) scale(1.012);filter:drop-shadow(0 48px 80px rgba(0,0,0,.56)) brightness(1.08)}}
@media(max-width:1100px){.hero{grid-template-columns:1fr;min-height:1420px}.hero-visual{position:relative;inset:auto;transform:none;opacity:1;margin-top:20px}.reference-hologram{width:100%;height:760px;margin:0 auto}.hero-proof{bottom:120px}}
@media(max-width:700px){.hero{min-height:1120px;padding-bottom:180px}.hero-visual{min-height:570px}.reference-hologram{width:140%;height:570px;margin-left:-20%}.holo-hotspot{display:none}.hero-proof{bottom:90px}}
.reference-hologram img{mix-blend-mode:screen}.holo-hotspot{opacity:0}

/* Discoverable hologram hotspots: subtle pulse at rest, full label on hover. */
.holo-hotspot{opacity:1;border-left:0;background:none;min-width:165px;min-height:72px;padding:22px 12px 10px;cursor:pointer}.holo-hotspot:before{content:'';position:absolute;left:5px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(34,211,238,.55);animation:hotspotPulse 2s ease-out infinite}.holo-hotspot:after{content:'MIT MAUS ENTDECKEN';position:absolute;left:20px;top:3px;color:var(--cyan);font-size:8px;letter-spacing:.12em;opacity:.78}.holo-hotspot span,.holo-hotspot small{opacity:0;transition:opacity .2s}.holo-hotspot:hover,.holo-hotspot:focus-visible{background:linear-gradient(90deg,rgba(4,18,33,.86),transparent);border-left:1px solid var(--cyan)}.holo-hotspot:hover:after,.holo-hotspot:focus-visible:after{opacity:0}.holo-hotspot:hover span,.holo-hotspot:hover small,.holo-hotspot:focus-visible span,.holo-hotspot:focus-visible small{opacity:1}@keyframes hotspotPulse{70%{box-shadow:0 0 0 11px rgba(34,211,238,0)}100%{box-shadow:0 0 0 0 rgba(34,211,238,0)}}

/* Keep the trust line clear of the following strip. */
.hero-proof{bottom:170px}.decision-bar{margin-top:-72px}

.contact-form{max-width:900px;margin:52px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left}.contact-form label{display:flex;flex-direction:column;gap:9px}.contact-form label>span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:0;background:rgba(6,17,31,.72);color:var(--text);padding:17px 18px;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,211,238,.09)}.contact-form textarea{resize:vertical}.message-field,.form-submit{grid-column:1/-1}.form-submit{display:flex;align-items:center;gap:24px}.form-submit button{border:0;cursor:pointer}.form-submit small{color:var(--muted);line-height:1.5}.form-submit small a{color:var(--cyan)}
@media(max-width:700px){.hero-proof{bottom:135px}.decision-bar{margin-top:-52px}.contact-form{grid-template-columns:1fr}.message-field,.form-submit{grid-column:auto}.form-submit{align-items:flex-start;flex-direction:column}}

.legal-page{min-height:100vh;background:var(--bg)}.legal-hero{min-height:460px;padding:175px 8vw 80px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 45%,rgba(34,211,238,.12),transparent 35%),linear-gradient(135deg,#06111f,#081827)}.legal-hero>div:not(.detail-grid){position:relative;z-index:1}.legal-hero h1{font-size:clamp(64px,8vw,120px);margin:22px 0}.legal-hero>div>p:last-child{color:var(--muted);font-size:18px}.legal-content{max-width:1150px;margin:auto;padding:100px 6vw 130px}.legal-content article{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:40px 0;border-top:1px solid var(--line)}.legal-content article:last-child{border-bottom:1px solid var(--line)}.legal-content small{color:var(--cyan);letter-spacing:.14em}.legal-content h2{font-size:30px;margin:0 0 20px}.legal-content p{margin:0;color:var(--muted);font-size:18px;line-height:1.8}.legal-content strong{color:var(--text)}.legal-content a{color:var(--cyan)}
@media(max-width:700px){.legal-hero{min-height:390px;padding:140px 22px 60px}.legal-content{padding:70px 22px 100px}.legal-content article{grid-template-columns:45px 1fr;gap:12px}.legal-content p{font-size:16px}}

/* Number-free editorial system and centered, one-per-capability hologram targets. */
.value-list article{display:block;grid-template-columns:none}.process-steps h3{margin-top:18px}.legal-content article{display:block;grid-template-columns:none}
.hotspot-security{left:23%;top:23%}.hotspot-cloud{left:72%;right:auto;top:23%}.hotspot-data{left:20%;top:50%}.hotspot-code{left:31%;bottom:auto;top:77%}.hotspot-process{left:73%;right:auto;top:50%}.hotspot-consulting{left:47%;top:17%}.hotspot-support{left:47%;top:65%}.hotspot-physical{left:9%;top:70%}.hotspot-project{left:84%;top:70%}
.holo-hotspot{min-width:145px;min-height:68px;padding:25px 10px 8px;transform:translate(-50%,-50%);text-align:center}
.holo-hotspot:before{left:50%;top:5px;width:9px;height:9px;transform:translateX(-50%)}
.holo-hotspot:after{content:'ENTDECKEN';left:50%;top:18px;transform:translateX(-50%);font-size:7px;white-space:nowrap}
.holo-hotspot:hover,.holo-hotspot:focus-visible{transform:translate(-50%,calc(-50% - 3px));z-index:8;border:1px solid rgba(34,211,238,.38);background:radial-gradient(circle,rgba(4,18,33,.95),rgba(4,18,33,.56) 64%,transparent)}
@media(max-width:700px){.legal-content article{display:block}.legal-content article>div{width:100%}}

/* Hotspots sit at the visual center of their hologram plane; labels appear only on hover. */
.hotspot-security{left:32%;top:22%}.hotspot-cloud{left:71%;top:23%}.hotspot-data{left:28%;top:35%}.hotspot-code{left:84%;top:50%}.hotspot-process{left:78%;top:36%}.hotspot-project{left:33%;top:53%}
.hotspot-consulting{left:48%;top:25%}.hotspot-support{left:58%;top:55%}.hotspot-physical{left:12%;top:51%}
.holo-hotspot:before{left:50%;top:50%;transform:translate(-50%,-50%);z-index:4}
.holo-hotspot:after{content:none}
.holo-hotspot span,.holo-hotspot small{position:relative;z-index:6}
.extra-hologram{width:150px;height:96px;min-height:96px;padding:30px 12px 8px}
.holo-surface{position:absolute;inset:0;display:grid;place-items:center;color:rgba(103,232,249,.72);font-size:29px;font-style:normal;border:1px solid rgba(103,232,249,.48);background:linear-gradient(145deg,rgba(34,211,238,.10),rgba(3,18,34,.32));box-shadow:inset 0 0 28px rgba(34,211,238,.08),0 0 24px rgba(34,211,238,.08);transform:perspective(500px) rotateY(-12deg) skewY(-2deg);clip-path:polygon(6% 0,100% 8%,94% 100%,0 91%);opacity:.8;transition:.25s}
.extra-hologram:hover .holo-surface,.extra-hologram:focus-visible .holo-surface{opacity:1;box-shadow:inset 0 0 34px rgba(34,211,238,.16),0 0 30px rgba(34,211,238,.18)}

/* Exact centers of the nine panels in the final 16:9 hologram artwork. */
.hotspot-cloud{left:28.5%;top:27%}.hotspot-consulting{left:50%;top:24%}.hotspot-code{left:71.5%;top:26.5%}
.hotspot-support{left:24%;top:47.5%}.hotspot-data{left:76%;top:47.5%}
.hotspot-physical{left:21%;top:69.5%}.hotspot-project{left:38%;top:74%}.hotspot-process{left:61.5%;top:74%}.hotspot-security{left:79.5%;top:70%}
.holo-surface{display:none}

.privacy-content{max-width:1220px}.privacy-content article{padding:48px 0}.privacy-content article>div{max-width:940px}.privacy-content p+p{margin-top:18px}.privacy-content h2{color:var(--text)}

/* Responsive presentation for tablets and smartphones. */
.mobile-services{display:none}
.form-shield{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:900px){
  .site-header{height:82px;padding:0 22px;grid-template-columns:1fr auto}.site-header nav{display:none}.site-header .logo{font-size:22px}.header-cta{padding:12px 15px;font-size:13px}
  .hero{display:block;min-height:auto;padding:125px 22px 72px;overflow:hidden}.hero-grid{inset:82px 0 0}.hero-copy{max-width:none}.hero-copy h1{font-size:clamp(42px,9vw,64px)}.hero-text{font-size:18px}.hero-actions{align-items:stretch}.button,.trust-pill{justify-content:space-between}
  .hero-visual{min-height:auto!important;width:100%;margin:42px 0 0!important;display:block}.reference-hologram{width:118%;height:auto;aspect-ratio:16/10;margin-left:-9%;}.reference-hologram img{height:auto;aspect-ratio:16/9}.holo-hotspot{display:none!important}
  .mobile-services{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:-10px 0 0;background:var(--line);border:1px solid var(--line);position:relative;z-index:5}.mobile-services a{min-height:98px;padding:14px;background:rgba(6,17,31,.97);display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center}.mobile-services svg{width:26px;height:26px;color:var(--cyan)}.mobile-services span{font-size:12px;line-height:1.25}.mobile-services b{color:var(--cyan)}
  .hero-proof{position:static;margin-top:34px;display:flex;flex-wrap:wrap;gap:14px 24px;line-height:1.4}.decision-bar{margin:0;padding:28px 22px;grid-template-columns:1fr}.decision-bar div{justify-content:flex-start;flex-wrap:wrap}
  .section,.contact{padding:82px 22px}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:42px}.section-heading h2{font-size:clamp(38px,8vw,56px)}.solution-groups{grid-template-columns:1fr}.solution-groups article{min-height:auto;padding:30px}.solution-groups h3{margin-top:28px}
  .why-section,.engagement-section{grid-template-columns:1fr;gap:45px}.engagement-section{padding:82px 22px}.engagements article{grid-template-columns:110px 1fr}.process-steps{grid-template-columns:repeat(2,1fr)}.process-steps li{min-height:210px;padding:24px}
  .contact h2{font-size:clamp(42px,9vw,64px)}.contact-form{grid-template-columns:1fr}.message-field,.form-submit{grid-column:auto}
  footer{padding:42px 22px;grid-template-columns:1fr}footer div{flex-wrap:wrap}footer small{grid-column:auto}
  .detail-header{height:82px;padding:0 22px;grid-template-columns:1fr auto}.detail-header>a:nth-child(2){display:none}.detail-header .logo{font-size:22px}.detail-hero{min-height:auto;padding:135px 22px 72px;grid-template-columns:1fr}.detail-hero aside{display:none}.detail-hero h1{font-size:clamp(48px,10vw,78px)}.detail-intro,.detail-result{padding:72px 22px;grid-template-columns:1fr;gap:22px}.detail-columns{padding:72px 22px;grid-template-columns:1fr;gap:55px}.detail-contact{padding:82px 22px}.detail-contact h2{font-size:clamp(42px,9vw,64px)}
  .legal-hero{min-height:auto;padding:135px 22px 65px}.legal-hero h1{font-size:clamp(52px,12vw,82px)}.legal-content{padding:60px 22px 90px}.legal-content article,.privacy-content article{padding:34px 0}.legal-content h2{font-size:27px}.legal-content p{font-size:16px;overflow-wrap:anywhere}
}
@media(max-width:560px){
  .hero-copy h1{font-size:42px}.hero-text{font-size:16px}.hero-actions{flex-direction:column}.button{width:100%}.reference-hologram{width:142%;margin-left:-21%}.mobile-services{grid-template-columns:1fr 1fr;margin-top:-2px}.mobile-services a{min-height:86px;padding:12px;grid-template-columns:24px 1fr auto}.mobile-services svg{width:22px;height:22px}.mobile-services span{font-size:11px}
  .hero-proof{font-size:12px;flex-direction:column}.decision-bar div{flex-direction:column}.process-steps{grid-template-columns:1fr}.process-steps li{min-height:auto}.engagements article{grid-template-columns:1fr;gap:8px}.form-submit{align-items:stretch}.form-submit small{font-size:12px}.contact-form input,.contact-form textarea{font-size:16px}
}