:root { --ink:#111; --paper:#fff; --line:#e6e6e6; --copy:#333; }
html,body{background:#fff!important;color:#333;font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important}
.h-display,h1,h2,h3{font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;letter-spacing:-.03em;color:#111}
.blob,.blob-float{display:none!important}
.brand-lockup{display:inline-flex;align-items:center;text-decoration:none}
.brand-mark,.brand-mark-lg{width:44px;height:44px;object-fit:contain;background:#fff}
.nav-link{position:relative;display:inline-flex;align-items:center;padding:8px 10px;font-size:.92rem;font-weight:600;color:#444;text-decoration:none;border-radius:6px;transition:color .15s ease, background .15s ease, transform .15s ease}
.nav-link:hover{color:#111;background:#f3f3f3;transform:translateY(-1px)}
.nav-link.is-active{color:#111}
.nav-link.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;background:#111}
.btn-primary{background:#111!important;border-radius:6px!important;transition:transform .15s ease,background .15s ease}
.btn-primary:hover{background:#000!important;transform:translateY(-1px)}
.btn-secondary,.btn-ghost{border-radius:6px!important;transition:transform .15s ease}
.btn-ghost:hover,.btn-secondary:hover{transform:translateY(-1px)}
.panel,.card,.card-raised{border-radius:10px!important;box-shadow:none!important;border-color:#e6e6e6!important;background:#fff;transition:border-color .16s ease,transform .16s ease}
.card-raised:hover{border-color:#111!important;transform:translateY(-2px)}
.tz-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;background:#fff;border-top:1px solid #e6e6e6;padding:8px 4px calc(8px + env(safe-area-inset-bottom))}
.tz-tabbar a{flex:1;text-align:center;font-size:11px;font-weight:600;color:#6b6b6b;text-decoration:none;padding:6px 2px}
.tz-tabbar a.is-on{color:#111}
@media(min-width:1024px){.tz-tabbar{display:none}}
@media(max-width:1023px){body{padding-bottom:4.5rem}}
.wa-float{position:fixed;right:16px;bottom:76px;z-index:60;width:52px;height:52px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.18)}
@media(min-width:1024px){.wa-float{bottom:24px}}
.wa-btn{display:inline-flex;align-items:center;gap:6px;background:#25D366;color:#fff!important;text-decoration:none;padding:8px 12px;border-radius:999px;font-weight:600}
.prose-doc h2{margin:1.6rem 0 .6rem;font-size:1.15rem;font-weight:700;color:#111}
.prose-doc h3{margin:1.1rem 0 .4rem;font-size:1rem;font-weight:650}
.prose-doc p,.prose-doc li{line-height:1.7}
.prose-doc ul{padding-left:1.1rem;list-style:disc}

.brand-wordmark{height:44px;width:auto;display:block}
@media(min-width:768px){.brand-wordmark{height:52px}}
.dev-bar{margin-top:2rem;padding:1.4rem 1.2rem;border:2px solid #111;border-radius:12px;background:#f7fbf7;text-align:center}
.dev-kicker{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#166534;margin:0}
.dev-name{margin:.45rem 0 0;font-size:1.15rem;font-weight:750;color:#111}
.dev-note{margin:.4rem auto 0;max-width:42rem;font-size:.88rem;line-height:1.55;color:#444}
.dev-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.wa-btn-lg{font-size:1rem;padding:12px 18px;border-radius:10px}
.dev-site{display:inline-flex;align-items:center;padding:12px 16px;border:1px solid #111;border-radius:10px;color:#111;text-decoration:none;font-weight:650}
.wa-float{width:58px;height:58px;font-size:14px;bottom:88px}

:root{
  --ink:#1B365D;
  --paper:#ffffff;
  --paper-soft:#F6F3EE;
  --line:#E4E0D8;
  --copy:#2C2A26;
  --copy-muted:#6B6560;
  --teal:#2A6F6A;
}
html,body{background:#fff!important;color:#2C2A26}
.h-display,h1,h2,h3{color:#1B365D!important}
.btn-primary{background:#1B365D!important}
.btn-primary:hover{background:#152A49!important}
.nav-link.is-active{color:#1B365D}
.nav-link.is-active:after{background:#2A6F6A}
.step-num{flex:0 0 1.5rem;height:1.5rem;border-radius:999px;background:#1B365D;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}

.dev-bar{margin-top:1.5rem;padding:1.1rem 0 0;border:none;background:transparent;text-align:left}
.owner-line{margin:0 0 .85rem;font-size:.82rem;line-height:1.55;color:#555;text-align:center}
.dev-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem}
.dev-label{font-size:.92rem;color:#444}
.wa-pill{display:inline-flex;align-items:center;gap:.55rem;background:#fff;border:1px solid #d8d8d8;border-radius:999px;padding:8px 14px 8px 10px;text-decoration:none;color:#111;font-weight:700;font-size:.92rem;box-shadow:0 1px 2px rgba(0,0,0,.06);transition:transform .15s ease, box-shadow .15s ease}
.wa-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.12)}
.wa-tel{font-weight:650;color:#222;margin-left:.15rem}

.site-foot{margin-top:3rem;border-top:1px solid #ececec;background:#f7f7f8;padding:0}
.site-foot-inner{max-width:1180px;margin:0 auto;padding:18px 20px 22px}
.site-foot-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:13px;color:#6b6b6b;padding-bottom:14px}
.site-foot-top p{margin:0}
.site-foot-mid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;padding:12px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;font-size:12px}
.site-foot-mid a{color:#6b6b6b;text-decoration:none}
.site-foot-mid a:hover{color:#111}
.dev-bar{border:0;background:transparent;padding:0;margin:0}
.dev-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem;padding:16px 0 4px}
.dev-label{font-size:.92rem;color:#555}
.wa-pill{display:inline-flex;align-items:center;gap:.55rem;background:#fff;border:1px solid #e2e2e2;border-radius:999px;padding:8px 14px 8px 10px;text-decoration:none;color:#111;font-weight:700;font-size:.9rem;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:transform .15s ease,box-shadow .15s ease}
.wa-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
.wa-tel{font-weight:650}


.sf{margin-top:4rem;background:#f6f7f8;border-top:1px solid #e8eaed}
.sf-wrap{max-width:1120px;margin:0 auto;padding:2.25rem 1.25rem 1.5rem}
.sf-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:2rem 2.5rem;align-items:start}
.sf-logo img{height:40px;width:auto;display:block}
.sf-brand p{margin:.75rem 0 0;max-width:28ch;font-size:13px;line-height:1.6;color:#667}
.sf-col{display:flex;flex-direction:column;gap:.45rem}
.sf-col p{margin:0 0 .2rem;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8a8f98}
.sf-col a{font-size:14px;color:#2c3038;text-decoration:none;line-height:1.4}
.sf-col a:hover{color:#1B365D}
.sf-base{display:flex;justify-content:space-between;gap:1rem;margin-top:1.75rem;padding:1rem 0;border-top:1px solid #e6e8eb;border-bottom:1px solid #e6e8eb;font-size:13px;color:#6b717b}
.sf-base p{margin:0}
.sf-dev{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;padding:1.15rem 0 0;font-size:14px;color:#555}
.wa-pill{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e4e8;border-radius:999px;padding:.55rem .95rem .55rem .65rem;color:#111;font-weight:700;font-size:13px;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:transform .15s ease,box-shadow .15s ease}
.wa-pill:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(16,24,40,.08)}
@media(max-width:800px){
  .sf-grid{grid-template-columns:1fr;gap:1.5rem}
  .sf-base{flex-direction:column;align-items:flex-start}
  .sf-dev{justify-content:flex-start}
}