@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#f6f7fb;background:#080d18;font-family:DM Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:#080d18}button,a{font:inherit}button{cursor:pointer}.shell{min-height:100vh;position:relative;overflow:hidden;padding:0 clamp(24px,6vw,96px) 32px;background:radial-gradient(circle at 50% -20%,rgba(44,89,143,.23),transparent 44%),linear-gradient(135deg,#080d18,#0b1220 55%,#080d17)}.glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(1px)}.glow-one{width:360px;height:360px;top:280px;left:-250px;background:#3391a112}.glow-two{width:300px;height:300px;top:500px;right:-200px;background:#6f5ccd14}.topbar{height:96px;max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(111,220,204,.65);border-radius:11px;color:#75dfcf;font:700 24px Space Grotesk,sans-serif}.brand strong,.brand small{display:block}.brand strong{font:700 18px Space Grotesk,sans-serif;letter-spacing:-.04em}.brand small{margin-top:1px;color:#788397;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.account{display:flex;align-items:center;gap:11px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6c7ee6,#4ca99e);color:#fff;font-size:12px;font-weight:700}.account-copy strong,.account-copy span{display:block}.account-copy strong{color:#e9edf7;font-size:13px}.account-copy span{margin-top:2px;color:#7b879b;font-size:11px;text-transform:capitalize}.logout{margin-left:14px;border:0;background:transparent;color:#94a0b3;font-size:12px;transition:color .2s}.logout:hover{color:#fff}.hero,.apps-section,.state-card,footer{max-width:1180px;margin-right:auto;margin-left:auto}.hero{padding:clamp(72px,11vh,128px) 0 70px}.eyebrow,.section-kicker{color:#70d7c6;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span,.secure-label span{width:6px;height:6px;border-radius:50%;background:#70d7c6;box-shadow:0 0 14px #70d7c6}h1,h2,h3,p{margin:0}.hero h1{max-width:720px;margin-top:20px;color:#f4f7fc;font:600 clamp(42px,6vw,76px)/1.02 "Space Grotesk",sans-serif;letter-spacing:-.065em}.hero p{max-width:500px;margin-top:22px;color:#8d99ad;font-size:16px;line-height:1.7}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading h2{margin-top:8px;font:600 25px Space Grotesk,sans-serif;letter-spacing:-.04em}.secure-label{display:flex;align-items:center;gap:8px;padding-bottom:4px;color:#7c899e;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.app-card{min-height:300px;position:relative;display:flex;flex-direction:column;padding:28px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:20px;color:#fff;text-decoration:none;background:#111928bd;transition:transform .25s ease,border-color .25s ease,background .25s ease}.app-card:after{content:"";position:absolute;width:180px;height:180px;right:-70px;bottom:-80px;border-radius:50%;opacity:.18}.app-card:hover{transform:translateY(-4px);border-color:#ffffff38;background:#192439db}.card-crm:after{background:#6f7fe0}.card-inbox:after{background:#5bd3bd}.card-agents:after{background:#d3a45b}.card-topline{display:flex;justify-content:space-between;align-items:center}.app-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;color:#fff;font:500 26px Space Grotesk,sans-serif;background:linear-gradient(135deg,#7985edcc,#4852a3b3)}.card-inbox .app-icon{background:linear-gradient(135deg,#4ec0a9e6,#2b777ebf)}.card-agents .app-icon{background:linear-gradient(135deg,#cda355e6,#895b2ec7)}.arrow{color:#7c89a0;font-size:22px;transition:transform .2s,color .2s}.app-card:hover .arrow{transform:translate(3px,-3px);color:#fff}.category{margin-top:38px;color:#7a88a0;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.app-card h3{margin-top:8px;font:600 30px Space Grotesk,sans-serif;letter-spacing:-.05em}.app-card p{max-width:390px;margin-top:9px;color:#909caf;font-size:13px;line-height:1.55}.open-app{margin-top:auto;padding-top:28px;color:#dce3ef;font-size:12px;font-weight:700}.open-app span{margin-left:6px;color:#71d8c6;font-size:17px;transition:margin .2s}.app-card:hover .open-app span{margin-left:11px}.state-card{display:flex;align-items:center;gap:16px;min-height:120px;padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:18px;color:#a9b4c5;background:#111928bd}.error-card{align-items:flex-start;border-color:#e8767647;color:#d7dce6}.error-card strong{color:#f5f7fb}.error-card p{margin:7px 0 17px;color:#9ba6b8;font-size:13px}.state-icon{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border-radius:50%;color:#ffb5b5;background:#db62622b;font-weight:700}.spinner{width:17px;height:17px;border:2px solid rgba(112,215,198,.2);border-top-color:#70d7c6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.primary-button{padding:10px 15px;border:0;border-radius:9px;color:#081319;background:#70d7c6;font-size:12px;font-weight:700}footer{padding-top:86px;color:#566277;font-size:10px;letter-spacing:.16em;text-align:center}footer span{margin:0 7px;color:#354157}@media(max-width:680px){.shell{padding-right:18px;padding-left:18px}.topbar{height:78px}.account-copy{display:none}.logout{margin-left:2px}.hero{padding-top:72px;padding-bottom:56px}.hero h1{font-size:47px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.cards{grid-template-columns:1fr}.app-card{min-height:270px}footer{padding-top:58px}}