.galaxy-container{width:100%;height:100%;position:relative}:root{--hue: 27;--sat: 69%;--white: hsl(0, 0%, 100%);--purple-primary: rgba(132, 0, 255, 1);--purple-glow: rgba(132, 0, 255, .2);--purple-border: rgba(132, 0, 255, .8);--border-color: #392e4e;--background-dark: #060010;color-scheme:light dark}.card-grid{display:grid;gap:.5em;padding:.75em;max-width:54em;font-size:clamp(1rem,.9rem + .5vw,1.5rem)}.magic-bento-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:4/3;min-height:200px;width:100%;max-width:100%;padding:1.25em;border-radius:20px;border:1px solid var(--border-color);background:var(--background-dark);font-weight:300;overflow:hidden;transition:all .3s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.magic-bento-card__header,.magic-bento-card__content{display:flex;position:relative;color:var(--white)}.magic-bento-card__header{gap:.75em;justify-content:space-between}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{font-size:16px}.magic-bento-card__title,.magic-bento-card__description{--clamp-title: 1;--clamp-desc: 2}.magic-bento-card__title{font-weight:400;font-size:16px;margin:0 0 .25em}.magic-bento-card__description{font-size:12px;line-height:1.2;opacity:.9}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media(max-width:599px){.card-grid{grid-template-columns:1fr;width:90%;margin:0 auto;padding:.5em}.magic-bento-card{width:100%;min-height:180px}}@media(min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3){grid-column:span 2;grid-row:span 2}.magic-bento-card:nth-child(4){grid-column:1 / span 2;grid-row:2 / span 2}.magic-bento-card:nth-child(6){grid-column:4;grid-row:3}}.magic-bento-card--border-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:6px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(132,0,255,calc(var(--glow-intensity) * 1.2)) 0%,rgba(132,0,255,calc(var(--glow-intensity) * .6)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:1}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px #2e184e66,0 0 30px var(--purple-glow)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:#8400ff66;border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px #2e184e33,0 0 30px var(--purple-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;-webkit-user-select:none;user-select:none}.spotlight-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);cursor:default;--spotlight-x: 50%;--spotlight-y: 50%;--spotlight-color: rgba(59, 130, 246, .18);--spotlight-opacity: 0;transition:border-color .3s ease,transform .2s ease}.spotlight-card:hover{border-color:#3b82f666;transform:translateY(-2px)}.spotlight-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:var(--spotlight-opacity);background:radial-gradient(500px circle at var(--spotlight-x) var(--spotlight-y),var(--spotlight-color),transparent 65%);transition:opacity .25s ease}.spotlight-card-inner{position:relative;z-index:1;width:100%;height:100%}*{box-sizing:border-box}:root{--bg: #000000;--bg-elevated: #0a0a0a;--bg-surface: #111111;--bg-surface-hover: #161616;--accent: #2563eb;--accent-hover: #3b82f6;--accent-soft: rgba(37, 99, 235, .1);--accent-glow: rgba(37, 99, 235, .25);--text: #f5f5f7;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--transition-fast: .15s ease;--transition-base: .25s ease}html,body,#root{margin:0;padding:0;scroll-behavior:smooth}body{font-family:Urbanist,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{position:relative;z-index:10;background:transparent}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.section{padding:6rem 0;position:relative;z-index:1}.section h2{font-size:2rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.02em}.page-section{padding-top:2rem;min-height:auto;position:relative;z-index:1;content-visibility:auto;contain-intrinsic-size:0 800px}.page-header{text-align:center;margin-bottom:4rem;position:relative;z-index:1}.section-eyebrow{display:inline-block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-hover);margin-bottom:.75rem}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text);letter-spacing:-.03em;line-height:1.15}.page-header .section-lead{margin:0 auto;max-width:600px}.section-lead{color:var(--text-secondary);max-width:600px;margin-bottom:2rem;font-size:1.05rem;line-height:1.7;font-weight:400}.site-header{position:sticky;top:0;z-index:100;background:#000c;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-container{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:60px;max-width:1400px;margin:0 auto}.header-left{flex-shrink:0}.logo{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.15rem;color:var(--text);transition:opacity var(--transition-fast)}.logo:hover{opacity:.8}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:auto;border-radius:6px;background:#ffffff0d;padding:4px}.logo-text{letter-spacing:-.03em;font-size:1.15rem;font-weight:700;color:var(--text)}.nav{display:flex;align-items:center;gap:2rem;font-size:.875rem;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.nav a,.nav .nav-link{position:relative;padding:.5rem 0;color:var(--text-secondary);transition:color var(--transition-fast);white-space:nowrap}.nav a:hover,.nav .nav-link:hover,.nav a.active,.nav a.nav-active{color:var(--text)}.header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.header-icon-link,.header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.header-icon-link:hover,.header-icon-btn:hover{color:var(--text);background:#ffffff0f}.github-link{gap:.4rem;width:auto;padding:0 .65rem;border:1px solid var(--border);border-radius:var(--radius-pill)}.github-link:hover{border-color:var(--border-hover);background:#ffffff0f}.github-stars{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.btn-login{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text);font-family:Urbanist,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-login:hover{background:#ffffff0f;border-color:var(--border-hover)}.btn-login svg{width:16px;height:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.25rem;border-radius:var(--radius-sm);border:1px solid transparent;font-family:Urbanist,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;gap:.5rem}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 0 24px var(--accent-glow)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--border-hover);background:#ffffff0a}.hero{padding:4.5rem 0 4rem;position:relative;z-index:1}.hero-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1.1fr);gap:3rem;align-items:center}.hero h1{font-size:2.7rem;line-height:1.05;margin:0 0 1rem}.hero-subtitle{color:var(--text-secondary);max-width:520px;margin-bottom:1.5rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.2rem}.hero-card{width:100%;background:var(--bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--border);padding:.9rem}.hero-card-tabs{display:flex;gap:.35rem;padding:.25rem;border-radius:var(--radius-pill);background:#ffffff0a;margin-bottom:.6rem}.hero-card-tabs .tab{flex:1;padding:.35rem .5rem;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-tertiary);font-family:Urbanist,sans-serif;font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.hero-card-tabs .tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.hero-card-body{background:#0c0c0c;border-radius:var(--radius-lg);padding:.85rem;border:1px solid var(--border);height:350px;overflow-y:auto;overflow-x:hidden}.hero-card-body::-webkit-scrollbar{width:4px}.hero-card-body::-webkit-scrollbar-track{background:transparent}.hero-card-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.hero-card-footer{margin-top:.6rem;font-size:.78rem;color:var(--text-tertiary)}.code-block{margin:0;padding:.75rem .9rem;border-radius:var(--radius-md);background:#0c0c0c;border:1px solid var(--border);overflow:auto;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;color:#e5e7eb;max-height:100%}.code-block code{white-space:pre;display:block}.code-json{border-color:#10b9814d}.code-ui{padding:0;border-radius:var(--radius-lg);border-color:#6366f14d;background:transparent}.hidden{display:none}.mock-device{width:100%;max-width:260px;margin:0 auto;border-radius:30px;padding:.45rem;border:2px solid rgba(255,255,255,.1);background:#050505}.status-bar{height:12px;border-radius:var(--radius-pill);background:#ffffff0d;margin:0 22px 6px}.screen{border-radius:22px;background:linear-gradient(160deg,#0f172a,#020617);padding:1.4rem 1.1rem 1.5rem;text-align:center}.rendered-ui-preview{padding:2rem;background:var(--bg-surface);border-radius:var(--radius-md);min-height:280px;display:flex;align-items:center;justify-content:center}.preview-column{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;width:100%;max-width:340px}.preview-text{font-family:Urbanist,sans-serif;line-height:1.5}.preview-text-large{font-size:1.5rem;font-weight:700;color:var(--accent-hover);margin:0}.preview-button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:.75rem 1.5rem;font-family:Urbanist,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.preview-button:hover{background:var(--accent-hover);box-shadow:0 4px 16px var(--accent-glow)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;transition:all var(--transition-base)}.card:hover{border-color:var(--border-hover);background:var(--bg-surface-hover)}.card h3{font-size:1.05rem;font-weight:600;margin:0 0 .5rem;color:var(--text);letter-spacing:-.01em}.card p{font-size:.9rem;line-height:1.6;color:var(--text-secondary);margin:0}.card ul{list-style:none;padding:0;margin:.75rem 0 0}.card ul li{font-size:.9rem;color:var(--text-secondary);padding:.4rem 0 .4rem 1.2rem;position:relative;line-height:1.5}.card ul li:before{content:"";position:absolute;left:0;top:.75rem;width:5px;height:5px;border-radius:50%;background:var(--accent)}.bento-section.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:1rem;margin-top:0;align-items:stretch}.bento-features{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:0;align-items:stretch}.bento-wide{grid-column:span 7}.bento-narrow{grid-column:span 5}.bento-features .feature-card{display:flex;padding:0;overflow:hidden;height:100%}.bento-wide .feature-card{flex-direction:row;align-items:stretch;aspect-ratio:16 / 10;min-height:unset}.bento-wide .feature-content{flex:0 0 52%;padding:1.75rem;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06)}.bento-wide .feature-illustration{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;opacity:.9}.bento-wide .feature-illustration svg{width:100%;height:auto;max-height:160px}.bento-narrow .feature-card{flex-direction:column;aspect-ratio:16 / 10;min-height:unset}.bento-narrow .feature-content{flex:0 0 auto;padding:1.5rem 1.5rem .75rem;display:flex;flex-direction:column}.bento-narrow .feature-illustration{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem 1.25rem 1.25rem;opacity:.9}.bento-narrow .feature-illustration svg{width:100%;height:auto;max-height:140px}.feature-illustration{display:flex;align-items:center;justify-content:center}.feature-card{height:100%;display:flex;flex-direction:column;padding:1.5rem;background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);position:relative;overflow:hidden;transition:all var(--transition-base)}.feature-card:hover{border-color:var(--border-hover);background:var(--bg-surface-hover)}.feature-content{display:flex;flex-direction:column;height:100%}.feature-content h3{font-size:1rem;font-weight:600;margin:.75rem 0 .5rem;line-height:1.3;color:var(--text);letter-spacing:-.01em}.feature-content p{font-size:.875rem;line-height:1.6;color:var(--text-secondary);flex-grow:1;margin:0}.feature-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-hover);flex-shrink:0}.feature-icon-wrapper svg{stroke:var(--accent-hover)}.feature-icon-green{background:#10b9811a;color:#10b981}.feature-icon-green svg{stroke:#10b981}.feature-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:1rem}.feature-tag{font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid var(--border);color:var(--text-tertiary);letter-spacing:.01em}.feature-tags--purple .feature-tag{background:#6c63ff1f;border-color:#6c63ff59;color:#a78bfaf2}.feature-tags--green .feature-tag{background:#10b9811f;border-color:#10b98159;color:#34d399f2}.feature-tags--blue .feature-tag{background:#3b82f61f;border-color:#3b82f659;color:#60a5faf2}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.usecases-sectors{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:3rem}.usecases-sector-pill{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.usecases-sector-pill svg{flex-shrink:0;stroke:currentColor;transition:stroke var(--transition-fast)}.usecases-sector-pill:hover{border-color:var(--border-hover);color:var(--text);background:var(--bg-surface-hover)}.usecases-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:stretch}.usecases-value-card{padding:1.75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);height:100%;box-sizing:border-box}.usecases-value-card:hover{border-color:var(--border-hover);background:var(--bg-surface-hover)}.usecases-value-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-hover);margin-bottom:1rem}.usecases-value-icon svg{stroke:var(--accent-hover)}.usecases-value-card h3{font-size:1.05rem;font-weight:600;margin:0 0 .5rem;color:var(--text)}.usecases-value-card p{font-size:.875rem;line-height:1.65;color:var(--text-secondary);margin:0}.roadmap-badge{display:inline-block;padding:.3rem .75rem;border-radius:var(--radius-pill);font-size:.7rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.roadmap-badge-now{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.25)}.roadmap-badge-next{background:var(--accent-soft);color:var(--accent-hover);border:1px solid rgba(37,99,235,.25)}.roadmap-badge-future{background:#ffffff0d;color:var(--text-tertiary);border:1px solid var(--border)}.testimonials-section{padding:3rem 0}.testimonials-title{font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--text);letter-spacing:-.02em}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.testimonial-pixel-card{min-height:280px}.testimonial-card-content{position:relative;width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;z-index:2;pointer-events:auto}.testimonial-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;position:relative;overflow:hidden;transition:all var(--transition-base)}.testimonial-card:hover{border-color:var(--border-hover)}.testimonial-quote{margin-bottom:1.5rem}.quote-icon{color:var(--accent-hover);opacity:.4;margin-bottom:1rem}.testimonial-text{font-size:.95rem;line-height:1.7;color:var(--text-secondary);margin:0;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--border)}.author-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;color:#fff;flex-shrink:0}.author-info{flex:1}.author-name{font-weight:600;font-size:.9rem;color:var(--text);margin-bottom:.15rem}.author-role{font-size:.8rem;color:var(--text-tertiary)}.diagram{display:flex;align-items:center;justify-content:center;gap:.9rem;margin:2.2rem 0 2.4rem}.diagram-node{min-width:150px;padding:.9rem 1rem;border-radius:var(--radius-lg);text-align:center;background:var(--bg-elevated);border:1px solid var(--border);font-size:.86rem;color:var(--text)}.diagram-node span{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-tertiary)}.diagram-arrow{color:var(--text-tertiary);font-size:1.4rem}.pill-row.three-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.pill{padding:1rem;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);font-size:.9rem}.pill h3{margin:0 0 .4rem;font-size:1rem}.badge-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem}.badge{padding:.25rem .7rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:#ffffff0a;font-size:.7rem;color:var(--text-tertiary)}.badge-accent{border-color:#2563eb4d;background:var(--accent-soft);color:var(--accent-hover);font-weight:600}.hero-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem;color:var(--text-tertiary)}.hero-meta span{padding:.25rem .6rem;border-radius:var(--radius-pill);background:#ffffff0a;border:1px solid var(--border)}.hero-panel{display:flex;justify-content:flex-end}.gradient-text{background:linear-gradient(120deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;background-clip:text;color:transparent}.mock-title{font-size:1rem;margin-bottom:1.6rem}.mock-button{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.8rem;border-radius:var(--radius-pill);border:none;cursor:default;background:var(--accent);box-shadow:0 8px 24px var(--accent-glow);color:#fff;font-weight:600;font-size:.9rem}.docs-section{margin-bottom:3rem}.docs-section h2{margin-bottom:1.5rem}.section-alt{padding:5rem 0;background:var(--bg-elevated)}.section-dark{padding:5rem 0;background:var(--bg-surface)}.feature-visual{position:relative;height:140px;width:100%;margin-top:1rem}.code-window{position:absolute;width:90px;height:110px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}.code-window:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:6px;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);border-radius:3px;opacity:.5}.code-window:after{content:"";position:absolute;top:22px;left:8px;right:8px;bottom:8px;background:repeating-linear-gradient(0deg,rgba(37,99,235,.1) 0px,rgba(37,99,235,.1) 2px,transparent 2px,transparent 6px);border-radius:4px}.code-window.back{top:10px;left:20px;z-index:1;opacity:.6;animation:float-slow 4s ease-in-out infinite}.code-window.front{top:35px;left:50px;z-index:2;animation:float-fast 3s ease-in-out infinite}.curved-arrow{position:absolute;width:30px;top:15px;left:130px;z-index:3;transform:rotate(-45deg);animation:arrow-bounce 2s ease-in-out infinite;opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-fast{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes arrow-bounce{0%,to{transform:translate(0) rotate(-45deg);opacity:.5}50%{transform:translate(4px,-4px) rotate(-45deg);opacity:1}}.site-footer{background:var(--bg);position:relative;z-index:1;padding:0;margin-top:0;border-top:1px solid var(--border)}.footer-container{max-width:1400px;margin:0 auto;padding:0}.footer-hero{padding:6rem 2rem;text-align:center;border-bottom:1px solid var(--border)}.footer-title{font-size:2.5rem;font-weight:700;margin:0 0 2rem;color:var(--text-tertiary);line-height:1.2;letter-spacing:-.03em}.footer-title-highlight{color:var(--text);display:block;margin-top:.25rem}.footer-cta-buttons{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.footer-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:var(--radius-sm);font-family:Urbanist,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none;text-decoration:none}.footer-btn-primary{background:var(--accent);color:#fff}.footer-btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 24px var(--accent-glow)}.footer-btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.footer-btn-secondary:hover{background:#ffffff0a;border-color:var(--border-hover);color:var(--text)}.footer-btn svg{width:16px;height:16px;flex-shrink:0}.footer-links-section{display:grid;grid-template-columns:1.5fr 3fr;gap:4rem;padding:4rem 2rem;border-bottom:1px solid var(--border)}.footer-brand-col{display:flex;flex-direction:column}.footer-logo{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;width:fit-content}.footer-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:auto;border-radius:6px;background:#ffffff0d;padding:4px}.footer-logo-text{font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.03em}.footer-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}.footer-links-col{display:flex;flex-direction:column;gap:.75rem}.footer-links-col h4{font-size:.8rem;font-weight:600;margin:0 0 .25rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.footer-links-col a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color var(--transition-fast);font-weight:400}.footer-links-col a:hover{color:var(--text)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem}.footer-copyright{font-size:.85rem;color:var(--text-tertiary)}.footer-social-icons{display:flex;align-items:center;gap:.5rem}.footer-social-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-tertiary);transition:all var(--transition-fast);text-decoration:none}.footer-social-icon:hover{color:var(--text);background:#ffffff0f}.footer-social-icon svg{width:18px;height:18px}@media(max-width:1024px){.bento-section.grid-3{grid-template-columns:repeat(2,1fr)}.bento-features{grid-template-columns:1fr 1fr}.bento-wide,.bento-narrow{grid-column:span 1}.bento-wide .feature-card{flex-direction:column;min-height:280px}.bento-wide .feature-content{flex:0 0 auto;padding:1.5rem 1.5rem .75rem;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.bento-wide .feature-illustration{flex:1;padding:.5rem 1.25rem 1.25rem}.bento-wide .feature-illustration svg{max-height:160px}.testimonials-grid{grid-template-columns:1fr}.footer-hero{padding:5rem 2rem}.footer-title{font-size:2rem}.footer-links-section{grid-template-columns:1fr;gap:3rem}.footer-links-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.nav{display:none}}@media(max-width:640px){.container{padding:0 1.25rem}.section{padding:4rem 0}.page-header h1{font-size:1.75rem}.bento-section.grid-3,.grid-2,.grid-3,.bento-features{grid-template-columns:1fr}.bento-wide,.bento-narrow{grid-column:span 1}.bento-features .feature-card{flex-direction:column}.feature-illustration svg{max-height:120px}.usecases-value-grid{grid-template-columns:1fr}.usecases-sectors{gap:.4rem}.footer-hero{padding:3.5rem 1.5rem}.footer-title{font-size:1.5rem}.footer-cta-buttons{flex-direction:column;width:100%}.footer-btn{width:100%;justify-content:center}.footer-links-section{padding:3rem 1.5rem}.footer-links-grid{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}}.ketoy-hero{position:relative;padding:8rem 2rem 6rem;text-align:center;overflow:hidden;min-height:90vh;display:flex;align-items:center;justify-content:center}.hero-bg-gradient{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(37,99,235,.12) 0%,rgba(37,99,235,.04) 40%,transparent 70%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem .35rem .4rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:#ffffff08;color:var(--text-secondary);font-size:.8rem;font-weight:500;margin-bottom:2.5rem;transition:all var(--transition-base);text-decoration:none}.hero-pill:hover{border-color:var(--border-hover);background:#ffffff0f;color:var(--text)}.hero-pill-badge{background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;padding:.15rem .45rem;border-radius:var(--radius-sm);letter-spacing:.04em}.hero-pill-text{font-weight:500}.hero-pill svg{color:var(--text-tertiary);flex-shrink:0}.hero-headline{font-size:3.75rem;font-weight:700;line-height:1.08;letter-spacing:-.04em;color:var(--text);margin:0 0 1.5rem}.hero-headline-accent{color:var(--accent-hover)}.hero-subheadline{font-size:1.15rem;line-height:1.7;color:var(--text-secondary);max-width:560px;margin:0 0 2.5rem;font-weight:400}.hero-buttons{display:flex;align-items:center;gap:.75rem;margin-bottom:3.5rem;flex-wrap:wrap;justify-content:center}.hero-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-family:Urbanist,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all var(--transition-base);border:none;cursor:pointer}.hero-btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 32px var(--accent-glow);transform:translateY(-1px)}.hero-btn-primary svg{transition:transform var(--transition-fast)}.hero-btn-primary:hover svg{transform:translate(2px)}.hero-btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:Urbanist,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all var(--transition-base);border:1px solid var(--border);cursor:pointer}.hero-btn-secondary:hover{color:var(--text);border-color:var(--border-hover);background:#ffffff0a}.hero-stats{display:flex;align-items:center;gap:2rem}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.hero-stat-value{font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.hero-stat-label{font-size:.8rem;color:var(--text-tertiary);font-weight:500}.hero-stat-divider{width:1px;height:32px;background:var(--border)}@media(max-width:768px){.ketoy-hero{padding:5rem 1.5rem 4rem;min-height:auto}.hero-headline{font-size:2.25rem}.hero-subheadline{font-size:1rem}.hero-buttons{flex-direction:column;width:100%}.hero-btn-primary,.hero-btn-secondary{width:100%;justify-content:center}.hero-stats{gap:1.25rem}.hero-stat-value{font-size:1.25rem}}.playground-flow{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap}.playground-flow-step{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;color:var(--text);transition:all var(--transition-base)}.playground-flow-step:hover{border-color:var(--border-hover);background:var(--bg-surface-hover)}.playground-flow-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent-hover);font-size:.7rem;font-weight:700}.playground-flow-arrow{color:var(--text-tertiary);flex-shrink:0}.playground-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.playground-tabs{display:none}.playground-preview-container{background:#0a0a0a}.playground-preview-topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.playground-preview-body{padding:1.5rem}.playground-preview-split{display:flex;gap:1rem;align-items:stretch}.playground-preview-pane{flex:1;min-width:0;padding:1.25rem;background:#ffffff06;border:1px solid var(--border);border-radius:var(--radius-md)}.playground-preview-divider{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 .25rem}.playground-preview-code{margin:0;color:#c9d1d9;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.8;white-space:pre}.playground-preview-ui{display:flex;flex-direction:column;gap:.75rem;align-items:center;justify-content:center;min-height:160px}.playground-ui-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1.5rem;background:#e1eaf7;border-radius:20px;border:2px solid #2196F3;width:100%;max-width:220px}.playground-ui-button{padding:.6rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:Urbanist,sans-serif;font-weight:600;font-size:.85rem;cursor:default}.playground-info{margin-top:2.5rem;padding:2rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.playground-info-title{display:flex;align-items:center;gap:.6rem;margin:0 0 1.25rem;font-size:1.1rem;font-weight:600;color:var(--text)}.playground-info-title svg{color:var(--accent-hover)}.playground-steps{margin:0;padding-left:1.25rem;color:var(--text-secondary);font-size:.95rem;line-height:1.8}.playground-steps li{margin-bottom:.5rem}.playground-steps strong{color:var(--text)}.playground-steps code{background:var(--accent-soft);padding:.15rem .5rem;border-radius:var(--radius-sm);color:var(--accent-hover);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500}.playground-tip{margin:1.25rem 0 0;padding:1rem;background:var(--accent-soft);border-radius:var(--radius-md);border-left:3px solid var(--accent);color:var(--text-secondary);font-size:.9rem}@media(max-width:640px){.playground-flow{flex-direction:column}.playground-flow-arrow{transform:rotate(90deg)}.playground-preview-split{flex-direction:column}.playground-preview-divider{padding:.25rem 0}.playground-preview-divider svg{transform:rotate(90deg)}}.gradle-plugin-section{padding:6rem 0}.gradle-pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1.5rem 0 2.5rem}.gradle-pill{display:inline-flex;align-items:center;padding:.35rem .85rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.8rem;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.gradle-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}.gradle-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:border-color var(--transition-base),background var(--transition-base);height:100%;box-sizing:border-box}.gradle-card:hover{border-color:var(--border-hover);background:var(--bg-surface-hover)}.gradle-card-header{display:flex;align-items:center;gap:.75rem}.gradle-card-icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-hover);flex-shrink:0}.gradle-card-icon svg{stroke:var(--accent-hover)}.gradle-card-label{font-size:.95rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.gradle-terminal{background:#0d0f14;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:.6rem .85rem .75rem;overflow:hidden}.gradle-terminal-dots{display:flex;gap:5px;margin-bottom:.55rem}.gradle-terminal-dots span{width:9px;height:9px;border-radius:50%;background:#ffffff1f}.gradle-terminal-dots span:nth-child(1){background:#ff5f5799}.gradle-terminal-dots span:nth-child(2){background:#ffbd2e99}.gradle-terminal-dots span:nth-child(3){background:#28c94099}.gradle-terminal-code{margin:0;padding:0;font-family:JetBrains Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.82rem;line-height:1.5;color:#c8d3e0;white-space:pre;overflow-x:auto}.gradle-prompt{color:#5eead4;-webkit-user-select:none;user-select:none;margin-right:.45em}.gradle-card-desc{font-size:.875rem;line-height:1.6;color:var(--text-secondary);margin:0;flex:1}.gradle-banner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 2rem;margin-top:1rem}.gradle-banner-left{display:flex;align-items:flex-start;gap:1rem}.gradle-banner-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-hover);flex-shrink:0}.gradle-banner-icon svg{stroke:var(--accent-hover)}.gradle-banner-title{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 .35rem;letter-spacing:-.01em}.gradle-banner-sub{font-size:.875rem;line-height:1.6;color:var(--text-secondary);margin:0;max-width:56ch}.gradle-banner-cta{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;padding:.55rem 1.15rem;background:transparent;border:1px solid var(--border-hover);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text);text-decoration:none;transition:all var(--transition-fast);flex-shrink:0}.gradle-banner-cta:hover{background:var(--bg-surface-hover);border-color:var(--accent-hover);color:var(--accent-hover)}@media(max-width:900px){.gradle-cards{grid-template-columns:1fr}}@media(max-width:640px){.gradle-banner{flex-direction:column;align-items:flex-start}.gradle-banner-cta{width:100%;justify-content:center}}.pricing-page{min-height:100vh;padding-top:5rem}.pricing-hero{padding:5rem 0 3rem;text-align:center}.pricing-hero-title{font-size:clamp(2.75rem,5.5vw,4.25rem);font-weight:700;letter-spacing:-.02em}.pricing-tiers-section{padding:0 0 5rem}.pricing-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:start}.pricing-tier-card{position:relative;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 1.75rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem;transition:border-color var(--transition-base),background var(--transition-base);box-sizing:border-box;height:100%}.pricing-tier-card:hover{border-color:var(--border-hover)}.pricing-tier-featured{border-color:#6366f173;background:linear-gradient(145deg,var(--bg-elevated) 0%,rgba(99,102,241,.05) 100%);box-shadow:0 0 0 1px #6366f133,0 8px 32px #6366f11a}.pricing-tier-featured:hover{border-color:#6366f199}.pricing-tier-badge{position:absolute;top:-.7rem;left:50%;transform:translate(-50%);white-space:nowrap;padding:.25rem .75rem;background:var(--accent);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--radius-pill);letter-spacing:.02em}.pricing-tier-header{display:flex;flex-direction:column;gap:.5rem}.pricing-tier-name{font-size:1.05rem;font-weight:700;color:var(--text);margin:0;letter-spacing:-.01em}.pricing-tier-price{display:flex;align-items:baseline;gap:.25rem}.pricing-tier-amount{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;color:var(--text);line-height:1}.pricing-tier-period{font-size:.875rem;color:var(--text-muted);font-weight:400}.pricing-tier-desc{font-size:.875rem;line-height:1.6;color:var(--text-secondary);margin:0}.pricing-cta{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;text-decoration:none;transition:all var(--transition-fast);width:100%;box-sizing:border-box}.pricing-cta-primary{background:var(--accent);color:#fff;border:none}.pricing-cta-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #6366f159}.pricing-cta-secondary{background:transparent;color:var(--text);border:1px solid var(--border-hover)}.pricing-cta-secondary:hover{background:var(--bg-surface-hover);border-color:var(--accent-hover);color:var(--accent-hover)}.pricing-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem;flex:1}.pricing-feature-item{display:flex;align-items:flex-start;gap:.55rem;font-size:.865rem;line-height:1.4}.pricing-feature-item svg{flex-shrink:0;margin-top:.1em}.pricing-feature-yes{color:var(--text-secondary)}.pricing-feature-yes svg{stroke:#34d399}.pricing-feature-no{color:var(--text-muted);opacity:.55}.pricing-feature-no svg{stroke:var(--text-muted)}.pricing-faq-section{padding:0 0 6rem}.pricing-faq-link{color:var(--accent-hover);text-decoration:none}.pricing-faq-link:hover{text-decoration:underline}.pricing-faq-list{margin-top:2.5rem;display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.pricing-faq-item{border-bottom:1px solid var(--border)}.pricing-faq-item:last-child{border-bottom:none}.pricing-faq-question{width:100%;background:var(--bg-elevated);border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.5rem;text-align:left;font-size:.95rem;font-weight:600;color:var(--text);transition:background var(--transition-fast)}.pricing-faq-question:hover{background:var(--bg-surface-hover)}.pricing-faq-chevron{flex-shrink:0;transition:transform var(--transition-fast);stroke:var(--text-muted)}.pricing-faq-open .pricing-faq-chevron{transform:rotate(180deg)}.pricing-faq-open .pricing-faq-question{background:var(--bg-surface-hover)}.pricing-faq-answer{padding:0 1.5rem 1.1rem;background:var(--bg-surface-hover)}.pricing-faq-answer p{font-size:.9rem;line-height:1.7;color:var(--text-secondary);margin:0}@media(max-width:960px){.pricing-tiers{grid-template-columns:1fr;max-width:480px;margin:0 auto}}@media(max-width:640px){.pricing-hero{padding:3.5rem 0 2rem}}