:root{--navy:#07182b;--navy2:#0b2038;--blue:#1467db;--blue2:#0c57c7;--bg:#f4f7fb;--card:#fff;--line:#dfe6ef;--text:#122033;--muted:#6c7889;--green:#167c46}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.db-sketch-home{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.db-shell{width:min(1180px,calc(100% - 36px));margin:0 auto}.db-utility{background:#041221;color:#b9c7d7;font-size:12px}.db-utility .db-shell{min-height:34px;display:flex;align-items:center;justify-content:space-between}.db-utility-left,.db-utility-right{display:flex;align-items:center;gap:18px}.db-utility a{color:#dbe6f2;text-decoration:none}.db-mainnav{background:linear-gradient(180deg,#07182b,#081b30);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100}.db-mainnav .db-shell{min-height:68px;display:flex;align-items:center;gap:30px}.db-brand{display:flex;align-items:center;gap:4px;text-decoration:none;color:#fff;font-weight:900}.db-brand-mark{font-size:28px;color:#2479ee;letter-spacing:-1.8px}.db-brand-word{font-size:14px}.db-navlinks{display:flex;align-items:center;gap:4px;margin-left:20px}.db-navlinks a{color:#d9e5f0;text-decoration:none;font-size:13px;padding:9px 11px;border-radius:5px}.db-navlinks a:hover,.db-navlinks a.active{background:#155fca;color:#fff}.db-nav-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.db-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border:1px solid rgba(255,255,255,.25);border-radius:6px;text-decoration:none;font-size:12px;font-weight:800;color:#fff;background:transparent}.db-btn.primary{background:var(--blue);border-color:var(--blue)}.db-mobile-toggle{display:none;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;width:38px;height:38px}.db-hero{background:linear-gradient(180deg,#0a2038 0%,#0c2848 100%);color:#fff;border-bottom:1px solid #17395d}.db-hero .db-shell{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;min-height:430px;padding-top:48px;padding-bottom:48px}.db-hero h1{font-size:54px;line-height:1.02;letter-spacing:-.04em;margin:0 0 18px}.db-hero p{color:#c2d1df;font-size:17px;line-height:1.7;max-width:620px}.db-hero-actions{display:flex;gap:10px;margin-top:26px}.db-hero-visual{display:flex;justify-content:flex-end;background:#fff;padding:18px}.db-hero-visual img{display:block;max-width:100%;max-height:330px;object-fit:contain;filter:none}.db-features{background:#fff;border-bottom:1px solid var(--line)}.db-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.db-feature{display:flex;align-items:center;gap:12px;padding:24px 18px;border-right:1px solid var(--line)}.db-feature:last-child{border-right:0}.db-feature-icon{width:38px;height:38px;border-radius:7px;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-weight:900}.db-feature strong{display:block;font-size:13px}.db-feature span{display:block;color:var(--muted);font-size:10px;margin-top:4px;line-height:1.4}.db-pricing{padding:72px 0 82px;background:var(--bg)}.db-section-heading{text-align:center;margin-bottom:30px}.db-section-heading h2{font-size:32px;letter-spacing:-.03em;margin:0 0 8px}.db-section-heading p{color:var(--muted);margin:0}.db-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.db-plan{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:0 6px 20px rgba(22,42,68,.035)}.db-plan.featured{border:2px solid var(--blue);position:relative}.db-plan-kicker{font-size:15px;font-weight:850}.db-plan-desc{font-size:10px;color:var(--muted);margin-top:4px;min-height:28px}.db-plan-price{font-size:29px;font-weight:900;margin:18px 0}.db-plan-price small{font-size:11px;color:var(--muted);font-weight:600}.db-plan ul{list-style:none;padding:0;margin:0 0 22px}.db-plan li{font-size:11px;padding:8px 0;border-bottom:1px solid #edf1f6;color:#344457}.db-plan li:before{content:'✓';color:var(--green);font-weight:900;margin-right:8px}.db-plan .db-btn{width:100%;color:var(--blue);border-color:#d8e1ec}.db-plan .db-btn.primary{color:#fff}.db-pricing-note{text-align:center;color:var(--muted);font-size:10px;margin-top:18px}.db-footer{background:#061729;color:#aebed0}.db-footer-main{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:34px;padding:50px 0 42px}.db-footer h4{font-size:10px;color:#fff;letter-spacing:.08em}.db-footer a{display:block;color:#b8c8d9;text-decoration:none;font-size:10px;margin:9px 0}.db-footer p{font-size:10px;line-height:1.6}.db-footer-brand{font-size:19px!important;font-weight:900;color:#fff!important}.db-socials{display:flex;gap:7px}.db-social{width:27px;height:27px;border:1px solid #28405a;border-radius:5px;display:grid;place-items:center}.db-footer-bottom{border-top:1px solid #1a3048}.db-footer-bottom .db-shell{min-height:44px;display:flex;justify-content:space-between;align-items:center;font-size:9px}.db-newsletter .db-btn{color:#fff}
@media(max-width:900px){.db-plan-grid{grid-template-columns:1fr 1fr}.db-feature-grid{grid-template-columns:1fr 1fr}.db-feature{border-bottom:1px solid var(--line)}.db-hero h1{font-size:42px}.db-footer-main{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:680px){.db-shell{width:min(100% - 24px,1180px)}.db-utility-left span:nth-child(2){display:none}.db-mainnav .db-shell{min-height:58px;gap:12px}.db-mobile-toggle{display:block;margin-left:auto}.db-navlinks{display:none;position:absolute;top:58px;left:12px;right:12px;margin:0;background:#07182b;border:1px solid #1b3856;border-radius:7px;padding:8px;flex-direction:column;align-items:stretch}.db-navlinks.open{display:flex}.db-nav-actions{display:none}.db-hero .db-shell{grid-template-columns:1fr;min-height:auto;padding-top:42px;padding-bottom:42px}.db-hero h1{font-size:38px}.db-hero p{font-size:14px}.db-hero-visual{justify-content:center}.db-hero-visual img{max-height:240px}.db-feature-grid,.db-plan-grid{grid-template-columns:1fr}.db-feature{border-right:0}.db-pricing{padding:48px 0}.db-footer-main{grid-template-columns:1fr 1fr;gap:24px}.db-footer-main>div:first-child{grid-column:1/-1}.db-footer-bottom .db-shell{flex-direction:column;justify-content:center;gap:4px;padding:10px 0}.db-section-heading h2{font-size:27px}}


/* 2026-08-30 hero image white-stage enforcement */
.db-hero-visual{
  background:#fff!important;
  border-radius:0!important;
  padding:22px!important;
  overflow:hidden!important;
  box-shadow:none!important;
  min-height:310px!important;
  align-items:center!important;
  justify-content:center!important;
}
.db-hero-visual img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:620px!important;
  max-height:330px!important;
  object-fit:contain!important;
  background:#fff!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
@media(max-width:680px){
  .db-hero-visual{padding:14px!important;min-height:0!important;margin-top:8px!important}
  .db-hero-visual img{max-height:260px!important}
}


/* 2026-08-30: illustration moved below the dark hero into a true white band */
.db-hero .db-shell{
  grid-template-columns:1fr!important;
  min-height:auto!important;
  padding-top:54px!important;
  padding-bottom:54px!important;
}
.db-hero-copy{max-width:760px!important;}
.db-hero-media-band{
  background:#fff!important;
  border-bottom:1px solid var(--line)!important;
  padding:34px 0 30px!important;
}
.db-hero-media-band .db-shell{display:block!important;}
.db-hero-media-band .db-hero-visual{
  width:100%!important;
  max-width:760px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  background:#fff!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  overflow:hidden!important;
}
.db-hero-media-band .db-hero-visual img{
  display:block!important;
  width:100%!important;
  max-width:720px!important;
  max-height:none!important;
  height:auto!important;
  object-fit:contain!important;
  background:#fff!important;
}
@media(max-width:680px){
  .db-hero .db-shell{padding-top:38px!important;padding-bottom:38px!important;}
  .db-hero-media-band{padding:22px 0 20px!important;}
  .db-hero-media-band .db-shell{width:100%!important;}
  .db-hero-media-band .db-hero-visual{margin:0!important;padding:0 16px!important;}
  .db-hero-media-band .db-hero-visual img{width:100%!important;max-width:100%!important;max-height:none!important;}
}