/* HEXNODE CORE — static studio website */
:root{--bg:#08070d;--panel:#100d18;--panel2:#151020;--purple:#8c19ff;--violet:#b74cff;--blue:#5b43ff;--text:#f5f2fb;--muted:#a29bad;--line:rgba(194,160,255,.16);--font:'Inter',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.ambient{position:absolute;pointer-events:none;z-index:-1;filter:blur(90px);opacity:.2;border-radius:50%}.ambient-one{width:430px;height:430px;right:-180px;top:130px;background:#5b00ff}.ambient-two{width:350px;height:350px;left:-210px;top:1100px;background:#a100ff}.section-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.section-space{padding-top:115px}.site-header{height:84px;width:min(1240px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 0 8px #7918ff55)}.brand span{display:flex;flex-direction:column;gap:2px}.brand b{font:700 17px var(--display);letter-spacing:2px}.brand small{font-size:8px;letter-spacing:3.1px;color:#a49bb5}.nav{display:flex;align-items:center;gap:35px;font-size:12px;color:#b8b1c5}.nav-link{transition:color .2s}.nav-link:hover,.nav-link.active{color:white}.nav-cta{padding:12px 16px;border:1px solid rgba(181,91,255,.4);border-radius:7px;color:#fff;background:linear-gradient(110deg,#5c1cb822,#a01cff10);box-shadow:inset 0 0 18px #8d24ff0d;transition:.25s}.nav-cta:hover{border-color:#b66bff;box-shadow:0 0 24px #8c19ff25}.nav-cta span{margin-left:13px;color:#c98aff}.menu-toggle{display:none;background:none;border:0}.hero{min-height:650px;display:grid;grid-template-columns:1fr .92fr;align-items:center;position:relative;padding-top:45px;padding-bottom:70px}.hero-copy{position:relative;z-index:2;padding-bottom:10px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;color:#c6b5e3;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:#bd5cff;border-radius:50%;box-shadow:0 0 11px #a72aff;display:inline-block}.hero h1{font:700 clamp(48px,6.1vw,78px)/1.04 var(--display);letter-spacing:-4.2px;margin:27px 0 23px}.gradient-text{background:linear-gradient(100deg,#f7f3ff 0%,#c69aff 34%,#8b26ff 73%,#6b5aff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{max-width:490px;color:#a9a1b6;font-size:14px;line-height:1.9;margin:0}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:26px;padding:14px 17px;border-radius:6px;font-size:12px;font-weight:700;transition:transform .25s,box-shadow .25s,border-color .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(105deg,#7719ef,#9d39ff);box-shadow:0 8px 30px #7414d72b;color:#fff;border:1px solid #b16cff}.button-primary:hover{box-shadow:0 10px 35px #8c19ff60}.button-primary span{font-size:17px}.button-ghost{border:1px solid #393043;background:#100d16;color:#d9d3e2}.button-ghost:hover{border-color:#8b40d4}.play-icon{font-size:10px;color:#c38aff}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:43px}.proof-avatars{display:flex}.proof-avatars span{width:28px;height:28px;border-radius:50%;border:2px solid var(--bg);margin-left:-6px;background:#211533;color:#d8b5ff;display:grid;place-items:center;font-size:10px;font-weight:800}.proof-avatars span:first-child{margin-left:0;background:#42216b}.proof-avatars span:nth-child(2){background:#29204c}.proof-avatars span:last-child{background:#6b26a2}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:10px;color:#e5deee}.hero-proof small{font-size:10px;color:#8c829d;margin-top:4px}.hero-visual{height:480px;position:relative;display:grid;place-items:center;isolation:isolate}.visual-grid{position:absolute;inset:8% 0;background-image:linear-gradient(#8f4ae00b 1px,transparent 1px),linear-gradient(90deg,#8f4ae00b 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,black 5%,transparent 70%);z-index:-1}.logo-stage{width:min(360px,85%);aspect-ratio:1;display:grid;place-items:center;position:relative}.logo-stage:before{content:"";position:absolute;inset:15%;border-radius:50%;background:#5b0cbb20;filter:blur(45px)}.hero-logo{width:77%;position:relative;z-index:2;filter:drop-shadow(0 0 16px #8e19ff35);animation:float 6s ease-in-out infinite}.logo-halo{position:absolute;inset:8%;border:1px solid #9c50ff28;transform:rotate(30deg);border-radius:30%;box-shadow:0 0 60px #6412bd0d,inset 0 0 45px #7915e50a}.orbit{position:absolute;border:1px solid #a44bff21;border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:95%;height:55%}.orbit-b{width:75%;height:88%;transform:rotate(44deg);border-color:#8e4cff15}.floating-tag{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#100c18d9;border:1px solid #8c43bb42;box-shadow:0 12px 40px #0005;backdrop-filter:blur(12px);border-radius:7px;z-index:3}.tag-top{right:-5px;top:72px}.tag-bottom{left:-8px;bottom:65px}.tag-icon{display:grid;place-items:center;width:32px;height:32px;background:#7020a62b;border:1px solid #9f43f04a;color:#d8a5ff;border-radius:6px;font-size:18px}.floating-tag b,.floating-tag small{display:block}.floating-tag b{font-size:9px;letter-spacing:1px}.floating-tag small{font-size:9px;color:#91869f;margin-top:5px}.pulse-bars{height:30px;width:32px;display:flex;align-items:center;justify-content:center;gap:3px}.pulse-bars i{width:3px;border-radius:3px;background:#bd66ff;height:10px;animation:bars .8s ease-in-out infinite alternate}.pulse-bars i:nth-child(2){height:22px;animation-delay:.2s}.pulse-bars i:nth-child(3){height:15px;animation-delay:.4s}.pulse-bars i:nth-child(4){height:25px;animation-delay:.1s}.visual-index{position:absolute;bottom:7px;right:0;color:#776b88;font-size:8px;letter-spacing:1.7px}.visual-index span{color:#a94cff;margin:0 8px}.hero-bottomline{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ffffff10;padding-top:19px;display:flex;justify-content:space-between;color:#71687f;font-size:8px;letter-spacing:2px}.hero-bottomline b{color:#bd73ff;font-size:13px;margin-left:8px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2,.work-copy h2,.contact h2{font:700 clamp(36px,4vw,52px)/1.1 var(--display);letter-spacing:-2px;margin:18px 0 0}.muted-heading{color:#777082}.section-heading>p{max-width:390px;color:#9c93aa;font-size:12px;line-height:1.9;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#14101d,#0d0b12 80%);border:1px solid #ffffff10;border-radius:10px;padding:24px 23px 25px;min-height:370px;transition:transform .3s,border-color .3s}.service-card:hover{transform:translateY(-6px);border-color:#a64eff50}.service-card.featured{border-color:#8c35d344;background:linear-gradient(145deg,#1a1027,#100b17 80%)}.featured-glow{position:absolute;right:-80px;top:-100px;width:200px;height:200px;background:#8a1cff15;filter:blur(40px);pointer-events:none}.card-top{display:flex;align-items:center;justify-content:space-between}.service-number{font-size:9px;letter-spacing:1.7px;color:#94869f}.arrow-circle{width:28px;height:28px;border:1px solid #44324f;border-radius:50%;display:grid;place-items:center;color:#d2a3ff;font-size:14px}.service-icon{width:53px;height:53px;border-radius:10px;display:grid;place-items:center;background:#8b26ff12;border:1px solid #a54cff2b;margin:31px 0 20px}.service-icon svg{width:31px;height:31px;fill:none;stroke:#c38aff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font:600 21px var(--display);margin:0 0 12px}.service-card>p{font-size:11px;line-height:1.8;color:#9e95ab;min-height:40px;margin:0 0 16px}.service-card ul{list-style:none;margin:0;padding:0 0 20px;display:grid;gap:9px;color:#b9b0c5;font-size:10px}.service-card li:before{content:"✦";font-size:8px;color:#a851ff;margin-right:9px}.text-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff10;padding-top:17px;font-size:10px;font-weight:700;color:#d6b5ff}.text-link span{font-size:16px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.work-panel{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:390px;position:relative;overflow:hidden;border:1px solid #ffffff12;border-radius:13px;background:radial-gradient(ellipse at 85% 45%,#47126d2b,transparent 45%),linear-gradient(120deg,#110d18,#0c0911);padding:52px 54px}.work-copy{position:relative;z-index:2}.work-copy h2{margin:19px 0}.work-copy p{font-size:12px;line-height:1.9;color:#a69bb2;max-width:365px;margin:0 0 27px}.system-graphic{height:285px;position:relative;display:grid;place-items:center}.system-ring{position:absolute;border:1px solid #9e4aff2a;border-radius:50%;transform:rotate(-28deg)}.ring-1{width:245px;height:150px}.ring-2{width:210px;height:210px;transform:rotate(40deg)}.ring-3{width:285px;height:245px;transform:rotate(75deg);border-style:dashed;border-color:#8f4de51b}.system-core{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#38145d,#0c0911 72%);border:1px solid #a34aff5a;box-shadow:0 0 45px #8a19ff25;display:grid;place-items:center;z-index:2}.system-core img{width:88px;filter:drop-shadow(0 0 8px #9c2bff40)}.node{position:absolute;padding:8px 10px;border:1px solid #7d3ebc52;background:#100b18;color:#d4b0ff;font-size:8px;letter-spacing:1.2px;border-radius:4px;z-index:3}.node-1{top:15px;left:25%}.node-2{right:1%;top:44%}.node-3{bottom:15px;left:33%}.node-4{left:1%;top:49%}.graphic-caption{position:absolute;bottom:-7px;right:0;font-size:8px;letter-spacing:1.4px;color:#766982}.graphic-caption span{color:#b967ff;margin-left:8px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.process-step{padding-top:5px}.step-index{font:600 13px var(--display);color:#bd72ff}.step-line{height:1px;background:linear-gradient(90deg,#9638f2,#ffffff12);margin:17px 0 23px;position:relative}.step-line:before{content:"";position:absolute;left:0;top:-3px;width:6px;height:6px;background:#b95aff;border-radius:50%;box-shadow:0 0 9px #9f35ff}.process-step h3{font:600 17px var(--display);margin:0 0 10px}.process-step p{font-size:11px;line-height:1.9;color:#92889f;max-width:210px;margin:0}.contact{padding-bottom:100px}.contact-panel{position:relative;overflow:hidden;text-align:center;border:1px solid #8b37c53b;border-radius:12px;padding:70px 20px;background:radial-gradient(ellipse at 50% 120%,#6618a62b,transparent 60%),linear-gradient(135deg,#130d1d,#0c0911)}.contact-panel>.eyebrow{justify-content:center}.contact h2{font-size:clamp(42px,5vw,60px);margin:19px 0 15px}.contact-panel>p{font-size:12px;color:#a79caf;margin:0}.contact-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:27px}.contact-note{display:block;color:#756a82;font-size:9px;margin-top:25px}.contact-orb{position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid #a34aff13;left:50%;top:-210px;transform:translateX(-50%);box-shadow:0 0 0 28px #a34aff05,0 0 0 56px #a34aff04;pointer-events:none}.footer{min-height:95px;border-top:1px solid #ffffff10;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#746a81;font-size:8px;letter-spacing:1.2px}.footer-brand img{width:35px;height:35px}.footer-brand b{font-size:13px}.footer-brand small{font-size:7px}.back-top{color:#b7a5ca;transition:color .2s}.back-top:hover{color:#fff}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bars{from{transform:scaleY(.55);opacity:.6}to{transform:scaleY(1);opacity:1}}
@media(max-width:850px){.nav{gap:20px}.hero{grid-template-columns:1fr .8fr}.hero h1{font-size:58px}.hero-visual{transform:scale(.9)}.tag-top{right:-20px}.tag-bottom{left:-20px}.service-card{padding:20px 17px}.work-panel{padding:40px 32px;grid-template-columns:1fr 1fr}.system-graphic{transform:scale(.9)}}
@media(max-width:680px){.section-wrap{width:calc(100% - 36px)}.site-header{width:calc(100% - 36px);height:72px}.brand img{width:38px;height:38px}.brand b{font-size:15px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px;z-index:30}.menu-toggle span{width:22px;height:2px;background:#eee;border-radius:2px}.nav{display:none;position:absolute;top:63px;left:0;right:0;padding:20px;background:#100c17;border:1px solid #ffffff16;border-radius:8px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 40px #0008}.nav.open{display:flex}.nav-link{padding:14px 6px;border-bottom:1px solid #ffffff0b}.nav-cta{margin-top:14px;text-align:center}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:67px;padding-bottom:63px;min-height:unset}.hero h1{font-size:clamp(48px,13vw,70px);letter-spacing:-3px}.hero-sub{font-size:13px}.hero-visual{height:340px;transform:none;margin-top:15px}.logo-stage{width:290px}.tag-top{right:0;top:24px}.tag-bottom{left:0;bottom:32px}.floating-tag{padding:9px 10px}.visual-index{bottom:-3px;right:3px}.hero-bottomline{font-size:7px;letter-spacing:1px}.section-space{padding-top:78px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:40px}.section-heading>p{margin-top:18px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:unset;padding:23px}.service-card>p{min-height:unset;max-width:400px}.service-icon{margin:24px 0 16px}.work-panel{grid-template-columns:1fr;padding:35px 24px 25px}.work-copy h2{font-size:42px}.system-graphic{height:275px;margin-top:20px;transform:none}.process-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.process-step p{max-width:none}.contact{padding-bottom:70px}.contact-panel{padding:55px 17px}.contact h2{font-size:43px}.contact-actions{align-items:stretch;flex-direction:column;width:min(290px,100%);margin:25px auto 0}.contact-actions .button{justify-content:space-between}.footer{padding:22px 0;flex-wrap:wrap;justify-content:space-between}.footer>span{order:3;width:100%;text-align:center;line-height:1.8}.back-top{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}