@font-face{font-family:P;src:url(/fonts/poppins-Black.woff) format("woff");font-weight:900;font-display:swap}
@font-face{font-family:P;src:url(/fonts/poppins-ExtraBold.woff) format("woff");font-weight:800;font-display:swap}
body{background:var(--soft,#f3f6fa)}
h1,h2{font-family:P,var(--font);font-weight:800;letter-spacing:-.035em}
h1{font-weight:900}
.site-header{background:rgba(255,255,255,.85)}
.btn{border-radius:999px}
.v2home .hero{text-align:left;padding-top:48px}
.v2home .hero h1{font-size:clamp(3rem,7.6vw,7.4rem);line-height:.94;letter-spacing:-.05em;margin:.15em 0 .3em}
.v2home .hero .lead{max-width:34em;margin-left:0}
.v2home .hero-signup{margin-left:0}
#obj{display:block;width:100%;height:340px;pointer-events:none}
#objimg{display:none;width:auto;max-height:70vh;max-width:60%;height:auto;margin:0 auto}
@media (min-width:1024px){
 .v2home main.wrap{max-width:none;margin:0;padding-left:max(22px,calc((100vw - 1320px)/2));width:60vw;padding-right:40px}
 .v2home main.wrap > section{max-width:none}
 #objwrap{position:fixed;right:0;top:0;width:40vw;height:100vh;z-index:1;pointer-events:none;transition:opacity .4s}
 #obj{height:100%}
 #objwrap.off{opacity:0}
}
@media (max-width:1023px){#objwrap{margin:0 -22px}}
@media (prefers-reduced-motion:reduce){html:not(.glforce) #obj{display:none}html:not(.glforce) #objimg{display:block}#objwrap{transition:none}}
html body{background:var(--soft,#f3f6fa)}
.v2home main.wrap > section{margin-left:0!important;margin-right:0!important}
.v2home .hero{background:none!important;padding-left:0;padding-right:0}
.v2home .hero h1{max-width:none;margin-left:0}
@media (max-width:1023px){.v2home .hero{padding-left:0;padding-right:0}}
html body .site-header{background:rgba(255,255,255,.94)}
.brand b{color:#0066cc}
#objwrap.still #obj{display:none}#objwrap.still #objimg{display:block}
html body .brand b{color:#0066cc!important}.post-meta a.post-cat{display:inline-block;padding:4px 0;min-height:24px}
/* r3: still first, canvas fades in once 3D is live */
#objwrap{position:relative}#objwrap #obj{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s}
#objwrap #objimg{display:block;height:100%;max-height:none;width:100%;max-width:none;object-fit:contain}
#objwrap.live #obj{opacity:1}#objwrap.live #objimg{opacity:0;transition:opacity .5s .1s}
@media (max-width:1023px){#objwrap{height:340px}}
@media (min-width:1024px){#objwrap{position:fixed}}
@media (prefers-reduced-motion:reduce){html:not(.glforce) #objwrap #obj{display:none}html:not(.glforce) #objwrap #objimg{opacity:1!important}}

/* No-overlap rule: Sig gets its own reserved column (wide) or its own in-flow box (narrow), clear of header, footer and bottom bar. */
@media (min-width:1024px){
 #objwrap{top:64px;bottom:96px;height:auto;width:min(40vw,560px);right:0}
 .v2home main.wrap{width:calc(100vw - min(40vw,560px))!important;box-sizing:border-box}
 #objwrap.off{visibility:hidden;opacity:0;transition:none}
}
html.sig-open #objwrap{visibility:hidden}
@media (max-width:1023px){#objwrap{height:340px;max-height:60vh}}
#objwrap{pointer-events:none}#sigbtn{position:absolute;left:18%;right:18%;top:52px;bottom:8px;z-index:2;pointer-events:auto;cursor:pointer;background:none;border:0;border-radius:24px;padding:0}#sigbtn:focus-visible{outline:3px solid #0071e3;outline-offset:-3px}#objwrap #obj,#objwrap #objimg{top:46px;height:calc(100% - 46px)}#objwrap #objimg{position:absolute;inset:46px 0 0}#sigtip{position:absolute;top:4px;left:50%;transform:translateX(-50%);z-index:3;margin:0;display:flex;align-items:center;gap:2px;pointer-events:auto;background:#1d1d1f;color:#fff;border-radius:999px;padding:0 4px 0 14px;height:36px;white-space:nowrap;font:600 14px/1 system-ui,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.18)}#sigtip:after{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:#1d1d1f}#sigtip button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0}#sigtip .tip-x{width:32px;height:32px;font-size:18px;border-radius:50%;opacity:.8}#sigtip .tip-x:focus-visible{outline:2px solid #fff}html.tip-off #sigtip,html.sig-open #sigtip{display:none}@media (max-width:299px),(max-height:479px){#sigtip{display:none}}@media (prefers-reduced-motion:no-preference){#sigtip{animation:tipin .35s ease-out .6s both}@keyframes tipin{from{opacity:0;transform:translate(-50%,6px)}}}@media (max-width:1023px){#objwrap{height:386px!important;max-height:none!important}}@media (max-width:599px){#objwrap{height:193px!important}#objwrap #obj,#objwrap #objimg{top:0;height:100%}#objwrap #objimg{inset:0}#sigbtn{top:4px;bottom:4px}#sigtip{display:none!important}}
@media (min-width:1024px){.v2home .hero h1{font-size:clamp(3rem,4.8vw,5.2rem)}}
body{padding-bottom:calc(76px + env(safe-area-inset-bottom) + var(--barh,0px))}.sticky-cta{bottom:calc(12px + env(safe-area-inset-bottom))}
#sigfab{position:fixed;right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom) + var(--barh,0px));z-index:45;width:52px;height:52px;padding:0;border:0;border-radius:50%;overflow:hidden;background:#eef2fb;box-shadow:0 6px 20px rgba(10,30,70,.25);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(80px);transition:transform .3s ease-out,opacity .3s,visibility 0s .3s}#sigfab img{width:100%;height:100%;display:block}#sigfab:focus-visible{outline:3px solid #0071e3;outline-offset:2px}
html.fab-on #sigfab{opacity:1;visibility:visible;transform:none;transition:transform .3s ease-out,opacity .3s}html.sig-open #sigfab{visibility:hidden}
#fabtip{position:fixed;right:calc(72px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom) + var(--barh,0px));z-index:45;margin:0;display:none;align-items:center;gap:2px;background:#1d1d1f;color:#fff;border-radius:999px;padding:0 4px 0 14px;height:36px;white-space:nowrap;font:600 14px/1 system-ui,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.18)}#fabtip button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0}#fabtip .tip-x{width:32px;height:32px;font-size:18px}
html.fab-on.fabtip-on:not(.sig-open) #fabtip{display:flex}
@media (prefers-reduced-motion:reduce){#sigfab,html.fab-on #sigfab{transition:none;transform:none}}@media (max-width:599px){#objwrap{display:none!important}}@media (min-width:600px){.v2home #sigmini{display:none!important}}
#sigmini{display:flex;float:right;align-items:center;gap:6px;margin:0 0 16px 10px;shape-outside:margin-box}#sigmini .mb{background:none;border:0;padding:0;cursor:pointer;border-radius:12px}#sigmini .mb img{display:block;height:90px;width:63px}#sigmini .mb:focus-visible{outline:3px solid #0071e3}
#minitip{display:flex;align-items:center;margin:0;background:#1d1d1f;color:#fff;border-radius:999px;height:30px;padding:0 2px 0 10px;font:600 13px/1 system-ui,sans-serif;white-space:nowrap}#minitip button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0}#minitip .tip-x{width:28px;height:28px;font-size:16px}
html.tip-off #minitip,html.sig-open #minitip{display:none}@media (max-width:379px){#minitip{display:none}}
@media (min-width:600px) and (max-width:1023px){.v2home .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,36%);column-gap:12px}.v2home .hero>*{grid-column:1}.v2home .hero #objwrap{grid-column:2;grid-row:1/span 4;margin:0!important;height:auto!important;min-height:330px;align-self:stretch}.v2home .hero h1{font-size:clamp(2.6rem,6.4vw,4.6rem)}}
.v2home ul.stats{margin-top:32px}.v2home .hero{padding-bottom:28px}
@media (min-width:480px){.v2home ul.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;max-width:760px;margin-left:auto;margin-right:auto;text-align:center}.v2home ul.stats li{max-width:none}}
@media (min-width:480px) and (max-width:767px){.v2home ul.stats{font-size:13px;gap:12px}.v2home ul.stats b{font-size:28px}}
@media (max-width:479px){.v2home ul.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center;font-size:12px;margin-top:24px}.v2home ul.stats b{font-size:22px}.v2home ul.stats li{max-width:none;min-width:0;overflow-wrap:anywhere}.v2home ul.stats a{padding:6px 4px;margin:-6px -4px}}
/* hero polish 2026-10-26: compact phone headline, stats beside Sig on desktop.
   Help bubble stays above Sig in the reserved 46px band (tail points down) so it never covers the robot. */
@media (max-width:599px){.hero h1,.v2home .hero h1{font-size:clamp(1.55rem,7.4vw,2.2rem)!important;line-height:1.04;max-width:none}.hero{padding-top:36px}.v2home .hero{padding-top:28px}.hero .lead{font-size:1.02rem}.hero-signup{margin-top:22px}}
@media (min-width:1024px){.v2home .hero{position:static}#objwrap{bottom:auto!important;height:440px!important}.v2home ul.stats{position:absolute;right:0;top:524px;width:min(40vw,560px);margin:0;padding:0 24px;box-sizing:border-box;font-size:13px;gap:10px}.v2home ul.stats b{font-size:30px}}
@media (min-width:990px) and (max-width:1023px){.v2home .hero #objwrap{grid-row:1/span 3}.v2home ul.stats{grid-column:2;grid-row:4;align-self:start;margin:0;grid-template-columns:1fr;gap:10px;font-size:13px}.v2home ul.stats b{font-size:26px}}
@media (max-width:400px){.hero h1,.v2home .hero h1{font-size:clamp(1.3rem,6.1vw,1.8rem)!important}}

/* design pass 2026-10-27: v2 home refinements (Sig kept, no overlap) */
.v2home .hero .lead{max-width:36em}
.v2home .hero-signup{max-width:560px}
@media (min-width:1024px){
  .v2home ul.stats a{background:rgba(255,255,255,.92)}
}
@media (max-width:599px){
  .v2home .hero{padding-top:24px}
}

/* ========== UI pass 2026-10-30: Sig de-emphasized near signup (never covers text) ========== */
/* Hide the high-contrast "Need help?" mini tip on phones so the digest/signup stays primary.
   Help remains available via the Sig avatar itself and the FAB after scroll. */
@media (max-width:599px){
  #minitip{display:none!important}
  /* Smaller floating Sig beside headline / above subscribe — signup is visually primary */
  #sigmini{gap:4px;margin:0 0 10px 8px}
  #sigmini .mb img{height:56px;width:39px}
  #sigmini .mb{border-radius:10px;opacity:.92}
  /* Home: give the digest card more presence vs Sig */
  .v2home .hero-signup{
    position:relative;z-index:2;
    box-shadow:0 8px 28px rgba(15,23,42,.10),0 1px 2px rgba(15,23,42,.04);
    border-color:#c5d4ea;
  }
  .v2home .hero-signup-h{font-size:18px}
  /* Keep FAB tip from appearing until the hero (incl. signup) has left the fold */
  #fabtip{display:none!important}
  html.fab-on.fabtip-on:not(.sig-open) #fabtip{display:none!important}
}
/* Fold-width phones: keep Sig even quieter */
@media (max-width:379px){
  #sigmini .mb img{height:48px;width:34px}
}
/* Subscribe / inner pages: Sig floats at top of main — don't let tip compete with the form */
@media (max-width:599px){
  body:not(.v2home) #sigmini{margin:4px 0 8px 8px}
  body:not(.v2home) .hero-sm{clear:both}
  body:not(.v2home) .hero .signup,
  body:not(.v2home) .hero > .btn,
  body:not(.v2home) form.signup{position:relative;z-index:2}
}