@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&display=swap');
:root{--bg:#030706;--green:#00f02c;--panel:#08110c;--text:#e1e8e5;--muted:#91a79a;--border:#1d3d2a}
body{background:radial-gradient(ellipse at 90% 5%,#003b1a40,transparent 36%),#030706}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.035;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#71ff9b 4px);mix-blend-mode:screen}
header{background:#030a06ed;border-color:#255036;box-shadow:0 8px 35px #0006;backdrop-filter:blur(15px)}
.brand{display:flex;flex-shrink:0}.wordmark{display:block;width:250px;height:43px;object-fit:cover;object-position:center 49%;border-radius:0}
h1,h2,h3{font-family:'Chakra Petch','Space Grotesk',sans-serif}h1,h2{font-weight:600}h1{letter-spacing:-5px!important}.hero h1{font-size:clamp(65px,7vw,106px);line-height:1.04}.accent-type{font-family:'Chakra Petch',sans-serif;color:var(--green);font-style:normal;font-weight:600;letter-spacing:-.045em;text-shadow:0 0 35px #00ff3920}.hero h1 .accent-type{font-size:1.08em}.eyebrow{color:#70cb8b}.eyebrow i,i{background:var(--green);box-shadow:0 0 12px #00ff4a66}
.hero canvas{opacity:.26;mask-image:radial-gradient(ellipse at 72% 40%,#000,transparent 73%)}.hero p{color:#a2b7aa}.hero-foot{color:#5b9670;opacity:1}.button{background:var(--green);color:#001b07;border:1px solid #39ff60;box-shadow:0 0 20px #00ee3210;font-family:'Chakra Petch',sans-serif;font-weight:600;letter-spacing:.3px;border-radius:16px}.button:hover{background:#57ff6f;box-shadow:0 0 25px #00ff3930}.nav-cta{border-color:#24733d;border-radius:18px}.text-link{border-color:#26763b}.text-link:hover{color:#38ff66}.menu-toggle{border-color:#235f36;color:var(--green);border-radius:14px}
.orbit{border-color:#00ff4a40;box-shadow:0 0 28px #00ff3210}.orbit-two{border-color:#1aff5566}.orbit-three{border-color:#00ff3330}.flow-sculpture:before{background:radial-gradient(ellipse,#00ff3917,transparent 65%)}.flow-core{background:radial-gradient(circle at 35% 25%,#164b29,#082312 50%,#030a06 85%);box-shadow:inset 1px 1px 1px #32ff6b55,15px 30px 60px #0008,0 0 100px #00ff3220}.flow-core .matrix-x{display:block;width:90px;height:90px;background:#00f02c;clip-path:polygon(0 0,30% 0,51% 30%,74% 0,100% 0,63% 47%,54% 47%,62% 55%,100% 100%,70% 100%,49% 69%,25% 100%,0 100%,38% 52%,46% 52%,38% 44%);margin:0;filter:drop-shadow(0 0 5px #00ff40)}.flow-core small{color:#5bac74;font-size:6px;letter-spacing:1.3px;margin-top:15px}.orbit-label{border-color:#24683c;background:#05160ced;color:#94c9a3;border-radius:18px}.sculpture-caption{color:#47815b}
.studio-line{border-color:#245338}.studio-line>span{font:400 22px 'Chakra Petch',sans-serif;color:#9ab7a4}.studio-line>a{color:#55b874}.problem h2 span{color:var(--green)}.cards article,.cards article:last-child{border-color:#23412c}.card-top{color:#3e8154}.cards ul{color:#659875}.cards a{color:#00ed3c}.cards h3{font-weight:500}.service-icon{color:#00ed3c}.demo-section{background:radial-gradient(ellipse at 10% 20%,#064b2280,transparent 65%),#07120b;border:1px solid #184729;border-radius:42px}.demo-shell{background:#030a06;border-color:#28543a;border-radius:22px}.demo-result{background:#071b0e}.demo-top{color:#72ad86}.steps .active{background:#083d19;color:#00ff40}.steps{border-color:#1b3825}.demo-top,.demo-bottom{border-color:#1b3825}input,select,textarea,.contact input,.contact select,.contact textarea,.demo-body input,.demo-body select{background:#07110a;border-color:#23452d;color:#deebe1;border-radius:12px}.demo-bottom button{color:#15ee45}.result-icon,.quote-total{color:#0aff3e}.process-grid article:before{background:#255536}.process-grid article>span{background:#07170b;border-color:#286038;color:#20ed48}.bird-halo{border-color:#18793b;box-shadow:0 0 100px #00ff3210,inset 0 0 100px #00ff3210}.project-tag{color:#6ace84;border-color:#215933}.contact{background:radial-gradient(ellipse at bottom left,#005b222b,transparent 70%),#07120b;border:1px solid #184729;border-radius:42px}.contact>form{background:#0a1b0f;border:1px solid #1d3c27;border-radius:24px}.contact-note{color:#529969}.consent{color:#8aa991}.fine-print{color:#6e967a}footer{border-top:1px solid #173e24;margin-top:50px}footer .wordmark{width:200px;height:34px}footer>span{color:#3e8754}.bird-hero h1{font-weight:600}.bird-hero .bird-tagline{font-family:'Chakra Petch',sans-serif}.bird-tagline .accent-type{color:var(--green)}.bird-reality{background:#08180e;border:1px solid #214d2e}.terminal-showcase{background:#07160c;border-color:#245b34}.bird-feature{border-color:#21472d}.bird-feature>span{color:var(--green)}.showcase-label{color:#62b079}.bird-release{color:#519768}
.atom-ready .orbit{display:none}.atom-layer{position:absolute!important;inset:0;width:100%!important;height:100%!important;pointer-events:none;opacity:1!important;mask-image:none!important}.atom-back{z-index:0!important}.atom-front{z-index:3!important}.flow-core{position:relative;z-index:2;border:1px solid #3fff7438;background:radial-gradient(circle at 29% 22%,#58876a 0%,#24553b 15%,#0a301a 39%,#03170b 65%,#010805 85%);box-shadow:inset 3px 3px 8px #a9ffc53d,inset -13px -14px 22px #000b,14px 22px 45px #000a,0 0 65px #00ff3925;transform:rotate(-5deg)}.flow-core:before{content:'';position:absolute;inset:4px;border-radius:50%;background:radial-gradient(ellipse at 29% 18%,#c9ffdc2b,transparent 40%);pointer-events:none}.flow-core:after{content:'';position:absolute;inset:-12px;border:1px solid #1fff5820;border-radius:50%;box-shadow:0 0 24px #00ff3910}.flow-core .matrix-x{background:linear-gradient(135deg,#b1ffbe 0%,#2cff64 32%,#00db33 55%,#007e25 100%);filter:drop-shadow(3px 5px 0 #003d15) drop-shadow(0 0 10px #00ff4455);transform:perspective(350px) rotateY(-16deg) rotateX(9deg)}.flow-core small{position:relative;z-index:1;color:#8acf9e}.orbit-label,.sculpture-caption{z-index:4}.flow-sculpture:before{background:radial-gradient(ellipse,#00ff3920,transparent 65%)}
@media(max-width:1000px){.wordmark{width:210px;height:36px}nav{gap:20px}.hero h1{font-size:80px}}
@media(max-width:700px){.wordmark{width:190px;height:33px}header{padding-inline:15px}.hero h1{font-size:68px;letter-spacing:-3px!important}.hero h1 .accent-type{font-size:1.06em}.hero{padding-top:55px}.flow-core .matrix-x{width:70px;height:70px}.flow-core small{font-size:5px}.studio-line>span{font-size:19px}.demo-section,.contact{border-radius:30px}.section-heading h2,.process>h2{font-size:35px;letter-spacing:-1.5px}.contact h2{font-size:46px}.bird-nav .nav-cta{font-size:9px}.mrbird-page header .wordmark{width:170px;height:30px}.bird-hero h1{font-size:81px}.bird-hero .bird-tagline{font-size:31px}.bird-feature h3{font-size:23px}.bird-outro h2{font-size:53px}footer .wordmark{width:200px;height:34px}}

/* Logo-derived stepped arms and separated diagonal incision. */
.flow-core .matrix-x{clip-path:none;background:none;object-fit:contain;overflow:visible;filter:drop-shadow(0 0 9px #00ff4440);transform:perspective(350px) rotateY(-16deg) rotateX(9deg)}

/* Spherical nucleus and a separate, raised metal badge. */
.flow-core{border:0;transform:none;overflow:visible;background:radial-gradient(ellipse at 28% 22%,#a7dfb6 0%,#6aa881 7%,#326b48 19%,#17492b 35%,#092c17 52%,#021408 73%,#000603 92%);box-shadow:inset 2px 3px 5px #d9ffe466,inset -15px -19px 22px #000c,17px 25px 33px #000a,0 0 65px #00ff391a;isolation:isolate;perspective:500px}
.flow-core:before{inset:0;z-index:0;border-radius:50%;background:radial-gradient(ellipse 48% 31% at 30% 17%,#effff84d,transparent 80%),radial-gradient(ellipse 58% 62% at 69% 75%,#0008,transparent 85%);box-shadow:inset 0 -2px 4px #000,inset 2px 0 4px #d0ffdf20}
.flow-core:after{inset:-1px;border:1px solid #48de7140;box-shadow:0 0 3px #00ff391a;z-index:0}
.core-emblem{position:relative;z-index:2;display:block;width:108px;height:104px;margin-top:-3px;transform-style:preserve-3d;transform:translate3d(-7px,-8px,30px) rotateY(-18deg) rotateX(10deg) rotateZ(-5deg);filter:drop-shadow(0 0 8px #00ff391f)}
.core-emblem:before{content:'';position:absolute;inset:13px 3px 0;background:url('assets/technologix-core-x.svg') center/contain no-repeat;filter:brightness(0) blur(6px);opacity:.8;transform:translate(16px,18px) scale(.94);z-index:-1}
.core-emblem:after{content:'';position:absolute;inset:0;background:url('assets/technologix-core-x.svg') center/contain no-repeat;filter:brightness(.23) saturate(1.3);transform:translate(5px,7px);z-index:0}
.flow-core .core-emblem .matrix-x{position:relative;z-index:1;width:100%;height:100%;transform:none;filter:drop-shadow(1px 1px 0 #79ff9c) drop-shadow(-1px -1px 0 #d3ffdd66);margin:0}
.flow-core small{position:absolute;bottom:25px;font-size:5px;letter-spacing:1.1px;opacity:.65;transform:rotate(-5deg);color:#6ba77a;z-index:1}
@media(max-width:1000px){.core-emblem{width:94px;height:91px}.flow-core small{bottom:19px;font-size:4.5px}}
@media(max-width:700px){.core-emblem{width:89px;height:86px}.flow-core small{bottom:17px;font-size:4px}.flow-core{box-shadow:inset 2px 3px 5px #d9ffe455,inset -13px -16px 20px #000c,12px 18px 27px #000a,0 0 45px #00ff391a}}

/* Oversized precision-cut badge, cantilevered beyond the sphere silhouette. */
.core-emblem{position:absolute;width:160px;height:156px;left:50%;top:50%;margin:0;transform:translate3d(-50%,-50%,38px) rotateY(-13deg) rotateX(7deg) rotateZ(-7deg);filter:none;flex-shrink:0}
.core-emblem:before{inset:0;transform:translate(23px,27px) scale(.8);filter:brightness(0) blur(8px);opacity:.85}
.core-emblem:after{transform:translate(7px,10px);filter:brightness(.28) saturate(1.25)}
.flow-core .core-emblem .matrix-x{filter:drop-shadow(.5px -.5px 0 #c6ffdb);image-rendering:auto}
.flow-core{background:radial-gradient(circle at 29% 24%,#8fcaa2 0%,#558e6a 10%,#2d6141 23%,#123b24 42%,#061f11 61%,#010d06 80%,#000603 98%);box-shadow:inset 1px 2px 3px #d9ffe455,inset -12px -15px 20px #000b,14px 23px 35px #0009,0 0 40px #00ff3912}
@media(max-width:1000px){.core-emblem{width:134px;height:131px}}
@media(max-width:700px){.core-emblem{width:125px;height:122px}}
