:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}
/* Layout: clean product-first SaaS. White canvas, ink type, a single teal accent. Hero shows the product as layered UI cards. */
:root{
  --bg:#ffffff; --soft:#f6f7f9; --soft2:#eef0f4; --ink:#0e1320; --mute:#5c6475; --line:#e3e6ec;
  --accent:#0d9488; --accent-d:#0a6f66; --accent-soft:#e2f5f2;
  --bad:#d14343; --bad-soft:#fdeaea;
  --f-body:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --shadow:0 12px 34px -14px rgba(14,19,32,.18);
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6;min-height:100%}
.wrap{position:relative;max-width:1120px;margin-inline:auto;padding-inline:18px}
h1,h2,h3,h4{font-family:var(--f-body);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:0;text-wrap:balance}
p{margin:0}
em,.grad{font-style:italic;color:var(--accent);font-weight:800}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-d)}