@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&display=swap";:root{--bg:#fff;--bg-light:#fafafa;--fg:#09090b;--muted:#71717a;--muted-bg:#f4f4f5;--border:#e4e4e7;--primary:#09090b;--primary-hover:#27272a;--primary-fg:#fff;--secondary:#fff;--secondary-hover:#f4f4f5;--secondary-fg:#09090b;--radius:.5rem;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Fira Code", monospace;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:6rem 0}.bg-light{background-color:var(--bg-light)}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:600;line-height:1.2}.text-muted{color:var(--muted)}.text-gradient{background:linear-gradient(135deg,#111 0%,#666 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-primary{background-color:var(--primary);color:var(--primary-fg)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary);color:var(--secondary-fg);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--secondary-hover)}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background-color:#fffc;padding:1rem 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-left,.nav-right{align-items:center;gap:2rem;display:flex}.nav-right{gap:1.5rem}.logo{letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.nav-links{display:none}@media (width>=768px){.nav-links{gap:1.5rem;display:flex}}.nav-link{color:var(--muted);font-size:.875rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--fg)}.hero{padding:6rem 0 4rem;position:relative;overflow:hidden}.hero-background-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#00000008 0%,#fff0 70%);width:80vw;max-width:800px;height:80vw;max-height:800px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.hero-container{text-align:center;flex-direction:column;align-items:center;gap:4rem;display:flex}.hero-content{flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;display:flex}.badge{color:var(--fg);background-color:var(--muted-bg);border:1px solid var(--border);border-radius:9999px;align-items:center;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.03em;font-size:3rem;line-height:1.1}@media (width>=768px){.hero-title{font-size:4.5rem}}.hero-subtitle{color:var(--muted);max-width:600px;font-size:1.125rem}@media (width>=768px){.hero-subtitle{font-size:1.25rem}}.hero-actions{gap:1rem;margin-top:1rem;display:flex}.hero-visual{perspective:1000px;width:100%;max-width:1000px}.dashboard-mockup{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-xl);border-radius:.75rem;transition:transform .5s;overflow:hidden;transform:rotateX(5deg)scale(.95)}.dashboard-mockup:hover{transform:rotateX(0)scale(1)}.mockup-header{background:var(--muted-bg);border-bottom:1px solid var(--border);align-items:center;padding:.75rem 1rem;display:flex}.mockup-header.dark{background:#18181b;border-bottom:1px solid #27272a}.mockup-dots{gap:.375rem;display:flex}.mockup-dots span{background:#d4d4d8;border-radius:50%;width:.75rem;height:.75rem}.mockup-dots span:first-child{background:#ff5f56}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:nth-child(3){background:#27c93f}.mockup-url{text-align:center;color:var(--muted);font-size:.75rem;font-family:var(--font-sans);flex-grow:1}.mockup-body{height:400px;display:flex}.mockup-sidebar{border-right:1px solid var(--border);width:200px;padding:1.5rem 1rem;display:none}@media (width>=768px){.mockup-sidebar{display:block}}.mockup-line{background:var(--muted-bg);border-radius:.25rem;height:.75rem;margin-bottom:1rem}.w-full{width:100%}.w-3\/4{width:75%}.w-5\/6{width:83%}.mt-4{margin-top:1rem}.mockup-content{background:var(--bg-light);flex-grow:1;padding:1.5rem;overflow-y:hidden}.mockup-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.mockup-stat-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem}.mockup-stat-title{color:var(--muted);margin-bottom:.5rem;font-size:.75rem}.mockup-stat-value{font-size:1.5rem;font-weight:600}.mockup-table{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.mockup-table-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:grid}.mockup-table-row:last-child{border-bottom:none}.mockup-table-row.header{background:var(--muted-bg);color:var(--muted);font-weight:500}.stock-high{color:#16a34a;font-weight:500}.stock-low{color:#dc2626;font-weight:500}.status-badge{border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.status-badge.active{color:#166534;background:#dcfce7}.trusted-by{border-bottom:1px solid var(--border);padding:3rem 0}.trusted-title{text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem;font-size:.875rem;font-weight:600}.logo-strip{opacity:.6;filter:grayscale();flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.company-logo{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.section-header{text-align:center;margin-bottom:4rem}.section-title{margin-bottom:1rem;font-size:2.25rem}.section-description{color:var(--muted);max-width:600px;margin:0 auto;font-size:1.125rem}.bento-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.bento-grid{grid-template-columns:repeat(3,1fr)}}.bento-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:1rem;padding:2rem;transition:all .3s}.bento-card:hover{box-shadow:var(--shadow-md);border-color:#d4d4d8}.bento-card.large{grid-column:span 1}@media (width>=768px){.bento-card.large{grid-column:span 2}}.bento-icon{background:var(--muted-bg);width:3rem;height:3rem;color:var(--fg);border-radius:.75rem;justify-content:center;align-items:center;margin-bottom:1.5rem;display:inline-flex}.bento-card h3{margin-bottom:.75rem;font-size:1.25rem}.bento-card p{color:var(--muted)}.code-showcase{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (width>=768px){.code-showcase{grid-template-columns:1fr 1fr}}.code-sidebar{flex-direction:column;gap:2rem;display:flex}.code-step{opacity:.5;gap:1rem;transition:opacity .3s;display:flex}.code-step.active,.code-step:hover{opacity:1}.step-number{background:var(--muted-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:600;display:flex}.code-step.active .step-number{background:var(--fg);color:var(--bg)}.code-step h4{margin-bottom:.25rem;font-size:1.125rem}.code-step p{color:var(--muted);font-size:.875rem}.code-window{box-shadow:var(--shadow-xl);background:#18181b;border-radius:.75rem;overflow:hidden}.code-block{font-family:var(--font-mono);color:#e4e4e7;padding:1.5rem;font-size:.875rem;line-height:1.5;overflow-x:auto}.code-keyword{color:#c678dd}.code-string{color:#98c379}.code-comment{color:#5c6370;font-style:italic}.cta-section{padding:6rem 0}.cta-box{background:var(--fg);color:var(--bg);text-align:center;border-radius:1rem;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 2rem;display:flex}.cta-title{font-size:2.5rem}.cta-description{color:#a1a1aa;max-width:500px;font-size:1.125rem}.cta-actions{gap:1rem;margin-top:1rem;display:flex}.cta-actions .btn-primary{background:var(--bg);color:var(--fg)}.cta-actions .btn-primary:hover{background:var(--bg-light)}.cta-actions .btn-secondary{color:var(--bg);background:0 0;border-color:#3f3f46}.cta-actions .btn-secondary:hover{background:#27272a}.footer{border-top:1px solid var(--border);background:var(--bg-light);padding:4rem 0 2rem}.footer-top{grid-template-columns:1fr;gap:3rem;margin-bottom:4rem;display:grid}@media (width>=768px){.footer-top{grid-template-columns:1fr 2fr}}.footer-brand .logo{margin-bottom:1rem}.footer-tagline{color:var(--muted);max-width:250px}.footer-links{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (width>=640px){.footer-links{grid-template-columns:repeat(3,1fr)}}.footer-column h4{margin-bottom:1.25rem;font-size:.875rem;font-weight:600}.footer-column a{color:var(--muted);margin-bottom:.75rem;font-size:.875rem;transition:color .2s;display:block}.footer-column a:hover{color:var(--fg)}.footer-bottom{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding-top:2rem;font-size:.875rem;display:flex}