@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Stencil:wght@500;700;900&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#0b0e13;--panel:#10151c;--panel2:#141b24;--line:rgba(255,255,255,.10);--muted:#8d98a8;--text:#eef3f8;--blue:#32a8ff;--cyan:#73dcff}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);font-family:"IBM Plex Sans",sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:50;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' 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-header{height:78px;position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:linear-gradient(to bottom,rgba(11,14,19,.94),rgba(11,14,19,.70));backdrop-filter:blur(14px);border-bottom:1px solid transparent}.brand{display:flex;align-items:center;gap:12px}.brand-name{font-family:"Big Shoulders Stencil";font-size:25px;font-weight:900;letter-spacing:.09em}.brand-mark{width:31px;height:31px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;transform:skewY(-20deg)}.brand-mark span{background:var(--cyan)}.brand-mark span:nth-child(1){height:68%;margin-top:32%}.brand-mark span:nth-child(2){height:100%}.brand-mark span:nth-child(3){height:68%}.nav{display:flex;align-items:center;gap:30px;font:12px "IBM Plex Mono";text-transform:uppercase;letter-spacing:.08em}.nav a{color:#aab4c1;transition:.25s}.nav a:hover{color:#fff}.nav-cta{border:1px solid var(--line);padding:10px 15px;color:#fff!important}.nav-cta span{color:var(--cyan)}.menu-toggle{display:none;background:none;border:0;color:#fff;width:42px;height:42px}.menu-toggle span{display:block;width:22px;height:1px;background:#fff;margin:6px}
.section-pad{padding-left:6vw;padding-right:6vw}.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding-top:100px;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.hero:after{content:"";position:absolute;width:620px;height:620px;right:-260px;top:10%;background:radial-gradient(circle,rgba(40,167,255,.17),transparent 68%);filter:blur(15px)}.hero-content,.hero-system{position:relative;z-index:2}.eyebrow{font:11px "IBM Plex Mono";letter-spacing:.15em;color:#8997a8;text-transform:uppercase}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan);margin-right:9px}.hero h1{font:700 clamp(65px,8vw,126px)/.87 "Big Shoulders Stencil";letter-spacing:.015em;text-transform:uppercase;margin:26px 0 30px}.hero h1 em,h2 em{font-style:normal;color:var(--cyan)}.hero-copy{max-width:600px;color:#aeb8c5;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:16px;padding:14px 20px;border:1px solid var(--line);font:12px "IBM Plex Mono";text-transform:uppercase;transition:.25s}.button-primary{background:var(--text);color:var(--ink);border-color:var(--text)}.button-primary:hover{background:var(--cyan);transform:translateY(-2px)}.button-ghost:hover{border-color:#8091a5;background:rgba(255,255,255,.04)}
.hero-system{justify-self:end;width:min(440px,100%);padding-right:2vw}.system-card{height:510px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(24,32,42,.82),rgba(10,14,19,.8));position:relative;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.35)}.system-card:before{content:"";position:absolute;inset:16px;border:1px solid rgba(115,220,255,.10)}.system-top,.system-bottom{position:absolute;left:27px;right:27px;display:flex;justify-content:space-between;font:10px "IBM Plex Mono";color:#738192;letter-spacing:.12em}.system-top{top:29px}.system-bottom{bottom:27px}.signal{color:#6ad8a0}.orb{position:absolute;inset:100px 45px;display:grid;place-items:center}.orb-ring{position:absolute;border:1px solid rgba(115,220,255,.28);border-radius:50%;transform:rotateX(62deg) rotateZ(12deg)}.ring-a{width:290px;height:290px;animation:spin 14s linear infinite}.ring-b{width:205px;height:205px;border-color:rgba(50,168,255,.45);animation:spin-rev 9s linear infinite}.orb-core{width:92px;height:92px;border-radius:28%;transform:rotate(45deg);background:linear-gradient(135deg,var(--cyan),var(--blue) 55%,#1263ad);box-shadow:0 0 80px rgba(50,168,255,.4);animation:pulse 4s ease-in-out infinite}@keyframes spin{to{transform:rotateX(62deg) rotateZ(372deg)}}@keyframes spin-rev{to{transform:rotateX(62deg) rotateZ(-348deg)}}@keyframes pulse{50%{transform:rotate(45deg) scale(1.12);filter:brightness(1.2)}}.hero-scroll{position:absolute;bottom:27px;left:6vw;font:10px "IBM Plex Mono";color:#687483;letter-spacing:.12em;z-index:3}.hero-scroll span{color:var(--cyan);margin-left:8px}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:16px 0;background:#0d1218}.ticker-track{display:inline-flex;gap:25px;align-items:center;min-width:max-content;animation:ticker 28s linear infinite;font:18px "Big Shoulders Stencil";letter-spacing:.09em}.ticker i{color:var(--cyan);font-style:normal}@keyframes ticker{to{transform:translateX(-50%)}}
.section{position:relative;padding-top:120px;padding-bottom:120px}.section-heading{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:70px}.section-heading h2,.about-copy h2,.contact-inner h2{font:clamp(58px,7vw,100px)/.86 "Big Shoulders Stencil";text-transform:uppercase;margin-top:18px}.section-intro{max-width:480px;color:#8f9aaa;font-size:16px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.solution-card{min-height:360px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.3s;background:rgba(255,255,255,.01)}.solution-card:hover{background:linear-gradient(150deg,rgba(50,168,255,.10),transparent 55%);transform:translateY(-4px)}.card-number,.project-type{font:10px "IBM Plex Mono";letter-spacing:.13em;color:#687585}.card-icon{font:34px "IBM Plex Mono";color:var(--cyan);margin-top:65px;height:50px}.solution-card h3{font-size:23px;margin:14px 0 10px}.solution-card p{color:#818d9d;font-size:14px;max-width:270px}.card-line{position:absolute;bottom:26px;left:27px;width:35px;height:1px;background:var(--cyan)}
.projects-section{background:linear-gradient(180deg,#0b0e13,#0d131a);border-top:1px solid var(--line)}.project-list{border-top:1px solid var(--line)}.project{display:grid;grid-template-columns:90px 1fr 50px;align-items:center;gap:30px;padding:34px 0;border-bottom:1px solid var(--line);transition:.25s}.project:hover{padding-left:15px;padding-right:15px;background:rgba(50,168,255,.035)}.project-index{font:14px "IBM Plex Mono";color:#697687}.project-main h3{font-size:31px;margin:5px 0}.project-main>p:last-child{color:#818d9d;max-width:650px;font-size:14px}.project-arrow{font-size:25px;color:var(--cyan);text-align:right}
.careers-section{background:#0d1218;border-top:1px solid var(--line)}.career-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.career-copy{padding-top:15px}.career-kicker{font:10px "IBM Plex Mono";color:var(--cyan);letter-spacing:.15em}.career-copy h3{font:clamp(42px,5vw,70px)/.9 "Big Shoulders Stencil";text-transform:uppercase;margin:18px 0 28px}.career-copy>p{color:#909cab;max-width:480px}.career-note{display:flex;gap:18px;border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:#778393;font-size:12px}.career-note span{font:12px "IBM Plex Mono";color:var(--cyan)}.career-note strong{color:#dbe5ef;font-weight:500}
.career-form{border:1px solid var(--line);background:#0a0f15;padding:30px;position:relative}.career-form:before{content:"";position:absolute;inset:9px;border:1px solid rgba(115,220,255,.07);pointer-events:none}.form-top{display:flex;justify-content:space-between;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--line);font:10px "IBM Plex Mono";letter-spacing:.12em;color:#687585}.career-form label{display:block;font:10px "IBM Plex Mono";text-transform:uppercase;letter-spacing:.10em;color:#8390a0;margin-bottom:20px}.career-form input,.career-form select,.career-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #26313e;background:#0e141c;color:#eaf1f7;padding:13px 14px;outline:none;border-radius:0}.career-form input:focus,.career-form select:focus,.career-form textarea:focus{border-color:#4f9cc8}.career-form textarea{resize:vertical;min-height:110px}.career-form select{appearance:auto}.file-wrap{height:49px;position:relative;display:flex;align-items:center;border:1px solid #26313e;background:#0e141c;overflow:hidden}.file-wrap input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:2}.file-wrap span{padding:0 14px;font:11px "IBM Plex Sans";color:#788596;text-transform:none;letter-spacing:0}.file-wrap .file-button{margin-left:auto;height:100%;display:flex;align-items:center;background:#18222d;color:#dce7f1}.submit-button{width:100%;border:1px solid var(--cyan);background:var(--cyan);color:#071018;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;font:12px "IBM Plex Mono";text-transform:uppercase;cursor:pointer;transition:.25s}.submit-button:hover{background:#b7edff}.demo-disclaimer{margin-top:13px;color:#596675;font:9px "IBM Plex Mono";line-height:1.6;text-transform:uppercase}.success{display:none;margin-top:18px;border:1px solid rgba(106,216,160,.35);background:rgba(106,216,160,.06);padding:15px;align-items:flex-start;gap:12px}.success.show{display:flex}.success-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid #6ad8a0;color:#6ad8a0}.success strong{font-size:14px}.success p{color:#7f9187;font-size:12px;margin-top:2px}
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;min-height:720px}.about-visual{min-height:500px;border:1px solid var(--line);display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 50%,rgba(50,168,255,.12),transparent 45%),#0d1218;overflow:hidden}.about-visual:before,.about-visual:after{content:"";position:absolute;width:80%;height:1px;background:var(--line)}.about-visual:after{transform:rotate(90deg)}.about-mark{position:relative;z-index:2;width:210px;height:210px;border:1px solid rgba(115,220,255,.35);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 100px rgba(50,168,255,.12)}.about-mark span{font:150px/.7 "Big Shoulders Stencil";color:var(--cyan);font-weight:900}.about-mark small{font:8px "IBM Plex Mono";letter-spacing:.16em;color:#6f7e8e;text-align:center;line-height:1.5}.about-copy>p:not(.eyebrow){color:#9ba6b4;margin-top:24px;max-width:560px}.about-stats{display:flex;gap:42px;margin-top:45px;padding-top:24px;border-top:1px solid var(--line)}.about-stats div{display:flex;flex-direction:column}.about-stats strong{font:40px "Big Shoulders Stencil"}.about-stats span{font:9px "IBM Plex Mono";color:#697687;letter-spacing:.08em}
.contact-section{border-top:1px solid var(--line);background:radial-gradient(circle at 75% 50%,rgba(50,168,255,.14),transparent 38%),#0a0f15;padding-top:120px;padding-bottom:120px}.contact-inner{max-width:1000px}.contact-inner>p:not(.eyebrow){color:#8995a4;margin-top:28px;max-width:540px}.contact-link{margin-top:45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #536171;padding-bottom:14px;max-width:720px;font:clamp(20px,3vw,34px) "IBM Plex Mono"}.contact-link b{color:var(--cyan);font-weight:400}.footer{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:27px 6vw;color:#667384;font-size:12px}.footer-brand{display:flex;align-items:center;gap:10px;color:#d8e0e8;font-family:"Big Shoulders Stencil";letter-spacing:.08em}.brand-mark.small{width:22px;height:22px}.footer-copy{text-align:right;font:10px "IBM Plex Mono"}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{padding:0 5vw}.menu-toggle{display:block;position:relative;z-index:45}.nav{position:fixed;inset:0;background:rgba(8,11,15,.98);display:flex;flex-direction:column;justify-content:center;gap:28px;opacity:0;visibility:hidden;transition:.25s;font-size:15px}.nav.open{opacity:1;visibility:visible}.menu-toggle span{transition:.25s}.menu-toggle.active span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle.active span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{grid-template-columns:1fr;padding-top:120px}.hero-system{display:none}.hero h1{font-size:clamp(64px,17vw,105px)}.hero-scroll{display:none}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.solution-grid{grid-template-columns:repeat(2,1fr)}.career-layout{grid-template-columns:1fr}.about-section{grid-template-columns:1fr;gap:50px}.footer{grid-template-columns:1fr;gap:15px}.footer p{text-align:left}.footer-copy{text-align:left}}
@media(max-width:560px){.section-pad{padding-left:5vw;padding-right:5vw}.brand-name{font-size:22px}.hero{min-height:850px}.hero h1{font-size:clamp(57px,18vw,86px)}.hero-copy{font-size:15px}.button{width:100%;justify-content:space-between}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:300px}.project{grid-template-columns:38px 1fr;gap:15px}.project-arrow{grid-column:2;text-align:left}.project-main h3{font-size:25px}.about-stats{gap:20px;flex-wrap:wrap}.about-visual{min-height:340px}.about-mark{width:165px;height:165px}.about-mark span{font-size:115px}.contact-link{font-size:17px}.ticker-track{font-size:15px}.career-form{padding:22px}}