:root{--gold:#ee7a16;--gold2:#ffad32}
.topbar{height:88px;position:sticky;top:0;border-bottom:1px solid rgba(255,139,25,.28);box-shadow:0 9px 28px rgba(0,0,0,.28)}
.brand-header{display:block;width:315px;height:70px;padding:0;letter-spacing:0;background:url('maru-header-lockup.png') left center/contain no-repeat}
.brand-header .brand-jd,.brand-header .brand-name{display:none}
.desktop-nav{display:none}
.topbar .button-small{margin-left:auto}
.menu-toggle{width:52px;height:52px;margin-left:2px;display:grid;place-content:center;gap:6px;border:1px solid #3b4044;background:#171b1e;cursor:pointer;transition:.2s ease}
.menu-toggle span{display:block;width:23px;height:3px;background:#ffad32;transition:transform .25s,opacity .25s}
.menu-toggle:hover{border-color:#ee7a16;background:#202428}
.menu-backdrop{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.site-menu{position:fixed;z-index:21;top:0;right:0;width:min(440px,92vw);height:100dvh;padding:30px 34px 34px;background:#101316;color:#fff;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .32s cubic-bezier(.22,.8,.2,1);box-shadow:-30px 0 70px rgba(0,0,0,.5)}
.site-menu.open{transform:translateX(0)}
.menu-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid #353a3e}
.menu-head>div{display:flex;flex-direction:column}.menu-head small{color:#ffad32;font-weight:900;letter-spacing:.18em}.menu-head strong{font-size:34px;letter-spacing:.06em;line-height:1.1}
.menu-close{width:48px;height:48px;border:1px solid #444;background:transparent;color:#fff;font-size:35px;line-height:1;cursor:pointer}
.menu-links{display:flex!important;flex-direction:column;gap:0;margin:22px 0 0}
.menu-links a{display:flex;align-items:center;gap:17px;padding:18px 2px;border-bottom:1px solid #2e3337;color:#fff;font-size:24px;font-weight:850;letter-spacing:-.025em}
.menu-links a span{color:#ee7a16;font-size:11px;letter-spacing:.12em}.menu-links a:hover{color:#ffad32;padding-left:8px}.menu-links a.active{color:#ffad32;border-bottom-color:#ee7a16}.menu-links a.active:after{content:'CURRENT';margin-left:auto;font-size:9px;letter-spacing:.15em;color:#ee7a16}
.menu-contact{margin-top:auto;padding-top:24px;color:#b9bec2}.menu-contact p{margin:0 0 12px}.menu-contact>a{display:block;color:#fff;font-weight:800}.menu-contact .menu-call{margin-top:20px;padding:15px;text-align:center;background:#ee7a16;color:#111}
body.menu-open{overflow:hidden}
.hero{min-height:630px;overflow:hidden;background:radial-gradient(circle at 76% 52%,#331305 0,#151719 34%,#090b0d 72%)}
.hero:after{content:'';position:absolute;z-index:0;top:0;right:-3%;width:73%;height:100%;background:url('maru-jd-hero.png') right center/auto 96% no-repeat;filter:drop-shadow(0 24px 48px rgba(0,0,0,.5))}
.hero:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#090b0d 0%,rgba(9,11,13,.96) 33%,rgba(9,11,13,.58) 55%,rgba(9,11,13,.08) 78%),repeating-linear-gradient(135deg,transparent 0 62px,rgba(255,255,255,.016) 63px 64px)}
.hero-content{display:flex;align-items:center;min-height:630px;padding:58px 0}
.hero-copy-block{position:relative;z-index:2;max-width:590px}
.hero h1:after{content:'';display:block;width:88px;height:5px;margin-top:22px;background:linear-gradient(90deg,#ffad32,#ed6509)}
.trust-line{gap:24px;flex-wrap:wrap;margin-top:44px}
@media(max-width:900px){.hero{min-height:600px;background-position:center}.hero:after{right:-22%;width:105%;background-size:auto 82%;opacity:.82}.hero:before{background:linear-gradient(90deg,rgba(9,11,13,.96),rgba(9,11,13,.68) 62%,rgba(9,11,13,.2))}.hero-content{min-height:600px;padding:58px 0}.trust-line{flex-direction:row;gap:12px 24px;margin-top:36px}}
@media(max-width:600px){.topbar{height:74px;gap:12px;padding:0 14px}.brand-header{width:218px;height:62px}.menu-toggle{width:46px;height:46px;margin-left:auto}.site-menu{padding:24px}.menu-links a{font-size:21px;padding:16px 2px}.hero{min-height:590px}.hero:after{top:0;right:-20%;width:140%;height:48%;background-position:68% center;background-size:auto 100%;opacity:.82}.hero:before{background:linear-gradient(180deg,rgba(9,11,13,.14) 0,rgba(9,11,13,.4) 30%,#090b0d 50%,#090b0d 100%)}.hero-content{align-items:flex-end;min-height:590px;padding:210px 0 34px}.hero h1{font-size:clamp(43px,12vw,58px)}.hero h1:after{margin-top:15px}.hero-copy{margin:18px 0}.quick-actions>a,.quick-actions>div{padding:20px 24px}}