:root{--bg: #f6f8ef;--bg-soft: #eef6ec;--ink: #102017;--ink-soft: #3a5647;--line: rgba(20, 38, 28, .14);--card: rgba(255, 255, 255, .82);--primary: #0f7a52;--primary-ink: #e9fff4;--shadow: 0 14px 36px rgba(22, 52, 37, .12);font-family:Space Grotesk,sans-serif;color:var(--ink);line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-width:320px;min-height:100vh;background:radial-gradient(circle at 6% 2%,#128f5d2e 0,#128f5d00 28%),radial-gradient(circle at 92% 13%,#da8a3033 0,#da8a3000 26%),linear-gradient(170deg,var(--bg),var(--bg-soft))}.noise{position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:radial-gradient(rgba(26,49,36,.08) .6px,transparent .6px);background-size:4px 4px}.site-header,main,.site-footer{width:min(1160px,calc(100% - 2.4rem));margin:0 auto}.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem .2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(20,38,28,.07)}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;color:var(--ink);text-decoration:none}.brand-dot{width:12px;height:12px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 5px #0f7a5229}.site-nav{display:flex;gap:1.2rem}.site-nav a,.site-footer a,.inline-link,.about-links a{color:var(--ink-soft);text-decoration:none}.site-nav a:hover,.site-footer a:hover,.inline-link:hover,.about-links a:hover{text-decoration:underline;text-underline-offset:3px}.header-actions,.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem}.btn{border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--ink);padding:.58rem 1.06rem;font-size:.95rem;transition:transform .25s ease,box-shadow .25s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #142b201f}.btn-primary{background:var(--primary);border-color:transparent;color:var(--primary-ink)}.btn-ghost{background:#ffffffb3}main{display:grid;gap:3.4rem;padding:1.6rem 0 4rem}.hero{position:relative;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,#ffffffe6,#ffffffc7);box-shadow:var(--shadow);padding:clamp(1.4rem,3vw,2.6rem)}.preview-card,.feature-row,.compat-card,.about-panel,.final-cta,.faq-item{border:1px solid var(--line);background:linear-gradient(180deg,#ffffffe0,#ffffffc7);box-shadow:var(--shadow)}.preview-card,.about-panel,.final-cta{border-radius:28px;padding:clamp(1.35rem,3.4vw,2.5rem)}.hero-content{width:min(100%,760px)}.eyebrow,.section-eyebrow{margin:0;color:var(--ink-soft);font-family:IBM Plex Mono,monospace;letter-spacing:.03em;font-size:.82rem}h1,h2,h3{line-height:1.13;margin-top:.6rem}h1{font-size:clamp(2.2rem,5vw,4rem);margin-bottom:1rem;max-width:16ch}.hero-copy,.about-panel p,.feature-copy p,.final-cta p{color:var(--ink-soft)}.hero-meta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.hero-meta span{border:1px solid var(--line);border-radius:999px;padding:.36rem .74rem;font-size:.8rem;background:#fff9}.preview-section{width:100%}.preview-row{width:min(100%,900px);margin:0 auto;display:grid;grid-template-columns:minmax(64px,.14fr) minmax(0,1fr) minmax(64px,.14fr);gap:.9rem;align-items:stretch}.preview-card{position:relative;width:100%;transform:none;border-radius:30px;padding:1.05rem;background:radial-gradient(circle at 12% -6%,#0f7a5238,#0f7a5200),linear-gradient(165deg,#0c1814f2,#0a1411e0);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 50px #0a181259,inset 0 0 0 1px #ffffff0a}.preview-side{border-radius:16px;border:1px solid rgba(16,41,30,.14);background:radial-gradient(circle at 50% 18%,#13895a33,#13895a00),linear-gradient(180deg,#ffffff8f,#ffffff4d),repeating-linear-gradient(180deg,#1a50352e 0 1px,#1a503500 1px 10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;box-shadow:0 16px 34px #11342433,inset 0 0 0 1px #ffffff40,inset 0 16px 24px #fff3}.preview-side span{width:10px;height:10px;border-radius:999px;background:#0e6d478c;border:1px solid rgba(255,255,255,.34);box-shadow:0 0 10px #2db47b42}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.82rem}.preview-tabs{display:flex;gap:.55rem;flex-wrap:wrap}.preview-tabs span{font-size:.76rem;border-radius:999px;padding:.3rem .6rem;background:#bde6d21f;color:#d8f4e6;border:1px solid rgba(175,219,198,.24)}.preview-badge{font-size:.72rem;border-radius:999px;padding:.28rem .56rem;border:1px solid rgba(160,234,198,.44);background:#196f4761;color:#c8f7df;white-space:nowrap}.preview-frame{border-radius:18px;padding:.6rem;background:linear-gradient(180deg,#0f1715,#0a100f);border:1px solid rgba(255,255,255,.12)}.preview-window-bar{display:flex;gap:.34rem;margin-bottom:.5rem}.preview-window-bar span{width:8px;height:8px;border-radius:999px;background:#ffffff40}.preview-card img{display:block;width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.08);aspect-ratio:16 / 9;object-fit:cover;object-position:top}.section-title-wrap{max-width:700px}.section-title-wrap h2{margin-bottom:0;font-size:clamp(1.65rem,3.2vw,2.5rem)}.feature-bento{margin-top:1.15rem;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.bento-card{border-radius:24px;padding:1rem}.bento-card h3{margin-bottom:.55rem}.bento-card p{margin-top:0;color:var(--ink-soft)}.bento-card ul{margin:.8rem 0 0;padding-left:1rem;color:var(--ink-soft)}.bento-queue{grid-column:1 / span 8;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:1rem;align-items:center}.bento-tools{grid-column:9 / -1;display:grid;gap:.9rem}.bento-presets{grid-column:1 / span 4}.bento-local{grid-column:5 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:1rem;align-items:center}.feature-kicker{margin:0;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;color:#0f7a52;font-family:IBM Plex Mono,monospace}.feature-media{border-radius:16px;background:#09100f;padding:.7rem;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px #ffffff0a}.feature-media img{display:block;width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.07);aspect-ratio:16 / 10;object-fit:cover;object-position:top}.feature-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.feature-stats span,.preset-grid span{font-size:.76rem;border-radius:999px;padding:.34rem .66rem;border:1px solid rgba(15,122,82,.26);background:#0f7a521c;color:#14593f}.preset-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.mini-note{margin-top:.9rem;font-size:.9rem}.flow-list{margin:.85rem 0 0;padding-left:1.1rem;color:var(--ink-soft)}.compat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.compat-card{border-radius:24px;padding:1.2rem}.compat-card h3{margin-top:.5rem}.chip-wrap{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.8rem}.chip{border-radius:999px;border:1px solid rgba(15,122,82,.3);background:#0f7a521f;padding:.32rem .7rem;font-size:.82rem}.chip-soft{border-color:var(--line);background:#ffffffdb}.inline-link{display:inline-block;margin-top:.85rem;font-size:.93rem}.about-links,.footer-links{display:flex;flex-wrap:wrap;gap:1rem}.faq-list{display:grid;gap:.8rem;margin-top:1.1rem}.faq-item{border-radius:18px;padding:.95rem 1rem}.faq-item summary{cursor:pointer;font-weight:600}.faq-item p{margin:.6rem 0 0;color:var(--ink-soft)}.final-cta{text-align:center}.final-cta h2{margin-inline:auto;max-width:18ch;font-size:clamp(1.8rem,3.8vw,3rem)}.final-cta p{margin-inline:auto;max-width:60ch}.final-cta .hero-actions{justify-content:center;margin-top:1rem}.site-footer{border-top:1px solid var(--line);padding:1.6rem 0 2.2rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem;color:var(--ink-soft);font-size:.95rem}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:980px){.compat-grid{grid-template-columns:1fr}.hero-content{width:100%;max-width:100%}.preview-row{width:100%;grid-template-columns:1fr;gap:.6rem}.preview-card{width:100%}.preview-side{display:none}.feature-bento{grid-template-columns:1fr}.bento-queue,.bento-tools,.bento-presets,.bento-local{grid-column:1}.bento-queue,.bento-local{grid-template-columns:1fr}.site-nav{display:none}}@media(max-width:700px){.site-header{flex-wrap:wrap}.header-actions{width:100%;justify-content:flex-end}main{gap:3rem}.hero{padding:1.1rem}h1{max-width:100%}.final-cta{text-align:left}.final-cta .hero-actions{justify-content:flex-start}.bento-card{padding:.95rem}.feature-media{padding:.45rem}.preview-head{align-items:flex-start;flex-direction:column}}