/* Metroplex AI / engineering studio */
:root{--navy:#080c12;--navy-2:#101824;--navy-line:#263443;--accent:#8f9ad4;--accent-dark:#6674c3;--accent-soft:#171725;--accent-light:#8f9ad4;--bg:#080c12;--white:#ededf5;--ink:#ededf5;--muted:#9baeb8;--line:#23303c;--muted-light:#94a8b4;color-scheme:dark}
body{background:#080c12;color:#ededf5}h1,h2,h3{color:#ededf5}h2 em{font-style:normal;color:#8f9ad4}p{color:#9baeb8}.label{color:#8f9ad4;font:10px ui-monospace,Consolas,monospace;letter-spacing:.17em}a{color:inherit}.mono{font:10px ui-monospace,Consolas,monospace;letter-spacing:.08em}.dim{color:#8396a4}.top{background:#080c12e8;border-color:#23303c;backdrop-filter:blur(18px)}.top .wrap{padding-block:18px}.brand{color:#f0f5f7}.brand b,.mark{color:#8f9ad4}.brand .mark{color:#8f9ad4}.brand span{font-size:19px}nav a{color:#9eafb7}nav a:hover{color:#8f9ad4}nav a.btn.primary,.btn.primary{background:#8f9ad4;color:#0a0a15;border-color:#8f9ad4}.btn.primary:hover{background:#b8bfe4;color:#0a0a15;box-shadow:0 0 28px #8f9ad428}.btn{border-radius:5px;font-size:12px}.hero{background:#080c12}.tech-hero{position:relative;isolation:isolate}.tech-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080c12 15%,#080c12a8 60%,#080c1260);z-index:-1}.tech-hero canvas{position:absolute;inset:0;z-index:-2;width:100%;height:100%;opacity:.55}.hero .wrap{padding-block:80px 64px;gap:64px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:clamp(56px,6vw,86px);line-height:1.02;letter-spacing:-.065em;margin:25px 0;font-weight:700}.hero h1 em{background:linear-gradient(110deg,#8f9ad4,#7976ca);background-clip:text;-webkit-background-clip:text;color:transparent}.hero .lede{font-size:17px;max-width:510px;color:#9dafbb;line-height:1.7}.eyebrow{font:9px ui-monospace,Consolas,monospace;letter-spacing:.15em;color:#a5bbc8}.hero-foot{font:9px ui-monospace,Consolas,monospace;color:#6f8997;gap:14px}.hero-foot span+span{padding-left:14px;border-color:#2a3b47}.hero .hero-bottom{font-family:ui-monospace,Consolas,monospace;font-size:9px;padding-block:22px;border-color:#22323c;color:#617d8c}.hero-bottom a{color:#9ab2be}.engine{height:480px;position:relative;overflow:hidden;border:1px solid #293d49;border-radius:12px;background:radial-gradient(ellipse at center,#21203a25,#0a121c88);box-shadow:0 0 100px #7473c807 inset;isolation:isolate}.engine:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#706baa0a 1px,transparent 1px),linear-gradient(90deg,#706baa0a 1px,transparent 1px);background-size:28px 28px}.engine-bar,.engine-bottom{display:flex;justify-content:space-between;position:absolute;left:22px;right:22px;font:8px ui-monospace,Consolas,monospace;letter-spacing:.1em;color:#718f9d;z-index:2}.engine-bar{top:23px}.engine-bar>span:first-child{color:#b7b6cb}.engine-bar i{display:inline-block;background:#8f9ad4;width:5px;height:5px;border-radius:50%;margin-right:6px;box-shadow:0 0 15px #8f9ad4}.engine-bottom{bottom:20px;align-items:center;border-top:1px solid #253a43;padding-top:20px}.engine-orbit{position:absolute;left:50%;top:47%;width:220px;height:220px;border:1px solid #7b7acb2b;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-a:after,.orbit-b:after{content:'';position:absolute;top:18%;left:9%;width:7px;height:7px;border-radius:50%;background:#9c9dd9;box-shadow:0 0 24px #8585cf}.orbit-b{width:320px;height:320px;animation:orbit 28s linear infinite;border-style:dashed;border-color:#8f9ad427}.orbit-c{width:420px;height:420px;transform:translate(-50%,-50%) rotate(-25deg) scaleY(.65)}.engine-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:35px}.engine-core>span{position:relative;font-size:75px;font-weight:700;color:#8f9ad4;text-shadow:0 0 45px #8f9ad466;line-height:1.1;letter-spacing:-.07em}.engine-core>span>span{position:absolute;font-size:25px;right:-18px;top:4px}.engine-core strong{font:10px/1.8 ui-monospace,Consolas,monospace;letter-spacing:.17em;text-align:center;margin-top:18px;color:#a7a5c2}.engine-tag{position:absolute;border:1px solid #304854;background:#10202aec;backdrop-filter:blur(10px);padding:12px 15px;border-radius:6px;font:8px ui-monospace,Consolas,monospace;color:#8887af;box-shadow:0 16px 30px #0004;z-index:2}.engine-tag b{display:block;color:#e2e2ee;font-family:var(--sans);font-size:12px;font-weight:400;margin-top:5px}.tag-a{top:74px;left:20px}.tag-b{top:220px;right:15px}.tag-c{bottom:72px;left:27px}.wave{display:flex;gap:3px;align-items:center;height:20px}.wave i{display:block;width:2px;height:8px;background:#8f9ad4;animation:wave 1.7s ease-in-out infinite}.wave i:nth-child(3n){animation-delay:.3s;height:18px}.wave i:nth-child(2n){animation-delay:.7s;height:12px}@keyframes orbit{to{transform:translate(-50%,-50%) rotate(335deg)}}@keyframes wave{50%{transform:scaleY(.3);opacity:.3}}
.platform-band{background:#0c121a;border-block:1px solid #1e2c37}.platform-band strong{color:#8298a7;font-size:20px}.platform-band .wrap>span,.platform-band b{color:#64808f}.platform-band .wrap{padding-block:25px}.tech-section{border-bottom:1px solid #182631}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-bottom:45px}.section-heading h2{margin-top:21px;font-size:clamp(32px,4vw,52px);line-height:1.15}.section-heading>p{font-size:16px;line-height:1.75;max-width:400px;justify-self:end}.lab-shell{border:1px solid #2b3c4a;border-radius:12px;overflow:hidden;background:#0e1620}.lab-top{display:flex;justify-content:space-between;gap:15px;padding:22px 26px;border-bottom:1px solid #263541;color:#afc2cb}.demo-badge{font:8px ui-monospace,Consolas,monospace;letter-spacing:.08em;color:#7775bd;border:1px solid #292857;padding:5px 8px;border-radius:3px}.scenario-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:12px;gap:8px;border-bottom:1px solid #263541}.scenario-tabs button{cursor:pointer;padding:15px 10px;color:#8b9eae;background:transparent;border:1px solid transparent;border-radius:5px;font:11px ui-monospace,Consolas,monospace}.scenario-tabs button[aria-pressed=true]{background:#8f9ad410;border-color:#8f9ad445;color:#8f9ad4}.scenario-tabs button:hover{border-color:#494860}.lab-grid{display:grid;grid-template-columns:1fr 1.1fr;min-height:400px}.lab-input{padding:35px;border-right:1px solid #263541}.lab-input h3{font-size:23px;letter-spacing:-.035em;margin:20px 0}.lab-input pre{white-space:pre-wrap;word-break:break-word;font:12px/1.8 ui-monospace,Consolas,monospace;color:#bbd0d9;padding:20px;border:1px solid #263541;background:#090f17;border-radius:5px;margin-bottom:20px}.lab-input p{font-size:15px;line-height:1.6;margin-bottom:24px}.lab-input small{display:block;font-size:11px;line-height:1.55;color:#788e9e;margin-top:16px;max-width:350px}.lab-input .btn{min-width:210px;justify-content:space-between}.lab-output{padding:25px 28px;background:#080e16}.terminal-title{display:flex;justify-content:space-between;gap:12px;color:#637c8e}.terminal-title>span:first-child{display:flex;gap:5px}.terminal-title i{display:block;width:6px;height:6px;background:#2d424e;border-radius:50%}.terminal-title i:first-child{background:#8f9ad470}#demo-log{list-style:none;padding:0;margin:35px 0 20px;display:grid;gap:15px}#demo-log li{display:grid;grid-template-columns:27px 1fr;gap:10px;opacity:.35;font:12px/1.65 ui-monospace,Consolas,monospace;color:#8aa2b1}#demo-log li.done{opacity:1;color:#d5d4e6}#demo-log li.active{opacity:1;color:#8f9ad4}#demo-log li span{color:#626291}#demo-result{min-height:60px;color:#6e8996;font:12px/1.7 ui-monospace,Consolas,monospace;border-top:1px solid #23333f;padding-top:20px}#demo-result.complete{color:#8f9ad4}.lab-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #263541;padding:20px 26px;font:9px ui-monospace,Consolas,monospace;color:#637f8f}.lab-footer a{color:#8f9ad4;text-decoration:none}.build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.build-card{position:relative;overflow:hidden;border:1px solid #23333e;border-radius:9px;background:linear-gradient(150deg,#111d27,#0b121b);padding:30px;transition:border-color .2s,transform .2s;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.build-card:hover{border-color:#8f9ad477;transform:translateY(-4px)}.build-card.featured{background:radial-gradient(ellipse at top left,#25263c,#0e1920 80%);border-color:#424976}.build-icon{font:36px ui-monospace,Consolas,monospace;color:#8f9ad4;display:block;margin-bottom:32px}.build-card .mono{font-size:8px}.build-card h3{font-size:25px;line-height:1.25;letter-spacing:-.045em;margin:15px 0}.build-card p{font-size:15px;line-height:1.7}.tech-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.tech-chips span{font:9px ui-monospace,Consolas,monospace;color:#9693be;border:1px solid #2f2c4c;background:#16303955;border-radius:3px;padding:7px 8px}.build-card a{font-size:12px;color:#8f9ad4;text-decoration:none;margin-top:24px}.alt{background:#0c131c!important;border-color:#1c2d39!important}.head p{color:#97acb9}.tab{color:#93aab8;border-color:#2a3e4b;background:#101e28}.tab[aria-selected=true]{background:#8f9ad4;border-color:#8f9ad4;color:#0c0c17}.card,.alt .card{background:#101b26;border-color:#283b48;color:#e5e4ef}.card:hover{border-color:#494b68;box-shadow:none}.uc .save,.uc:after{color:#8f9ad4}.uc p{color:#91a8b7}.uc h3{color:#e7e6f2}.integration-layout{display:grid;grid-template-columns:350px 1fr;gap:24px}.integration-options{display:grid;gap:10px}.integration-options button{display:flex;align-items:center;gap:15px;text-align:left;background:#101b26;border:1px solid #273b47;border-radius:7px;padding:22px;color:#d7d6e8;cursor:pointer;font-size:15px}.integration-options button[aria-pressed=true]{border-color:#8f9ad4;background:#8f9ad409}.integration-symbol{color:#8f9ad4;font:24px ui-monospace,Consolas,monospace;min-width:35px}.integration-options button small{display:block;color:#7895a5;font-size:11px;margin-top:5px}.integration-options button b{margin-left:auto;color:#68668b}.integration-map{border:1px solid #293e4b;border-radius:10px;padding:35px;background:radial-gradient(ellipse at 50% 0%,#18173c30,#0c151f 70%);min-width:0}.map-path{display:grid;grid-template-columns:1fr 20px 100px 20px 1fr;align-items:center;gap:12px;min-height:130px;text-align:center;font:12px/1.7 ui-monospace,Consolas,monospace;color:#c8c6df}.map-path>div:not(.map-hub){border:1px solid #334c57;padding:15px 6px;border-radius:6px;background:#12222c}.map-hub{font-size:35px;color:#8f9ad4}.map-hub>span{display:block;font-size:8px;line-height:1.8;letter-spacing:.12em}.map-connector{color:#6d76ba}.integration-copy{border-top:1px solid #283b49;margin-top:26px;padding-top:28px}.integration-copy h3{font-size:24px;letter-spacing:-.04em;margin:15px 0}.integration-copy p{font-size:15px}.integration-map>small{display:block;color:#667f90;font-size:10px;line-height:1.6;margin-top:25px}.origin .wrap{display:grid;grid-template-columns:.8fr 1.4fr;align-items:center;gap:70px}.origin-mark{font:70px ui-monospace,Consolas,monospace;color:#8f9ad4;display:flex;align-items:center;gap:18px;justify-content:center;border:1px solid #2d2d44;border-radius:50%;aspect-ratio:1;background:radial-gradient(#8f9ad40d,transparent 65%);max-width:320px}.origin-mark>span{font-size:35px;color:#4d4b7b}.origin h2{margin:22px 0}.origin p{font-size:16px;margin:18px 0}.origin-principles{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #263c46;padding-top:22px;margin-top:25px;color:#9d9ebc;font:9px ui-monospace,Consolas,monospace}.delivery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.delivery-grid article{border-top:1px solid #424461;padding-top:23px}.delivery-grid article>span{color:#6e76a9;font:9px ui-monospace,Consolas,monospace}.delivery-grid h3{font-size:20px;margin:22px 0 12px}.delivery-grid p{font-size:15px}.engagement-note{display:flex;align-items:center;gap:30px;margin-top:40px;padding:24px;border:1px solid #2c2c44;background:#12122355;border-radius:6px}.engagement-note .label{white-space:nowrap}.engagement-note p{font-size:13px}.engagement-note a{font-size:12px;color:#8f9ad4;white-space:nowrap;text-decoration:none}.calc{border-color:#293e49}.calc-in{background:#0e1b24}.field output{color:#8f9ad4}.field input[type=range]{accent-color:#8f9ad4}.field small{color:#7896a6}.calc-out{background:radial-gradient(ellipse at top right,#272845,#111123)}.calc-out .big{color:#8f9ad4}.calc-out .btn{color:#101020}.cities span{background:#11202a;border-color:#2b404c;color:#a9bec8}.cities span.home{background:#8f9ad4;color:#141523}.faq details{background:#101b25;border-color:#2c3f4a}.faq summary{color:#d3d2e7}.faq summary:after{color:#8f9ad4}.faq details p{color:#8ba6b6}.contact-band{padding-top:70px}.contact{background:radial-gradient(ellipse at 0% 0%,#262944,#0d1c24 65%);border:1px solid #3a3c5b}.contact input,.contact textarea{background:#0b1620;border-color:#2c4650}.contact p{color:#9997b9}.contact-detail{color:#83829e}.contact-detail a{color:#8f9ad4}.intent-options .selected{background:#8f9ad4;color:#101122;border-color:#8f9ad4}.intent-options button{border-color:#35505b}.contact h2 em{color:#8f9ad4}.contact .form-note{color:#839da8}.contact .copy{color:#101122}footer.band .wrap{color:#607d8c}#dfw .head .label{color:#8f9ad4}.btn:disabled{opacity:.5;cursor:wait;transform:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #8f9ad4;outline-offset:4px}
@media(max-width:1100px){.hero .wrap{gap:30px}.hero h1{font-size:70px}.engine{height:460px}.engine-tag{padding:10px;font-size:7px}.engine-tag b{font-size:10px}.tag-b{right:10px}.section-heading{gap:30px}.build-card{padding:24px}.build-card h3{font-size:23px}.integration-layout{grid-template-columns:290px 1fr}.integration-map{padding:23px}.map-path{gap:5px;grid-template-columns:1fr 16px 75px 16px 1fr}.map-path>div:not(.map-hub){font-size:10px}}
@media(max-width:960px){.hero .wrap{grid-template-columns:1fr;padding-block:60px 45px;gap:45px}.hero-copy{max-width:690px}.hero h1{font-size:76px}.engine{max-width:650px;width:100%;height:470px;margin:auto}.tag-a{left:40px;top:80px}.tag-b{right:25px;top:220px}.tag-c{left:45px;bottom:65px}.engine-tag{padding:13px 17px;font-size:8px}.engine-tag b{font-size:12px}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p{justify-self:start;max-width:600px}.build-grid{grid-template-columns:1fr 1fr}.lab-grid{grid-template-columns:1fr}.lab-input{border-right:0;border-bottom:1px solid #263541}.lab-output{min-height:340px}.integration-layout{grid-template-columns:1fr}.integration-options{grid-template-columns:1fr 1fr}.map-path{grid-template-columns:1fr 30px 120px 30px 1fr;gap:15px}.map-path>div:not(.map-hub){font-size:13px}.origin .wrap{gap:40px;grid-template-columns:1fr}.origin-mark{font-size:46px;max-width:200px}.origin-mark>span{font-size:25px}.delivery-grid{grid-template-columns:1fr 1fr}.engagement-note{flex-wrap:wrap;gap:15px}.lab-footer{flex-wrap:wrap}.platform-band strong{font-size:17px}}
@media(max-width:600px){.hero h1{font-size:60px}.hero .lede{font-size:16px}.hero-foot{line-height:1.8;font-size:8px;gap:10px}.hero-foot span+span{border:0;padding-left:0}.hero .wrap{padding-top:44px}.engine{height:420px}.engine-bar,.engine-bottom{left:15px;right:15px;font-size:7px}.engine-tag{padding:11px;font-size:7px}.engine-tag b{font-size:10px}.tag-a{top:66px;left:15px}.tag-b{top:216px;right:10px}.tag-c{bottom:59px;left:15px}.engine-core{padding-bottom:45px}.engine-core>span{font-size:64px}.engine-core strong{font-size:8px}.engine-orbit{width:170px;height:170px}.orbit-b{width:270px;height:270px}.orbit-c{width:370px;height:370px}.build-grid{grid-template-columns:1fr}.section-heading h2{font-size:34px}.scenario-tabs{grid-template-columns:1fr 1fr;gap:4px}.scenario-tabs button{font-size:9px;padding:13px 6px}.lab-top{flex-wrap:wrap;padding:18px}.lab-input{padding:24px 20px}.lab-input h3{font-size:22px}.lab-input pre{padding:16px;font-size:10px}.lab-output{padding:24px 20px}.terminal-title .mono{font-size:8px}#demo-log li{font-size:11px}.lab-footer{padding:18px;line-height:1.8;font-size:8px}.integration-options{grid-template-columns:1fr}.integration-options button{padding:19px}.integration-map{padding:25px 18px}.map-path{grid-template-columns:1fr 15px 70px 15px 1fr;gap:5px}.map-path>div:not(.map-hub){font-size:9px}.map-hub{font-size:28px}.map-hub>span{font-size:6px}.integration-copy h3{font-size:23px}.delivery-grid{grid-template-columns:1fr;gap:28px}.origin-mark{max-width:160px;font-size:35px}.origin-principles{font-size:8px;gap:15px}.hero .ctas{flex-direction:column;align-items:flex-start}.hero .btn{font-size:12px}.hero .hero-bottom{font-size:8px!important;line-height:1.7}.hero-bottom>span{max-width:170px}.contact-band{padding-top:50px}.platform-band .wrap>span{font-size:8px}.build-card{padding:28px}.build-icon{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.wave i,.orbit-b{animation:none}.build-card:hover{transform:none}}