/* Melliti Nexus engineering direction: sharp typography, product systems and real capabilities. */
:root{--cream:#f1f4f5;--ink:#eff4f5;--line:#37505e;--muted:#a2b5c0;--navy:#102735;--deep:#0b1c29;--gold:#dda956}
body{background:var(--deep);font-family:"Aptos","Segoe UI",Arial,sans-serif}
h1{font-size:clamp(66px,7vw,114px);font-weight:700;letter-spacing:-.065em;line-height:1.03}
h1 em{font-family:inherit;font-style:normal;font-weight:650;color:var(--gold);letter-spacing:-.065em;white-space:normal;line-height:1.06}
h1,h2,h3{overflow-wrap:break-word;hyphens:auto}h2{font-weight:650;letter-spacing:-.045em;font-size:clamp(34px,3.7vw,58px)}
.hero{background:radial-gradient(ellipse at 78% 50%,#28485570,transparent 50%),linear-gradient(135deg,#0b1d2b,#122e3d);min-height:min(740px,calc(100vh - 100px));padding-top:74px;padding-bottom:90px}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#7392a81f 1px,transparent 1px),linear-gradient(90deg,#7392a81f 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,transparent 15%,#000 90%)}
.hero-copy{z-index:2}.hero-description{color:#b4c6d1;font-size:15px}.hero-footnote{color:#9bb0bc}.hero .eyebrow{letter-spacing:.1em;color:#b8c8ce}
.site-header{background:#0e2331;border-bottom-color:#4660774a}.wordmark{letter-spacing:.06em}.brand-crop{position:relative;width:44px;height:44px;border-radius:10px;overflow:hidden;background:#e7e1d5;flex-shrink:0;display:block}.brand-crop img{position:absolute;max-width:none;width:90px;height:90px;left:-23px;top:-16px;border-radius:0}.wordmark small{letter-spacing:.12em}.brand-core{overflow:hidden;background:#e9e2d6}.brand-core img{width:270px;height:270px;max-width:none;position:absolute;top:-34px;left:-60px;object-fit:cover;border-radius:0}.frame-front{overflow:hidden;background:#ebe4d8}.frame-front img{width:100%;height:100%;object-fit:cover;border-radius:0}.frame-front>span{display:none}.studio-art .frame-back{border-color:#dda95644;box-shadow:0 0 0 30px #dda9560b}.studio-orbit{color:#d2a15e}.studio-location{color:#b0c1ca}
.button{border-radius:6px;font-size:12px}.button-cream{background:var(--gold);color:#102735}.button-cream:hover{background:#ebbd7d}.hero .text-link{color:#e3edf1}.nav-cta{border-bottom-color:#dda95680}.language-control select{background:#0e2331}.discipline-strip{display:none}
.stack-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 6.25vw;border-top:1px solid #6e859535;border-bottom:1px solid #6e859535;background:#0b1e2c;color:#b6c6d0;font-size:16px;letter-spacing:-.03em;font-weight:650;overflow:hidden}.stack-strip span{white-space:nowrap}
.engineering{background:#0d2332;border-bottom:1px solid #35536659}.engineering .eyebrow{color:var(--gold)}.engineering-brackets{font-family:monospace;font-size:80px;color:#759aaa44;letter-spacing:-.13em;line-height:1}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.capability{background:linear-gradient(145deg,#183444,#122c3b);border:1px solid #41627857;padding:26px 23px;border-radius:10px;transition:transform .25s,border-color .25s;position:relative;overflow:hidden}.capability:hover{transform:translateY(-4px);border-color:#dda9568c}.capability-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.capability-icon{font-family:monospace;font-size:25px;color:#dfb574}.capability-number{font-family:monospace;font-size:10px;color:#7c9aaa}.capability h3{font-size:18px;line-height:1.35;min-height:49px;font-weight:550}.capability p{font-family:monospace;font-size:9px;line-height:1.8;color:#97b3c3;margin-top:10px}.system-diagram{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:45px;background:#0a1c29;border:1px solid #4263784a;padding:30px;border-radius:12px}.system-node{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:105px;gap:10px}.system-node>span{font-size:24px;color:#d7b479}.system-node strong{font-size:11px;line-height:1.5;font-weight:550}.system-node small{font-family:monospace;font-size:8px;color:#7898a9}.central-node{border:1px solid #dda9566b;border-radius:9px;padding:18px 24px;background:#dda95607}.system-connector{flex:1;max-width:75px;height:1px;background:linear-gradient(to right,#dda95633,#dda956bb);position:relative}.system-connector:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#dda956}
.section-light{background:#0d2230;color:#edf2f4}.products{background:#102837}.products .eyebrow{color:var(--gold)}.product-filters button{border-color:#4c6a7c;color:#bdced7}.product-filters button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#102735}.product-description{color:#a9beca;opacity:1}.product-category{color:#b2c8d2;opacity:.8}.product-art{border:1px solid #57758c4f;border-radius:12px;background:linear-gradient(135deg,var(--card-bg),#0c202e);color:#a6c4d1}.product-art img{box-shadow:0 15px 38px #06111d70}.product-art:before,.product-art:after{opacity:.08}.card-arrow{border-color:#b8cfda4f;color:#d5e2e9}.button-outline{border-color:#7793a54d;color:#dbe6ec}.product-count{border-color:#688799}.product-meta h3{font-weight:550}.showcase{background:radial-gradient(ellipse at 76% 55%,#294c6059,transparent 55%),#091e2c}.expertise{background:#0d2332}.services-list article{border-color:#3b586a6b}.services-list p{color:#adc3d0;opacity:1}.service-number,.service-symbol{color:#d1a76a}.studio{background:#112c3b;color:#edf2f5}.studio-copy>p:not(.eyebrow){color:#b6cbd5;opacity:1}.studio .eyebrow{color:var(--gold)}.location-tag>span:first-child{color:var(--gold)}.contact{background:#081b29}.contact form input,.contact form textarea{background:#16324165;border-color:#4c687a;color:#edf2f5}.contact .checkbox{color:#b6cbd6}.site-footer{background:#081b29}.site-footer .brand-crop{width:32px;height:32px}.site-footer .brand-crop img{width:70px;height:70px;left:-19px;top:-14px}
.assistant-launcher{background:#163647;color:#f0f4f5;border-color:#b88e515c}.assistant-launcher .assistant-spark{color:#e0af69}.assistant-panel{--cream:#f1f4f5;--navy:#102735;--ink:#102735}.assistant-panel .button-small{color:#142936}.assistant-panel label>span{color:#102735}.assistant-panel .assistant-note{color:#344c57}.assistant-panel header strong{color:#102735}dialog{--navy:#102735;color:#102735}#product-detail .button{background:#102735;color:#fff}.dialog-close{color:#102735}.sample-caption{color:#bacbd3}#product-dialog .sample-caption{color:#677e8a}
[dir=rtl] h1 em{font-family:inherit}[dir=rtl] .system-connector:after{right:auto;left:0}
@media(min-width:1600px){.brand-core img{width:310px;height:310px;left:-70px;top:-38px}}
@media(max-width:1100px){.brand-core img{width:230px;height:230px;left:-52px;top:-30px}.capability{padding:22px 18px}.capability h3{font-size:16px}.capability p{font-size:8px}.system-diagram{padding:23px 16px}.system-node{min-width:90px}.central-node{padding:17px}.system-node strong{font-size:10px}}
@media(max-width:800px){.hero{padding-top:60px;padding-bottom:75px;min-height:auto}.hero h1{font-size:clamp(60px,10vw,85px)}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability-top{margin-bottom:25px}.capability h3{min-height:auto;font-size:19px}.capability p{font-size:9px}.engineering-brackets{font-size:60px;position:absolute;right:8vw;opacity:.5}.system-diagram{flex-wrap:wrap;justify-content:center;gap:20px}.system-node{width:36%;min-width:110px}.system-connector{display:none}.stack-strip{justify-content:flex-start;flex-wrap:wrap;gap:16px 25px;padding:24px 7vw;font-size:13px}.site-header .brand-crop{width:36px;height:36px}.site-header .brand-crop img{width:77px;height:77px;left:-21px;top:-14px}.site-header nav{background:#0d2332}.showcase{min-height:0}}
@media(max-width:440px){.hero h1{font-size:57px}.hero-description{font-size:13px}.capability{padding:20px 15px}.capability-icon{font-size:23px}.capability h3{font-size:16px}.capability p{font-size:8px;line-height:1.9}.capability-top{margin-bottom:23px}.engineering-brackets{display:none}.brand-core img{width:190px;height:190px;left:-43px;top:-25px}.stack-strip{gap:17px 25px;font-size:12px}.system-diagram{padding:20px 14px;gap:25px 12px}.system-node{width:44%;min-width:0}.system-node strong{font-size:10px}.central-node{padding:17px 10px}.wordmark small{letter-spacing:.08em}}
