@import url("https://fonts.cdnfonts.com/css/sf-pro-display");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:90%;color:#ffffff;font-family:SF Pro Display,SF Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{background-color:#000000;overflow-x:hidden}body{position:relative}:root{--bg:#000000;--card-bg:#111112;--card-bg-hover:#16161a;--text-primary:#ffffff;--text-secondary:#86868b;--text-tertiary:#424245;--accent-blue:#0071e3;--accent-blue-glow:rgba(0,113,227,0.4);--accent-purple:#862e9c;--accent-purple-glow:rgba(134,46,156,0.35);--accent-green:#30D158;--border-color:rgba(255,255,255,0.08);--border-color-hover:rgba(255,255,255,0.16);--glass-bg:rgba(22,22,23,0.8);--max-width:1080px}.ambient-glow-top{top:0;max-width:1400px;height:600px;background:radial-gradient(circle at top,rgba(99,102,241,.12),rgba(139,92,246,.05),transparent 60%)}.ambient-glow-mid,.ambient-glow-top{position:absolute;left:50%;transform:translateX(-50%);width:100%;z-index:0;pointer-events:none}.ambient-glow-mid{top:1500px;max-width:1200px;height:800px;background:radial-gradient(circle,rgba(134,46,156,.08),rgba(0,113,227,.04),transparent 70%)}.hero-title{font-size:5.5rem;font-weight:400;letter-spacing:-.03em;line-height:1.05;background:linear-gradient(180deg,#ffffff 40%,#a1a1a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem}.hero-subtitle{font-size:2.2rem;font-weight:400;letter-spacing:-.015em;color:var(--text-secondary);margin-bottom:2rem}.section-title{font-size:3rem;font-weight:400;letter-spacing:-.02em;text-align:center;margin-bottom:1rem}.section-subtitle{font-size:1.25rem;color:var(--text-secondary);text-align:center;margin-bottom:4rem;max-width:650px;margin-left:auto;margin-right:auto;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-size:1rem;font-weight:500;border-radius:980px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none;border:none;outline:none}.btn-primary{background-color:#ffffff;color:#000000}.btn-primary:hover{background-color:#f5f5f7;transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,255,255,.15)}.btn-secondary{background-color:rgba(255,255,255,.08);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:rgba(255,255,255,.12);border-color:var(--border-color-hover);transform:translateY(-2px)}.btn-blue{background-color:var(--accent-blue);color:#ffffff}.btn-blue:hover{background-color:#0077ed;transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-blue-glow)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-padding{padding:120px 0;position:relative;z-index:1}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px;margin-top:48px}.bento-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:24px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:space-between;color:#ffffff}.bento-card:hover{border-color:var(--border-color-hover);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.4)}.bento-card-large{grid-column:span 8}.bento-card-medium{grid-column:span 6}.bento-card-small{grid-column:span 4}.bento-card-icon{width:40px;height:40px;border-radius:10px;background-color:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}.bento-card-title{font-size:1.15rem;font-weight:500;margin-bottom:8px;letter-spacing:-.01em}.bento-card-description{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.bento-graphic{position:relative;width:100%;height:200px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.05));border:.5px solid var(--border-color);overflow:hidden;display:flex;align-items:center;justify-content:center}.cursor-blink{display:inline-block;width:2px;height:15px;background-color:#3b82f6;margin-left:2px;animation:blink .8s infinite}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.hotkey-pill{display:inline-flex;align-items:center;background:rgba(255,255,255,.08);border:.5px solid var(--border-color);padding:4px 10px;border-radius:8px;font-family:var(--mono,monospace);font-size:.85rem;font-weight:600;color:#f5f5f7;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 2px 4px rgba(0,0,0,.2)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000000}::-webkit-scrollbar-thumb{background:#333333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444444}@media (max-width:1024px){.hero-title{font-size:4rem}.hero-subtitle{font-size:1.8rem}.bento-card-large{grid-column:span 12}.bento-card-medium{grid-column:span 6}.bento-card-small{grid-column:span 12}}@media (max-width:768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.4rem}.section-title{font-size:2.2rem}.bento-card-medium{grid-column:span 12}.bento-card{padding:24px}}