.landing{background:var(--background);color:var(--text);scroll-behavior:smooth;--shell:1180px;--gutter:max(20px, calc((100vw - var(--shell)) / 2));min-height:100svh}.landing-shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:20px}.skip-link{z-index:5;border-radius:var(--radius-button);background:var(--primary);color:var(--on-primary);padding:12px 18px;font-weight:600;position:absolute;inset-block-start:-100px;inset-inline-start:16px}.skip-link:focus-visible{inset-block-start:16px}.landing-header{z-index:4;background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block-end:1px solid var(--border-decorative);position:sticky;inset-block-start:0}.landing-header-inner{align-items:center;gap:20px;min-height:76px;display:flex}.landing-wordmark{flex:none;align-items:center;display:inline-flex}.brand-image{--brand-l:.1851;--brand-t:.2831;--brand-w:.6312;--brand-h:.4572;width:148px;aspect-ratio:calc(2172 * var(--brand-w)) / calc(724 * var(--brand-h));display:block;position:relative;overflow:hidden}[data-theme=dark] .brand-image{--brand-l:.1842;--brand-t:.279;--brand-w:.6321;--brand-h:.4586}.brand-image img{width:calc(100% / var(--brand-w));max-width:none;height:auto;display:block;position:absolute;inset-block-start:calc(-100% * var(--brand-t) / var(--brand-h));inset-inline-start:calc(-100% * var(--brand-l) / var(--brand-w))}.landing-nav{flex-wrap:wrap;gap:4px;margin-inline:auto;display:flex}.landing-nav a{border-radius:var(--radius-pill);color:var(--text-secondary);transition:background var(--motion-state) var(--ease-standard), color var(--motion-state) var(--ease-standard);padding:10px 14px;font-size:14px;font-weight:500}.landing-nav a:hover{background:var(--surface-muted);color:var(--text)}.landing-controls{flex:none;gap:8px;display:flex}.chip{border:1px solid var(--border-decorative);border-radius:var(--radius-pill);min-height:40px;transition:background var(--motion-state) var(--ease-standard);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.chip:hover{background:var(--surface-muted)}.inline-icon{flex:none;width:17px;height:17px}.hero{padding-block:clamp(40px,7vw,88px);overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.eyebrow{border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);align-items:center;margin:0 0 20px;padding:7px 15px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.01em;text-wrap:balance;margin:0 0 22px;font-size:clamp(40px,6.2vw,76px);font-weight:700;line-height:1.12}html[lang=ar] .hero h1{letter-spacing:0;line-height:1.3}.hero-lead{color:var(--text-secondary);max-width:52ch;margin:0 0 30px;font-size:clamp(16px,1.35vw,19px);line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;margin-block-end:22px;display:flex}.button-primary,.button-ghost{border-radius:var(--radius-pill);min-height:52px;transition:transform var(--motion-press) var(--ease-standard), background var(--motion-state) var(--ease-standard);justify-content:center;align-items:center;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex}.button-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--elevation-raised)}.button-ghost{border:1px solid var(--border-interactive);color:var(--text)}.button-primary:hover,.button-ghost:hover{transform:translateY(-2px)}.button-ghost:hover{background:var(--surface-muted)}.hero-note{color:var(--text-secondary);max-width:46ch;margin:0;font-size:13.5px;line-height:1.8}.hero-art{border-radius:var(--radius-sheet);box-shadow:var(--elevation-overlay);aspect-ratio:4/5;position:relative;overflow:hidden}.hero-art img{object-fit:cover;object-position:50% 35%;width:100%;height:100%;display:block}.section{padding-block:clamp(48px,6.5vw,92px)}.section-muted{background:var(--surface-muted)}.section h2{text-wrap:balance;margin:0 0 14px;font-size:clamp(27px,3.1vw,38px);font-weight:700;line-height:1.35}.section-lead{color:var(--text-secondary);max-width:64ch;margin:0 0 40px;font-size:16.5px;line-height:1.9}.section-note{color:var(--text-secondary);max-width:68ch;margin:28px 0 0;font-size:13.5px;line-height:1.85}.glyph{object-fit:contain;display:block}.steps{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--surface);border:1px solid var(--border-decorative);border-radius:var(--radius-card);padding:26px 22px 24px;position:relative}.step-number{font:600 13px var(--font-manrope), sans-serif;border-radius:var(--radius-pill);background:var(--surface-muted);width:26px;height:26px;color:var(--text-secondary);place-items:center;display:grid;position:absolute;inset-block-start:20px;inset-inline-end:20px}.step h3{margin:16px 0 10px;font-size:18px;font-weight:600;line-height:1.5}.step p{color:var(--text-secondary);margin:0;font-size:14.5px;line-height:1.85}.app-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.app-card{background:var(--surface);border:1px solid var(--border-decorative);border-radius:var(--radius-sheet);flex-direction:column;display:flex;overflow:hidden}.app-shot{background:var(--background);aspect-ratio:16/11;overflow:hidden}.app-shot img{object-fit:cover;object-position:50% 22%;width:100%;height:100%;display:block}.app-body{flex-direction:column;gap:0;padding:24px 22px 26px;display:flex}.app-body h3{margin:14px 0 4px;font-size:20px;font-weight:700;line-height:1.5}.app-tagline{color:var(--text-secondary);margin:0 0 18px;font-size:14px}.ticks{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ticks li{color:var(--text-secondary);gap:10px;font-size:14.5px;line-height:1.75;display:flex}.ticks li .inline-icon{color:var(--success-text);margin-block-start:4px}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border-decorative);border-radius:var(--radius-card);transition:transform var(--motion-state) var(--ease-standard), box-shadow var(--motion-state) var(--ease-standard);padding:24px 22px}.feature-card:hover{box-shadow:var(--elevation-raised);transform:translateY(-3px)}.feature-card h3{margin:14px 0 8px;font-size:17px;font-weight:600;line-height:1.5}.feature-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.85}.category-strip{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.category-chip{background:var(--surface);border:1px solid var(--border-decorative);border-radius:var(--radius-pill);align-items:center;gap:10px;padding:10px 18px 10px 12px;font-size:14px;font-weight:500;display:inline-flex}html[dir=rtl] .category-chip{padding:10px 12px 10px 18px}.category-chip img{object-fit:contain;width:34px;height:34px;display:block}.join-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.join-copy h2{margin-block-start:16px}.join-copy .section-lead{margin-block-end:26px}.join-art{border-radius:var(--radius-sheet);box-shadow:var(--elevation-overlay);aspect-ratio:3/4;overflow:hidden}.join-art img{object-fit:cover;width:100%;height:100%;display:block}.area-columns{grid-template-columns:minmax(0,.6fr) minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:28px;display:grid}.area-column h3{color:var(--text);margin:0 0 14px;font-size:15px;font-weight:600}.area-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.area-list li{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border-decorative);color:var(--text-secondary);padding:7px 14px;font-size:13.5px}.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.trust-card{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border-decorative);border-block-start:3px solid var(--primary);padding:24px 22px}.trust-card h3{margin:0 0 10px;font-size:16px;font-weight:600;line-height:1.5}.trust-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.85}.skyline{background:0 0;line-height:0}.skyline img{opacity:.6;width:100%;height:auto;display:block}[data-theme=dark] .skyline img{opacity:.25}.skyline+.landing-footer{border-block-start:0}.landing-footer{background:var(--surface-muted);border-block-start:1px solid var(--border-decorative);padding-block:48px 32px}.footer-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:32px;display:grid}.footer-brand p{color:var(--text-secondary);max-width:34ch;margin:16px 0 0;font-size:13.5px;line-height:1.9}.footer-column h2{text-transform:none;margin:0 0 14px;font-size:13px;font-weight:600}.footer-column h2+ul+h2{margin-block-start:26px}.footer-column ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-column a{color:var(--text-secondary);font-size:14px;line-height:1.7}.footer-column a:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.footer-note{border-block-start:1px solid var(--border-decorative);color:var(--text-secondary);margin:36px auto 0;padding-block-start:22px;font-size:12px;line-height:1.8}@media (max-width:1080px){.steps,.feature-grid,.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-cards{grid-template-columns:1fr}.app-card{flex-direction:row}.app-shot{aspect-ratio:auto;flex:0 0 38%}.area-columns{grid-template-columns:1fr}}@media (max-width:900px){.landing-nav{display:none}.landing-controls{margin-inline-start:auto}.hero-grid,.join-grid{grid-template-columns:1fr}.hero-art{aspect-ratio:16/12}.join-art{aspect-ratio:4/5;max-width:340px}.footer-grid{grid-template-columns:1fr;gap:28px}}@media (max-width:640px){.steps,.feature-grid,.trust-grid{grid-template-columns:1fr}.app-card{flex-direction:column}.app-shot{aspect-ratio:16/10;flex:none}.hero h1{font-size:36px}.landing-shell{padding-inline:16px}.landing-header-inner{gap:12px;min-height:64px}.brand-image{width:112px}.landing-controls{gap:6px}.chip{padding:8px 12px}}@media (max-width:380px){.chip-label{display:none}}@media (prefers-reduced-motion:reduce){.landing{scroll-behavior:auto}.feature-card:hover,.button-primary:hover,.button-ghost:hover{transform:none!important}}
