:root{--bg: #0b0c0e;--bg-elevated: #131519;--border: #23262b;--text: #f3f4f5;--text-dim: #9ca0a8;--accent: #7fe0a0;--accent-dim: #55b57f;--radius: 14px;--max-width: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}a{color:inherit;text-decoration:none}kbd{font-family:inherit;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:2px 8px;font-size:.9em}.site-header{position:sticky;top:0;z-index:10;background:#0b0c0ed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:28px;height:28px;object-fit:cover;border-radius:8px}.brand-name{font-weight:800;letter-spacing:.08em;font-size:15px}.site-nav{display:flex;align-items:center;gap:28px;font-size:14px;color:var(--text-dim)}.site-nav a:hover{color:var(--text)}.nav-cta{color:var(--bg)!important;background:var(--accent);padding:8px 16px;border-radius:999px;font-weight:600}.nav-cta:hover{background:var(--accent-dim)}.hero{position:relative;padding:96px 0 64px;overflow:hidden;isolation:isolate}.gpu-bg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-2;opacity:0;transition:opacity 1.2s ease}.hero.gpu-ready .gpu-bg-canvas{opacity:1}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,rgba(11,12,14,0) 0%,var(--bg) 92%)}.hero.gpu-fallback{background:radial-gradient(60% 50% at 20% 15%,rgba(127,224,160,.12),transparent 60%),radial-gradient(50% 45% at 85% 30%,rgba(85,181,127,.1),transparent 60%),var(--bg)}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px;margin:0 0 14px}h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.08;margin:0 0 24px;font-weight:800;letter-spacing:-.01em}.lede{font-size:1.15rem;color:var(--text-dim);max-width:46ch;margin:0 0 12px}.lede-sub{color:var(--text-dim);margin:0 0 32px}.cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:999px;font-weight:700;font-size:15px}.btn-primary{background:var(--accent);color:#06110b}.btn-primary:hover{background:var(--accent-dim)}.cta-note{color:var(--text-dim);font-size:13px}.hero-art img{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 60px rgba(127,224,160,.08))}.demo{padding:24px 0 72px}.demo h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 10px;text-align:center;font-weight:800}.demo-frame{max-width:920px;margin:40px auto 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--bg-elevated)}.demo-video{display:block;width:100%;height:auto}.pro-demo{padding:24px 0 72px;border-top:1px solid var(--border)}.pro-demo h2{padding-top:40px}.pro-demo .section-sub{max-width:620px;margin-left:auto;margin-right:auto}.pro-demo .demo-frame{margin-top:0}.demo-caption{max-width:620px;margin:56px auto 24px;text-align:center}.demo-caption h3{margin:0 0 8px;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:700}.demo-caption p{margin:0;color:var(--text-dim)}.demo-more{text-align:center;margin:20px 0 0;font-size:.95rem}.demo-more a{color:var(--accent);text-decoration:none;font-weight:600}.demo-more a:hover{text-decoration:underline}.demo-frame--inline{margin:28px 0 8px;max-width:none}.download{padding:64px 0 72px;border-top:1px solid var(--border)}.download h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 10px;text-align:center;font-weight:800}.section-sub{text-align:center;color:var(--text-dim);margin:0 0 40px}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:760px;margin:0 auto}.download-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;text-align:center;display:flex;flex-direction:column;align-items:center}.download-icon{font-size:32px;margin-bottom:12px}.download-card h3{margin:0 0 8px;font-size:1.15rem}.pro-badge{display:inline-block;vertical-align:middle;margin-left:6px;padding:2px 9px;border-radius:999px;background:var(--accent);color:var(--bg);font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.download-card p{margin:0 0 20px;color:var(--text-dim);font-size:.92rem;min-height:42px}.download-card .cta-note{margin-top:12px}.btn-secondary{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--accent)}.btn-disabled{opacity:.55;pointer-events:none;cursor:default}.compare-table-wrap{max-width:760px;margin:40px auto 0;overflow-x:auto}.compare-table{width:100%;min-width:480px;border-collapse:collapse;font-size:.92rem}.compare-table th,.compare-table td{padding:12px 16px;text-align:center;border-bottom:1px solid var(--border)}.compare-table th:first-child,.compare-table td:first-child{text-align:left;color:var(--text)}.compare-table thead th{color:var(--text-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.compare-table tbody td{color:var(--text-dim)}.compare-table .check{color:var(--accent);font-weight:700}.compare-table .cross{color:var(--text-dim);opacity:.5}.features{padding:72px 0;border-top:1px solid var(--border)}.features h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 40px;text-align:center;font-weight:800}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px}.feature-icon{font-size:28px;margin-bottom:14px}.feature-card h3{margin:0 0 8px;font-size:1.05rem}.feature-card p{margin:0;color:var(--text-dim);font-size:.95rem}.cta-band{border-top:1px solid var(--border);padding:64px 0}.cta-band-inner{text-align:center}.cta-band-inner h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 28px;font-weight:800}.site-footer{border-top:1px solid var(--border);padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-note{color:var(--text-dim);font-size:13px;margin:0}.footer-links{display:flex;gap:20px;font-size:13px}.footer-links a{color:var(--text-dim)}.footer-links a:hover{color:var(--text)}.legal{padding:64px 0 96px}.legal h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;margin:0 0 8px}.legal .updated{color:var(--text-dim);font-size:13px;margin:0 0 40px}.variant-switch{display:inline-flex;gap:4px;margin:16px 0 28px;padding:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px}.variant-tab{padding:7px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text-dim);display:inline-flex;align-items:center;gap:6px}.variant-tab:hover{color:var(--text)}.variant-tab.is-active{background:var(--accent);color:var(--bg)}.variant-tab.is-active .pro-badge{background:var(--bg);color:var(--accent)}.legal h2{font-size:1.2rem;font-weight:700;margin:36px 0 12px}.legal p,.legal li{color:var(--text-dim);font-size:.98rem;line-height:1.7}.legal ul,.legal ol{margin:0 0 16px;padding-left:20px}.legal a:not(.btn){color:var(--accent);text-decoration:underline}.legal .back-link{display:inline-block;margin-bottom:32px;color:var(--text-dim);font-size:14px}.legal .back-link:hover{color:var(--text)}.not-found{padding:120px 0;text-align:center}.not-found .container{max-width:480px}.not-found-code{font-size:4rem;font-weight:800;color:var(--accent);margin:0;line-height:1}.not-found h1{margin:8px 0 12px}.not-found p{color:var(--text-dim);margin:0 0 32px}.not-found .cta-row{justify-content:center}@media (max-width: 860px){.hero-inner{grid-template-columns:1fr}.hero-art{order:-1;max-width:320px;margin:0 auto}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.feature-grid,.download-grid{grid-template-columns:1fr}.site-nav{gap:16px}}
