:root{--bg:#16131f;--bg2:#201a2d;--violet:#7957ff;--purple:#a58dff;--orange:#ff7857;--green:#6ee7a6;--paper:#f3f1f7;--white:#fff;--ink:#191624;--muted:#777181;--pad:clamp(24px,6vw,105px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden}a{color:inherit;text-decoration:none}.header{height:88px;padding:0 var(--pad);position:absolute;z-index:20;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid #383144}.logo{display:flex;align-items:baseline;font-weight:800;font-size:23px;letter-spacing:-1.5px}.logo>b{color:var(--orange);font-size:30px;margin-left:2px}.logo small{font:500 7px IBM Plex Mono;letter-spacing:1.6px;color:#8f859c;margin-left:10px}.header nav{display:flex;align-items:center;gap:37px;font-size:11px;font-weight:700}.header nav>a:hover{color:var(--orange)}.contact-link{border:1px solid #52495f;padding:13px 17px}.contact-link b{margin-left:25px;color:var(--orange)}.menu{display:none;background:0;border:0}.menu i{display:block;width:24px;height:1px;background:#fff;margin:7px}.hero{min-height:100vh;padding:150px var(--pad) 80px;background:radial-gradient(circle at 75% 38%,#3a2753 0,transparent 30%),linear-gradient(130deg,#13101b,#20192d);color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a892c00c 1px,transparent 1px),linear-gradient(90deg,#a892c00c 1px,transparent 1px);background-size:70px 70px}.hero-copy,.build-window{position:relative;z-index:2}.eyebrow,.section-no{font:500 9px IBM Plex Mono;letter-spacing:1.7px;text-transform:uppercase;color:#a49aaa}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow i{width:24px;height:2px;background:var(--orange);display:block}.eyebrow.dark{color:#77717e}h1{font-size:clamp(52px,5.6vw,89px);line-height:1.02;letter-spacing:-4px;margin:25px 0;font-weight:700}h1 em{font-style:normal;color:var(--purple)}.hero-copy>p{max-width:650px;font-size:clamp(15px,1.2vw,18px);line-height:1.75;color:#a69dad}.actions{display:flex;align-items:center;gap:28px;margin-top:40px;font-size:11px;font-weight:800}.actions a{padding:16px}.actions b{margin-left:25px;color:var(--orange)}.primary{background:var(--violet);box-shadow:0 16px 40px #7957ff40}.primary b{color:white;margin-left:45px}.build-window{width:min(47vw,700px);justify-self:end;border:1px solid #50435f;background:#17121f;box-shadow:0 40px 100px #09060d99}.window-bar,.window-foot{height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #332b3d;font:500 7px IBM Plex Mono;color:#8f829a}.window-bar>span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5b4e66;margin-right:5px}.window-bar>span i:first-child{background:var(--orange)}.window-bar em{font-style:normal;color:var(--green)}.window-body{display:grid;grid-template-columns:145px 1fr;min-height:390px}.window-body aside{border-right:1px solid #332b3d;padding:20px 15px;display:flex;flex-direction:column;gap:18px;font:500 7px IBM Plex Mono;color:#7f748a}.window-body aside b{color:#b0a5ba}.code{padding:33px 24px;font:500 clamp(9px,1vw,13px)/2 IBM Plex Mono;color:#d8cfdf}.code>div{white-space:nowrap}.ln{display:inline-block;width:33px;color:#54495f;user-select:none}.purple{color:#b497ff}.orange{color:#ff9e81}.green{color:#6ee7a6}.result{margin-top:13px;padding-top:13px;border-top:1px solid #32293b;color:#8e829a}.result i{font-style:normal;color:var(--green);margin-right:8px}.window-foot{height:28px;border-top:1px solid #332b3d;border-bottom:0;background:#21182c}.window-foot span:first-child{color:white;background:var(--violet);align-self:stretch;display:flex;align-items:center;padding:0 13px;margin-left:-15px}.deploy{position:absolute;right:-20px;bottom:-55px;width:245px;background:#faf9fc;color:var(--ink);padding:17px 19px;box-shadow:0 18px 40px #0005}.deploy small{font:600 7px IBM Plex Mono;color:#8c8790}.deploy strong{float:right;font:600 15px IBM Plex Mono;color:var(--violet)}.deploy>div{height:4px;background:#ddd8e4;margin:13px 0}.deploy>div i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--violet),var(--orange))}.deploy>span{font:500 7px IBM Plex Mono;color:#6a646e}.hero-foot{position:absolute;bottom:24px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font:500 7px IBM Plex Mono;color:#6e6479;letter-spacing:1px}.section{padding:clamp(85px,10vw,165px) var(--pad)}.manifest{display:grid;grid-template-columns:.35fr 1.15fr .5fr;gap:50px;background:#faf9fc}.manifest h2,.section-head h2,.case-copy h2,.contact h2{font-size:clamp(38px,4.3vw,68px);line-height:1.08;letter-spacing:-3px;margin:25px 0}.manifest h2 span,.case-copy h2 span,.contact h2 span{color:#a8a3ad}.manifest-copy{padding-top:52px}.manifest-copy p,.case-copy>p,.contact-side>p{font-size:14px;line-height:1.8;color:var(--muted)}.manifest-copy a,.case-copy>a{display:inline-block;margin-top:25px;font-size:10px;font-weight:800;border-bottom:1px solid #aaa4ae;padding:10px 0}.manifest-copy b,.case-copy>a b{color:var(--violet);margin-left:15px}.capabilities{background:var(--bg);color:white}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.section-head h2{text-align:right;margin:0}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #3a3244}.cap{position:relative;min-height:550px;padding:32px;border-right:1px solid #3a3244;transition:.3s}.cap:last-child{border:0}.cap:hover,.cap.featured{background:#221a30}.cap>span{font:500 8px IBM Plex Mono;color:#716679}.symbol{font-size:50px;color:var(--orange);margin:85px 0 35px}.cap h3{font-size:25px;letter-spacing:-1px}.cap p{color:#8d8495;font-size:12px;line-height:1.7}.cap ul{list-style:none;padding:0;margin-top:30px;font:500 8px IBM Plex Mono;color:#a69cad}.cap li{border-top:1px solid #3a3244;padding:10px 0}.cap>a{position:absolute;right:28px;bottom:28px;width:45px;height:45px;border:1px solid #50445e;border-radius:50%;display:grid;place-items:center;color:var(--orange)}.case-study{display:grid;grid-template-columns:1.15fr .85fr;background:#e7e3ed}.case-visual{margin:100px 0 100px var(--pad);display:flex;align-items:center}.product-ui{width:100%;min-height:510px;background:#fbfbfd;box-shadow:0 35px 75px #39304433;display:grid;grid-template-columns:65px 1fr}.product-ui>aside{background:#201a2a;padding-top:28px;display:flex;align-items:center;flex-direction:column;gap:28px}.product-ui>aside b{color:var(--orange);font-size:10px}.product-ui>aside i{width:15px;height:15px;border:1px solid #776b83;border-radius:3px}.product-ui>main{padding:28px}.product-ui header{display:flex;justify-content:space-between;font-size:13px;font-weight:800}.product-ui header b{background:var(--violet);color:white;padding:10px;font-size:8px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:35px 0}.metrics article,.chart{border:1px solid #ded9e5;padding:18px}.metrics small,.chart small{font:500 7px IBM Plex Mono;color:#8b8490}.metrics strong{display:block;font-size:30px;margin:12px 0}.metrics em{font:500 7px IBM Plex Mono;color:#29a76a}.chart{height:240px;background:repeating-linear-gradient(0deg,transparent 0 47px,#e8e4eb 48px)}.chart svg{width:100%;height:175px}.chart path{stroke:var(--violet);stroke-width:3;fill:none}.case-copy{padding-left:6vw;align-self:center}.case-copy .eyebrow{margin-top:50px}.case-stats{display:flex;gap:45px;margin-top:35px}.case-stats strong{display:block;font-size:30px;color:var(--violet)}.case-stats span{font-size:9px;text-transform:uppercase;color:#817b85}.process{background:var(--bg);color:white}.timeline{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid #3d3548}.timeline article{padding:0 35px;border-right:1px solid #3d3548;min-height:260px}.timeline article:first-child{padding-left:0}.timeline article:last-child{border:0}.timeline span{font:500 8px IBM Plex Mono;color:#8d8198;display:block;margin-top:-18px;background:var(--bg);width:32px;padding:8px 0}.timeline i{display:block;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px #ff785720;margin:20px 0 45px}.timeline h3{font-size:22px}.timeline p{font-size:11px;line-height:1.7;color:#877e8e}.stack{background:var(--orange);padding:35px var(--pad);overflow:hidden}.stack>span{font:600 7px IBM Plex Mono;letter-spacing:1.5px}.stack>div{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:35px;white-space:nowrap;font-size:17px}.stack i{font-style:normal;color:#8e321e}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--violet);color:white}.contact .section-no,.contact .eyebrow{color:#d0c5ff}.contact .eyebrow i{background:var(--orange)}.contact h2{font-size:clamp(47px,5.5vw,86px)}.contact h2 span{color:#d3caff}.contact-side{align-self:end}.mail{font-size:clamp(28px,3.5vw,53px);font-weight:700;letter-spacing:-2px;border-bottom:1px solid #b6a6ff;padding-bottom:16px;display:flex;justify-content:space-between}.mail b{color:var(--orange)}.contact-side>p{color:#d5ceee;max-width:450px;margin-top:35px}.contact-side>div{display:flex;justify-content:space-between;margin-top:50px;font:500 7px IBM Plex Mono;color:#d2c9f3}footer{padding:55px var(--pad);background:#110e18;color:white;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center}footer p{font-size:11px;line-height:1.7;color:#756c7f}footer nav{display:flex;justify-content:end;gap:25px;font-size:9px}footer>small{grid-column:1/-1;border-top:1px solid #302939;padding-top:24px;font:500 7px IBM Plex Mono;color:#61586b}.reveal{opacity:0;transform:translateY(27px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){.header nav{display:none;position:absolute;top:88px;left:0;right:0;padding:25px var(--pad);background:#17121f;flex-direction:column;align-items:flex-start}.header nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:140px}.hero-copy{padding-bottom:520px}.build-window{position:absolute;bottom:75px;right:-80px;width:680px;max-width:95%}.hero-foot{display:none}.manifest{grid-template-columns:1fr}.manifest-copy{padding-top:0}.section-head{display:block}.section-head h2{text-align:left;margin-top:35px}.cap-grid{grid-template-columns:1fr}.cap{min-height:400px;border-right:0;border-bottom:1px solid #3a3244}.symbol{margin:45px 0 25px}.case-study{grid-template-columns:1fr}.case-visual{margin:80px var(--pad) 0}.case-copy{padding-left:var(--pad)}.timeline{grid-template-columns:1fr 1fr;gap:60px}.timeline article:nth-child(2){border:0}.contact{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}footer nav{grid-column:1/-1;justify-content:start}}
@media(max-width:590px){h1{letter-spacing:-2.5px}.hero-copy{padding-bottom:390px}.build-window{width:520px;right:-210px}.window-body{grid-template-columns:1fr}.window-body aside{display:none}.deploy{display:none}.manifest,.capabilities,.process,.contact{padding-top:85px;padding-bottom:85px}.product-ui{grid-template-columns:45px}.product-ui>main{padding:15px}.metrics{grid-template-columns:1fr}.metrics article:last-child{display:none}.timeline{grid-template-columns:1fr}.timeline article{border:0;border-left:1px solid #3d3548;padding-left:30px}.timeline article:first-child{padding-left:30px}.stack>div{animation:marquee 12s linear infinite}@keyframes marquee{to{transform:translateX(-100%)}}.contact-side>div{flex-direction:column;gap:15px}footer{grid-template-columns:1fr}footer nav{justify-content:start}.reveal{transition-duration:.5s}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.stack>div{animation:none}}