@font-face{font-family:Manrope;src:url('assets/Manrope-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/Manrope-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('assets/Manrope-ExtraBold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--navy:#122f56;--pink:#e40044;--muted:#6d7b90;--paper:#f4f6f9}*{box-sizing:border-box}body{margin:0;background:#e9edf3;color:var(--navy);font:14px/1.6 Manrope,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid #e4004480;outline-offset:5px}[hidden]{display:none!important}.layout{min-height:100dvh;display:flex;justify-content:center;align-items:center;gap:82px;padding:24px 35px}.aside{width:300px;flex-shrink:0}.logo{display:block;width:228px;height:auto;margin-bottom:43px}.tag{font-size:10px;font-weight:600;letter-spacing:.16em;color:#7c8a9e;margin:0 0 20px}.aside h1{font-size:38px;font-weight:700;line-height:1.18;letter-spacing:-.055em;margin:0 0 22px}.aside h1 span{color:var(--pink)}.intro{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.hint{border-top:1px solid #d1dae6;padding-top:26px;margin-top:32px}.hint h2{font-size:12px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;margin:0 0 17px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px #e400440a}.hint p{color:#64758b;font-size:12px;line-height:1.9;margin:0 0 12px}.hint p.disclaimer{color:#8894a5;font-size:11px;line-height:1.8}.actions{display:flex;gap:17px;flex-wrap:wrap;margin-top:19px}.action{display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:5px 0;color:#63758f;font-size:11px;border-bottom:1px solid transparent}.action:hover{color:var(--pink);border-bottom-color:#e4004440}.action svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;fill:none}.aside-foot{font-size:8px;font-weight:600;letter-spacing:.19em;color:#94a1b3;margin:38px 0 0}.phone{width:410px;max-width:100%;height:min(900px,calc(100dvh - 48px));min-height:600px;background:var(--paper);border:7px solid #233950;border-radius:43px;box-shadow:0 28px 65px #18345424,inset 0 0 0 1px #718298;position:relative;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0}.status{height:32px;min-height:32px;display:flex;align-items:center;justify-content:space-between;padding:4px 23px 0;font:700 10px/1 Manrope,Arial,sans-serif;position:relative;background:var(--paper)}.island{position:absolute;top:0;left:50%;transform:translateX(-50%);height:18px;width:93px;border-radius:0 0 13px 13px;background:#233950}.status-icons{display:flex;align-items:center;gap:5px}.status-icons svg{height:10px;width:15px;fill:none;stroke:var(--navy);stroke-width:1.25}.status-icons svg:first-child{stroke-width:1.7;width:13px}.status-icons svg:last-child{width:20px}.status-icons .battery{fill:var(--navy);stroke:none}.app-window{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--paper)}iframe{height:100%;width:100%;border:0;display:block;background:var(--paper);color-scheme:light}.home-indicator{height:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--paper)}.home-indicator span{width:104px;height:3px;border-radius:4px;background:#1c3553}.loading{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;transition:opacity .3s;z-index:2}.loading p{color:#8190a4;font-size:12px;margin:0;text-align:center;padding:0 25px}.loading.is-ready{opacity:0;pointer-events:none}.loading button{border:1px solid #d1dbe8;border-radius:9px;padding:9px 16px;background:white;font-size:12px}.exit-expanded{position:fixed;top:12px;right:15px;z-index:5;background:white;border:1px solid #d6deea;border-radius:25px;padding:9px 15px;box-shadow:0 4px 15px #122f5612;font-size:11px;display:flex;gap:12px;align-items:center}.expanded .layout{padding:0;gap:0;min-height:100dvh}.expanded .aside{display:none}.expanded .phone{width:100%;max-width:100%;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}.expanded .status,.expanded .home-indicator{display:none}
@media(max-width:900px){.layout{gap:40px;padding:24px}.aside{width:260px}.aside h1{font-size:34px}.phone{width:390px}.logo{width:210px}}
@media(max-width:760px){body{background:var(--paper)}.layout{padding:0;display:block;min-height:100dvh;height:100dvh}.aside{display:none}.phone{width:100%;max-width:100%;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}.status,.home-indicator{display:none}.exit-expanded{display:none!important}}
@media(prefers-reduced-motion:reduce){.loading{transition:none}}