:root{--navy:#0a1941;--blue:#176bf1;--brand-blue:#176bf1;--brand-dark:#0a1941;--muted:#5a6a86;--line:#d9e5f5;--bg:#f6f9fe}
[hidden]{display:none!important}
.top-cta,.primary,.category-filters button.active{background:var(--brand-blue)}
.hero h1 em,.brand-name strong span{color:var(--brand-blue)}
.scene-ceiling,.mall-toolbar{background:var(--brand-dark)}
.card-icon img,.dialog-monogram img{width:100%;height:100%;object-fit:contain}
.facade .window img{width:100%;height:100%;object-fit:contain}
.custom-section{max-width:1320px;margin:0 auto 45px;padding:48px 24px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:#fff;border:1px solid #dce7f5;border-radius:22px}.custom-section:has(> :only-child){grid-template-columns:1fr}.custom-section h2{font:800 clamp(30px,3vw,48px) Outfit,Arial,sans-serif;letter-spacing:-1.5px;margin:0 0 15px}.custom-section-copy>p:not(.eyebrow){white-space:pre-line;line-height:1.7;color:#5c6c84}.custom-section .primary{display:inline-block;margin-top:15px}.custom-section>img{width:100%;max-height:420px;object-fit:cover;border-radius:16px}@media(max-width:750px){.custom-section{margin:0 14px 30px;grid-template-columns:1fr;padding:28px 20px}}
.topbar nav{max-width:55vw;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.topbar nav a{flex:none}
.brand{gap:11px;white-space:nowrap}
.brand-icon{display:block;width:48px;height:48px;flex:none;border-radius:13px;box-shadow:0 8px 22px #1f65e42e}
.brand-name strong{font:800 21px Arial,Helvetica,sans-serif;letter-spacing:-1.35px;color:#0b1b48}
.brand-name strong span{color:#1769ed}
.brand-name small{display:block;width:max-content;margin-top:3px;background:#eaf2ff;border:1px solid #d1e3ff;border-radius:6px;padding:2px 7px;color:#1f60cf;font:800 10px Arial,Helvetica,sans-serif;letter-spacing:1.4px}
.topbar{background:linear-gradient(90deg,#fff,#f7faff);border-bottom:1px solid #dce8f8}
.hero{background:radial-gradient(circle at 72% 44%,#dceaff 0,transparent 34%),linear-gradient(120deg,#fbfdff 0,#eef5ff 65%,#f4f7ff 100%)}
.hero-copy .eyebrow{color:#155fdf}
.hero-illustration{display:block;width:min(110%,720px);max-height:510px;object-fit:contain;filter:drop-shadow(0 20px 26px #285bc520)}
.hero-art{min-width:0;overflow:visible}
.scene-ceiling{background:linear-gradient(90deg,#0a1e4e,#123b85,#0b1e53);border-bottom-color:#4b9fff}
.ceiling-brand{display:flex;align-items:center;gap:10px}
.ceiling-brand img{width:31px;height:31px;border-radius:8px}
.mall-toolbar{background:linear-gradient(90deg,#091b45,#103a83)}
.mall-shell{border-color:#bfd7fb;box-shadow:0 25px 55px #1c4c961c}
.about{background:radial-gradient(circle at 95% 10%,#2450a0 0,transparent 28%),#091a3c}
footer .brand-icon{width:42px;height:42px}
footer p{letter-spacing:1.3px;font-weight:800;font-size:11px;color:#62789b}
@media(max-width:600px){.brand-icon{width:42px;height:42px}.brand-name strong{font-size:17px}.brand-name small{font-size:8px;letter-spacing:1px}.hero-art{overflow:hidden}.hero-illustration{width:115%;max-width:none;transform:translateX(-5%)}.scene-ceiling>span:nth-child(2){display:none}}