/* HOME PAGE ONLY (loaded by home.html's head line). The Claude Design layout of
   2026-10-14 ("Website mockup refinement.zip", Justin's order to deploy it). Markup
   carries its own inline styles; these are the design's page-level rules. The
   design's base rules are scoped to .hv2 so the shared site stylesheet's element
   rules (section, h2, p, ...) cannot leak into it. */
.hv2 :is(section,h1,h2,h3,h4,p,ul,ol,li,table,thead,tbody,tr,th,td,blockquote,details,summary,figure,aside,time){all:revert;box-sizing:border-box}
.hv2{color:#3D4550;font:17px/1.72 "Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:#3D4550;font:17px/1.72 "Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;background:radial-gradient(1200px 500px at 85% 0%,rgba(245,218,185,.35) 0%,rgba(237,242,247,0) 70%),radial-gradient(1000px 600px at 15% 15%,rgba(224,233,242,.45) 0%,rgba(250,249,246,0) 75%),radial-gradient(1400px 800px at 50% 55%,rgba(246,235,222,.28) 0%,rgba(250,249,246,0) 70%),radial-gradient(1100px 600px at 90% 85%,rgba(220,230,240,.35) 0%,rgba(250,249,246,0) 80%),#FBFAF7}
.hv2 a{color:#3B3A72;text-decoration:underline;text-decoration-color:rgba(59,58,114,.3);text-underline-offset:.16em;text-decoration-thickness:1px}
.hv2 a:hover{color:#26254F;text-decoration-color:#26254F}
:is(a,button)[data-btn]{transition:color .5s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1)}
:is(a,button)[data-btn]>span{transition:width .5s cubic-bezier(.16,1,.3,1)}
:is(a,button)[data-btn]>svg{transition:transform .5s cubic-bezier(.16,1,.3,1)}
:is(a,button)[data-btn]:hover{color:#FBFAF7}
:is(a,button)[data-btn]:hover>span{width:calc(100% - 8px)}
:is(a,button)[data-btn]:hover>svg{transform:translateX(.4rem)}
:is(a,button)[data-btn]:active{transform:scale(.97)}
:is(a,button)[data-btn]:focus-visible{outline:2px solid #3B3A72;outline-offset:3px}
summary::-webkit-details-marker{display:none}
details[data-acc]>summary::after{content:"+";flex:none;font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:1.2rem;color:#5E6773}
details[data-acc][open]>summary::after{content:"\2212"}
details[data-acc]>summary:focus-visible{outline:2px solid #111820;outline-offset:4px}
@keyframes bandMark{0%{left:6%;top:50%}46%{left:50%;top:50%}54%{left:50%;top:50%}70%{left:67%;top:30%}84%{left:82%;top:11%}100%{left:90%;top:11%}}
@supports (animation-timeline:view()){.band-mark{animation:bandMark linear both;animation-timeline:view();animation-range:entry 15% cover 72%}}
.hero-band[data-pill="js"] .band-mark{animation:none}
.hero-band[data-gl="on"] .hero-band-gl{opacity:1!important}
.hero-band[data-gl="on"] .hero-band-fig{opacity:0}
.hero-band::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(210px 210px at calc(50% + var(--mx,0)*14px) calc(50% + var(--my,0)*-8px),rgba(251,250,247,.88),rgba(251,250,247,0) 66%)}
.band-label-node{left:calc(50% + var(--mx,0)*14px)!important;top:calc(50% + var(--my,0)*-8px + 14px)!important}
@media (prefers-reduced-motion:reduce){#scene-video{display:none!important}.band-mark{animation:none}:is(a,button)[data-btn],:is(a,button)[data-btn]>span,:is(a,button)[data-btn]>svg{transition:none}}
@media (hover:none){:is(a,button)[data-btn]:hover{color:#111820}:is(a,button)[data-btn]:hover>span{width:48px}:is(a,button)[data-btn]:hover>svg{transform:none}}
@media (max-width:960px){
  [data-split]{grid-template-columns:1fr!important;gap:26px!important}
  [data-sticky-col]{position:static!important}
  #spec-grid{grid-template-columns:1fr!important}
  #protect{grid-template-columns:1fr!important}#protect>div{border-left:0!important;padding:22px 0!important;border-top:1px solid rgba(17,24,32,.05);box-shadow:0 -1px 0 rgba(255,255,255,.75)}#protect>div:first-child{border-top:0;box-shadow:none;padding-top:0!important}#protect>div:last-child{padding-bottom:0!important}
}
@media (max-width:820px){
  #review{grid-template-columns:1fr!important;gap:16px!important}#review-pull{display:none}
  
  
  #sticky-wrap{gap:12px!important}
}
@media (max-width:699px){
  #scene{padding-top:clamp(28px,5vw,40px)!important}
  #scene-copy{position:static!important;width:auto!important;max-width:1080px;margin:0 auto;padding:0 24px 20px!important}
  #scene-copy h1{font-size:clamp(2rem,7.2vw,2.6rem)!important;max-width:16ch}
  #scene-sub{font-size:1.0625rem!important}
  #scene-eyebrow{margin-bottom:14px!important}
  #scene-stack{aspect-ratio:1/1;overflow:clip}
  #scene-video{display:none!important}#scene-desktop{height:100%!important;object-fit:cover;object-position:96% 50%}
  [data-glass-lg]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  [data-card]{padding:20px!important}
}
@media (max-width:520px){
  
  .hero-band{height:clamp(110px,30vw,150px)!important}.hero-band .band-label{font-size:.7rem!important}.hero-band::after{display:none}.band-label-node{top:calc(50% + var(--my,0)*-8px + 13px)!important}
  @keyframes bandMark{0%{left:16%;top:50%}46%{left:50%;top:50%}54%{left:50%;top:50%}70%{left:64%;top:30%}84%{left:78%;top:11%}100%{left:86%;top:11%}}
  #sticky-wrap{padding:10px 20px calc(10px + env(safe-area-inset-bottom))!important}#sticky-wrap p{display:none}#sticky-wrap a{flex:1;justify-content:center}
  [data-sec]{padding:44px 0!important}
  [data-wrap]{padding-left:20px!important;padding-right:20px!important}
  :is(a,button)[data-btn]{height:52px!important}
}
/* the pill script (pill.js) takes the pill over while a pointer is on the band */
.hero-band[data-pill="js"] .band-mark{animation:none}

/* pseudo-states lifted from the design's runtime attributes */
.hv-s1:hover{box-shadow:inset 0 1.5px 1px 0 #fff,0 0 0 1.5px rgba(185,121,31,.55),0 16px 42px -8px rgba(17,24,32,.12),0 0 24px rgba(185,121,31,.22)!important;transform:translateY(-2px)!important}
.hv-s2:hover{box-shadow:inset 0 1.5px 1px 0 #fff,0 0 0 1.5px rgba(185,121,31,.55),0 16px 42px -8px rgba(17,24,32,.12),0 0 24px rgba(185,121,31,.22)!important;transform:translateY(-2px)!important}
.hv-s3:hover{box-shadow:inset 0 1.5px 1px 0 #fff,0 0 0 1.5px rgba(185,121,31,.55),0 16px 42px -8px rgba(17,24,32,.12),0 0 24px rgba(185,121,31,.22)!important;transform:translateY(-2px)!important}
.hv-s4:hover{box-shadow:inset 0 1.5px 1px 0 #fff,0 0 0 1.5px rgba(185,121,31,.55),0 16px 42px -8px rgba(17,24,32,.12),0 0 24px rgba(185,121,31,.22)!important;transform:translateY(-2px)!important}
.hv-s5:hover{box-shadow:inset 0 1.5px 1px 0 #fff,0 0 0 1.5px rgba(185,121,31,.55),0 16px 42px -8px rgba(17,24,32,.12),0 0 24px rgba(185,121,31,.22)!important;transform:translateY(-2px)!important}
.hv-s6:hover{box-shadow:inset 0 1.5px 1px 0 #fff,0 0 0 1.5px rgba(185,121,31,.55),0 16px 42px -8px rgba(17,24,32,.12),0 0 24px rgba(185,121,31,.22)!important;transform:translateY(-2px)!important}
.hv-s7:hover{box-shadow:inset 0 1.5px 1px 0 #fff,0 0 0 1.5px rgba(185,121,31,.55),0 16px 42px -8px rgba(17,24,32,.12),0 0 24px rgba(185,121,31,.22)!important;transform:translateY(-2px)!important}

/* the free-check section's form (Claude Design, 2026-10-18): a submit button carries the same MotionButton markup */
button[data-btn]{background:transparent}
#home-cc-url:focus-visible{outline:2px solid #3B3A72;outline-offset:3px}
#home-cc-url::placeholder{color:#5E6773}
@media (max-width:520px){#leave{grid-template-columns:1fr!important}}