:root{--nav:#102b27;--ink:#172522;--muted:#687874;--line:#dce5e1;--soft:#f4f7f5;--paper:#fff;--teal:#0f7364;--teal2:#22a38d;--gold:#e5b85c;--pale:#eaf4f1;--green:#3a8b64}
*{box-sizing:border-box}html{background:var(--soft)}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 88% 4%,#dceee9 0,transparent 30%),var(--soft)}a{color:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:88px;padding:0 clamp(24px,5vw,74px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffffff0;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-mark{width:46px;height:46px;border-radius:13px;background:var(--gold);display:grid;place-items:center;color:var(--nav);font:bold 25px Georgia}.brand strong,.brand small,.workspace strong,.workspace small{display:block}.brand strong{font-size:20px}.brand small,.workspace small{color:var(--muted);font-size:11px;margin-top:2px}.workspace{display:flex;align-items:center;gap:10px}.workspace-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#d8ebe6;color:var(--teal);font-weight:800}.workspace strong{font-size:12px}main{width:min(1440px,100%);margin:auto;padding:clamp(34px,5vw,76px)}.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:70px;align-items:end}.eyebrow{display:block;text-transform:uppercase;color:var(--teal);font-size:12px;letter-spacing:1.4px;font-weight:800}.hero h1{font-size:clamp(44px,5.8vw,78px);letter-spacing:-3px;line-height:1.02;margin:18px 0 23px}.hero>div>p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.65;margin:0}.hero-note{background:var(--nav);color:white;border-radius:20px;padding:28px 30px;border-top:6px solid var(--gold);box-shadow:0 22px 60px #102b2718}.hero-note span{color:var(--gold);font-weight:800;font-size:11px;letter-spacing:1px}.hero-note strong{display:block;font-size:23px;line-height:1.25;margin:17px 0 10px}.hero-note p{color:#c6d8d3;line-height:1.55;margin:0;font-size:14px}.applications{margin-top:78px}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.section-heading h2{font-size:30px;margin:7px 0 0}.section-heading p{color:var(--muted);font-size:13px}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.app-card{position:relative;min-height:390px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:25px;display:flex;flex-direction:column;text-decoration:none;box-shadow:0 4px 14px #17362f08;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.app-card.active{border-color:#8bcfc1;background:linear-gradient(145deg,#fff 60%,#e9f5f2)}.app-card.active:hover,.app-card.active:focus-visible{transform:translateY(-5px);box-shadow:0 18px 42px #143c331c;border-color:var(--teal2);outline:none}.app-icon{width:58px;height:58px;border-radius:16px;background:var(--gold);display:grid;place-items:center;color:var(--nav);font-weight:900;font-size:21px}.app-icon.muted{background:#e8eeeb;color:#61716c}.status{position:absolute;right:22px;top:25px;border-radius:20px;padding:6px 9px;background:#edf1ef;color:#66746f;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.status.available{background:#dff2e9;color:#287153}.app-card h3{font-size:25px;margin:25px 0 10px}.app-card p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}.app-card ul{padding-left:18px;color:#45625b;font-size:12px;line-height:1.75}.launch,.planned{margin-top:auto}.launch{display:flex;justify-content:space-between;align-items:center;color:var(--teal);font-size:14px;padding-top:18px;border-top:1px solid #d6e9e4}.launch span{font-size:24px}.planned{color:#8a9894;font-size:12px}.future{background:#fbfcfb}.platform-strip{margin-top:28px;background:var(--nav);border-radius:16px;color:white;display:grid;grid-template-columns:1.25fr repeat(3,1fr);align-items:center;padding:22px 28px;gap:20px}.platform-strip>div+div{border-left:1px solid #315049;padding-left:20px}.platform-strip span{display:block;color:var(--gold);font-size:9px;letter-spacing:1px;font-weight:800;margin-bottom:5px}.platform-strip strong{font-size:12px}footer{display:flex;justify-content:space-between;padding:24px clamp(24px,5vw,74px);color:var(--muted);font-size:11px}
@media(max-width:1100px){.app-grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.hero-note{max-width:620px}.platform-strip{grid-template-columns:1fr 1fr}.platform-strip>div+div{border-left:0;padding-left:0}}
@media(max-width:650px){.topbar{height:auto;padding-top:16px;padding-bottom:16px}.workspace>span:last-child{display:none}main{padding:34px 20px}.hero h1{letter-spacing:-2px}.app-grid{grid-template-columns:1fr}.app-card{min-height:330px}.section-heading{display:block}.platform-strip{grid-template-columns:1fr}.platform-strip>div+div{border-top:1px solid #315049;padding-top:13px}footer{display:grid;gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}