@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-black: #060608;--bg-dark: #0B0B0E;--bg-surface: #111116;--bg-elevated: #16161D;--bg-card: rgba(18, 18, 24, .7);--border-subtle: rgba(255, 255, 255, .07);--border-card: rgba(255, 255, 255, .12);--border-active: rgba(255, 255, 255, .28);--border-cyan: rgba(56, 189, 248, .35);--text-pure: #FFFFFF;--text-sub: #A1A1AA;--text-dim: #71717A;--cyan: #38BDF8;--emerald: #10B981;--amber: #F59E0B;--rose: #F43F5E;--indigo: #818CF8;--shadow-window: 0 30px 90px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .12), inset 0 1px 0 rgba(255, 255, 255, .2);--shadow-bento: 0 16px 40px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .1);--shadow-glow: 0 0 40px rgba(56, 189, 248, .15);--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;background-color:var(--bg-black);color:var(--text-pure);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-black);color:var(--text-pure);line-height:1.6;overflow-x:hidden}.ambient-glow-top{position:absolute;top:0;left:50%;transform:translate(-50%);width:1000px;height:600px;background:radial-gradient(circle 500px at 50% 10%,rgba(56,189,248,.12),transparent 70%),radial-gradient(circle 400px at 70% 25%,rgba(16,185,129,.08),transparent 60%);pointer-events:none;z-index:0}.ambient-grid{position:absolute;top:0;left:0;right:0;height:800px;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 60% 50% at 50% 0%,#000 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 0%,#000 60%,transparent 100%);pointer-events:none;z-index:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-pure);font-weight:800;letter-spacing:-.04em;line-height:1.1}p{color:var(--text-sub)}.mac-window{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:20px;box-shadow:var(--shadow-window);overflow:hidden;position:relative}.mac-titlebar{background:#ffffff08;border-bottom:1px solid var(--border-subtle);padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.mac-dots{display:flex;gap:8px}.mac-dot{width:11px;height:11px;border-radius:50%}.mac-dot-red{background:#ff5f56}.mac-dot-yellow{background:#ffbd2e}.mac-dot-green{background:#27c93f}.bento-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-card);border-radius:20px;padding:32px;box-shadow:var(--shadow-bento);transition:all .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.bento-card:hover{background:var(--bg-elevated);border-color:var(--border-active);transform:translateY(-2px);box-shadow:0 24px 60px #000000b3,inset 0 1px #ffffff26}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:10px;font-family:var(--font-display);font-size:.95rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.btn-primary{background:#fff;color:#08080a;box-shadow:0 0 24px #ffffff40}.btn-primary:hover{background:#f4f4f5;transform:translateY(-1px);box-shadow:0 4px 30px #fff6}.btn-secondary{background:#ffffff0d;color:#fff;border:1px solid var(--border-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40}.btn-sm{padding:8px 16px;font-size:.85rem;border-radius:8px}.badge-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:#ffffff0d;border:1px solid var(--border-card);font-size:.82rem;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-icon-circle{width:30px;height:30px;border-radius:8px;background:#fff;color:#08080a;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;flex-shrink:0}.code-terminal{background:#040406;border:1px solid var(--border-subtle);border-radius:12px;padding:16px 20px;font-family:var(--font-mono);font-size:.86rem;line-height:1.7;color:#e4e4e7;overflow-x:auto;box-shadow:inset 0 2px 10px #000c}.sound-bars{display:flex;align-items:center;gap:4px;height:18px}.sound-bar{width:3px;background:var(--cyan);border-radius:9999px;height:4px;transition:height .15s ease}.sound-bar.active{animation:pulseBar .8s ease-in-out infinite alternate}.sound-bar:nth-child(2){animation-delay:.15s}.sound-bar:nth-child(3){animation-delay:.3s}.sound-bar:nth-child(4){animation-delay:.45s}.sound-bar:nth-child(5){animation-delay:.6s}@keyframes pulseBar{0%{height:4px;opacity:.4}to{height:20px;opacity:1}}.bento-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 860px){.bento-grid{grid-template-columns:repeat(3,1fr)}.bento-col-2{grid-column:span 2}.bento-col-3{grid-column:span 3}}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 860px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}}.fade-up{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}