*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg:#05060a;--fg:#eef2ff;--muted:#9aa3b8;--dim:#5b6478;--line:rgba(255,255,255,.08);--card:rgba(17,20,30,.6);--card2:rgba(255,255,255,.03);--a1:#38bdf8;--a2:#a78bfa;--a3:#f472b6;--shadow:0 30px 80px -30px rgba(0,0,0,.8);color-scheme:dark}[data-theme=light]{--bg:#f6f7fb;--fg:#0b1020;--muted:#4b5468;--dim:#8a93a6;--line:rgba(10,20,40,.09);--card:rgba(255,255,255,.72);--card2:rgba(10,20,40,.03);--a1:#0284c7;--a2:#7c3aed;--a3:#db2777;--shadow:0 30px 60px -30px rgba(30,40,80,.25);color-scheme:light}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Inter,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;transition:background .4s,color .4s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--a1);outline-offset:3px;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--fg);color:var(--bg);padding:8px 14px;border-radius:8px}.skip:focus{top:12px}kbd{font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:3px 6px;border-radius:6px;border:1px solid var(--line);background:var(--card2);color:var(--muted);margin:0 1px}.aurora{position:fixed;top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;z-index:-2;filter:blur(80px) saturate(140%);opacity:.55;pointer-events:none}[data-theme=light] .aurora{opacity:.35}.aurora span{position:absolute;width:60vmax;height:60vmax;border-radius:50%;mix-blend-mode:screen;animation:drift 22s ease-in-out infinite alternate}[data-theme=light] .aurora span{mix-blend-mode:multiply}.aurora span:nth-child(1){background:radial-gradient(circle,var(--a1),transparent 60%);left:5%;top:0}.aurora span:nth-child(2){background:radial-gradient(circle,var(--a2),transparent 60%);right:0;top:10%;animation-duration:28s;animation-delay:-6s}.aurora span:nth-child(3){background:radial-gradient(circle,var(--a3),transparent 60%);left:30%;bottom:-10%;animation-duration:34s;animation-delay:-12s;opacity:.6}@keyframes drift{to{transform:translate3d(8vmax,6vmax,0) rotate(40deg) scale(1.15)}}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(16px,4vw,40px);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);background:color-mix(in srgb,var(--bg) 55%,transparent);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;font-size:17px}.brand b{font-weight:400;color:var(--muted);margin-left:4px}.brand-mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px}.brand-mark i{width:8px;height:8px;border-radius:2px;background:var(--a1)}.brand-mark i:nth-child(2){background:var(--a2)}.brand-mark i:nth-child(3){background:var(--a3)}.brand-mark i:nth-child(4){background:var(--fg);opacity:.8}.nav-right{display:flex;align-items:center;gap:8px}.kbar{display:flex;align-items:center;gap:6px;padding:7px 8px 7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card2);color:var(--muted);font-size:13px;transition:border-color .2s}.kbar span{margin-right:18px}.kbar:hover{border-color:var(--a1);color:var(--fg)}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--line);background:var(--card2);font-size:15px;transition:transform .2s,border-color .2s}.icon-btn:hover{border-color:var(--a2);transform:rotate(-8deg)}.hero{position:relative;min-height:min(86vh,820px);display:grid;place-items:center;text-align:center;padding:40px 20px;overflow:hidden}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 72%);mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 72%)}.hero-copy{position:relative;max-width:860px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;color:var(--muted);margin-bottom:26px}.pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e88;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}h1{font-size:clamp(40px,8.4vw,104px);line-height:.95;letter-spacing:-.05em;font-weight:800}.shine{background:linear-gradient(100deg,var(--a1),var(--a2) 35%,var(--a3) 55%,var(--a1) 80%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}@keyframes shine{to{background-position:-200% center}}.lede{margin:24px auto 0;max-width:560px;color:var(--muted);font-size:clamp(15px,1.6vw,18px)}.cta{display:flex;gap:12px;justify-content:center;margin-top:34px;flex-wrap:wrap}.btn-primary{position:relative;padding:13px 24px;border-radius:999px;font-weight:650;color:#fff;background:linear-gradient(135deg,var(--a1),var(--a2));box-shadow:0 10px 40px -10px var(--a2);transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 50px -10px var(--a2)}.btn-ghost{padding:13px 22px;border-radius:999px;border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600}.btn-ghost:hover{border-color:var(--fg)}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:14px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee div{display:flex;gap:48px;width:max-content;animation:marq 40s linear infinite}.marquee span{white-space:nowrap;color:var(--dim);font-weight:600;letter-spacing:.02em}@keyframes marq{to{transform:translate(-50%)}}.bento-wrap{max-width:1240px;margin:0 auto;padding:72px clamp(16px,4vw,40px) 96px}.section-h{font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin:0 0 18px;font-weight:700}.section-h small{color:var(--dim);margin-left:6px}.bento--soon{margin-top:0}.bento+.section-h{margin-top:56px}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;grid-auto-flow:dense}.tile{--mx:50%;--my:50%;--tx:0px;--ty:0px;--rx:0deg;--ry:0deg;position:relative;display:flex;flex-direction:column;gap:14px;min-height:220px;padding:22px;border-radius:22px;border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;isolation:isolate;transform:perspective(900px) translate3d(var(--tx),var(--ty),0) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;animation:rise .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*55ms)}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(420px circle at var(--mx) var(--my),color-mix(in srgb,var(--c) 22%,transparent),transparent 45%);opacity:0;transition:opacity .3s}.tile:hover,.tile:focus-visible{border-color:color-mix(in srgb,var(--c) 55%,transparent);box-shadow:var(--shadow),0 0 0 1px color-mix(in srgb,var(--c) 25%,transparent)}.tile:hover:before,.tile:focus-visible:before{opacity:1}.tile--big{grid-column:span 2;grid-row:span 2}.tile--wide{grid-column:span 2}.tile--big h3{font-size:clamp(22px,2.6vw,32px)}.tile--big p{font-size:15px;max-width:44ch}.tile--big .tile-icon{font-size:52px}.tile-beam{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ang,0deg),transparent 70%,var(--c),transparent 85%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;animation:beam 3.5s linear infinite;pointer-events:none}.tile:hover .tile-beam,.tile:focus-visible .tile-beam{opacity:1}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes beam{to{--ang:360deg}}.tile-top{display:flex;justify-content:space-between;align-items:flex-start}.tile-icon{font-size:34px;line-height:1;filter:drop-shadow(0 6px 18px color-mix(in srgb,var(--c) 60%,transparent))}.tile-icon img{object-fit:contain}.tile-body{flex:1}.tile h3{font-size:18px;letter-spacing:-.02em;margin-bottom:6px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tile p{color:var(--muted);font-size:13.5px;overflow-wrap:break-word}.tile-badge{font:700 10px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;color:#7c2d12;background:#ffedd5;border:1px solid #fdba74;border-radius:999px;padding:4px 7px}.tile-badge--off{color:var(--muted);background:transparent;border-color:var(--line)}.tile-foot{display:flex;align-items:center;gap:8px;font-size:12px}.tile-foot code{color:var(--dim);font:12px ui-monospace,Menlo,monospace;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-gh{white-space:nowrap;color:var(--muted);padding:4px 8px;border-radius:8px;border:1px solid var(--line)}.tile-gh:hover{color:var(--fg)}.tile--off{opacity:.55;min-height:170px;filter:saturate(.5)}.tile--off:hover{opacity:.8}.bento--soon{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.dot{width:10px;height:10px;border-radius:50%;background:var(--dim);position:relative}.dot--up{background:#22c55e;box-shadow:0 0 12px #22c55e}.dot--up:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid #22c55e;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.dot--down{background:#ef4444;box-shadow:0 0 12px #ef4444}.dot--checking{background:#f59e0b;animation:blink 1s infinite}.dot--soon{background:transparent;border:2px dashed var(--dim)}.dot--discontinued{background:transparent;border:2px solid var(--dim)}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes blink{50%{opacity:.3}}.cmdk-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:color-mix(in srgb,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;animation:fade .15s}.cmdk{width:min(640px,100%);border-radius:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);box-shadow:0 40px 120px -20px #0009,0 0 0 1px color-mix(in srgb,var(--a2) 25%,transparent);overflow:hidden;animation:pop .2s cubic-bezier(.2,.8,.2,1)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(-8px)}}.cmdk-input-row{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line);color:var(--muted)}.cmdk-input-row input{flex:1;background:none;border:0;outline:0;font-size:17px;color:var(--fg)}.cmdk-list{list-style:none;max-height:min(420px,55vh);overflow:auto;padding:8px}.cmdk-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer}.cmdk-item.is-sel{background:color-mix(in srgb,var(--a1) 14%,transparent)}.cmdk-item.is-off{opacity:.45;cursor:not-allowed}.cmdk-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--c,var(--a2)) 18%,transparent)}.cmdk-title{font-weight:600}.cmdk-hint{margin-left:auto;color:var(--dim);font:12px ui-monospace,Menlo,monospace}.cmdk-empty{padding:28px;text-align:center;color:var(--dim)}.cmdk-foot{display:flex;gap:18px;padding:10px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--dim)}.foot{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:22px clamp(16px,4vw,40px);border-top:1px solid var(--line);color:var(--dim);font-size:13px}.foot a:hover{color:var(--fg)}@media (max-width:980px){.bento{grid-template-columns:repeat(2,1fr)}.tile--wide{grid-column:auto}}@media (max-width:620px){.bento{grid-template-columns:1fr}.tile--big,.tile--wide{grid-column:auto;grid-row:auto}.kbar span,.keys{display:none}.hero{min-height:78vh}.cmdk-foot{display:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tile{transform:none!important}}
