:root:not(.nexa-standalone){color-scheme:dark}
body:not(.nexa-standalone){margin:0;background:#080909;color:#f6f0e5;font-family:Vazirmatn,Arial,sans-serif}
.install-gate{box-sizing:border-box;display:grid;min-height:100svh;place-items:center;overflow:hidden;padding:24px;position:relative}.install-gate__halo{background:radial-gradient(circle,rgba(202,161,75,.19),transparent 64%);height:min(72vw,560px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(72vw,560px)}.install-gate__card{box-sizing:border-box;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));border:1px solid rgba(216,177,91,.28);border-radius:28px;box-shadow:0 20px 80px rgba(0,0,0,.42);max-width:540px;padding:clamp(24px,6vw,46px);position:relative;text-align:center;width:min(100%,540px)}.install-gate__mark{filter:drop-shadow(0 0 20px rgba(221,180,78,.32));height:96px;width:auto}.install-gate__eyebrow{color:#d8b15b;font-size:.82rem;letter-spacing:.25em;margin:14px 0 4px}
.install-gate h1{color:#f6f0e5;font-size:clamp(1.65rem,7vw,2.3rem);line-height:1.45;margin:0}.install-gate__lead,.install-gate__note{font-size:max(1rem,16px);line-height:1.9}.install-gate__lead{color:#e2dacd;margin:18px auto;max-width:35ch}.install-gate__note{color:#bfb5a5;margin:20px 0 0}.install-gate button{background:transparent;border:1px solid rgba(216,177,91,.5);border-radius:12px;color:#f6f0e5;cursor:pointer;font:inherit;min-height:44px;padding:9px 14px}.install-gate button:focus-visible{outline:3px solid #f2d28c;outline-offset:3px}.install-gate__sound{margin-bottom:22px}.install-gate__tabs{border-bottom:1px solid rgba(216,177,91,.32);display:flex;gap:8px;justify-content:center;margin-bottom:18px}.install-gate__tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;color:#d7ccbb}.install-gate__tabs button[aria-selected=true]{border-bottom-color:#d8b15b;color:#fff7e7}.install-gate__guide{font-size:max(1rem,16px);line-height:1.95;text-align:right}.install-gate__guide ol{margin:0;padding-right:1.35rem}.install-gate__guide li+li{margin-top:10px}.install-gate__motion{left:16px;position:absolute;top:16px}.nexa-standalone .install-gate{display:none}.nexa-standalone #app{display:block}body:not(.nexa-standalone) #app,body:not(.nexa-standalone) #customer-app,body:not(.nexa-standalone) .skip-link{display:none}.install-motion-paused .install-gate__mark{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.install-gate__mark{animation:none}}@media (max-width:390px){.install-gate{padding:14px}.install-gate__card{border-radius:22px;padding:54px 20px 24px}.install-gate__motion{font-size:.8rem;left:10px;top:10px}.install-gate__tabs{gap:0}.install-gate__tabs button{font-size:.88rem;padding-inline:8px}}@media (min-width:700px){.install-gate__card{padding:48px 56px}.install-gate__mark{height:112px;width:auto}}


/* Reference: nexa-ui/styles.css, Intro; canonical filled-gold SVG retained. */
html.nexa-intro-active{overflow:hidden}
.brand-intro{position:fixed;z-index:150;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,rgba(37,75,61,.28),transparent 25rem),#050608;color:#f4f0e8;transition:opacity .5s cubic-bezier(.2,.8,.2,1),visibility .5s}
.brand-intro[hidden]{display:none!important}
.intro-stage{display:grid;justify-items:center;gap:22px;text-align:center}
.intro-mark{width:92px;height:118px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(231,182,91,.14))}
.intro-rail{width:210px;height:1px;background:linear-gradient(90deg,transparent,#e7b65b,transparent);transform-origin:right;animation:intro-trace 1.1s cubic-bezier(.2,.8,.2,1) both}
.intro-word{direction:ltr;display:flex;gap:16px;font-family:"Segoe UI",sans-serif;font-size:45px;font-weight:250;letter-spacing:7px}
.intro-word span{opacity:.16;transform:translateY(7px);animation:intro-letter .35s cubic-bezier(.2,.8,.2,1) forwards}
.intro-word span:nth-child(1){animation-delay:.55s}.intro-word span:nth-child(2){animation-delay:.8s}.intro-word span:nth-child(3){animation-delay:1.05s}.intro-word span:nth-child(4){animation-delay:1.3s}
.intro-stage p{margin:0;color:#c9c3b8;opacity:0;animation:intro-letter .45s 1.65s cubic-bezier(.2,.8,.2,1) forwards}
.intro-skip{position:absolute;top:max(18px,env(safe-area-inset-top));left:18px;min-height:44px;border:0;background:none;color:#918c83;cursor:pointer;font:inherit;padding:0 12px}
.intro-skip:focus-visible{outline:3px solid #f2d28c;outline-offset:3px}
.brand-intro.leaving{opacity:0;visibility:hidden}
.brand-intro.returning .intro-rail{animation-duration:.3s}.brand-intro.returning .intro-word span{animation-delay:.18s!important;animation-duration:.25s}.brand-intro.returning .intro-stage p{animation-delay:.38s;animation-duration:.25s}
@keyframes intro-trace{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes intro-letter{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.brand-intro,.brand-intro *{animation:none!important;transition:none!important}.intro-word span,.intro-stage p{opacity:1;transform:none}}
/* Owner: visible rectangular tap affordance for the two installation guides. */
.install-gate__tabs{gap:10px;padding-bottom:12px}
.install-gate__tabs button{border:1px solid rgba(216,177,91,.6);border-radius:12px;min-height:48px;animation:install-tab-hint 2.8s ease-in-out infinite}
.install-gate__tabs button:nth-child(2){animation-delay:.7s}
.install-gate__tabs button[aria-selected=true]{border-color:#d8b15b;background:rgba(216,177,91,.11);color:#fff7e7}
@keyframes install-tab-hint{0%,100%{box-shadow:0 0 0 0 rgba(216,177,91,0);border-color:rgba(216,177,91,.45)}50%{box-shadow:0 0 0 2px rgba(216,177,91,.17),0 0 16px rgba(216,177,91,.14);border-color:#e7b65b}}
@media(prefers-reduced-motion:reduce){.install-gate__tabs button{animation:none}}
