*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;background:var(--identity-background);color:var(--identity-text);font-family:Tajawal,Tahoma,Arial,sans-serif;}.install-page{min-height:100vh;overflow:hidden;background:var(--identity-background);}.install-nav{width:min(1160px,calc(100% - 36px));height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb, var(--identity-primary-text) 14.000%, transparent);}.install-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;}.install-brand img{width:48px;height:48px;border-radius:14px;box-shadow:0 10px 30px color-mix(in srgb, var(--identity-shadow-color) 20.000%, transparent);}.install-brand span{display:grid;}.install-brand strong{font-size:17px;}.install-brand small{color:var(--identity-muted);font-size:12px;}.login-link{padding:11px 20px;border:1px solid var(--identity-border);border-radius:13px;color:var(--identity-text);text-decoration:none;font-weight:700;transition:.2s;}.login-link:hover{background:var(--identity-background);border-color:var(--identity-border);}.install-hero{width:min(1160px,calc(100% - 36px));min-height:590px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;padding:60px 0 72px;}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid color-mix(in srgb, var(--identity-primary-text) 22.000%, transparent);border-radius:999px;background:color-mix(in srgb, var(--identity-primary) 8.000%, transparent);color:var(--identity-primary-text);font-size:13px;font-weight:700;}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--identity-success-soft);box-shadow:0 0 0 5px color-mix(in srgb, var(--identity-shadow-color) 10.000%, transparent);}.hero-copy h1{font-size:clamp(42px,5.2vw,70px);line-height:1.12;letter-spacing:-2px;margin:22px 0 18px;}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,var(--identity-primary-text),var(--identity-accent));-webkit-background-clip:text;background-clip:text;color:transparent;}.hero-copy>p{max-width:610px;color:var(--identity-muted);font-size:18px;line-height:1.9;margin:0;}.install-actions{display:flex;gap:12px;margin-top:30px;}.install-actions button{height:68px;min-width:205px;padding:0 20px;border-radius:17px;display:flex;align-items:center;justify-content:center;gap:13px;font:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;}.install-actions button:hover{transform:translateY(-2px);}.install-actions svg{width:27px;height:27px;}.install-actions span{display:grid;text-align:right;}.install-actions small{font-size:11px;opacity:.75;}.install-actions strong{font-size:18px;}.install-primary{border:1px solid var(--identity-primary);background:var(--identity-primary);color:var(--identity-on-primary);box-shadow:0 16px 38px color-mix(in srgb, var(--identity-shadow-color) 23.000%, transparent);}.install-primary svg,.step-icon svg{stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}.install-secondary{border:1px solid var(--identity-border);background:var(--identity-background);color:var(--identity-text);}.install-status{margin-top:14px;max-width:430px;padding:12px 14px;border:1px solid color-mix(in srgb, var(--identity-primary-text) 25.000%, transparent);border-radius:13px;background:color-mix(in srgb, var(--identity-primary) 8.000%, transparent);color:var(--identity-primary-text);font-size:13px;}.install-status.success{border-color:color-mix(in srgb, var(--identity-success) 30.000%, transparent);background:color-mix(in srgb, var(--identity-success-soft) 8.000%, transparent);color:var(--identity-success);}.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;color:var(--identity-muted);font-size:13px;}.trust-row b{display:inline-grid;place-items:center;width:19px;height:19px;margin-left:5px;border-radius:50%;background:color-mix(in srgb, var(--identity-success-soft) 12.000%, transparent);color:var(--identity-success);}.hero-visual{position:relative;min-height:460px;display:grid;place-items:center;}.logo-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb, var(--identity-primary) 24.000%, transparent),transparent 68%);filter:blur(10px);}.phone-card{position:relative;width:330px;padding:22px;border:1px solid color-mix(in srgb, var(--identity-primary-text) 25.000%, transparent);border-radius:40px;background:linear-gradient(145deg,color-mix(in srgb, var(--identity-background) 96.000%, transparent),color-mix(in srgb, var(--identity-background) 96.000%, transparent));box-shadow:0 45px 90px color-mix(in srgb, var(--identity-shadow-color) 38.000%, transparent);transform:rotate(-2.5deg);}.phone-card:before{content:"";position:absolute;inset:9px;border:1px solid color-mix(in srgb, var(--identity-border) 4.000%, transparent);border-radius:32px;pointer-events:none;}.phone-card img{display:block;width:100%;aspect-ratio:1;border-radius:30px;object-fit:cover;}.phone-card>div{display:grid;text-align:center;margin-top:17px;}.phone-card strong{font-size:22px;}.phone-card small{color:var(--identity-muted);margin-top:4px;}.float-chip{position:absolute;padding:11px 16px;border:1px solid color-mix(in srgb, var(--identity-primary-text) 23.000%, transparent);border-radius:14px;background:color-mix(in srgb, var(--identity-background) 94.000%, transparent);box-shadow:0 15px 35px color-mix(in srgb, var(--identity-shadow-color) 28.000%, transparent);font-size:13px;font-weight:700;backdrop-filter:blur(12px);}.chip-attendance{right:-3px;top:100px;color:var(--identity-success);}.chip-notification{left:-8px;bottom:76px;color:var(--identity-primary-text);}.ios-guide{width:min(1160px,calc(100% - 36px));margin:0 auto 30px;padding:45px;border:1px solid var(--identity-border);border-radius:32px;background:linear-gradient(145deg,color-mix(in srgb, var(--identity-background) 92.000%, transparent),color-mix(in srgb, var(--identity-background) 92.000%, transparent));scroll-margin-top:20px;}.section-head{text-align:center;max-width:660px;margin:0 auto 30px;}.section-head>span{color:var(--identity-primary-text);font-weight:700;font-size:13px;}.section-head h2{font-size:32px;margin:8px 0;}.section-head p{color:var(--identity-muted);margin:0;line-height:1.8;}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}.step-card{position:relative;padding:25px 22px;border:1px solid var(--identity-border);border-radius:21px;background:var(--identity-background);}.step-number{position:absolute;top:15px;left:15px;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb, var(--identity-primary) 12.000%, transparent);color:var(--identity-primary-text);font-weight:700;}.step-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--identity-background),var(--identity-background));color:var(--identity-primary-text);}.step-icon svg{width:27px;height:27px;}.step-card h3{font-size:18px;margin:18px 0 6px;}.step-card p{font-size:14px;line-height:1.75;color:var(--identity-muted);margin:0;}.ready-card{width:min(1160px,calc(100% - 36px));margin:18px auto 38px;padding:25px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border:1px solid color-mix(in srgb, var(--identity-primary-text) 24.000%, transparent);border-radius:25px;background:linear-gradient(110deg,color-mix(in srgb, var(--identity-primary) 13.000%, transparent),color-mix(in srgb, var(--identity-background) 90.000%, transparent));}.ready-card img{width:74px;height:74px;border-radius:20px;}.ready-card small{color:var(--identity-primary-text);}.ready-card h2{margin:3px 0;font-size:23px;}.ready-card p{margin:0;color:var(--identity-muted);font-size:13px;}.ready-card>a{padding:14px 20px;border-radius:14px;background:var(--identity-surface);color:var(--identity-text);text-decoration:none;font-weight:700;}.ready-card>a span{margin-right:8px;}footer{text-align:center;color:var(--identity-muted);padding:0 20px 35px;font-size:12px;}@media(max-width:850px){.install-nav{height:76px;}.install-hero{grid-template-columns:1fr;padding:45px 0 55px;gap:30px;}.hero-copy{text-align:center;}.hero-copy>p{margin:auto;}.install-actions,.trust-row{justify-content:center;}.hero-visual{min-height:390px;order:-1;}.phone-card{width:280px;}.logo-glow{width:330px;height:330px;}.chip-attendance{right:4%;top:70px;}.chip-notification{left:4%;bottom:50px;}.steps{grid-template-columns:1fr;}.ios-guide{padding:30px 18px;}.ready-card{grid-template-columns:auto 1fr;}.ready-card>a{grid-column:1/-1;text-align:center;}}@media(max-width:540px){.install-nav{width:calc(100% - 26px);}.install-brand img{width:42px;height:42px;}.install-brand strong{font-size:15px;}.login-link{padding:9px 13px;font-size:13px;}.install-hero{width:calc(100% - 26px);padding-top:30px;}.hero-visual{min-height:330px;}.phone-card{width:225px;padding:15px;border-radius:30px;}.phone-card img{border-radius:22px;}.phone-card strong{font-size:18px;}.float-chip{font-size:11px;padding:9px 11px;}.hero-copy h1{font-size:40px;letter-spacing:-1px;}.hero-copy>p{font-size:15px;}.install-actions{display:grid;}.install-actions button{width:100%;}.trust-row{gap:9px;font-size:11px;}.ios-guide,.ready-card{width:calc(100% - 26px);}.section-head h2{font-size:25px;}.ready-card{padding:20px;}.ready-card img{width:60px;height:60px;}.ready-card h2{font-size:18px;}.ready-card p{font-size:12px;}}

/* Phase06 staged install UX */
.install-progress{max-width:430px;margin-top:12px;padding:12px 14px;border:1px solid color-mix(in srgb, var(--identity-primary-text) 22.000%, transparent);border-radius:14px;background:color-mix(in srgb, var(--identity-background) 72.000%, transparent);}.install-progress-track{height:5px;overflow:hidden;border-radius:999px;background:color-mix(in srgb, var(--identity-primary-soft) 16.000%, transparent);}.install-progress-track i{display:block;width:28%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--identity-primary),var(--identity-primary-soft));transform:translateX(0);}.install-progress-track i.is-working{animation:install-flow 1.25s ease-in-out infinite alternate;}.install-progress-track i.is-complete{width:100%;animation:none;}.install-progress-copy{display:grid;gap:2px;margin-top:9px;}.install-progress-copy strong{font-size:13px;}.install-progress-copy span{font-size:11px;color:var(--identity-muted);}.install-open-app{display:inline-flex;margin-top:12px;padding:11px 16px;border-radius:12px;background:var(--identity-surface);color:var(--identity-text);text-decoration:none;font-weight:800;font-size:13px;}.install-open-app[hidden]{display:none;}@keyframes install-flow{from{transform:translateX(0);width:24%;}to{transform:translateX(-240%);width:38%;}}:root[data-theme="light"] .install-progress{background:var(--identity-surface);border-color:var(--identity-border);}:root[data-theme="light"] .install-progress-track{background:var(--identity-surface-soft);}:root[data-theme="light"] .install-progress-copy span{color:var(--identity-muted);}:root[data-theme="light"] .install-open-app{background:var(--identity-primary);color:var(--identity-text);}@media(max-width:540px){.install-progress{max-width:none;}.install-open-app{width:100%;justify-content:center;}}