﻿@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101c27;--ink:#edf2f4;--muted:#afbec8;--orange:#ffb057;--teal:#63d6cf;--line:#ffffff1c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#101c27}header nav{display:flex;gap:34px;align-items:center;font-size:14px}.brand{display:flex;gap:14px;align-items:center;font-weight:700;font-size:19px}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:6px;color:var(--muted)}.brand-mark{font-family:Manrope,sans-serif;font-weight:800;font-size:25px;border:1px solid #ffffff38;padding:11px 9px}.brand-mark span{color:var(--orange);font-size:18px;margin:0 2px}.nav-contact{padding:13px 19px;border:1px solid #ffffff42}.nav-contact span{margin-left:22px;color:var(--orange)}.menu{display:none}.hero{padding:66px 5% 0;background:#12212e}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;max-width:1500px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--teal);line-height:1.8}.hero .eyebrow{color:var(--orange)}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--orange);margin-right:7px}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;letter-spacing:-2px}h1{font-size:clamp(44px,4.8vw,77px);line-height:1.08;font-weight:800}em{font-style:normal;color:var(--orange)}.intro{font-size:18px;line-height:1.8;color:var(--muted);margin:26px 0 33px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;background:var(--orange);color:#14222a;padding:18px 23px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#ffd29e;transform:translateY(-2px)}.text-link{font-size:13px;border-bottom:1px solid #ffffff65;padding:10px 0}.hero-visual{position:relative;height:510px;border:1px solid #ffffff20;overflow:hidden;background:#07121c}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:27% center}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07121cea,transparent 65%)}.visual-title{position:absolute;z-index:1;bottom:49px;left:32px}.visual-title>span{font-size:9px;letter-spacing:3px;color:var(--orange)}.visual-title img{display:block;width:260px;max-width:85%;margin:14px 0}.visual-title p{font-size:13px;color:#dce3e6}.visual-caption{position:absolute;z-index:1;bottom:14px;left:32px;font-size:9px;color:#9eafb9}.hero-bottom{display:flex;justify-content:space-between;padding:34px 0;font-size:9px;letter-spacing:2px;color:var(--muted);max-width:1500px;margin:auto}.hero-bottom b{color:var(--orange);margin-left:20px;font-size:20px}.statement{padding:105px 5%;max-width:1300px;margin:auto}.statement h2{font-size:clamp(30px,3.4vw,50px);line-height:1.3}.statement h2 span{color:var(--muted)}.statement>p:last-child{max-width:550px;color:var(--muted);font-size:16px;line-height:1.9;margin:30px 0 0 40%}.flagship{padding:75px 5%;background:#172936;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.section-heading h2{font-size:clamp(35px,4vw,57px);line-height:1.2}.section-heading>p{max-width:360px;color:var(--muted);font-size:15px;line-height:1.9}.product-explorer{display:grid;grid-template-columns:290px 1fr;border:1px solid #ffffff24;background:#101e29}aside{background:#0b1721;padding:32px;border-right:1px solid var(--line)}aside>img{width:200px;max-width:100%}aside>p{font-size:9px;letter-spacing:2px;color:var(--muted);margin:26px 0}aside [role=tablist]{display:flex;flex-direction:column}aside button{border:0;border-bottom:1px solid var(--line);background:none;color:var(--muted);text-align:left;padding:22px 0;font-size:10px;cursor:pointer}aside button span{font-size:13px;display:inline-block;margin:0 9px}aside button[aria-selected=true]{color:var(--orange)}aside>a{font-size:12px;display:block;margin-top:32px;color:var(--teal)}.explorer-content{padding:42px 50px}.explorer-content h3{font-size:38px;line-height:1.25}.explorer-content>p:not(.eyebrow):not(.explorer-note){max-width:530px;font-size:14px;color:var(--muted);line-height:1.9}.architecture{display:flex;align-items:center;gap:20px;margin-top:35px}.endpoint,.node{border:1px solid #ffffff30;padding:24px;flex:1;text-align:center}.endpoint>span,.node>span{display:block;font-size:34px;color:var(--teal);margin-bottom:12px}.node{background:#009ca61a;border-color:#63d6cf55}.node>span{color:var(--orange)}.architecture b{font-size:12px;display:block}.architecture small{font-size:9px;color:var(--muted);display:block;margin-top:8px}.connection{width:70px;flex-shrink:0}.connection>span{display:block;height:1px;background:var(--orange)}.connection small{font-size:7px;letter-spacing:1px}.explorer-note{font-size:9px;color:#78909e;margin-top:25px}.product-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.product-facts div{border-left:2px solid var(--teal);padding-left:19px}.product-facts b{font-size:14px}.product-facts p{font-size:12px;color:var(--muted)}.capabilities{background:#edf0ec;color:#182d38;padding:95px 5%}.capabilities .eyebrow{color:#007d80}.capabilities .section-heading>p{color:#59707a}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.services article{padding:28px;background:#fff;border-top:3px solid #009ca6}.services article:nth-child(2){border-color:#d3893d}.services article:nth-child(3){border-color:#4c7091}.service-number{font-size:9px;letter-spacing:2px;color:#59707a}.services h3{font-size:24px;letter-spacing:-1px}.services p{font-size:14px;line-height:1.8;color:#59707a}.services ul{list-style:none;padding:18px 0 0;margin:20px 0 0;border-top:1px solid #18313d20;font-size:12px;line-height:2.4}.services li:before{content:'';color:#008f94;margin-right:10px}.service-art{height:125px;margin:24px 0;display:flex;align-items:center;justify-content:center;gap:12px;background:#eef4f2}.art-web i{display:block;height:65px;width:50px;border:1px solid #008e9480;border-top:10px solid #008e94;background:linear-gradient(#d2e8e4 0 0) center/70% 45% no-repeat;transform:rotate(-8deg)}.art-web i:nth-child(2){height:85px;width:90px;transform:none}.art-web i:last-child{transform:rotate(8deg)}.art-app{background:#fff5e7}.art-app i{font-style:normal;border:1px solid #d89b55;color:#945a1c;font-size:32px;width:60px;height:60px;display:grid;place-items:center}.art-app i:nth-child(2){transform:translateY(-10px);background:#f9d8a8}.art-system{background:#ecf0f5;color:#486882}.art-system i{font-style:normal;font-size:30px}.approach{padding:95px 5%;display:grid;grid-template-columns:1fr 1fr;gap:90px}.approach h2{font-size:38px;line-height:1.35}.approach>div>p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--muted);max-width:450px;margin:26px 0}.approach ol{list-style:none;margin:0;padding:0}.approach li{display:flex;gap:25px;padding:24px 0;border-top:1px solid var(--line)}.approach li>span{font-size:12px;color:var(--orange)}.approach h3{font-size:18px;letter-spacing:-.4px}.approach li p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:0}.contact{padding:85px 5%;background:#233d47;text-align:center;border-top:1px solid #63d6cf40}.contact h2{font-size:clamp(38px,5vw,72px);line-height:1.15;margin:25px 0 35px}.contact>div{display:flex;gap:30px;justify-content:center;align-items:center;font-size:14px}.email{font-size:13px;color:var(--muted);display:block;margin-top:28px}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>span,footer>a:last-child{font-size:11px;color:var(--muted)}a:hover{color:var(--orange)}a.button:hover{color:#14222a}:focus-visible{outline:2px solid var(--teal);outline-offset:5px}@media(min-width:1600px){section:not(.hero){padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:1000px){header nav{gap:18px}.hero-grid{grid-template-columns:1fr 1fr}h1{font-size:45px}.hero-visual{height:450px}.actions{gap:12px}.product-explorer{grid-template-columns:240px 1fr}.explorer-content{padding:30px}.architecture{gap:10px}.endpoint,.node{padding:18px 8px}.services{gap:15px}.services article{padding:22px}.approach{gap:45px}.approach h2{font-size:32px}}@media(max-width:700px){header{height:80px}.brand{font-size:15px}.brand-mark{font-size:20px}.menu{display:block;color:var(--ink);background:none;border:1px solid #ffffff50;padding:9px}header nav{display:none;position:absolute;top:80px;left:0;right:0;z-index:10;background:#101c27;padding:24px;flex-direction:column;align-items:stretch}header nav.open{display:flex}.hero{padding-top:35px}.hero-grid{grid-template-columns:1fr;gap:35px}h1{font-size:clamp(37px,9vw,57px)}.intro{font-size:16px}.hero-visual{height:400px}.hero-bottom{font-size:7px;letter-spacing:1px;gap:12px}.hero-bottom b{display:none}.statement{padding:65px 6%}.statement>p:last-child{margin-left:0}.section-heading{display:block}.section-heading>p{max-width:none}.flagship,.capabilities,.approach{padding:60px 6%}.product-explorer{grid-template-columns:1fr}aside{padding:25px;border-right:0;border-bottom:1px solid var(--line)}aside [role=tablist]{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}aside button{padding:17px 0}aside button span{font-size:11px;margin:0 4px}.explorer-content{padding:25px}.explorer-content h3{font-size:30px}.architecture{flex-wrap:wrap}.connection{width:30px}.connection small{display:none}.endpoint,.node{min-width:105px}.product-facts{grid-template-columns:1fr;gap:15px}.product-facts p{margin-bottom:0}.services{grid-template-columns:1fr;gap:20px}.service-art{height:135px}.approach{grid-template-columns:1fr;gap:30px}.contact{padding:60px 6%}.contact>div{flex-direction:column;gap:22px}.contact .eyebrow{font-size:8px}footer{flex-direction:column;align-items:flex-start}.visual-title img{width:230px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.contact-intro{color:var(--muted);font-size:15px}.contact form{max-width:700px;margin:35px auto;text-align:left}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact label{display:block;font-size:13px;margin-bottom:20px}.contact input,.contact textarea{display:block;width:100%;margin-top:9px;padding:14px;border:1px solid #ffffff40;background:#152b35;color:#fff;font:inherit;border-radius:0}.contact textarea{resize:vertical}.contact input:focus,.contact textarea:focus{outline:2px solid var(--teal)}.contact button{border:0;cursor:pointer}.contact button:disabled{opacity:.6;cursor:wait}.form-privacy{color:var(--muted);font-size:11px;line-height:1.7}.spam-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.phone{font-size:13px;color:var(--muted)}.phone span{color:var(--ink);margin-left:10px}#contact-status{font-size:13px;line-height:1.7;min-height:22px}@media(max-width:700px){.form-row{grid-template-columns:1fr;gap:0}}

.statement{display:grid;grid-template-columns:1fr 1.15fr;gap:55px;align-items:center}.statement-image{height:430px;overflow:hidden;border:1px solid var(--line)}.statement-image img{width:100%;height:100%;object-fit:cover;object-position:30% center}.statement-copy h2{font-size:clamp(26px,2.7vw,40px);line-height:1.35}.statement-copy>p:last-child{margin:25px 0 0;color:var(--muted);font-size:15px;line-height:1.9}.statement-copy .eyebrow{margin-bottom:20px}@media(max-width:900px){.statement{gap:30px}.statement-image{height:400px}}@media(max-width:700px){.statement{grid-template-columns:1fr;gap:30px}.statement-image{height:300px}.statement-copy h2{font-size:29px}}

.statement-image{height:auto;aspect-ratio:1.55;background:#1b2938}.statement-image img{object-fit:contain;object-position:center}

.statement-image{height:auto;aspect-ratio:auto;min-height:0}.statement-image img{display:block;width:100%;height:auto;aspect-ratio:1280 / 664;object-fit:contain}

.statement-image .modernkeep-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#101b26;object-fit:contain}
