:root{--bg: #f4f7f5;--bg-2: #e7efe9;--ink: #0f1f18;--muted: #5b6b63;--card: rgba(255, 255, 255, .72);--card-border: rgba(15, 31, 24, .08);--shadow: 0 1px 2px rgba(15, 31, 24, .04), 0 12px 32px -12px rgba(15, 31, 24, .18);--shadow-hover: 0 2px 4px rgba(15, 31, 24, .05), 0 28px 60px -18px rgba(15, 31, 24, .3);--blob-1: rgba(52, 211, 153, .28);--blob-2: rgba(192, 132, 252, .2);--blob-3: rgba(251, 191, 36, .2);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #07130e;--bg-2: #0b1f17;--ink: #eef5f1;--muted: #93a69c;--card: rgba(18, 36, 28, .66);--card-border: rgba(255, 255, 255, .08);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 16px 36px -14px rgba(0, 0, 0, .6);--shadow-hover: 0 2px 4px rgba(0, 0, 0, .3), 0 32px 64px -18px rgba(0, 0, 0, .75);--blob-1: rgba(16, 185, 129, .22);--blob-2: rgba(139, 92, 246, .16);--blob-3: rgba(234, 88, 12, .14);color-scheme:dark}}*{box-sizing:border-box;margin:0}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh}.page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:clamp(48px,10vh,112px) 16px 32px;overflow:hidden}.bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(40rem 28rem at 12% 8%,var(--blob-1),transparent 70%),radial-gradient(36rem 26rem at 90% 18%,var(--blob-2),transparent 70%),radial-gradient(40rem 30rem at 50% 110%,var(--blob-3),transparent 70%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}.bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(currentColor 1px,transparent 1px);background-size:22px 22px;color:var(--ink);opacity:.045;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 75%);mask-image:linear-gradient(180deg,#000 0%,transparent 75%)}.header{text-align:center;max-width:640px;margin-bottom:clamp(36px,7vh,64px)}.brand{display:inline-block;margin-bottom:26px}.brand img{display:block;width:clamp(180px,40vw,240px);height:auto}h1{font-size:clamp(32px,6vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1.05}.lede{margin-top:14px;color:var(--muted);font-size:clamp(15px,2.2vw,17px)}.grid{width:100%;max-width:1040px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.card{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 0%;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding:28px;border-radius:28px;background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);color:inherit;text-decoration:none;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .25s ease-out,box-shadow .3s ease;animation:rise .6s cubic-bezier(.2,.8,.2,1) backwards;isolation:isolate}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(22rem circle at var(--mx) var(--my),color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%);opacity:0;transition:opacity .3s ease;z-index:-1}.card:hover{box-shadow:var(--shadow-hover);transition:transform .08s linear,box-shadow .3s ease}.card:hover:before{opacity:1}.card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.card:active{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) scale(.985)}.card-icon{width:108px;transform:translateZ(40px);transition:transform .35s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 14px 18px color-mix(in srgb,var(--accent) 35%,transparent))}.card:hover .card-icon{transform:translateZ(60px) translateY(-4px)}.app-icon{display:block;width:100%;height:auto;overflow:visible}.card-text{transform:translateZ(20px)}.card-text h2{font-size:21px;font-weight:750;letter-spacing:-.02em}.card-text p{margin-top:6px;color:var(--muted);font-size:14.5px;line-height:1.5}.card-host{display:inline-block;margin-top:14px;font-size:12.5px;font-weight:600;color:var(--accent);padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);word-break:break-all}.card-arrow{position:absolute;top:24px;right:24px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--card-border);color:var(--muted);transition:all .25s ease;transform:translateZ(30px)}.card-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card:hover .card-arrow{background:var(--accent);border-color:var(--accent);color:#fff}.footer{margin-top:auto;padding-top:56px;font-size:13px;color:var(--muted)}@keyframes rise{0%{opacity:0;transform:perspective(900px) translateY(18px)}to{opacity:1}}@media(prefers-reduced-motion:reduce){.card,.card-icon,.card-arrow{transition:none;animation:none}}