:root{--bg-core:#0a0a0a;--bg-elevated:#111;--bg-card:#161616;--border-subtle:#ffffff0f;--border-hover:#ffffff1f;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--text-tertiary:#6e6e73;--accent:#3b82f6;--accent-soft:#3b82f61f;--green:#22c55e;--green-soft:#22c55e1f;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:24px;--nav-height:64px;--max-width:1120px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-core);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";opacity:.025;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.ambient-bg{pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -20%,#3b82f614,#0000),radial-gradient(60% 40% at 80% 80%,#9333ea0a,#0000);position:fixed;inset:0}.layout-wrapper{z-index:10;position:relative}.nav{width:100%;height:var(--nav-height);z-index:100;-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border-subtle);background:#0a0a0acc;position:fixed;top:0}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.logo img{border-radius:6px;width:28px;height:28px}.logo-text{letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.logo-text .logo-accent{background:linear-gradient(135deg,#f5f5f7,#a1a1a6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-cta{background:var(--text-primary);color:var(--bg-core);border-radius:99px;align-items:center;gap:6px;padding:7px 16px;font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.nav-cta:hover{opacity:.88}.nav-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px;display:none}section{scroll-margin-top:80px}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}kbd{background:#ffffff14;border:1px solid #ffffff1f;border-radius:5px;padding:2px 7px;font-family:JetBrains Mono,SF Mono,monospace;font-size:.8rem;box-shadow:0 1px #0006}.hero{text-align:center;max-width:900px;margin:0 auto;padding:140px 24px 80px}.hero-badge{background:var(--green-soft);color:var(--green);border:1px solid #22c55e33;border-radius:99px;align-items:center;gap:8px;margin-bottom:28px;padding:5px 14px 5px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.hero-badge .dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.hero h1{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:20px;font-size:clamp(2.5rem,5.5vw,4rem);font-weight:800;line-height:1.08}.hero-desc{color:var(--text-secondary);max-width:560px;margin:0 auto 36px;font-size:1.125rem;line-height:1.7}.hero-actions{flex-direction:column;align-items:center;gap:12px;margin-bottom:64px;display:flex}.btn-primary{background:var(--text-primary);color:var(--bg-core);border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ffffff1a}.btn-primary.large{border-radius:14px;padding:14px 32px;font-size:1rem}.hero-hint{color:var(--text-tertiary);font-size:.8rem}.hero-visual{max-width:860px;margin:0 auto;position:relative}.app-frame{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 24px 48px -12px #0009}.app-frame:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #ffffff0f,0 32px 64px -16px #000000b3}.frame-bar{border-bottom:1px solid var(--border-subtle);background:#ffffff05;align-items:center;gap:7px;height:36px;padding:0 14px;display:flex}.frame-dot{border-radius:50%;width:10px;height:10px}.frame-dot.r{background:#ff5f57}.frame-dot.y{background:#febc2e}.frame-dot.g{background:#28c840}.hero-img{width:100%;display:block}.tech-strip{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:40px 24px}.tech-strip-inner{max-width:var(--max-width);flex-wrap:wrap;justify-content:center;gap:48px;margin:0 auto;display:flex}.tech-item{color:var(--text-tertiary);align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.tech-item i{stroke-width:2px;width:16px;height:16px}.feature-section{padding:100px 24px}.feature-row{max-width:var(--max-width);grid-template-columns:1fr 1.15fr;align-items:center;gap:64px;margin:0 auto;display:grid}.feature-row.reverse{grid-template-columns:1.15fr 1fr}.feature-row.reverse .feature-text{order:2}.feature-row.reverse .feature-media{order:1}.feature-tag{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;border-radius:99px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.feature-text h2{letter-spacing:-.025em;margin-bottom:16px;font-size:2rem;font-weight:700;line-height:1.15}.feature-text>p{color:var(--text-secondary);margin-bottom:28px;font-size:1rem;line-height:1.7}.feature-checks{flex-direction:column;gap:12px;list-style:none;display:flex}.feature-checks li{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.5;display:flex}.feature-checks li i{color:var(--green);flex-shrink:0;width:18px;height:18px;margin-top:2px}.feature-media img{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);width:100%;box-shadow:0 16px 48px -8px #0006}.how-section{border-top:1px solid var(--border-subtle);padding:100px 24px}.how-header{text-align:center;margin-bottom:64px}.how-header h2{letter-spacing:-.03em;margin-bottom:12px;font-size:2.25rem;font-weight:700}.how-header p{color:var(--text-secondary);font-size:1.05rem}.how-grid{max-width:var(--max-width);grid-template-columns:repeat(3,1fr);gap:24px;margin:0 auto;display:grid}.how-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:36px 28px;transition:border-color .3s,transform .3s}.how-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.step-num{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;font-size:.9rem;font-weight:700;display:inline-flex}.how-card h3{margin-bottom:10px;font-size:1.15rem;font-weight:600}.how-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.bento-section{border-top:1px solid var(--border-subtle);padding:100px 24px}.bento-header{text-align:center;margin-bottom:64px}.bento-header h2{letter-spacing:-.03em;margin-bottom:12px;font-size:2.25rem;font-weight:700}.bento-header p{color:var(--text-secondary);font-size:1.05rem}.bento-grid{max-width:var(--max-width);grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(280px,auto);gap:16px;margin:0 auto;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;transition:border-color .3s,transform .3s;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.bento-card .card-body{flex:1;padding:32px 28px}.bento-card .card-icon{width:40px;height:40px;color:var(--text-secondary);margin-bottom:20px}.bento-card h3{margin-bottom:8px;font-size:1.15rem;font-weight:600}.bento-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.card-tall{grid-row:span 2}.card-wide{grid-column:span 2}.card-image{justify-content:center;margin-top:auto;padding:0 28px;display:flex}.card-image img{border:1px solid var(--border-subtle);border-bottom:none;border-radius:10px 10px 0 0;width:100%}.usecases-section{border-top:1px solid var(--border-subtle);padding:100px 24px}.usecases-header{text-align:center;margin-bottom:64px}.usecases-header h2{letter-spacing:-.03em;margin-bottom:12px;font-size:2.25rem;font-weight:700}.usecases-header p{color:var(--text-secondary);font-size:1.05rem}.usecases-grid{max-width:var(--max-width);grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto;display:grid}.usecase-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px 24px;transition:border-color .3s,transform .3s}.usecase-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.usecase-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.usecase-card h3{margin-bottom:8px;font-size:1.05rem;font-weight:600}.usecase-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.cta-section{text-align:center;padding:120px 24px}.cta-inner{max-width:600px;margin:0 auto}.cta-section h2{letter-spacing:-.03em;margin-bottom:16px;font-size:2.5rem;font-weight:800}.cta-section>.cta-inner>p{color:var(--text-secondary);margin-bottom:36px;font-size:1.05rem}.cta-meta{color:var(--text-tertiary);margin-top:16px;font-size:.8rem}.sys-req{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-tertiary);align-items:center;gap:16px;margin-top:24px;padding:12px 20px;font-size:.8rem;display:inline-flex}.sys-req span{align-items:center;gap:6px;display:flex}.footer{border-top:1px solid var(--border-subtle);padding:60px 24px 32px}.footer-inner{max-width:var(--max-width);grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin:0 auto;display:grid}.footer-brand .footer-logo{border-radius:6px;width:28px;height:28px;margin-bottom:16px}.footer-brand p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.footer-brand .copyright{color:var(--text-tertiary);margin-top:32px;font-size:.75rem}.footer-col h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:20px;font-size:.8rem;font-weight:600}.footer-col a{color:var(--text-secondary);margin-bottom:10px;font-size:.85rem;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:var(--text-primary)}@media (width<=1024px){.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:48px}.feature-row.reverse .feature-text{order:1}.feature-row.reverse .feature-media{order:2}.bento-grid{grid-template-columns:1fr 1fr}.card-tall{grid-row:span 1}.card-wide{grid-column:span 2}.how-grid,.usecases-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=768px){.nav-links{display:none}.nav-toggle{display:block}.nav-links.open{top:var(--nav-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#0a0a0af5;flex-direction:column;gap:12px;padding:16px 24px 24px;display:flex;position:absolute;left:0;right:0}.nav-links.open a{padding:8px 0;font-size:1rem}.hero{padding:120px 20px 60px}.hero h1{font-size:2.2rem}.bento-grid{grid-template-columns:1fr}.card-wide{grid-column:span 1}.footer-inner{grid-template-columns:1fr;gap:28px}.tech-strip-inner{gap:20px}.how-grid{gap:16px}}.page-content{max-width:740px;margin:0 auto;padding:120px 24px 80px}.page-content h1{letter-spacing:-.03em;margin-bottom:8px;font-size:2.5rem;font-weight:800}.page-content .page-date{color:var(--text-tertiary);margin-bottom:40px;font-size:.85rem}.page-content .content-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:36px 32px}.page-content h3{margin-top:32px;margin-bottom:12px;font-size:1.2rem;font-weight:600}.page-content h3:first-child{margin-top:0}.page-content p,.page-content li{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.page-content ul{margin-top:8px;margin-bottom:8px;padding-left:20px}.page-content ul li{margin-bottom:6px}