:root{--ink: #14213D;--ink-soft: #2B3B5C;--paper: #EFEDE3;--paper-hi: #F8F6EE;--teal: #20685C;--teal-deep: #164A41;--brass: #C79A46;--brass-deep: #9C7530;--line: rgba(20,33,61,.14);--shadow: 0 24px 50px -20px rgba(20,33,61,.35)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:radial-gradient(1100px 600px at 12% -10%,rgba(32,104,92,.1),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(199,154,70,.14),transparent 55%),var(--paper);font-family:Inter,system-ui,sans-serif;color:var(--ink);display:flex;align-items:center;justify-content:center;padding:48px 20px;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(20,33,61,.025) 0px,rgba(20,33,61,.025) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}.stage{width:100%;max-width:1080px;position:relative;z-index:1}.brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:56px}.brand img{height:240px;width:auto;max-width:100%;object-fit:contain;margin-bottom:28px;filter:drop-shadow(0 4px 10px rgba(20,33,61,.12))}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:16px;letter-spacing:.16em;text-transform:uppercase;color:#848483;margin:0 0 14px;display:flex;align-items:center;gap:10px}.eyebrow:before,.eyebrow:after{content:"";width:26px;height:1px;background:#848483;opacity:.55}h1{font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:600;font-size:clamp(28px,4vw,40px);line-height:1.15;margin:0 0 10px;letter-spacing:-.01em}.sub{margin:0;color:var(--ink-soft);font-size:16px;max-width:480px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media (max-width: 860px){.cards{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;border-radius:18px;padding:26px 26px 24px;color:var(--paper-hi);text-decoration:none;isolation:isolate;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.card:hover,.card:focus-visible{transform:translateY(-6px) rotate(-.3deg);box-shadow:0 30px 60px -18px #14213d73}.card:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.card--android{background:linear-gradient(155deg,#bc83ef,#9460f3)}.card--ios{background:linear-gradient(155deg,#43c143,#10a019)}.card--pwa{background:linear-gradient(155deg,#20b6ff,#009fff)}.card--pwa{background:linear-gradient(155deg,#ffb020,#ff6b00);color:var(--ink)}.card--pwa .card-num,.card--pwa .card-desc,.card--pwa .card-tag{color:#14213d9e}.card--pwa .role-icon{color:var(--ink)}.card--pwa .arrow{background:#14213d24;color:var(--ink)}.card:after{content:"";position:absolute;top:0;right:-30%;width:70%;height:100%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.14) 48%,transparent 56%);pointer-events:none}.card-head{position:relative;z-index:1}.role-icon{width:46px;height:46px;min-width:46px;opacity:.95;margin-bottom:14px}.card-text{min-width:0}.watermark{position:absolute;right:-18px;bottom:-18px;width:130px;height:130px;opacity:.15;pointer-events:none;z-index:0}.card--pwa .watermark{opacity:.18}.card-cta{position:relative;z-index:1}.store-badge{display:inline-flex;align-items:center;padding:0;box-shadow:0 8px 18px #0003;transition:transform .3s ease,box-shadow .3s ease}.store-badge img{height:64px;display:block}.card:hover .store-badge{transform:translateY(-3px);box-shadow:0 14px 26px #00000047}.pwa-badge{display:inline-flex;align-items:center;gap:9px;padding:26px 18px;background:#14213df0;color:#fff;border-radius:12px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;box-shadow:0 8px 18px #14213d47;transition:transform .3s ease,box-shadow .3s ease}.card:hover .pwa-badge{transform:translateY(-3px);box-shadow:0 14px 26px #14213d5c}.card-num{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.12em;color:#f8f6ee99;margin:0 0 6px}.card-name{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:22px;margin:0 0 6px}.card-desc{font-size:13px;color:#f8f6eeb8;margin:0 0 18px;max-width:230px}@media (prefers-reduced-motion: reduce){.card{transition:none}}