/* RuleOak public site: static, dependency-light, tracker-free page code. */
:root{
  color-scheme:light dark;
  --bg:#f5f6f2;--surface:#fff;--surface-2:#eef3ef;--text:#1d211e;--muted:#5c645e;
  --line:#d8ddd8;--accent:#155f3b;--accent-strong:#0f4b2f;--accent-soft:#e2f0e7;
  --gold:#b88622;--max:1080px;--radius:22px;--shadow:0 12px 36px rgba(28,45,34,.08);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.62}
a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:.08em}a:hover{color:var(--accent-strong)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,white);outline-offset:3px;border-radius:6px}
.skip-link{position:fixed;left:12px;top:10px;z-index:1000;transform:translateY(-160%);background:var(--text);color:var(--bg);padding:.65rem .9rem;border-radius:10px;text-decoration:none}.skip-link:focus{transform:none}
header,main,footer{width:min(calc(100% - 36px),var(--max));margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 18px}nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;font-size:.94rem}nav a{padding:.42rem .58rem;border-radius:10px;text-decoration:none;color:var(--muted)}nav a:hover,nav a[aria-current="page"]{background:var(--accent-soft);color:var(--accent-strong)}
main{padding-bottom:10px}h1{font-size:clamp(2.35rem,6vw,4.6rem);letter-spacing:-.035em;line-height:1.02;margin:.35rem 0 1rem;max-width:16ch}h2{font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.015em;margin:2.5rem 0 .8rem;line-height:1.18}h3{margin:.2rem 0 .55rem;line-height:1.25}.lead{font-size:clamp(1.08rem,2vw,1.28rem);color:var(--muted);max-width:68ch}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:760;color:var(--accent);margin-bottom:.65rem}.quiet{color:var(--muted);font-size:.94rem}.lede-compact{max-width:58ch}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:18px 0;box-shadow:var(--shadow)}.card>h2:first-child,.card>h3:first-child{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.grid>.card{margin:0}.card.soft{background:var(--surface-2);box-shadow:none}.feature-list{padding-left:1.2rem}.feature-list li{margin:.5rem 0}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--accent);color:#fff;text-decoration:none;padding:.72rem 1.05rem;border-radius:999px;font-weight:720;border:1px solid transparent}.button:hover{background:var(--accent-strong);color:#fff}.button.secondary{background:transparent;color:var(--accent);border-color:var(--line)}.button.secondary:hover{background:var(--accent-soft);color:var(--accent-strong)}.button.disabled{opacity:.62;cursor:default;pointer-events:none;filter:saturate(.65)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 30px}
.pill{display:inline-block;background:var(--accent-soft);color:var(--accent-strong);padding:.3rem .7rem;border-radius:999px;font-size:.84rem;font-weight:720}.trust-row{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 26px}.trust-row .pill{background:var(--surface);border:1px solid var(--line)}
.hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:28px;margin:20px 0 8px}.hero-copy h1{max-width:15ch}.app-icon{width:124px;height:124px;border-radius:28px;box-shadow:0 16px 40px rgba(0,0,0,.14)}.product-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:24px}.product-card h2{margin-top:0}
.step-grid{counter-reset:step}.step{position:relative;padding-top:58px}.step::before{counter-increment:step;content:counter(step);position:absolute;top:18px;left:24px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:white;font-weight:800}
table{border-collapse:collapse;width:100%}th,td{padding:.8rem .72rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:.88rem;color:var(--muted);font-weight:750}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:4px 14px;margin:18px 0}.yes{color:var(--accent);font-weight:760}.limit{color:var(--muted)}
code{overflow-wrap:anywhere;background:var(--surface-2);padding:.1rem .32rem;border-radius:6px}details{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:.82rem 1rem;margin:.7rem 0}summary{cursor:pointer;font-weight:720}.steps li{margin:.68rem 0}.callout{border-left:4px solid var(--gold);padding:.1rem 0 .1rem 1rem;margin:1.2rem 0;color:var(--muted)}
footer{padding:38px 0 54px;color:var(--muted);font-size:.88rem;border-top:1px solid var(--line);margin-top:34px}
@media(max-width:760px){header{align-items:flex-start;flex-direction:column;padding-top:22px}nav{justify-content:flex-start}.hero,.product-card{grid-template-columns:1fr}.app-icon{width:92px;height:92px;border-radius:21px}h1{max-width:18ch}.card{padding:20px}.table-wrap{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media(prefers-color-scheme:dark){:root{--bg:#111512;--surface:#1a201c;--surface-2:#202a23;--text:#eef3ef;--muted:#b4bdb6;--line:#364039;--accent:#8ed8ac;--accent-strong:#b6edca;--accent-soft:#1e3c2a;--shadow:none}.button{color:#102318}.step::before{color:#102318}}