/* NIKINET / vector edition — intentional contrast and shared interaction grammar. */
body{overflow-x:clip}h1,h2{font-family:Unbounded,Manrope,sans-serif;font-weight:800}h1{font-size:clamp(37px,3.55vw,55px);line-height:1.3;letter-spacing:-2.4px}h2{font-size:clamp(29px,3.15vw,46px);line-height:1.32;letter-spacing:-1.8px}h3{font-weight:700}.hero-description{max-width:410px}.hero-copy{min-width:0}.hero-content{grid-template-columns:1.15fr 1fr}.hero-symbol{object-fit:contain}.header-contact,.button{border-radius:12px}.header-contact{border:1px solid #54617d;padding:9px 17px;gap:18px;transition:background .25s,border-color .25s,box-shadow .25s}.header-contact:hover{background:#153344;border-color:#22e3fa}.header-contact:active,.button:active,.social-link:active{transform:scale(.97)!important}.primary{background:var(--cyan);color:#051224;box-shadow:0 7px 30px #22e3fa18}.primary:hover{background:#7bf2ff;box-shadow:0 8px 35px #22e3fa33}.header nav a{padding:10px 12px;border-radius:9px}.header nav a:hover{background:#ffffff09}.hero-atmosphere{background:radial-gradient(ellipse at 85% 40%,#35187565,transparent 46%),radial-gradient(ellipse at 52% 80%,#005a732e,transparent 40%)}#depth-scene{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.75}.hero-bottom,.hero-content{z-index:1}.hero-atmosphere:after{opacity:.13}.scene-grid{opacity:.6}.hero-scene{max-width:660px}.service-visual{overflow:hidden}.service-letter{width:54%;left:22%}.service-orbit{width:95%;left:2.5%;opacity:.92}.services{position:relative;border-top:0;color:#0a1633;isolation:isolate}.services:before{content:'';position:absolute;inset:0 calc((min(1320px,100vw - 112px) - 100vw)/2);background:#f1f4fb;z-index:-1}.services .section-heading h2{width:auto;margin-left:0;max-width:750px}.services .section-heading{justify-content:flex-start}.services .service p{color:#485975}.services .service-title svg{color:#5e37df}.services .service{border-color:#1a2a4a26}.services .service>a{border-color:#0a163344;color:#19375a}.services .service>a:hover{background:#6433ff14;border-color:#6433ff}.services .visual-orbit{border-color:#7b82ab33;background:radial-gradient(ellipse,#7d62ff18,transparent 65%)}.services .service-planet{filter:drop-shadow(0 8px 20px #6433ff22)}.approach{background:#0a1633;position:relative;isolation:isolate}.approach:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 10% 100%,#085f7440,transparent 45%),radial-gradient(ellipse at 90% 0%,#5b249d40,transparent 50%);z-index:-1}.approach h2{max-width:600px}.approach .step>span{font-family:Unbounded;font-size:12px;color:#9180d3}.approach .step h3{font-size:21px}.contact{position:relative;isolation:isolate}.contact:before{content:'';position:absolute;inset:0 calc((min(1320px,100vw - 112px) - 100vw)/2);background:linear-gradient(145deg,#f1f4fb 45%,#e5e4ff);z-index:-1}.contact h2{font-size:clamp(32px,3.5vw,50px);color:#0a1633;line-height:1.3}.contact h2 span{color:#6433ff}.contact-heading>p:last-child{color:#485975;font-size:16px;max-width:390px}.contact-options{padding:0}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-link{display:flex;align-items:center;gap:12px;min-height:76px;border:1px solid #bdc5d9;border-radius:14px;padding:16px;color:#102142;background:#ffffff8c;box-shadow:0 4px 14px #16205005;position:relative;transition:background .25s,border-color .25s,box-shadow .25s;isolation:isolate}.social-link:hover{background:white;border-color:#8558ff;box-shadow:0 8px 24px #6245cc14}.social-link:focus-visible{outline-color:#6433ff}.social-icon{position:relative;display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;color:#6433ff}.social-icon:before{content:'';position:absolute;inset:5px -3px;border:1px solid #0797b8;border-radius:50%;transform:rotate(-35deg);opacity:.55}.social-icon svg{width:23px;height:23px;stroke-width:1.7}.social-link>span:nth-child(2){font-size:13px;font-weight:700}.social-link .link-arrow{width:15px;margin-left:auto;color:#6a7593}.social-call{grid-column:1/-1;background:#0a1633;color:white;border-color:#0a1633;min-height:80px}.social-call:hover{background:#142346}.social-call .social-icon{color:#22e3fa}.social-call .social-icon:before{border-color:#22e3fa}.social-call>span:nth-child(2){font-size:20px;letter-spacing:-.5px}.social-call .link-arrow{color:#22e3fa}.footer{border-top:0}.service-title>svg{stroke-width:1.4;filter:drop-shadow(2px 2px 0 #854cff22)}.intro-cover{position:fixed;inset:0;z-index:80;background:#050918;overflow:hidden;pointer-events:none;perspective:1200px}.intro-ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#17376d88,transparent 45%),radial-gradient(ellipse at 65% 55%,#58228b66,transparent 52%)}.intro-sweep{position:absolute;left:-20%;width:140%;height:1px;top:50%;background:linear-gradient(90deg,transparent,#22e3fa,#fff,#6433ff,transparent);transform:rotate(-24deg);box-shadow:0 0 25px #22e3fa66}.intro-object{position:absolute;width:min(60vw,680px);height:min(40vw,453px);left:50%;top:45%;margin-left:max(-30vw,-340px);margin-top:max(-20vw,-226.5px);perspective:1000px;transform-origin:50% 50%}.intro-object img{position:absolute}.intro-n{width:58%;left:22%;top:2%}.intro-orbit{width:100%;left:0;top:10%;z-index:2}.intro-planet{width:15%;right:0;top:0;z-index:3}.intro-complete{width:100%;left:0;top:0;opacity:0}.intro-word{position:absolute;left:50%;top:78%;width:min(40vw,380px);transform:translateX(-50%);opacity:0}.intro-word img{filter:brightness(0) invert(1);width:100%}.intro-skip{position:fixed;right:30px;top:28px;z-index:81;border:1px solid #7583a34d;background:#0a163388;color:#c7d8f0;border-radius:30px;font-size:12px;padding:12px 20px;min-height:44px}.intro-skip span{margin-left:15px}.intro-finished .intro-cover,.intro-finished .intro-skip{display:none}.intro-pending:not(.js) .intro-cover,.intro-pending:not(.js) .intro-skip{display:none}.motion-tools{gap:0}.hero-bottom{padding-bottom:26px}.motion-button:disabled{opacity:.5;cursor:default}
@media(max-width:1100px){.services:before,.contact:before{inset:0 -32px}.hero-content{grid-template-columns:1.2fr 1fr}.hero-scene{width:130%;margin-left:-25%}h1{font-size:clamp(35px,4vw,48px)}.social-grid{grid-template-columns:1fr}.social-call{grid-column:auto}.social-link{min-height:65px}.contact{gap:45px}}
@media(max-width:760px){.services:before,.contact:before{inset:0 -20px}h1{font-size:clamp(23px,6.1vw,43px);letter-spacing:-1.25px;line-height:1.4}h2{font-size:29px;letter-spacing:-1.3px}.hero-content{display:flex}.hero-scene{width:110%;margin-left:-5%}.hero-description{font-size:14px}.intro-object{width:94vw;height:63vw;left:50%;top:42%;margin-left:-47vw;margin-top:-31.5vw}.intro-word{width:65vw;top:67%}.intro-skip{top:20px;right:20px;font-size:11px;padding:10px 17px}.contact h2{font-size:33px}.social-grid{grid-template-columns:1fr 1fr}.social-call{grid-column:1/-1}.social-link{padding:13px 11px;gap:7px;min-height:68px}.social-link>span:nth-child(2){font-size:11px}.social-icon{width:29px;height:29px}.social-icon svg{width:20px;height:20px}.social-link .link-arrow{width:12px}.social-call>span:nth-child(2){font-size:20px}.contact-heading>p:last-child{font-size:14px}.approach .step h3{font-size:19px}.service-title h3{font-size:20px}.hero-bottom{flex-wrap:nowrap}.scroll-cue{width:auto;max-width:70%}.header-contact{padding:7px 12px}.header nav{gap:12px}.section-heading h2{width:100%}.contact-options{margin-top:30px}}
.header nav a{border:1px solid transparent}.header nav a:hover{border-color:#5a6f944d}.footer a:last-child{border:1px solid #465773;border-radius:12px;padding:8px 14px}.service>a{border-radius:12px}.service-title>svg{background:#6433ff0b;border-radius:7px;padding:3px;width:29px;height:29px}.intro-pending .hero-symbol{opacity:0}.intro-finished .hero-symbol{opacity:1}
.intro-n,.intro-orbit,.intro-planet{opacity:0}.intro-object{height:min(37.5vw,425px);margin-top:max(-18.75vw,-212.5px)}
@media(max-width:760px){.intro-object{height:58.75vw;margin-top:-29.375vw}}
@media(prefers-reduced-motion:reduce){.intro-cover,.intro-skip{display:none!important}#depth-scene{display:none}.social-link:hover,.button:hover{transform:none}}

/* Clean master / single-object intro handoff. */
.service-symbol{position:absolute;left:0;top:12%;width:100%;height:auto;filter:drop-shadow(0 16px 24px #30206818)}
.intro-object{perspective:none;will-change:transform;transform-origin:center}
.intro-object .hero-symbol{position:static;width:100%;height:100%;display:block;object-fit:contain;opacity:1;filter:none}
.intro-object img{position:static}.intro-sweep{display:none}
.hero-symbol{aspect-ratio:800/500;height:auto;filter:none}
@media(max-width:760px){.service-symbol{top:9%}}

/* 04 / editorial navigation, typography and solid social marks */
html{scrollbar-gutter:stable;scroll-padding-top:110px}html.intro-lock{overflow:hidden}body{overflow-x:clip}.intro-pending .header{pointer-events:none}
.header.wrap{position:sticky;top:0;z-index:50;width:100%;max-width:none;height:88px;padding:0 max(32px,calc((100% - 1320px)/2));border-bottom:1px solid #9eafcf24;background:#050918ed;transition:background .3s,box-shadow .3s;gap:32px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header.is-scrolled{background:#050918ed;box-shadow:0 6px 30px #0003}.header .brand{display:flex;align-items:center;gap:12px;flex:none;width:auto}.header .brand-icon{width:39px;height:39px;object-fit:contain}.brand-name{font-family:Unbounded,Manrope,sans-serif;font-weight:800;letter-spacing:-1px;font-size:21px;line-height:1;white-space:nowrap}.header nav{display:flex;align-items:center;gap:18px;margin-left:auto}.header nav a{font-size:13px;white-space:nowrap}.header nav .header-contact{display:flex;align-items:center;padding:11px 18px;border:1px solid #5c6982;border-radius:12px;margin-left:12px}.header-contact svg{width:19px;height:19px}.menu-toggle{display:none}.hero-content{padding-block:82px 64px;min-height:660px}.hero-description{font-size:16px;line-height:1.85;max-width:465px;margin-top:25px;margin-bottom:30px}.hero-actions{gap:14px;flex-wrap:wrap}.secondary{border:1px solid #6c7a96;background:#ffffff04;color:#edf7ff}.secondary:hover{background:#1e314b;border-color:var(--cyan)}.hero{min-height:0}.hero-copy h1{margin-top:0}.hero-atmosphere:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#33bbd43d 1px,transparent 1px),linear-gradient(90deg,#33bbd43d 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(125deg,#0009,transparent 76%);-webkit-mask-image:linear-gradient(125deg,#0009,transparent 76%);opacity:.38}.hero-scene{isolation:isolate}.hero .hero-symbol{filter:drop-shadow(0 15px 30px #0002)}.intro-object .hero-symbol{filter:none}
h3{font-family:Unbounded,Manrope,sans-serif;font-weight:800;letter-spacing:-.6px}.service-title h3{font-size:19px;line-height:1.5}.approach .step h3{font-family:Unbounded,Manrope,sans-serif;font-size:18px;line-height:1.5}.approach h2 span{color:#9e7aff}.contact{padding-bottom:100px}.contact h2{margin:0;line-height:1.35}.contact-heading>p{display:none}
.social-icon{width:42px;height:42px;display:grid;place-items:center;background:#6d42ea0b;border-radius:10px;flex:none}.social-icon:before{display:none}.social-icon svg{display:block;width:29px;height:29px;stroke:none;fill:url(#social-gradient);filter:none}.social-link>span:nth-child(2){font-family:Unbounded,Manrope,sans-serif;font-size:14px;font-weight:800;letter-spacing:-.5px}.social-link{min-height:88px;gap:15px;padding:18px;border-radius:14px}.social-link .link-arrow{stroke-width:1.5}.social-call .social-icon{background:#22e3fa12}.social-call .social-icon svg{fill:#22e3fa;stroke:none;width:28px;height:28px}.social-call>span:nth-child(2){font-family:Manrope,system-ui,sans-serif;font-weight:800;font-size:24px;letter-spacing:-.7px}.social-call{min-height:92px}
.back-top{position:fixed;bottom:22px;right:22px;z-index:40;display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid #7c90b44d;background:#0a1633ed;color:#eaf5ff;border-radius:12px;backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility .25s,background .25s;font-size:12px}.back-top svg{width:18px;height:18px;transform:rotate(-45deg);color:#22e3fa}.back-top.is-visible{opacity:1;visibility:visible;transform:none}.back-top:hover{background:#16364a}.intro-word.brand-name{font-size:clamp(28px,4vw,48px);text-align:center;line-height:1.3;color:white;top:72%;width:auto;letter-spacing:-1.5px}.intro-object{pointer-events:none}#top,#services,#approach,#contact{scroll-margin-top:0}
@media(min-width:1101px){.hero-content{min-height:650px}.hero-scene{margin-top:-30px}}
@media(max-width:1100px){.header.wrap{gap:20px}.header nav{gap:7px}.header nav a{font-size:12px}.hero-content{min-height:590px;padding-block:60px}.hero-description{font-size:15px}.social-grid{grid-template-columns:1fr}.social-call{grid-column:auto}.social-link>span:nth-child(2){font-size:13px}}
@media(max-width:760px){html{scroll-padding-top:90px}.header.wrap{height:72px;padding:0 20px;gap:12px}.header .brand{gap:9px}.header .brand-icon{width:33px;height:33px}.brand-name{font-size:18px;letter-spacing:-.8px}.menu-toggle{margin-left:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:44px;height:44px;padding:10px;border:1px solid #51617b;border-radius:11px;color:white;background:#ffffff04}.menu-toggle span{width:21px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.header nav{position:absolute;left:12px;right:12px;top:calc(100% + 8px);display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:15px;background:#0a1429fa;border:1px solid #5c709454;border-radius:16px;box-shadow:0 18px 40px #0005;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .25s,visibility .25s;margin:0}.menu-open nav{opacity:1;visibility:visible;transform:none}.header nav a{font-size:14px;min-height:48px;padding:12px 15px}.header nav .header-contact{margin:6px 0 0;justify-content:space-between;background:#22e3fa;color:#06122b;border-color:#22e3fa}.hero-content{padding:50px 0 16px;min-height:0}.hero-description{font-size:14px;line-height:1.85;margin:23px 0 26px;max-width:100%}.hero-actions{gap:10px}.hero-actions .button{padding:13px 17px;gap:14px;min-height:50px;font-size:12px}.hero-scene{width:110%;margin:4px -5% -16px;max-width:550px}.hero-copy h1{margin-bottom:0}.social-grid{grid-template-columns:1fr 1fr;gap:10px}.social-link{padding:14px 11px;gap:9px;min-height:78px}.social-icon{width:32px;height:36px;border-radius:8px;background:transparent}.social-icon svg{width:27px;height:27px}.social-link>span:nth-child(2){font-size:10px;letter-spacing:-.3px}.social-link .link-arrow{width:11px;flex:none}.social-call{grid-column:1/-1;min-height:84px;padding-inline:18px;gap:14px}.social-call>span:nth-child(2){font-size:21px}.social-call .social-icon{width:34px}.service-title h3{font-size:17px;letter-spacing:-.6px}.approach .step h3{font-size:16px;letter-spacing:-.4px}.contact{padding-bottom:85px}.back-top{right:16px;bottom:16px}.intro-word.brand-name{top:67%;font-size:31px}.hero-atmosphere:before{background-size:38px 38px}}
@media(max-width:370px){.hero-actions .button{font-size:11px;padding:12px 14px;gap:11px}.social-grid{grid-template-columns:1fr}.social-call{grid-column:auto}.social-link{padding:14px 17px;min-height:72px;gap:14px}.social-link>span:nth-child(2){font-size:13px}.social-call>span:nth-child(2){font-size:20px}.service-title h3{font-size:16px}.brand-name{font-size:17px}}
@media(prefers-reduced-motion:reduce){.intro-cover{display:none!important}}
html:not(.js) .menu-toggle{display:none}html:not(.js) .header nav{opacity:1;visibility:visible;transform:none}html:not(.js) .back-top{opacity:1;visibility:visible;transform:none}
@media(max-width:760px){html:not(.js) .header.wrap{height:auto;flex-wrap:wrap;padding-block:12px}html:not(.js) .header nav{position:static;flex-direction:row;flex-wrap:wrap;width:100%;box-shadow:none;padding:5px;background:none;border:0}html:not(.js) .header nav a{font-size:12px}html:not(.js) .header nav .header-contact{margin:0}}
.header .brand-icon{filter:none}.header nav .header-contact:hover{background:#143246}
@media(max-width:760px){.header nav{background:#0a1429}.header nav .header-contact:hover{background:#7bf2ff}}
@media(min-width:371px) and (max-width:760px){.social-link>span:nth-child(2){font-size:11px}.social-call>span:nth-child(2){font-size:21px}}
/* 05 / compact screens use a single reading axis */
.social-icon,.social-call .social-icon,.service-title>svg{background:transparent;box-shadow:none}
.social-call .social-icon svg{fill:none;stroke:#22e3fa;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1100px){
.service-layout{display:block;margin-top:36px}.service-visual{display:none}.service-list{width:100%}.service{padding-right:68px}.service-title h3{font-size:20px}.service p{max-width:690px}
.approach-grid{display:block}.approach h2{max-width:none}.approach-steps{margin-top:36px;max-width:none}.step{grid-template-columns:40px 1fr}.approach .step h3{font-size:19px}
.contact{display:block}.contact-options{margin-top:38px;max-width:none}.social-grid{grid-template-columns:1fr 1fr}.social-call{grid-column:1/-1}.social-call>span:nth-child(2){font-size:24px}
}
@media(max-width:760px){.service-layout{margin-top:24px}.service-title h3{font-size:17px}.service{padding-right:48px}.approach .step h3{font-size:16px}.contact-options{margin-top:32px}.social-call>span:nth-child(2){font-size:21px}}
@media(max-width:370px){.social-grid{grid-template-columns:1fr}.social-call{grid-column:auto}.service-title h3{font-size:16px}.social-call>span:nth-child(2){font-size:20px}}
