html,body,#root{min-width:280px;min-height:100%}body{margin:0}#root{min-height:100dvh}.app-shell{max-width:480px;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);background:#f8fafc;margin:0 auto;box-shadow:0 0 60px #102d4e0a}.app-header.MuiAppBar-root{padding-top:env(safe-area-inset-top);background:#102d4e;border-bottom:2px solid #e7b94b}.admin-label{color:#e3eaf4;align-items:center;gap:7px;padding-right:7px;font-size:12px;display:flex}.admin-dot{background:#e7b94b;border-radius:50%;width:6px;height:6px}.navigation{background:#fff;border-bottom:1px solid #e3eaf2;padding:8px 16px 12px}.home{padding:29px 22px 18px}.brand-lockup{text-align:center;margin-bottom:28px}.brand-name{letter-spacing:-.055em;color:#102d4e;justify-content:center;align-items:center;gap:7px;font-size:27px;font-weight:850;display:flex}.brand-name span{letter-spacing:-.04em;font-weight:350}.brand-name i{background:#e7b94b;width:4px;height:23px;margin-left:3px;display:inline-block;transform:skew(-14deg)}.brand-caption{letter-spacing:.25em;color:#697a8c;margin-top:3px;font-size:9px;font-weight:600}.hero{color:#fff;background:linear-gradient(145deg,#102d4e 15%,#124574 72%,#1761ad);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 14px 30px #102d4e18}.hero-content{z-index:1;padding:27px 26px 18px;position:relative}.eyebrow{letter-spacing:.22em;color:#d4e2f0;align-items:center;gap:8px;font-size:10px;font-weight:650;display:flex}.eyebrow>span{background:#e7b94b;border-radius:50%;width:6px;height:6px}.hero-title.MuiTypography-root{letter-spacing:-.04em;margin-top:15px;font-size:clamp(36px,11vw,51px);font-weight:850;line-height:1.08}.hero-title span{color:#edc666}.gold-rule{background:#e7b94b;border-radius:2px;width:32px;height:3px;margin-top:19px}.hero-tagline.MuiTypography-root{max-width:230px;margin-top:13px;font-size:18px;font-weight:450;line-height:1.45}.hero-orbit{border:1px solid #ffffff0c;border-radius:50%;width:370px;height:370px;position:absolute;top:-90px;right:-195px}.orbit-two{width:470px;height:470px;top:-140px;right:-245px}.hero-illustration{height:142px;margin-top:3px;position:relative}.plate{border-radius:50%;place-items:center;display:grid;position:absolute}.plate-outer{background:linear-gradient(145deg,#ffffff16,#ffffff04);border:1px solid #ffffff24;width:124px;height:124px;top:9px;left:calc(50% - 62px);box-shadow:0 14px 28px #051b3433}.plate-inner{background:#ffffff09;border:1px solid #ffffff30;border-radius:50%;place-items:center;width:90px;height:90px;display:grid}.plate-inner .MuiSvgIcon-root{color:#edc666;width:43px;height:43px}.floating-icon{border-radius:13px;place-items:center;width:44px;height:44px;display:grid;position:absolute;box-shadow:0 8px 16px #051b3426}.floating-cart{color:#1761ad;background:#f3f7fc;top:18px;left:calc(50% - 110px);transform:rotate(-9deg)}.floating-sales{color:#102d4e;background:#edc666;bottom:14px;right:calc(50% - 111px);transform:rotate(9deg)}.illustration-dot{background:#edc666;border-radius:50%;width:5px;height:5px;position:absolute}.dot-one{top:22px;right:24%}.dot-two{opacity:.5;width:3px;height:3px;bottom:23px;left:23%}.hero-footer{letter-spacing:.16em;color:#b8cfe5;border-top:1px solid #ffffff20;align-items:center;gap:7px;margin-top:4px;padding-top:14px;font-size:8px;display:flex}.hero-footer>span{background:#e7b94b;width:14px;height:2px}.intro{padding:25px 5px 22px}.intro .MuiTypography-root{text-align:center;color:#65768b;font-size:14px;line-height:1.75}.areas{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.area-card{background:#fff;border:1px solid #e5ebf2;border-radius:15px;padding:16px}.area-top{color:#1761ad;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.area-top>span{color:#95a3b3;letter-spacing:.08em;font-size:10px}.area-card h2{font-size:14px;font-weight:750}.area-card p{color:#748398;margin-top:3px;font-size:10px}.home-signature.MuiTypography-root{text-align:center;letter-spacing:.1em;color:#8795a6;margin-top:24px;font-size:8px;font-weight:600}.home-signature span{color:#cba247;padding:0 5px}@media (width<=340px){.home{padding:23px 15px 18px}.hero-content{padding:24px 21px 17px}.area-card{padding:13px}.admin-label{gap:4px;padding-right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}