:root{color-scheme:dark;--bg:#11100e;--panel:#191817;--text:#f7f2e8;--muted:#bcb4a8;--line:#3a352d;--accent:#ff8700;--accent-soft:#ffb35a;--green:#7bd88f;--blue:#88b8ff;--shadow:0 28px 80px #0000006b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:linear-gradient(180deg, #ff870014, transparent 460px), var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}.site-header{justify-content:space-between;align-items:center;width:min(1180px,100% - 32px);margin:0 auto;padding:18px 0;display:flex}.brand-lockup,.brand,.site-header nav{align-items:center;gap:12px;display:flex}.brand-lockup{gap:10px}.brand img{width:34px;height:34px}.brand span{font-size:18px;font-weight:700}.version-badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 7px;font-size:12px;font-weight:700}.version-badge:hover{border-color:var(--accent);color:var(--text)}.site-header nav a{color:var(--muted);font-size:14px}.site-header nav a:hover{color:var(--text)}.hero{grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr);align-items:center;gap:44px;width:min(1180px,100% - 32px);min-height:calc(100vh - 72px);margin:0 auto;padding:34px 0 78px;display:grid}.hero-copy{max-width:560px}.eyebrow{color:var(--accent-soft);text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:22px;font-size:clamp(48px,7vw,92px);line-height:.96}.lede{max-width:600px;color:var(--muted);margin-bottom:18px;font-size:21px;line-height:1.55}.compatibility{max-width:600px;color:var(--text);margin-bottom:30px;font-size:15px;line-height:1.6}.actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex}.button.primary{border-color:var(--accent);background:var(--accent);color:#19110a}.button.secondary{color:var(--text);background:#ffffff0a}.hero-visual{min-height:610px;position:relative}.screen{box-shadow:var(--shadow);background:#080807;border:1px solid #ffffff1f;border-radius:8px;position:absolute;overflow:hidden}.screen img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.screen-label{z-index:1;color:var(--text);background:#080807d1;border:1px solid #ffffff29;border-radius:6px;padding:6px 9px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.screen-tui{aspect-ratio:1.62;width:78%;top:0;left:0}.screen-web{aspect-ratio:1.22;width:70%;bottom:18px;right:0}.proof,.pillars,.workflow{width:min(1180px,100% - 32px);margin:0 auto;padding:78px 0}.proof{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.proof>div,.pillar{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:24px}.proof h2,.section-heading h2,.workflow h2{letter-spacing:0;margin-bottom:14px;font-size:clamp(30px,4vw,52px);line-height:1.04}.proof p,.pillar p,.workflow li{color:var(--muted);font-size:17px;line-height:1.6}.section-heading{max-width:680px;margin-bottom:28px}.pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.pillar h3{color:var(--text);margin-bottom:12px;font-size:25px}.workflow{border-top:1px solid var(--line);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:36px;display:grid}.workflow ol{margin:24px 0;padding-left:22px}.workflow li+li{margin-top:12px}.text-link{color:var(--accent-soft);font-weight:700}.workflow-image{gap:16px;display:grid}.workflow-image img{border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:8px}@media (width<=920px){.hero,.proof,.pillar-grid,.workflow{grid-template-columns:1fr}.hero{min-height:auto;padding-top:28px}.hero-visual{min-height:520px}.screen-tui{width:88%}.screen-web{width:82%}}@media (width<=620px){.site-header{width:min(100% - 24px,1180px)}.site-header nav{gap:9px}.site-header nav a{font-size:12px}.version-badge{padding-inline:6px;font-size:11px}.hero,.proof,.pillars,.workflow{width:min(100% - 24px,1180px);padding:46px 0}h1{font-size:48px}.lede{font-size:18px}.hero-visual{min-height:0}.screen-tui,.screen-web{width:100%;position:relative}.screen-web{margin-top:14px}}
