:root{--ink:#101820;--ink2:#1c2731;--orange:#ff671f;--orange2:#ffab33;--cream:#f7f7f4;--muted:#67717b;--line:#dfe3e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.shell{width:min(1160px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:-9999px;top:0;background:white;color:black;padding:10px;z-index:100}.skip:focus{left:8px}.site-header{position:sticky;top:0;z-index:20;background:rgba(6,9,14,.97);border-bottom:1px solid rgba(255,255,255,.075);backdrop-filter:blur(14px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:12px;align-items:center;color:white}.brand img{width:46px;height:auto}.brand>span{font-size:24px;letter-spacing:6px;font-weight:600;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:5px;font-weight:500;margin-top:6px}.navlinks{display:flex;align-items:center;gap:32px}.navlinks>a{font-size:13px;color:#d6dce0;transition:color .2s}.navlinks>a:hover,.navlinks>a:focus-visible{color:var(--orange2)}.navlinks .nav-contact{background:var(--orange);padding:13px 19px;border-radius:5px;color:#111;font-weight:700}.nav-contact span{margin-left:12px}.menu-toggle{display:none}.hero{background:radial-gradient(ellipse at 72% 48%,#3b261d 0%,#17202b 38%,#0b1118 78%);color:#fff;overflow:hidden}.hero-grid{min-height:670px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:35px}.hero-copy{padding:80px 0 75px}.eyebrow,.kicker{font-size:11px;font-weight:750;letter-spacing:2.1px}.eyebrow{color:#e6e8e9;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.eyebrow b{color:var(--orange)}.dot{height:8px;width:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 16px var(--orange)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.5vw,80px);line-height:1.05;letter-spacing:-3.5px;margin:30px 0 25px;font-weight:750;max-width:690px}h1 em,.contact h2 em{font-style:normal;color:var(--orange)}.hero-copy>p{font-size:17px;line-height:1.8;color:#c1c8ce;max-width:545px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{padding:17px 21px;display:inline-flex;align-items:center;gap:20px;border-radius:5px;font-size:13px;font-weight:750}.btn span{font-size:17px}.primary{background:var(--orange);color:#111}.primary:hover{background:#ff8a42}.ghost{border:1px solid #ffffff52;color:#fff}.ghost:hover{background:#ffffff14}.hero-proof{display:flex;gap:18px;align-items:center;margin-top:75px;font-size:10px;letter-spacing:1.6px;color:#9ca6af}.hero-proof i{width:4px;height:4px;background:var(--orange);border-radius:50%}.hero-art{min-height:500px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art>img{width:100%;max-width:540px;position:relative;z-index:2;filter:drop-shadow(0 20px 35px #ff671f22)}.art-halo{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ff671f35 0%,#ff671f0b 43%,transparent 68%);filter:blur(15px)}.art-caption{position:absolute;bottom:28px;left:4%;right:4%;border-top:1px solid #ffffff2c;padding-top:14px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;color:#a8b1b8}.hero-bottom{display:flex;justify-content:space-between;padding:0 0 26px;font-size:10px;letter-spacing:1.8px;color:#9ca6af}.section{padding:110px 0}.kicker{color:#f05b1d;margin-bottom:25px}h2{font-size:clamp(36px,4.3vw,60px);line-height:1.12;letter-spacing:-2.1px;font-weight:750;margin-bottom:24px}h2 span{color:#7b858d}.intro{background:var(--cream)}.intro-grid,.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.intro-body{padding-top:40px}.intro-body p,.about p,.platform p{font-size:15px;line-height:1.9;color:#68727b}.lead{font-size:20px!important;line-height:1.65!important;color:#2e3b45!important}.text-link{display:inline-flex;align-items:center;gap:20px;color:#e85618;font-size:14px;font-weight:750;border-bottom:1px solid #e85618;padding-bottom:9px;margin-top:16px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid var(--line)}.pillars>div{padding:28px 26px 0;border-right:1px solid var(--line)}.pillars>div:first-child{padding-left:0}.pillars>div:last-child{border-right:0}.pillars span,.service-no{font-size:11px;letter-spacing:1.4px;color:#e85618;font-weight:700}.pillars h3{font-size:23px;margin:28px 0 10px}.pillars p{font-size:13px;line-height:1.75;color:var(--muted)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px}.section-top>p{max-width:350px;font-size:15px;color:var(--muted);line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service{background:#f6f7f7;padding:34px;min-height:315px;position:relative;border:1px solid #e9ebec;transition:transform .2s,border-color .2s}.service:hover{transform:translateY(-4px);border-color:#ff671f80}.service-icon{font-size:40px;color:#ff671f;margin:25px 0 22px;font-weight:300}.service h3{font-size:24px;letter-spacing:-.5px;max-width:260px;margin-bottom:12px}.service p{font-size:13px;color:#69747d;line-height:1.8}.service-arrow{position:absolute;bottom:22px;right:25px;color:#e85618}.service-cta{background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.service-cta h3{font-size:30px;line-height:1.3}.service-cta a{color:var(--orange);font-weight:750;border-bottom:1px solid #ff671f;align-self:flex-start;padding-bottom:8px}.platform{background:#111a23;color:#fff;overflow:hidden}.platform-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.platform h2 span{color:#b0b9c0}.platform p{color:#b5bec5}.checks{padding:0;list-style:none;margin:27px 0}.checks li{padding:12px 0 12px 26px;border-bottom:1px solid #ffffff1a;color:#d8dde1;font-size:13px;position:relative}.checks li:before{content:'↗';position:absolute;left:0;color:var(--orange)}.portal-demo{background:#f4f6f8;color:#1a252f;border-radius:12px;box-shadow:0 30px 70px #0007;transform:perspective(1300px) rotateY(-5deg);overflow:hidden}.demo-top{height:51px;background:#101820;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:white}.demo-brand{font-size:12px;letter-spacing:3px;display:flex;align-items:center;gap:8px}.demo-brand img{width:26px}.demo-dots{color:#88949c;font-size:9px;letter-spacing:5px}.demo-main{display:grid;grid-template-columns:126px 1fr;min-height:310px}.demo-main aside{background:#1b2834;padding:20px 12px;display:flex;flex-direction:column;gap:9px}.demo-main aside span{font-size:10px;color:#b5c0c8;padding:10px 7px;border-radius:4px}.demo-main aside .active{background:var(--orange);color:#101820;font-weight:700}.demo-content{padding:23px}.demo-head{display:flex;justify-content:space-between;align-items:center;gap:5px}.demo-head small,.demo-stats small,.demo-chart small{font-size:8px;letter-spacing:1px;color:#87929a;display:block;margin-bottom:9px}.demo-head strong{font-size:17px}.demo-pill{font-size:9px;color:#13895b}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.demo-stats>div{background:white;padding:13px;border:1px solid #e8ebed;border-radius:5px}.demo-stats strong{display:block;font-size:17px}.demo-stats span{font-size:9px;color:#15936b}.demo-chart{background:white;border:1px solid #e8ebed;margin-top:13px;padding:16px;border-radius:5px}.demo-chart svg{width:100%;height:105px}.demo-foot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;padding:12px 18px;color:#89939b}.about-graphic{min-height:400px;background:radial-gradient(ellipse at 50% 45%,#3c2a20,#101820 65%);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:32px;color:#fff}.about-graphic img{width:68%;filter:drop-shadow(0 0 22px #ff671f45)}.graphic-label,.about-graphic>span{font-size:11px;letter-spacing:2px}.about-grid{align-items:center}.contact{background:#f3f4f3}.contact h2{font-size:clamp(48px,6vw,82px)}.contact p{color:#68727b;line-height:1.8}.contact-panel{background:white;padding:45px;align-self:center;box-shadow:0 20px 50px #1018200b}.panel-label{font-size:11px;letter-spacing:2px;color:#e85618;font-weight:700}.contact-email{display:flex;justify-content:space-between;gap:12px;overflow-wrap:anywhere;font-size:clamp(17px,2vw,25px);font-weight:700;margin-top:30px}.contact-email span{color:#e85618}.contact-rule{height:1px;background:#e1e5e7;margin:32px 0}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-details small{display:block;font-size:10px;color:#8c969d;letter-spacing:1.5px;margin-bottom:8px}.contact-details a,.contact-details span{font-size:14px;font-weight:600}.contact-note{font-size:11px;margin:30px 0 0}.footer{background:#101820;color:#fff}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:45px 0;border-bottom:1px solid #ffffff26}.footer-top>span{font-size:10px;letter-spacing:1.5px;color:#b4bdc4}.footer-top b{color:var(--orange);padding:0 7px}.footer-bottom{display:flex;justify-content:space-between;padding:23px 0;font-size:12px;color:#9faab3}.footer-bottom a{color:#fff}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding-bottom:10px}.hero-art{min-height:280px;max-width:480px;width:100%;margin:auto}.hero-art>img{max-width:350px}.art-caption{bottom:5px}.intro-grid,.about-grid,.contact-grid,.platform-grid{gap:35px}.service-grid{grid-template-columns:repeat(2,1fr)}.pillars{grid-template-columns:repeat(2,1fr);row-gap:30px}.pillars>div:nth-child(2){border-right:0}.portal-demo{transform:none}.navlinks{gap:17px}}@media(max-width:680px){.shell{width:calc(100% - 36px)}.nav{height:68px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;border:0;padding:10px;cursor:pointer}.menu-toggle span{width:23px;height:2px;background:#fff}.navlinks{display:none;position:absolute;top:68px;left:0;right:0;background:#101820;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px 24px;border-bottom:1px solid #ffffff22}.navlinks.open{display:flex}.navlinks>a{padding:15px}.navlinks .nav-contact{text-align:center;margin-top:8px}.hero-grid{min-height:unset}.hero-copy{padding:66px 0 0}h1{letter-spacing:-2px;font-size:clamp(43px,10vw,64px)}.hero-copy>p{font-size:15px}.hero-proof{margin-top:40px;flex-wrap:wrap}.hero-art{min-height:240px}.hero-art>img{width:75%}.hero-bottom{font-size:8px}.hero-bottom span:last-child{display:none}.section{padding:70px 0}.intro-grid,.about-grid,.contact-grid,.platform-grid{grid-template-columns:1fr}.intro-body{padding-top:0}.pillars{margin-top:40px}.pillars>div{padding:20px 15px 0}.pillars>div:nth-child(odd){padding-left:0}.section-top{display:block}.service-grid{grid-template-columns:1fr}.service{min-height:270px}.platform-grid{gap:35px}.portal-demo{margin-top:10px}.demo-main{grid-template-columns:75px 1fr}.demo-main aside{padding:12px 4px}.demo-main aside span{font-size:8px;padding:8px 3px}.demo-content{padding:12px}.demo-head strong{font-size:13px}.demo-pill{display:none}.demo-stats{gap:4px}.demo-stats>div{padding:8px 5px}.demo-stats strong{font-size:11px}.demo-stats span{font-size:7px}.demo-stats small{font-size:7px}.demo-foot span{display:none}.about-graphic{min-height:280px}.contact-panel{padding:27px}.contact-details{grid-template-columns:1fr}.footer-top{display:block}.footer-top>span{display:block;margin-top:24px;line-height:2}.footer-bottom{gap:10px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Maiya Eclipse brand refresh */
:root{--maiya-amber:#FF8A21;--maiya-night:#070B12}
.hero,.hero-section{background-color:#070B12}

/* Official eclipse identity overrides */
:root{--orange:#e89a42;--orange2:#f8c27b}
.brand img{width:72px!important;height:47px!important;object-fit:contain;border-radius:3px}
.hero-art img{width:min(88%,520px)!important;max-height:400px;object-fit:contain;filter:drop-shadow(0 12px 48px rgba(236,146,53,.13))}
.demo-brand img{width:36px;height:25px;object-fit:contain;vertical-align:middle}
.about-graphic img{width:75%;height:auto;object-fit:contain;border-radius:8px}
@media(max-width:650px){.brand img{width:58px!important;height:40px!important}.hero-art img{width:100%!important}}

/* Eclipse logo: black pixels blend into the atmospheric hero instead of forming a rectangle. */
.hero-art>img{mix-blend-mode:screen;filter:none!important;-webkit-mask-image:radial-gradient(ellipse 78% 78% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 78% 78% at 50% 50%,#000 58%,transparent 100%)}
.hero-art{isolation:isolate}
.hero .art-halo{background:radial-gradient(ellipse at 65% 40%,rgba(236,126,33,.17),rgba(236,126,33,.045) 43%,transparent 73%);filter:blur(24px)}
.about-graphic img{mix-blend-mode:screen;filter:none!important;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 62%,transparent 100%)}

/* Seamless approved Eclipse: transparent light-only logo; no black image plate. */
.hero{background:radial-gradient(ellipse at 78% 48%,rgba(44,79,108,.30),transparent 45%),radial-gradient(ellipse at 80% 43%,rgba(255,120,29,.10),transparent 32%),linear-gradient(118deg,#07121f 0%,#0b1d2d 53%,#0a1726 100%)}
.hero-art{isolation:visible;overflow:visible}
.hero-art>img{mix-blend-mode:screen!important;-webkit-mask-image:none!important;mask-image:none!important;width:min(105%,610px)!important;max-height:none!important;filter:drop-shadow(0 0 28px rgba(246,142,44,.12))!important}
.art-halo{background:radial-gradient(ellipse at 65% 45%,rgba(255,141,37,.15),transparent 62%);filter:blur(28px)}
.about-graphic img{mix-blend-mode:screen}
@media(max-width:680px){.hero-art>img{width:100%!important}}

/* Eclipse-matched near-black navigation */
.site-header{background:rgba(6,9,14,.97);border-bottom-color:rgba(255,255,255,.075)}

/* Logo plate removal: use transparent Eclipse asset everywhere */
.brand img,.demo-brand img,.about-graphic img{border:0!important;border-radius:0!important;background:transparent!important;mix-blend-mode:screen!important;filter:none!important;mask-image:none!important;-webkit-mask-image:none!important}
.brand{background:transparent!important}

/* Single brand identity in navigation: approved Eclipse mark includes MAIYA SOLUTIONS. */
.site-header .brand{display:inline-flex;align-items:center;gap:0;min-width:0}
.site-header .brand img{width:132px!important;height:70px!important;max-width:none;object-fit:contain;display:block}
@media(max-width:680px){.site-header .brand img{width:105px!important;height:62px!important}}

.inquiry-form{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.inquiry-form label{font-size:12px;font-weight:700;letter-spacing:.08em;color:#dce3ea}
.inquiry-form .optional{font-weight:400;color:#8f9ba8;letter-spacing:0}
.inquiry-form input,.inquiry-form textarea{box-sizing:border-box;width:100%;background:#0e1721;color:#f5f7fa;border:1px solid #354250;border-radius:7px;padding:13px 14px;font:inherit;outline:none}
.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:#f5a13b;box-shadow:0 0 0 2px #f5a13b22}
.inquiry-form button{margin-top:10px;cursor:pointer;border:0;justify-content:center}
.inquiry-form .contact-note{font-size:12px;line-height:1.6;color:#aab6c4}
