/* Public product presentation and calm, one-time reveals. */
:root{--motion-ease:cubic-bezier(.2,.7,.2,1);--page-progress:0}
.scroll-progress{position:fixed;inset:0 0 auto;height:2px;z-index:100;pointer-events:none}
.scroll-progress:before{content:"";display:block;height:100%;width:calc(var(--page-progress)*100%);background:var(--green)}
.site-header{transition:background 160ms ease,box-shadow 160ms ease}
.site-header.is-scrolled{background:rgba(249,246,240,.97);box-shadow:0 3px 15px rgba(58,46,31,.05)}
.desktop-nav a.is-active{background:#e7eee8;color:#244c43}
.hero{padding:84px 0 94px;gap:48px;grid-template-columns:1fr 1.12fr}
.hero h1{font:500 clamp(44px,4.75vw,68px)/1.04 Georgia,"Times New Roman",serif;letter-spacing:-.045em;max-width:580px;text-wrap:balance;margin:18px 0 26px}
.hero h1 em{font-style:italic;color:#356c62}
.hero-lede{font-size:17px;line-height:1.7;max-width:46ch}
.hero-product{animation:homeEnter 300ms ease-out;filter:drop-shadow(0 22px 34px rgba(48,40,30,.07))}
.product-window{transform:none;box-shadow:0 18px 48px rgba(57,46,32,.10)}
.hero-product .reentry-card{background:#244c43;border-color:#244c43;color:#fffaf1;transform:rotate(1deg);box-shadow:0 12px 32px rgba(36,76,67,.15)}
.hero-product .reentry-card :is(small,p,.tiny-label){color:#d5e3db}
.hero-product .reentry-card b{color:#fffaf1}
.quiet-card{transform:rotate(-1deg)}
.button{transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
.button:hover{transform:none;box-shadow:0 4px 14px rgba(47,39,29,.09)}
.button:active{transform:translateY(1px)}
.motion-reveal{opacity:1;transform:none}
.motion-live .motion-reveal:not(.is-visible){opacity:0;transform:translateY(12px)}
.motion-reveal.is-visible{transition:opacity 300ms var(--motion-ease),transform 300ms var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}
.section-heading h2,.showcase-copy h2,.business-copy h2,.privacy-copy h2,.final-inner h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.03em;text-wrap:balance}
.section-heading>p,.showcase-copy>p,.business-copy>p,.privacy-copy>p{line-height:1.7}
.problem-strip .strip-grid>div{padding-block:6px}
.steps-grid article,.detail-card,.privacy-grid article{transition:border-color 160ms ease,box-shadow 160ms ease}
.phone-front{transform:rotate(2deg)}
.phone-back{transform:rotate(-5deg)}
.business-window{transform:none}
.receipt-paper{transform:rotate(-2deg)}
.attention-panel article{border-radius:7px;transition:background-color 160ms ease}
[id]{scroll-margin-top:90px}
:where(a,button,input,select):focus-visible{outline:2px solid #356c62;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
  .steps-grid article:hover,.detail-card:hover,.privacy-grid article:hover{border-color:#9faf9f;box-shadow:0 6px 22px rgba(57,46,32,.06)}
  .attention-panel article:hover{background:#edf3ee}
}
@keyframes homeEnter{from{opacity:.5;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.hero{gap:32px}.hero h1{font-size:clamp(44px,5.7vw,62px)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:52px 0 70px;gap:42px}.hero h1{font-size:clamp(44px,8vw,64px);max-width:680px}.hero-lede{max-width:58ch}.hero-product{max-width:700px;width:100%;margin-inline:auto}}
@media(max-width:560px){.hero{padding:40px 0 54px;gap:34px}.hero h1{font-size:44px;line-height:1.07;letter-spacing:-.035em}.hero-lede{font-size:16px}.hero-actions{flex-wrap:wrap}.hero-actions .button{min-height:48px;flex:1 1 150px}.hero-trust{gap:10px 16px;font-size:11px}.hero-product .floating-card{max-width:60%}.site-header .button{min-height:44px}.section-heading h2,.showcase-copy h2,.business-copy h2,.privacy-copy h2,.final-inner h2{font-size:34px;line-height:1.15}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .motion-live .motion-reveal:not(.is-visible),.motion-reveal{opacity:1!important;transform:none!important}
}