/* NEXTAKT V2: silver, electric blue and cyan, matched to the supplied logo. */
:root{--bg:#040c17;--surface:#0b1c30;--line:#233e57;--text:#edf4fc;--muted:#a2b4c9;--cyan:#19dcff;--blue:#0079e4;--silver:#c2d3e2}
body{background:radial-gradient(ellipse at 90% 8%,#10395a45,transparent 33%),var(--bg)}
.header{background:#040c17ee;border-bottom-color:#5181a92b}.header .brand>span:last-child{background:linear-gradient(170deg,#fff,#91a9bc 70%,#dae8f4);background-clip:text;-webkit-background-clip:text;color:transparent}.brand .cyan{background:linear-gradient(140deg,#5ff6ff,#00b9f2 50%,#007ce6);background-clip:text;-webkit-background-clip:text;color:transparent}
.logo-mark{display:block;position:relative;flex-shrink:0;width:51px;height:51px;overflow:hidden;margin-right:11px;isolation:isolate;border-radius:13px;filter:drop-shadow(0 0 9px #00ceff35)}
.logo-mark img{position:absolute;max-width:none;width:357.2%;height:auto;left:-129%;top:-30%;display:block;mix-blend-mode:screen}
.brand-headline{font-size:clamp(37px,4.15vw,60px);line-height:1.11;letter-spacing:-.05em;margin:28px 0 27px}.brand-headline>span{display:block;margin-top:7px}.silver-text{background:linear-gradient(175deg,#fff 10%,#91aabe 58%,#e4eef8 90%);background-clip:text;-webkit-background-clip:text;color:transparent}.gradient-text{background-image:linear-gradient(120deg,#8af5ff 0%,#05d8ff 37%,#0087ed 80%)}
.hero{padding-top:60px;grid-template-columns:1.13fr 1fr}.hero-description{max-width:510px}.hero:before{background:radial-gradient(ellipse,#075db638,#04cfff0b 40%,transparent 68%)}.hero-system{perspective:850px;transform-style:preserve-3d;height:510px}.hero-system .system-grid{transform:rotateX(58deg) rotateZ(-25deg);inset:30px -50px -50px;background-size:36px 36px;background-image:linear-gradient(#27afff20 1px,transparent 1px),linear-gradient(90deg,#27afff20 1px,transparent 1px)}
.process-core{width:180px;height:180px;background:linear-gradient(135deg,#536c83,#09263d 16%,#05101d 60%,#1d4c70);border:1px solid #8ab9d3;border-radius:30px;box-shadow:6px 8px 0 #0a2339,8px 10px 0 #63839b,14px 18px 0 #061321,0 0 0 16px #14c6ff08,0 0 0 17px #21c6fc25,0 30px 70px #000b,0 0 85px #009cfa35;transform:translate(-50%,-50%) rotateX(14deg) rotateY(-19deg) rotateZ(-9deg);animation:core-hover 9s ease-in-out infinite}
.core-logo{width:139px;height:139px;margin:0;border-radius:24px;filter:drop-shadow(0 0 10px #00ceff40)}.process-core small{font-size:7px;margin-top:1px;color:#b0d5ed}.core-corner{display:none}.process-node{border-color:#5681a26b;background:linear-gradient(130deg,#1d364f,#071526 65%);box-shadow:3px 4px 0 #132d43,4px 5px 0 #4b738d55,0 15px 24px #0006}.node-icon{color:#b9d4e8}.process-node .cyan{color:var(--cyan)}.process-node small{color:#9bbad0}.system-top,.system-bottom{color:#8ba8c0}.wire{stroke:#1eaeff}.flow-pulse{stroke:#1bddff}.principles-strip{background:#081525;border-color:#345775}.button{background:linear-gradient(120deg,#39e8ff,#04bef8 60%,#0797ed);border-color:#76e9ff;box-shadow:inset 0 1px 0 #c3fbff80,0 4px 18px #0075c315}.button:hover{background:linear-gradient(120deg,#8af7ff,#10d8ff 70%,#008ce8);box-shadow:0 0 28px #009ffb35}.button.outline{background:linear-gradient(145deg,#19304977,#061222);border-color:#7595ad;color:#edf5ff}.button.outline:hover{background:#17324f}.services{padding-top:90px}.services .section-heading h2{font-size:clamp(36px,4vw,57px)}.services .section-heading>p{max-width:400px}
.intelligence-platform{padding:29px 25px 0;background:radial-gradient(ellipse at 50% 5%,#0c416b44,transparent 60%),linear-gradient(135deg,#122438,#06111f 60%,#0b243c);border:1px solid #5c7e9970;border-radius:17px;box-shadow:0 7px 0 #05101b,0 8px 0 #37516c80,inset 0 1px 0 #b4d7f021,0 30px 65px #0005;position:relative}
.chain-caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.12em;color:#91b0c8;margin:0 3px 28px}.chain-caption>span:last-child{letter-spacing:0;color:#9bb7ce;font-size:12px}
.process-chain{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:21px;perspective:1300px;position:relative}.chain-step{position:relative;display:flex;flex-direction:column;text-align:left;padding:20px 15px 18px;background:linear-gradient(145deg,#28435c 0%,#0c2035 25%,#061321 85%);border:1px solid #6489a68c;border-radius:12px;color:var(--text);min-width:0;box-shadow:3px 5px 0 #081929,4px 6px 0 #3e617c,inset 0 1px 0 #e0f5ff35,0 14px 30px #0004;transition:transform .25s,border-color .25s,box-shadow .25s;transform-style:preserve-3d;z-index:1}.chain-step:after{content:'→';position:absolute;left:100%;width:23px;top:46%;text-align:center;font-size:20px;color:#20daff;text-shadow:0 0 10px #00bbff}.chain-step:last-child:after{display:none}.chain-step:hover,.chain-step:focus-visible{transform:translateY(-8px) rotateX(5deg) rotateY(-3deg);border-color:#4fe5ff;box-shadow:3px 8px 0 #081929,4px 9px 0 #47a6d5,0 0 32px #008aff25,inset 0 1px 0 #c0edff88;z-index:2}.chain-index{font-size:9px;letter-spacing:.08em;color:#a4bcd0}.chain-glyph{display:grid;place-items:center;width:57px;height:57px;margin:28px 0 23px;border-radius:15px;background:linear-gradient(140deg,#7a99b0,#0a3351 30%,#031423 75%,#287fb1);border:1px solid #76a5c2;box-shadow:2px 4px 0 #00101e,3px 5px 0 #41779c,0 0 20px #00a9e81c;color:#29e0ff;font-size:36px;line-height:1;transform:rotateY(-15deg) rotateX(12deg);text-shadow:0 0 12px #00d9ff77}.chain-brand{font-size:10px;letter-spacing:.17em;color:#86a5be}.chain-step strong{font-size:clamp(19px,1.9vw,27px);font-weight:500;letter-spacing:-.055em;line-height:1.3;margin:5px 0 15px;white-space:nowrap}.chain-description{font-size:12px;color:#a5bbcc;line-height:1.8;flex:1}.chain-more{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#36d6ff;border-top:1px solid #50738d55;padding-top:15px;margin-top:23px}.chain-more>span{font-size:19px}
.chain-return{display:flex;align-items:center;justify-content:center;gap:20px;font-size:11px;color:#8aacc5;border:1px solid #0ca9f45c;border-top:0;border-radius:0 0 17px 17px;margin:0 8% 27px;padding:23px 12px 12px;position:relative}.chain-return:before{content:'';position:absolute;height:2px;width:40%;bottom:-1px;background:linear-gradient(90deg,transparent,#1fd8ff,transparent);box-shadow:0 0 10px #00c4ff44}.chain-return>span{font-size:22px;color:#23c7ff}.chain-package{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:29px 7px;border-top:1px solid #5c819957}.chain-package h3{font-size:26px;letter-spacing:-.035em;margin:10px 0}.chain-package p:not(.eyebrow){font-size:13px}.chain-package .button{font-size:12px;white-space:nowrap}.chain-note{font-size:12px;line-height:1.8;margin:23px 5px 0;color:#8ca7bd}.approach{background:radial-gradient(ellipse at 50% 110%,#0054a92e,transparent 65%)}.workflow-demo{background:linear-gradient(145deg,#1b3550,#071525 65%);border-color:#5f859d88;box-shadow:5px 7px 0 #04101d,6px 8px 0 #335472,0 18px 50px #0005}.contact{background:radial-gradient(ellipse at 50% 110%,#005db24f,transparent 70%)}.about-logo{border-color:#4c7492}.about-logo img{object-fit:contain}.about-logo>span{color:#a3c4da}.preview-badge{background:#0a1b30}.detail-dialog,.contact-dialog{background:linear-gradient(145deg,#122c46,#071422 70%);border-color:#6a8ba5}.step-result{color:#8aa5be}.eyebrow{color:#3edcff}
@keyframes core-hover{0%,100%{transform:translate(-50%,-50%) rotateX(14deg) rotateY(-19deg) rotateZ(-9deg)}50%{transform:translate(-50%,-54%) rotateX(8deg) rotateY(-10deg) rotateZ(-5deg)}}
@media(max-width:1100px){.hero{grid-template-columns:1.1fr 1fr}.brand-headline{font-size:43px}.hero-system{height:470px}.process-core{width:155px;height:155px}.core-logo{width:119px;height:119px}.intelligence-platform{padding:24px 16px 0}.process-chain{gap:15px}.chain-step{padding:16px 10px}.chain-step:after{width:17px;font-size:17px}.chain-index{font-size:8px}.chain-description{font-size:11px}.chain-step strong{font-size:20px}.chain-caption{font-size:10px}.chain-package h3{font-size:23px}}
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero .brand-headline{font-size:clamp(33px,6.8vw,54px)}.hero-system{height:470px}.process-core{width:180px;height:180px}.core-logo{width:139px;height:139px}.logo-mark{width:43px;height:43px}.core-logo{width:139px;height:139px}.process-chain{grid-template-columns:1fr;gap:23px}.chain-step{display:grid;grid-template-columns:60px 1fr 23px;gap:0 17px;padding:20px;transform:none}.chain-index{grid-column:2;font-size:10px}.chain-glyph{grid-row:1/5;grid-column:1;margin:10px 0 0;width:54px;height:54px}.chain-brand{grid-column:2;margin-top:10px}.chain-step strong{grid-column:2;font-size:26px;margin:0 0 8px}.chain-description{grid-column:2;font-size:13px}.chain-description br{display:none}.chain-more{grid-column:3;grid-row:1/6;border:0;font-size:0;padding:0;margin:0}.chain-more>span{font-size:23px}.chain-step:after{left:42px;top:100%;height:25px;width:23px;content:'↓';line-height:25px}.chain-step:hover,.chain-step:focus-visible{transform:translateY(-3px)}.chain-caption{flex-direction:column;gap:5px;margin-bottom:22px}.chain-return{margin:0 5% 25px;padding-top:23px;font-size:10px;gap:12px;text-align:center}.chain-package{flex-direction:column;align-items:flex-start;padding:26px 4px}.chain-package .button{width:100%}.chain-package h3{font-size:26px}.chain-note{font-size:12px}.hero-system .system-grid{inset:40px 0 0}.brand-headline>span{margin-top:9px}}
@media(max-width:390px){.hero .brand-headline{font-size:31px}.hero-system{height:370px}.process-core{width:145px;height:145px}.core-logo{width:110px;height:110px}.chain-step{padding:17px 12px;gap:0 12px;grid-template-columns:50px 1fr 20px}.chain-glyph{width:46px;height:46px}.chain-step:after{left:26px}.chain-step strong{font-size:25px}.chain-return{font-size:10px}.chain-package h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.process-core{animation:none}.chain-step:hover,.chain-step:focus-visible{transform:none}}