:root { --bg:#050708; --panel:#0a0e10; --text:#f4f7f6; --muted:#899497; --cyan:#53f2d0; --line:rgba(255,255,255,.11); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden} a{color:inherit;text-decoration:none}
.nav-wrap{height:88px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(5,7,8,.8),transparent)}
.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;letter-spacing:.06em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--cyan);color:var(--cyan);font-size:18px;clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%)}.brand-soft{font-weight:400;color:#a6b0b1}.nav-wrap nav{display:flex;gap:40px;color:#aab3b4;font-size:12px;text-transform:uppercase;letter-spacing:.16em}.nav-wrap nav a:hover{color:var(--cyan)}.nav-cta{font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:13px 17px;border:1px solid #33403f}.nav-cta span{color:var(--cyan);margin-left:10px}
.hero{min-height:760px;height:100vh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:120px 6vw 70px;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.98) 0%,rgba(5,7,8,.86) 44%,rgba(5,7,8,.45) 100%);z-index:-2}.grid-floor{position:absolute;z-index:-3;inset:0;background-image:linear-gradient(rgba(83,242,208,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(83,242,208,.06) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent 12%,#000 55%,transparent 100%);transform:perspective(500px) rotateX(7deg) scale(1.15)}
.orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);opacity:.55}.orb-one{width:480px;height:480px;right:7%;top:19%;border:1px solid rgba(83,242,208,.18);box-shadow:inset 0 0 120px rgba(83,242,208,.08),0 0 160px rgba(83,242,208,.06);animation:float 8s ease-in-out infinite}.orb-two{width:220px;height:220px;right:15%;top:35%;background:radial-gradient(circle at 40% 40%,rgba(83,242,208,.18),transparent 65%);border:1px dashed rgba(83,242,208,.3);animation:spin 25s linear infinite}
.hero-copy{max-width:720px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:#9aa5a6;font:10px/1.2 monospace;letter-spacing:.22em;margin-bottom:28px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:blink 1.8s infinite}.hero h1{margin:0;font-size:clamp(58px,6.5vw,106px);line-height:.86;letter-spacing:-.065em;text-transform:uppercase}.hero h1 span{color:transparent;-webkit-text-stroke:1px #7d8888}.hero-copy>p{max-width:570px;color:#a7b0b1;font-size:17px;line-height:1.7;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:32px}.primary-btn{background:var(--cyan);color:#04100d;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:18px 22px;box-shadow:0 0 35px rgba(83,242,208,.18)}.primary-btn span{margin-left:32px}.text-link{font-size:12px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #42504f;padding:15px 2px}.text-link span{color:var(--cyan);margin-left:20px}
.hero-console{width:min(540px,44vw);justify-self:end;background:rgba(7,11,12,.76);border:1px solid rgba(117,143,139,.32);box-shadow:0 32px 100px rgba(0,0,0,.5),0 0 50px rgba(83,242,208,.05);backdrop-filter:blur(12px);transform:perspective(900px) rotateY(-4deg);animation:float 8s ease-in-out infinite reverse}.console-bar{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 15px;color:#778282;font:9px monospace;letter-spacing:.14em}.console-bar>b{margin-left:auto;color:var(--cyan);font-size:8px}.console-dots{display:flex;gap:5px}.console-dots i{width:5px;height:5px;border-radius:50%;background:#3c4746}.console-body{padding:30px}.core-ring{width:190px;height:190px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(83,242,208,.32);box-shadow:inset 0 0 40px rgba(83,242,208,.07),0 0 35px rgba(83,242,208,.08);position:relative}.core-ring:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px dashed rgba(83,242,208,.17);animation:spin 20s linear infinite}.core-ring span{font:38px monospace}.core-ring span small{font-size:15px;color:var(--cyan)}.core-ring em{font:8px monospace;letter-spacing:.25em;color:#687371;margin-top:8px}.signal-lines{height:60px;display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0}.signal-lines i{width:3px;background:var(--cyan);opacity:.55;animation:wave 1.6s ease-in-out infinite}.signal-lines i:nth-child(2n){animation-delay:.2s}.signal-lines i:nth-child(3n){animation-delay:.4s}.console-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.console-stats article{padding:18px}.console-stats article+article{border-left:1px solid var(--line)}.console-stats small{display:block;color:#63706f;font:8px monospace;letter-spacing:.14em}.console-stats strong{display:block;font:28px monospace;margin:7px 0}.console-stats strong span{font-size:11px;color:var(--cyan)}.console-stats em{color:var(--cyan);font:8px monospace}.status-row{display:flex;justify-content:space-between;padding-top:19px;color:#687473;font:7px monospace;letter-spacing:.1em}.status-row i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);margin-right:5px}.scroll-cue{position:absolute;left:6vw;bottom:26px;display:flex;gap:20px;align-items:center;color:#56615f;font:8px monospace;letter-spacing:.18em}.scroll-cue i{width:80px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
@keyframes float{50%{transform:translateY(-14px) perspective(900px) rotateY(-4deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.25}}@keyframes wave{0%,100%{height:8px}50%{height:42px}}
@media(max-width:900px){.nav-wrap nav{display:none}.hero{grid-template-columns:1fr;height:auto;min-height:100vh;padding-top:150px;gap:60px}.hero-console{width:100%;justify-self:auto;transform:none}.hero h1{font-size:clamp(50px,13vw,78px)}}@media(max-width:560px){.nav-wrap{padding:0 20px}.nav-cta{display:none}.hero{padding:130px 20px 70px}.hero-actions{align-items:stretch;flex-direction:column;gap:10px}.primary-btn,.text-link{text-align:center}.console-body{padding:20px}.core-ring{width:150px;height:150px}.hero-copy>p{font-size:15px}.status-row{gap:8px;flex-wrap:wrap}}

.signal-strip{min-height:76px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;gap:20px;padding:18px 5vw;background:#070a0b;color:#9aa4a3;font:9px monospace;letter-spacing:.15em}.signal-strip div{white-space:nowrap}.signal-strip div span{color:var(--cyan);margin-right:12px}.signal-strip>i{color:#26322f;font-size:6px}
.work-section{padding:145px 5vw;background:radial-gradient(circle at 88% 18%,rgba(83,242,208,.055),transparent 24%),#07090a}.section-head{display:grid;grid-template-columns:.5fr 1.2fr .7fr;align-items:end;gap:40px;max-width:1500px;margin:0 auto 75px}.section-index{color:var(--cyan);font:9px monospace;letter-spacing:.2em}.section-head>div p{font:9px monospace;letter-spacing:.16em;color:#66716f;margin-top:14px}.section-head h2,.cap-heading h2{margin:0;font-size:clamp(48px,5.4vw,88px);text-transform:uppercase;letter-spacing:-.055em;line-height:.88}.section-head h2 em,.cap-heading h2 em,.contact-section h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #6a7473}.section-intro{color:#889391;font-size:15px;line-height:1.7;max-width:330px;margin:0 0 4px}
.project-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.project-card{background:#090c0d;position:relative;overflow:hidden;padding:50px;min-height:670px}.project-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(83,242,208,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(83,242,208,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 70%)}.project-main{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;min-height:720px}.project-number{color:var(--cyan);font:11px monospace;margin-bottom:54px}.project-number span{color:#5d6766;margin-left:8px}.project-copy{position:relative;z-index:2}.project-logo{font-weight:800;font-size:25px;letter-spacing:-.06em;margin-bottom:30px}.project-logo>span:first-child{color:var(--cyan)}.project-logo>span:last-child{font-size:11px;letter-spacing:.08em;color:#9aa5a3;margin-left:3px}.project-card h3{font-size:clamp(40px,4vw,67px);line-height:.96;letter-spacing:-.05em;margin:0 0 25px;text-transform:uppercase}.project-card p{color:#8d9897;font-size:15px;line-height:1.7;max-width:540px}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:34px}.tag-row span{border:1px solid #293332;padding:8px 10px;color:#77817f;font:8px monospace;letter-spacing:.12em}.case-link{display:inline-block;margin-top:55px;border-bottom:1px solid #34413f;padding:11px 0;color:#c4cccb;font:10px monospace;letter-spacing:.12em}.case-link span{color:var(--cyan);margin-left:40px}
.product-ui{position:relative;z-index:2;border:1px solid #33403e;background:#080b0c;box-shadow:0 40px 80px rgba(0,0,0,.45);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.ui-top{height:40px;border-bottom:1px solid #27312f;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#56615f;font:8px monospace;letter-spacing:.1em}.ui-top b{color:var(--cyan);font-size:7px}.tez-layout{display:grid;grid-template-columns:50px 1fr;min-height:450px}.ui-rail{border-right:1px solid #232d2b;display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:29px;color:#56605f}.ui-rail i:first-child{color:var(--cyan)}.billing-view{padding:30px}.billing-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #27312f;padding-bottom:22px}.billing-title small{display:block;color:var(--cyan);font:7px monospace;letter-spacing:.15em}.billing-title strong{display:block;font-size:16px;margin-top:7px}.billing-title>span{font:10px monospace;color:#788280}.item-row{display:grid;grid-template-columns:38px 1fr auto auto;gap:14px;align-items:center;border-bottom:1px solid #1e2826;padding:17px 5px}.item-row.active{background:linear-gradient(90deg,rgba(83,242,208,.07),transparent)}.item-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #2c3936;color:var(--cyan)}.item-row b{font-size:10px}.item-row small{display:block;color:#596361;font:7px monospace;margin-top:5px}.item-row em{font:9px monospace;color:#707b79}.item-row>strong{font:11px monospace}.total-panel{margin-top:25px;background:#0d1413;border:1px solid #263633;padding:20px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.total-panel span{color:#6c7876;font:7px monospace}.total-panel strong{font:24px monospace;text-align:right}.total-panel button{grid-column:1/-1;margin-top:16px;border:0;background:var(--cyan);padding:13px;color:#04100d;font:700 9px monospace;letter-spacing:.12em}
.project-half{padding-bottom:55px}.project-half h3{margin-top:38px}.nomoq-word{font-size:27px;font-weight:900;letter-spacing:-.06em}.nomoq-word span{color:var(--cyan)}.nomoq-ui{border:1px solid #293431;background:#070a0a;padding:16px;margin:40px 0 10px}.nomoq-search{border:1px solid #26312f;color:#687371;padding:14px;font:9px monospace}.nomoq-search b{float:right;color:#3f4a48}.product-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.product-mini-grid>div{background:#0d1112;border:1px solid #1d2625;padding:10px}.mini-shape{height:105px;display:block;margin-bottom:13px;position:relative;overflow:hidden}.shape-a{background:linear-gradient(135deg,#202b29,#0c100f)}.shape-a:after{content:"";position:absolute;width:55px;height:70px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(8deg);background:linear-gradient(135deg,#c9d0c9,#66736e);box-shadow:8px 8px 0 #28322f}.shape-b{background:radial-gradient(circle at center,#38504a,#111615 58%)}.shape-b:after{content:"N";position:absolute;inset:25px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-size:25px}.shape-c{background:linear-gradient(45deg,#131918,#293532)}.shape-c:after{content:"";position:absolute;width:65px;height:65px;border-radius:50%;border:10px solid #82918c;left:50%;top:50%;transform:translate(-50%,-50%)}.product-mini-grid b{display:block;font-size:9px}.product-mini-grid small{font:7px monospace;color:#586361}.product-mini-grid em{font-style:normal;color:var(--cyan)}
.vision-card{background:radial-gradient(circle at 50% 36%,rgba(83,242,208,.07),transparent 30%),#090c0d}.vision-stage{height:285px;position:relative;border:1px solid #25312f;background:repeating-linear-gradient(90deg,rgba(83,242,208,.02) 0,rgba(83,242,208,.02) 1px,transparent 1px,transparent 35px),#070a0a;display:flex;align-items:center;justify-content:center;overflow:hidden}.scan-label{position:absolute;top:15px;left:18px;color:#71807d;font:7px monospace;letter-spacing:.15em}.scan-label i{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan)}.cup-stack{width:230px;height:170px;position:relative;display:flex;align-items:center;justify-content:center}.cup-stack span{position:absolute;width:110px;height:55px;border-radius:10px 10px 40px 40px;border:1px solid rgba(223,232,227,.56);background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,.18),rgba(255,255,255,.04));box-shadow:inset 0 -10px 20px rgba(83,242,208,.07)}.cup-stack span:nth-child(1){transform:translateY(-60px)}.cup-stack span:nth-child(2){transform:translateY(-40px)}.cup-stack span:nth-child(3){transform:translateY(-20px)}.cup-stack span:nth-child(5){transform:translateY(20px)}.cup-stack span:nth-child(6){transform:translateY(40px)}.cup-stack span:nth-child(7){transform:translateY(60px)}.scan-line{position:absolute;left:10%;right:10%;height:1px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:scan 3s ease-in-out infinite}.count-box{position:absolute;right:22px;bottom:20px;background:rgba(5,8,8,.85);border-left:1px solid var(--cyan);padding:10px 13px}.count-box small,.count-box em{display:block;color:#5e6b68;font:6px monospace;letter-spacing:.14em}.count-box strong{font:20px monospace;color:var(--cyan)}.count-box em{font-style:normal}.target-corner{position:absolute;width:16px;height:16px}.tl{left:12px;top:12px;border-left:1px solid var(--cyan);border-top:1px solid var(--cyan)}.tr{right:12px;top:12px;border-right:1px solid var(--cyan);border-top:1px solid var(--cyan)}.bl{left:12px;bottom:12px;border-left:1px solid var(--cyan);border-bottom:1px solid var(--cyan)}.br{right:12px;bottom:12px;border-right:1px solid var(--cyan);border-bottom:1px solid var(--cyan)}
.project-wide{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;min-height:600px}.shanaya-copy{position:relative;z-index:2}.shanaya-title{font-size:19px;font-weight:700;letter-spacing:.05em;margin-bottom:30px}.shanaya-title>span{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--cyan);color:#06100e;margin-right:8px}.ops-map{height:460px;position:relative;display:grid;place-items:center}.map-core{z-index:3;width:120px;height:120px;border:1px solid var(--cyan);background:#0c1513;box-shadow:0 0 55px rgba(83,242,208,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(45deg)}.map-core span,.map-core small{transform:rotate(-45deg)}.map-core span{font-size:27px;color:var(--cyan)}.map-core small{font:6px monospace;text-align:center;color:#73807d;margin-top:8px}.orbit{position:absolute;border-radius:50%;border:1px dashed #23312e}.orbit.one{width:310px;height:310px;animation:spin 45s linear infinite}.orbit.two{width:430px;height:430px;border-style:solid;border-color:#19231f}.map-node{z-index:4;position:absolute;width:105px;height:84px;background:#0b100f;border:1px solid #293633;padding:13px;box-shadow:0 15px 30px rgba(0,0,0,.35)}.map-node i{color:var(--cyan);font-style:normal}.map-node span{display:block;font:8px monospace;color:#a3aeab;margin-top:12px}.map-node b{display:block;font:6px monospace;color:#4c5c58;margin-top:5px}.node-a{left:10%;top:14%}.node-b{right:9%;top:17%}.node-c{left:13%;bottom:10%}.node-d{right:8%;bottom:12%}
.cap-section{max-width:1500px;margin:auto;padding:145px 5vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw}.cap-heading{position:sticky;top:80px;align-self:start}.cap-heading .section-index{display:block;margin-bottom:35px}.cap-list{border-top:1px solid var(--line)}.cap-list article{min-height:170px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:50px 1fr 30px;gap:25px;padding:35px 5px;transition:.3s}.cap-list article:hover{padding-left:18px;background:linear-gradient(90deg,rgba(83,242,208,.045),transparent)}.cap-list article>span{font:9px monospace;color:var(--cyan)}.cap-list h3{font-size:28px;margin:0 0 13px;letter-spacing:-.03em}.cap-list p{color:#788482;line-height:1.6;font-size:13px;max-width:550px}.cap-list b{color:#40504c;font-weight:400}.cap-list article:hover b{color:var(--cyan)}
.manifesto{min-height:650px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;background:radial-gradient(circle at center,rgba(83,242,208,.075),transparent 34%),#07090a;overflow:hidden}.manifesto:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(83,242,208,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(83,242,208,.03) 1px,transparent 1px);background-size:62px 62px;mask-image:radial-gradient(circle,#000,transparent 65%)}.manifesto-mark{position:absolute;font-size:440px;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(83,242,208,.055);line-height:1}.manifesto>p{position:relative;font-size:clamp(38px,5vw,75px);font-weight:700;letter-spacing:-.05em;line-height:1.05;text-transform:uppercase;margin:0}.manifesto>p span{color:var(--cyan)}.manifesto-meta{position:absolute;bottom:40px;left:6vw;right:6vw;display:flex;justify-content:space-between;color:#53605d;font:7px monospace;letter-spacing:.18em}
.contact-section{min-height:700px;padding:130px 7vw 60px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden}.contact-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(83,242,208,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(83,242,208,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}.contact-section h2{position:relative;font-size:clamp(60px,8vw,125px);text-transform:uppercase;line-height:.88;letter-spacing:-.065em;margin:35px 0}.contact-section>p{position:relative;color:#899593;font-size:16px}.contact-button{position:relative;margin-top:45px;min-width:310px;display:flex;align-items:center;justify-content:space-between;background:var(--cyan);color:#05100d;padding:22px 24px;font:700 11px monospace;letter-spacing:.12em;box-shadow:0 0 55px rgba(83,242,208,.14)}.contact-button b{font-size:18px}.contact-points{position:absolute;bottom:34px;left:7vw;right:7vw;display:flex;justify-content:space-between;color:#63706d;font:7px monospace;letter-spacing:.16em}.contact-points i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}
footer{min-height:150px;border-top:1px solid var(--line);padding:35px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;background:#040606}footer>p{color:#66716f;text-align:center;font-size:11px}footer>div{display:flex;justify-content:flex-end;gap:25px;font:8px monospace;color:#707b79;letter-spacing:.12em}footer small{grid-column:1/-1;color:#3f4947;font:6px monospace;letter-spacing:.15em;text-align:center}
@keyframes scan{0%,100%{top:20%}50%{top:80%}}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.nav-wrap.is-scrolled{position:fixed;background:rgba(5,7,8,.88);backdrop-filter:blur(14px)}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media(max-width:1000px){.section-head{grid-template-columns:1fr}.project-main,.project-wide{grid-template-columns:1fr}.project-card{padding:35px}.project-main{min-height:auto}.project-half{min-height:640px}.cap-section{grid-template-columns:1fr}.cap-heading{position:static}.ops-map{margin-top:20px}.signal-strip{justify-content:flex-start;overflow:hidden}.product-ui{transform:none}}
@media(max-width:700px){.work-section{padding:100px 20px}.project-grid{grid-template-columns:1fr}.project-half{grid-column:1;min-height:auto}.project-card{padding:28px 20px}.project-main,.project-wide{grid-column:1}.project-number{margin-bottom:34px}.project-card h3{font-size:39px}.tez-layout{grid-template-columns:36px}.ui-rail{gap:23px}.billing-view{padding:15px 12px}.item-row{grid-template-columns:32px 1fr auto}.item-row em{display:none}.total-panel{grid-template-columns:1fr}.total-panel strong{text-align:left;margin-top:8px}.product-mini-grid{grid-template-columns:1fr 1fr}.product-mini-grid>div:last-child{display:none}.vision-stage{height:250px}.project-wide{min-height:auto}.ops-map{height:380px;transform:scale(.82);margin:-20px}.cap-section{padding:100px 20px}.cap-list article{grid-template-columns:35px 1fr 20px}.manifesto{min-height:520px;padding:40px 20px}.manifesto-meta{flex-direction:column;gap:10px}.contact-section{padding:100px 20px 110px;min-height:650px}.contact-section h2{font-size:14vw}.contact-button{min-width:100%;padding:20px 16px}.contact-points{left:20px;right:20px;flex-direction:column;gap:12px}.contact-grid{background-size:38px 38px}footer{grid-template-columns:1fr;text-align:center;padding:45px 20px}footer .brand{justify-content:center}footer>p{text-align:center}footer>div{justify-content:center}footer small{grid-column:1}}

/* Cinematic interaction layer */
body:before{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-loader{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;gap:24px;background:#030505;transition:opacity .65s ease,visibility .65s ease}.site-loader:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(83,242,208,.025) 0,rgba(83,242,208,.025) 1px,transparent 1px,transparent 60px)}body.is-ready .site-loader{opacity:0;visibility:hidden}.loader-mark{position:relative;display:grid;place-items:center;width:72px;height:72px;border:1px solid var(--cyan);color:var(--cyan);font-size:36px;font-weight:900;box-shadow:0 0 40px rgba(83,242,208,.16);animation:loaderPulse 1s ease-in-out infinite}.loader-copy{position:relative;display:flex;flex-direction:column;gap:8px;width:220px}.loader-copy span{font-size:16px;font-weight:800;letter-spacing:.17em}.loader-copy i{display:block;height:2px;background:linear-gradient(90deg,var(--cyan) 0 45%,#1c2724 45%);background-size:220% 100%;animation:loadBar 1.1s linear infinite}.loader-copy small{color:#52605d;font:7px monospace;letter-spacing:.18em}
.scroll-progress{position:fixed;z-index:9997;left:0;right:0;top:0;height:2px;background:rgba(255,255,255,.03)}.scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.pointer-glow{position:fixed;z-index:1;left:0;top:0;width:420px;height:420px;border-radius:50%;pointer-events:none;opacity:.55;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(83,242,208,.075),rgba(83,242,208,.015) 38%,transparent 70%);mix-blend-mode:screen}.cursor-dot,.cursor-ring{position:fixed;z-index:9999;left:0;top:0;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.cursor-dot{width:5px;height:5px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.cursor-ring{width:30px;height:30px;border:1px solid rgba(83,242,208,.6);transition:width .2s,height .2s,border-color .2s}.cursor-ring.is-active{width:48px;height:48px;border-color:rgba(83,242,208,.28)}
.particle-field{position:absolute;z-index:-1;inset:0;width:100%;height:100%;opacity:.7}.hero-scan{position:absolute;z-index:0;left:0;right:0;height:180px;top:-190px;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(83,242,208,.035),transparent);animation:heroScan 8s linear infinite}.hero-title{position:relative;text-shadow:0 20px 60px rgba(0,0,0,.7)}.hero-title:after{content:attr(data-text);position:absolute;left:2px;top:0;width:100%;height:100%;overflow:hidden;color:rgba(83,242,208,.11);clip-path:polygon(0 36%,100% 36%,100% 39%,0 39%);animation:glitchLine 5s steps(1) infinite;pointer-events:none}.hero h1>span{background:linear-gradient(105deg,#596462 30%,#d8fdf5 46%,var(--cyan) 50%,#596462 56%);background-size:250% auto;background-clip:text;-webkit-background-clip:text;animation:textShine 5.5s linear infinite}
.nav-wrap{transition:height .35s ease,background .35s ease,box-shadow .35s ease}.nav-wrap.is-scrolled{height:72px;box-shadow:0 16px 50px rgba(0,0,0,.35)}.nav-wrap a{transition:color .25s ease,transform .25s ease}.nav-wrap nav a{position:relative}.nav-wrap nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-11px;height:1px;background:var(--cyan);transition:right .3s ease}.nav-wrap nav a:hover:after{right:0}.brand-mark{position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:-40%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%) rotate(20deg);animation:brandSweep 4s ease-in-out infinite}
.console-corner{position:absolute;width:34px;height:34px;z-index:4}.corner-one{left:-1px;top:-1px;border-left:2px solid var(--cyan);border-top:2px solid var(--cyan)}.corner-two{right:-1px;bottom:-1px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan)}.hero-console:after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(100deg,transparent 20%,rgba(83,242,208,.12) 48%,transparent 72%);transform:translateX(-120%);animation:consoleSweep 5s ease-in-out infinite}.floating-chip{position:absolute;z-index:4;width:105px;padding:10px 12px;border:1px solid rgba(83,242,208,.24);background:rgba(7,13,12,.82);backdrop-filter:blur(8px);box-shadow:0 15px 30px rgba(0,0,0,.3);font:7px monospace;letter-spacing:.12em}.floating-chip i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.floating-chip span{color:#a7b3b0}.floating-chip b{display:block;color:#51615d;font-size:6px;margin:7px 0 0 12px}.chip-cloud{right:3.5%;top:27%;animation:chipFloat 6s ease-in-out infinite}.chip-ai{right:35%;bottom:20%;animation:chipFloat 7s 1s ease-in-out infinite reverse}
.impact-bar{display:grid;grid-template-columns:repeat(3,1fr);max-width:1500px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#060909}.impact-bar article{position:relative;min-height:190px;padding:35px 4vw;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.impact-bar article:last-child{border-right:0}.impact-bar article:after{content:"";position:absolute;width:130px;height:130px;right:-50px;bottom:-65px;border:1px solid rgba(83,242,208,.1);border-radius:50%;transition:transform .5s,box-shadow .5s}.impact-bar article:hover:after{transform:scale(1.35);box-shadow:0 0 40px rgba(83,242,208,.08)}.impact-bar small,.impact-bar span{font:7px monospace;letter-spacing:.17em;color:#596663}.impact-bar strong{font:54px/1 monospace;color:#eaf2f0;margin:13px 0}.impact-bar strong:after{content:"+";font-size:17px;color:var(--cyan);margin-left:3px}
.project-card{--mouse-x:50%;--mouse-y:50%;transition:transform .16s ease-out,border-color .35s ease,box-shadow .35s ease}.project-card:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mouse-x) var(--mouse-y),rgba(83,242,208,.09),transparent 45%);transition:opacity .35s}.project-card:hover:after{opacity:1}.project-card:hover{box-shadow:inset 0 0 0 1px rgba(83,242,208,.16),0 35px 80px rgba(0,0,0,.26)}.project-card>*{position:relative;z-index:1}.project-card h3{transition:text-shadow .35s,color .35s}.project-card:hover h3{text-shadow:0 0 35px rgba(83,242,208,.10)}.tag-row span{transition:color .25s,border-color .25s,background .25s}.project-card:hover .tag-row span{color:#a8bbb7;border-color:#38534d;background:rgba(83,242,208,.025)}.product-ui{transition:box-shadow .45s ease}.project-card:hover .product-ui{box-shadow:0 55px 100px rgba(0,0,0,.55),0 0 60px rgba(83,242,208,.08)}
.contact-button{overflow:hidden;transition:transform .18s ease-out,box-shadow .3s ease}.contact-button:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.6) 47%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease}.contact-button:hover:before{transform:translateX(120%)}.contact-button:hover{box-shadow:0 0 75px rgba(83,242,208,.28)}.contact-button span,.contact-button b{position:relative;z-index:1}.manifesto>p span{text-shadow:0 0 50px rgba(83,242,208,.16)}
@keyframes loaderPulse{50%{transform:scale(.94);box-shadow:0 0 70px rgba(83,242,208,.28)}}@keyframes loadBar{to{background-position:-220% 0}}@keyframes heroScan{to{top:100%}}@keyframes textShine{to{background-position:-150% center}}@keyframes brandSweep{0%,65%{transform:translateX(-130%) rotate(20deg)}85%,100%{transform:translateX(130%) rotate(20deg)}}@keyframes consoleSweep{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}@keyframes chipFloat{50%{transform:translateY(-13px)}}@keyframes glitchLine{0%,86%,100%{transform:translate(0)}88%{transform:translate(8px,-2px)}90%{transform:translate(-5px,2px)}92%{transform:translate(0)}}
@media(max-width:1100px){.floating-chip{display:none}.impact-bar{margin:0 5vw}.pointer-glow{opacity:.35}}
@media(max-width:700px){.impact-bar{grid-template-columns:1fr;margin:0 20px}.impact-bar article{min-height:130px;border-right:0;border-bottom:1px solid var(--line)}.impact-bar strong{font-size:42px}.site-loader{gap:14px}.loader-mark{width:58px;height:58px;font-size:28px}.loader-copy{width:180px}.pointer-glow,.cursor-dot,.cursor-ring{display:none}.hero-title:after{display:none}}
@media(hover:none),(pointer:coarse){.cursor-dot,.cursor-ring,.pointer-glow{display:none}.project-card{transform:none!important}}
@media(prefers-reduced-motion:reduce){.site-loader{display:none}.reveal{opacity:1;transform:none}.particle-field,.hero-scan,.hero-title:after{display:none}}

/* Premium case-study storytelling */
.case-proof{display:grid;grid-template-columns:repeat(3,1fr);margin:34px 0 5px;border-top:1px solid #22302d;border-bottom:1px solid #22302d}.case-proof>div{padding:15px 12px;border-right:1px solid #22302d}.case-proof>div:last-child{border-right:0}.case-proof small{display:block;color:#52605d;font:6px monospace;letter-spacing:.13em;margin-bottom:7px}.case-proof strong{display:block;color:#c8d2cf;font-size:9px;letter-spacing:.01em}.compact-proof{grid-template-columns:1fr 1fr;max-width:520px}.case-narrative{display:grid;grid-template-columns:75px 1fr;gap:12px;align-items:start;margin-top:26px;padding:18px;border-left:1px solid var(--cyan);background:linear-gradient(90deg,rgba(83,242,208,.045),transparent)}.case-narrative>span{color:var(--cyan);font:6px monospace;letter-spacing:.14em}.case-narrative>p{font-size:10px;line-height:1.55;margin:0;color:#7f8d89}
.cap-heading>p{max-width:430px;margin-top:30px;color:#788582;font-size:13px;line-height:1.75}.cap-list article div>small{display:block;color:var(--cyan);font:6px monospace;letter-spacing:.16em;margin-bottom:10px}.cap-list article{position:relative;overflow:hidden}.cap-list article:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);transition:width .6s ease}.cap-list article:hover:after{width:100%}
.build-section{padding:145px 5vw;background:radial-gradient(circle at 10% 15%,rgba(83,242,208,.06),transparent 23%),#060809;border-top:1px solid var(--line)}.build-intro{max-width:1500px;margin:0 auto 75px;display:grid;grid-template-columns:.4fr 1.25fr .65fr;gap:50px;align-items:end}.build-intro h2{margin:0;font-size:clamp(48px,5.5vw,88px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase}.build-intro h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #687472}.build-intro>p{max-width:420px;color:#818e8b;font-size:14px;line-height:1.75}.build-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.build-card{--mouse-x:50%;--mouse-y:50%;position:relative;min-height:370px;padding:32px 28px;background:#090c0d;overflow:hidden;transition:transform .16s ease-out,background .35s ease,box-shadow .35s ease}.build-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(83,242,208,.045),transparent 35%);opacity:0;transition:opacity .35s}.build-card:after{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--mouse-x) var(--mouse-y),rgba(83,242,208,.10),transparent 47%);opacity:0;transition:opacity .35s;pointer-events:none}.build-card:hover:before,.build-card:hover:after{opacity:1}.build-card:hover{background:#0b100f;box-shadow:inset 0 0 0 1px rgba(83,242,208,.18),0 30px 60px rgba(0,0,0,.28)}.build-card>*{position:relative;z-index:1}.build-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #2b3a37;color:var(--cyan);font:10px monospace;clip-path:polygon(16% 0,100% 0,100% 84%,84% 100%,0 100%,0 16%);transition:border-color .35s,box-shadow .35s,transform .35s}.build-card:hover .build-icon{border-color:var(--cyan);box-shadow:0 0 28px rgba(83,242,208,.13);transform:translateY(-4px)}.build-card>small{display:block;color:#53615d;font:6px monospace;letter-spacing:.17em;margin-top:38px}.build-card h3{font-size:23px;line-height:1.05;letter-spacing:-.035em;margin:12px 0 18px}.build-card>p{color:#71807c;font-size:11px;line-height:1.65;margin:0}.build-card>div{position:absolute;left:28px;right:28px;bottom:28px;display:flex;gap:6px;flex-wrap:wrap}.build-card>div i{font-style:normal;border:1px solid #26312f;color:#53605d;padding:6px 7px;font:6px monospace;letter-spacing:.08em}.build-card:hover>div i{border-color:#355048;color:#7f9690}
.engagement{max-width:1500px;margin:100px auto 0;padding-top:70px;border-top:1px solid var(--line);display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw}.engagement-head h3{font-size:clamp(38px,4vw,62px);text-transform:uppercase;letter-spacing:-.05em;line-height:.95;margin:26px 0 0}.engagement ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr}.engagement li{min-height:190px;padding:28px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;gap:16px;transition:background .3s}.engagement li:hover{background:rgba(83,242,208,.03)}.engagement li>span{color:var(--cyan);font:8px monospace}.engagement strong{font-size:19px;text-transform:uppercase;letter-spacing:.01em}.engagement li p{color:#71807c;font-size:11px;line-height:1.6;margin:13px 0 0}
.contact-section>p{max-width:700px;line-height:1.7}.contact-section h2{max-width:1300px}
@media(max-width:1200px){.build-intro{grid-template-columns:1fr}.build-intro>p{max-width:700px}.build-grid{grid-template-columns:repeat(2,1fr)}.engagement{grid-template-columns:1fr}.case-proof{grid-template-columns:1fr}.case-proof>div{border-right:0;border-bottom:1px solid #22302d}.case-proof>div:last-child{border-bottom:0}.compact-proof{grid-template-columns:1fr}}
@media(max-width:700px){.case-narrative{grid-template-columns:1fr}.build-section{padding:100px 20px}.build-grid{grid-template-columns:1fr}.build-card{min-height:330px}.engagement{margin-top:70px}.engagement ol{grid-template-columns:1fr}.engagement li{min-height:150px}.cap-heading>p{font-size:12px}}

/* Visual product lab — each capability explains itself at a glance */
.build-grid{grid-template-columns:repeat(2,1fr);gap:14px;background:transparent;border:0}.build-card{min-height:500px;padding:18px;border:1px solid var(--line);display:flex;flex-direction:column}.build-card>.solution-visual{position:relative;left:auto;right:auto;bottom:auto;height:320px;width:100%;display:block;overflow:hidden;border:1px solid #24302e;background-color:#070a0a;background-image:linear-gradient(rgba(83,242,208,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(83,242,208,.025) 1px,transparent 1px);background-size:32px 32px}.build-card>.solution-label{position:relative;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:1fr auto;gap:8px 30px;align-items:end;padding:24px 8px 6px}.solution-label small{grid-column:1/-1;color:var(--cyan);font:6px monospace;letter-spacing:.17em}.solution-label h3{font-size:28px;margin:0}.solution-label p{margin:0;color:#788582;font:9px monospace;letter-spacing:.04em;text-align:right}.visual-status{position:absolute;z-index:10;left:16px;top:14px;color:#697773;font:6px monospace;letter-spacing:.15em}.visual-status i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}
/* ERP network */
.erp-core{position:absolute;z-index:3;left:50%;top:53%;width:92px;height:92px;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(45deg);border:1px solid var(--cyan);background:#0c1714;color:var(--cyan);font:18px monospace;box-shadow:0 0 55px rgba(83,242,208,.15)}.erp-core:after{content:"";position:absolute;inset:12px;border:1px dashed rgba(83,242,208,.2)}.erp-node{position:absolute;z-index:3;width:78px;padding:10px;border:1px solid #2c3a37;background:#0b100f;color:#8d9b97;text-align:center;font:7px monospace;letter-spacing:.12em;box-shadow:0 14px 25px rgba(0,0,0,.35)}.erp-node:before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;background:var(--cyan)}.erp-node.n1{left:10%;top:29%}.erp-node.n2{right:10%;top:29%}.erp-node.n3{left:14%;bottom:17%}.erp-node.n4{right:14%;bottom:17%}.connector{position:absolute;z-index:1;left:50%;top:53%;width:58%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.3}.connector.c1{transform:translate(-50%,-50%) rotate(25deg)}.connector.c2{transform:translate(-50%,-50%) rotate(-25deg)}
/* POS terminal */
.pos-screen{position:absolute;left:9%;top:23%;width:62%;height:210px;padding:20px;border:1px solid #344541;background:#0b100f;box-shadow:18px 20px 0 #060807,0 30px 60px rgba(0,0,0,.4);transform:perspective(700px) rotateY(8deg)}.pos-screen>span{color:#60706c;font:7px monospace}.pos-screen>b{display:block;color:#eef6f3;font:28px monospace;margin:17px 0}.pos-screen>i{display:block;height:6px;margin:8px 0;background:linear-gradient(90deg,#283733 60%,transparent 60%)}.pos-screen>i:nth-of-type(2){background:linear-gradient(90deg,#283733 42%,transparent 42%)}.pos-screen>i:nth-of-type(3){background:linear-gradient(90deg,#283733 72%,transparent 72%)}.pos-screen button{position:absolute;left:20px;right:20px;bottom:18px;border:0;padding:11px;background:var(--cyan);color:#04100d;font:700 7px monospace;letter-spacing:.12em}.receipt{position:absolute;right:9%;top:31%;width:23%;height:180px;padding:22px 12px;background:#cdd7d2;color:#17201e;transform:rotate(4deg);box-shadow:0 20px 35px rgba(0,0,0,.35)}.receipt:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:12px;background:linear-gradient(135deg,transparent 6px,#cdd7d2 0) 0 0/12px 12px repeat-x}.receipt i{display:block;height:3px;margin-bottom:10px;background:#697470}.receipt strong{display:block;margin-top:35px;font:7px monospace;text-align:center}
/* SaaS dashboard */
.saas-side{position:absolute;left:7%;top:20%;bottom:10%;width:48px;border:1px solid #273431;background:#0a0e0e;display:flex;flex-direction:column;align-items:center;padding-top:20px;gap:18px}.saas-side i{width:14px;height:14px;border:1px solid #40504c}.saas-side i:first-child{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px rgba(83,242,208,.3)}.saas-main{position:absolute;left:calc(7% + 60px);right:7%;top:20%;bottom:10%;padding:25px;border:1px solid #273431;background:#0b100f}.saas-main>span{color:#61706c;font:7px monospace;letter-spacing:.15em}.saas-main>b{position:absolute;right:24px;top:24px;color:var(--cyan);font:12px monospace}.chart-bars{height:160px;display:flex;align-items:flex-end;gap:7%;padding-top:28px;border-bottom:1px solid #2d3a37}.chart-bars i{flex:1;background:linear-gradient(to top,rgba(83,242,208,.65),rgba(83,242,208,.08));border-top:1px solid var(--cyan);animation:chartPulse 3s ease-in-out infinite}.chart-bars i:nth-child(1){height:34%}.chart-bars i:nth-child(2){height:46%;animation-delay:.15s}.chart-bars i:nth-child(3){height:42%;animation-delay:.3s}.chart-bars i:nth-child(4){height:66%;animation-delay:.45s}.chart-bars i:nth-child(5){height:78%;animation-delay:.6s}.chart-bars i:nth-child(6){height:92%;animation-delay:.75s}
/* Commerce catalogue */
.commerce-search{position:absolute;left:7%;right:7%;top:20%;padding:12px 15px;border:1px solid #2a3734;background:#0b100f;color:#62706d;font:8px monospace}.commerce-products{position:absolute;left:7%;right:7%;top:37%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.commerce-products span{padding:9px;border:1px solid #23302d;background:#0a0e0e}.commerce-products i{display:block;height:105px;background:radial-gradient(circle at 50% 45%,#48605a,#18201e 38%,#0c100f 70%);position:relative}.commerce-products span:nth-child(2) i{background:linear-gradient(135deg,#394b47,#111716)}.commerce-products span:nth-child(3) i{background:radial-gradient(circle,#71827d 0 17%,#1a2422 18% 35%,#0d1211 36%)}.commerce-products b{display:block;margin-top:10px;color:#778580;font:6px monospace}.cart-pill{position:absolute;right:7%;bottom:8%;padding:10px 13px;background:var(--cyan);color:#04100d;font:700 7px monospace;letter-spacing:.1em}
/* AI agent */
.ai-core{position:absolute;z-index:4;left:50%;top:52%;width:80px;height:80px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--cyan);background:#0b1714;color:var(--cyan);font:20px monospace;box-shadow:0 0 65px rgba(83,242,208,.25)}.ai-orbit{position:absolute;left:50%;top:52%;border-radius:50%;border:1px dashed #2d3f3a;transform:translate(-50%,-50%);animation:spin 22s linear infinite}.ai-orbit.ao1{width:190px;height:190px}.ai-orbit.ao2{width:270px;height:270px;animation-direction:reverse;animation-duration:34s}.ai-task{position:absolute;z-index:3;padding:10px 13px;border:1px solid #2c3b37;background:#0b100f;color:#7c8c87;font:7px monospace;letter-spacing:.12em}.ai-task.t1{left:12%;top:35%}.ai-task.t2{right:11%;top:33%}.ai-task.t3{left:45%;bottom:9%}.ai-pulse{position:absolute;left:50%;top:52%;width:80px;height:80px;border:1px solid var(--cyan);border-radius:50%;transform:translate(-50%,-50%);animation:aiPulse 2.4s ease-out infinite}
/* Computer vision */
.cv-target{position:absolute;left:50%;top:52%;width:190px;height:180px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(83,242,208,.09),transparent 62%)}.cv-target>span{position:absolute;width:36px;height:36px}.cv-target>span:nth-child(1){left:0;top:0;border-left:2px solid var(--cyan);border-top:2px solid var(--cyan)}.cv-target>span:nth-child(2){right:0;top:0;border-right:2px solid var(--cyan);border-top:2px solid var(--cyan)}.cv-target>span:nth-child(3){left:0;bottom:0;border-left:2px solid var(--cyan);border-bottom:2px solid var(--cyan)}.cv-target>span:nth-child(4){right:0;bottom:0;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan)}.cv-target>b{font:40px monospace;color:#e7f2ef}.cv-target>small{color:var(--cyan);font:7px monospace;letter-spacing:.2em}.cv-scan{position:absolute;left:15%;right:15%;height:1px;top:22%;background:var(--cyan);box-shadow:0 0 15px var(--cyan);animation:cvSweep 3s ease-in-out infinite}.cv-confidence{position:absolute;right:18px;bottom:16px;color:#566560;font:6px monospace}.cv-confidence b{color:var(--cyan);margin-left:8px}
/* Mobile apps */
.phone{position:absolute;border:1px solid #354641;border-radius:18px;background:#0b100f;box-shadow:0 25px 45px rgba(0,0,0,.4)}.phone:before{content:"";position:absolute;left:50%;top:7px;width:32px;height:3px;border-radius:5px;background:#26322f;transform:translateX(-50%)}.phone-back{left:25%;top:29%;width:105px;height:200px;transform:rotate(-10deg);opacity:.6;padding:28px 14px}.phone-back i,.phone-back span{display:block;background:#25332f}.phone-back i{height:45px;margin-bottom:10px}.phone-back span{height:7px;margin:8px}.phone-front{left:50%;top:18%;width:125px;height:235px;padding:42px 16px 15px;text-align:center;transform:translateX(-20%)}.phone-front i{display:block;width:55px;height:55px;margin:auto;border-radius:50%;border:5px solid #27423b;border-top-color:var(--cyan)}.phone-front b{display:block;font:24px monospace;margin-top:13px}.phone-front small{color:#66736f;font:6px monospace}.phone-front button{position:absolute;left:14px;right:14px;bottom:14px;padding:10px;border:0;background:var(--cyan);color:#04100d;font:700 6px monospace}.mobile-wave{position:absolute;right:11%;top:30%;width:110px;height:110px;border-radius:50%;border:1px dashed #31423d;animation:spin 18s linear infinite}
/* API integration hub */
.api-core{position:absolute;z-index:4;left:50%;top:52%;width:88px;height:88px;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(45deg);background:#0c1714;border:1px solid var(--cyan);color:var(--cyan);font:17px monospace;box-shadow:0 0 50px rgba(83,242,208,.17)}.api-node{position:absolute;z-index:3;width:55px;height:55px;display:grid;place-items:center;border:1px solid #30403c;border-radius:50%;background:#0a0f0e;color:#7d8c88;font:7px monospace}.api-node:after{content:"";position:absolute;width:150px;height:1px;background:linear-gradient(90deg,#283a35,var(--cyan));opacity:.35;transform-origin:left;z-index:-1}.api-node.an1{left:12%;top:27%}.api-node.an1:after{transform:rotate(17deg)}.api-node.an2{right:12%;top:27%}.api-node.an2:after{right:27px;transform-origin:right;transform:rotate(-17deg)}.api-node.an3{left:15%;bottom:13%}.api-node.an3:after{transform:rotate(-18deg)}.api-node.an4{right:15%;bottom:13%}.api-node.an4:after{right:27px;transform-origin:right;transform:rotate(18deg)}.api-node.an5{left:50%;top:13%;transform:translateX(-50%)}.api-node.an5:after{width:100px;transform:rotate(90deg)}.api-ring{position:absolute;left:50%;top:52%;width:220px;height:220px;border-radius:50%;border:1px dashed #273833;transform:translate(-50%,-50%);animation:spin 30s linear infinite}
@keyframes chartPulse{50%{filter:brightness(1.45);transform:scaleY(.93);transform-origin:bottom}}@keyframes aiPulse{to{width:220px;height:220px;opacity:0}}@keyframes cvSweep{0%,100%{top:22%}50%{top:78%}}
@media(max-width:900px){.build-grid{grid-template-columns:1fr}.build-card>.solution-visual{height:300px}}
@media(max-width:520px){.build-card{min-height:430px;padding:12px}.build-card>.solution-visual{height:270px}.solution-label{grid-template-columns:1fr}.solution-label p{text-align:left}.commerce-products i{height:80px}.erp-node{width:65px;padding:8px 4px}.erp-node.n1{left:4%}.erp-node.n2{right:4%}.erp-node.n3{left:7%}.erp-node.n4{right:7%}.receipt{display:none}.pos-screen{left:10%;width:80%}.api-node.an1{left:4%}.api-node.an2{right:4%}.api-node.an3{left:7%}.api-node.an4{right:7%}.mobile-wave{display:none}.phone-back{left:15%}}
.build-card>.solution-visual i{padding:0;font:inherit;letter-spacing:normal;color:inherit;border:0}.saas-side i{border:1px solid #40504c}.saas-side i:first-child{border-color:var(--cyan)}.phone-front i{border:5px solid #27423b;border-top-color:var(--cyan)}