/* Homepage-only draft. Shared shell and all other routes remain unchanged. */
:root{--hh-coral:#ff5a5f;--hh-teal:#006d77;--hh-yellow:#ffb703;--hh-cream:#fafaf9;--hh-ink:#1e293b;--hh-muted:#52616b;--hh-line:#dce2de;--hh-white:#fff;--hh-display:'Outfit',sans-serif;--hh-body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body.hh-home{margin:0;background:var(--hh-cream);color:var(--hh-ink);font-family:var(--hh-body);line-height:1.6}body.hh-home main{padding-top:78px}h1,h2,h3,p,figure,blockquote{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--hh-teal);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:12px;background:white;color:var(--hh-ink);padding:12px;z-index:100}.skip-link:focus{top:12px}.hh-wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.hh-eyebrow{font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.14em}.hh-hero{position:relative;isolation:isolate;min-height:740px;display:flex;align-items:center;overflow:hidden;color:white;background:#143f3d}.hh-hero-video,.hh-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hh-hero-video{object-position:center 42%}.hh-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(7,35,34,.96) 0%,rgba(7,35,34,.90) 30%,rgba(7,35,34,.69) 53%,rgba(7,35,34,.1) 100%)}.hh-hero-content{padding-block:66px 76px}.hh-hero .hh-eyebrow{display:flex;align-items:center;gap:10px;color:#fff3db}.hh-dot{width:8px;height:8px;border-radius:50%;background:var(--hh-yellow)}.hh-hero h1{max-width:660px;margin:24px 0;font-family:var(--hh-display);font-size:clamp(48px,5vw,72px);line-height:1.02;letter-spacing:-.045em;font-weight:600}.hh-hero h1>span{color:#ffbe89}.hh-hero-subtitle{font-family:var(--hh-display);font-size:22px;line-height:1.4;max-width:570px}.hh-hero-description{max-width:545px;font-size:15px;line-height:1.7;margin:18px 0 28px;color:#e0e8e5}.hh-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 24px;background:var(--hh-yellow);color:var(--hh-ink);text-decoration:none;font-size:15px;font-weight:700;border-radius:8px;min-height:56px;transition:transform .2s,box-shadow .2s,background .2s}.hh-button>span{font-size:24px;line-height:1}.hh-button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #0002;background:#ffca45}.hh-hero a:focus-visible{outline-color:var(--hh-yellow)}.hh-trust{display:flex;gap:26px;flex-wrap:wrap;font-size:11px;font-weight:500;margin-top:24px;color:#eef4f2}.hh-trust>span{display:flex;gap:8px;align-items:center}.hh-trust>span>span{color:var(--hh-yellow);font-size:17px}.hh-hero-label{position:absolute;right:32px;top:30px;font-size:9px;letter-spacing:.18em;writing-mode:vertical-rl}.hh-quotes{background:#ffe4db;padding:32px 0 20px;overflow:hidden}.hh-quote-heading{margin-bottom:16px}.hh-quote-heading h2{font-size:11px;text-transform:uppercase;letter-spacing:.13em}.hh-marquee{overflow-x:auto;padding:4px 0 8px max(48px,calc((100vw - 1200px)/2))}.hh-marquee.is-ready{overflow:hidden}.hh-quote-track{display:flex;width:max-content}.hh-quote-group{display:flex;flex:none;gap:32px;padding-right:32px}.hh-quote-group figure{width:360px;min-height:145px;display:flex;flex-direction:column;justify-content:center;gap:12px}.hh-quote-group blockquote{font-family:var(--hh-display);font-size:clamp(20px,2vw,24px);line-height:1.42}.hh-quote-group figcaption{font-size:13px;font-weight:700;color:#704b42}.hh-marquee.is-ready .hh-quote-track{animation:hh-marquee 65s linear infinite}.hh-marquee:hover .hh-quote-track,.hh-marquee:focus-within .hh-quote-track,.hh-marquee.is-paused .hh-quote-track{animation-play-state:paused}@keyframes hh-marquee{to{transform:translateX(-50%)}}
.hh-joel{background:#f2f5f0}.hh-joel-grid{display:grid;grid-template-columns:minmax(260px,350px) minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:center;padding-block:64px}.hh-joel-photo{overflow:hidden;border-radius:18px;background:#d8c6af;box-shadow:0 18px 40px #173e3421}.hh-joel-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 35%}.hh-joel-copy .hh-eyebrow{color:var(--hh-teal);margin-bottom:16px}.hh-joel-copy h2{font-family:var(--hh-display);font-size:clamp(27px,3vw,38px);font-weight:600;line-height:1.18;letter-spacing:-.035em;max-width:720px}.hh-joel-copy>p:not(.hh-eyebrow){font-size:16px;line-height:1.65;color:var(--hh-muted);max-width:630px;margin-top:23px}
.hh-benefits{padding-top:80px;padding-bottom:36px}.hh-benefits .hh-final-wrap{margin-top:28px;padding-bottom:0}.hh-benefits+.hh-faq{padding-top:48px;padding-bottom:60px}.hh-section-intro{display:flex;justify-content:space-between;gap:20px;margin-bottom:26px}.hh-section-intro .hh-eyebrow{color:var(--hh-teal)}.hh-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hh-card{background:white;border:1px solid var(--hh-line);border-radius:14px;padding:30px;transition:transform .25s,box-shadow .25s}.hh-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #183e3810}.hh-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.hh-card-icon{height:48px;width:48px;display:grid;place-items:center;background:#ffe1d8;border-radius:12px;font-size:30px}.hh-card:nth-child(2) .hh-card-icon{background:#fff0be}.hh-card:nth-child(3) .hh-card-icon{background:#d7eeea}.hh-card h2{font-family:var(--hh-display);font-size:25px;line-height:1.2;margin-bottom:12px}.hh-card p{font-size:15px;color:var(--hh-muted)}.hh-watch{padding:10px 0 48px}.hh-resources{padding-block:25px 80px}.hh-resource-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}.hh-resource-heading .hh-eyebrow{color:var(--hh-teal);margin-bottom:14px}.hh-resource-heading h2,.hh-faq h2{font-family:var(--hh-display);font-size:clamp(36px,4vw,50px);line-height:1.06;font-weight:600;letter-spacing:-.035em}.hh-resource-heading>p{max-width:270px;color:var(--hh-muted);font-size:15px}.hh-resource-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:20px}.hh-resource{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:260px;border-radius:14px;background:#f4ebd7;padding:28px;text-decoration:none;overflow:hidden;transition:transform .25s,box-shadow .25s}.hh-resource:hover{transform:translateY(-5px);box-shadow:0 12px 25px #183e381c}.hh-resource-feature{background:var(--hh-coral)}.hh-resource-teal{background:var(--hh-teal);color:white}.hh-resource-tag{font-size:10px;font-weight:700;letter-spacing:.1em}.hh-resource h3{font-family:var(--hh-display);font-size:30px;line-height:1.1;font-weight:600;margin-bottom:10px;padding-right:20px}.hh-resource p{font-size:12px}.hh-resource-video h2{font-family:var(--hh-display);font-size:clamp(29px,3vw,38px);line-height:1.1;font-weight:600;margin-bottom:10px;max-width:470px}.hh-resource-arrow{position:absolute;right:24px;bottom:22px;font-size:25px}.hh-resource-video{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);align-items:center;gap:36px;min-height:0;padding:34px 36px;background:#f7eee7}.hh-video-copy{max-width:590px}.hh-video-copy .hh-resource-tag{color:var(--hh-teal);margin-bottom:20px}.hh-video-copy>p:not(.hh-resource-tag){font-size:15px;line-height:1.65;color:var(--hh-muted);margin-top:16px}.hh-video-copy>p.hh-video-note{font-size:12px}.hh-video-link{display:inline-flex;align-items:center;gap:9px;margin-top:24px;color:var(--hh-teal);font-size:14px;font-weight:700;text-underline-offset:4px}.hh-video-media{width:100%;min-width:0;max-width:300px;justify-self:end}.hh-video-thumbnail{position:relative;display:block;width:100%;overflow:hidden;border-radius:18px;border:1px solid rgba(14,49,72,.16);box-shadow:0 18px 38px rgba(14,49,72,.17);background:var(--hh-ink);text-decoration:none}.hh-video-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:498/885;object-fit:cover}.hh-video-play{position:absolute;left:50%;top:76%;display:grid;place-items:center;width:84px;height:84px;border:3px solid rgba(255,255,255,.8);border-radius:50%;background:#fff;box-shadow:0 7px 28px rgba(14,49,72,.38);transform:translate(-50%,-50%);transition:transform .2s,background .2s}.hh-video-play-icon{width:0;height:0;margin-left:6px;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:25px solid var(--hh-teal)}.hh-video-thumbnail:hover .hh-video-play,.hh-video-thumbnail:focus-visible .hh-video-play{transform:translate(-50%,-50%) scale(1.09);background:#e9f5f5}.hh-video-thumbnail:focus-visible{outline:3px solid var(--hh-teal);outline-offset:4px}
.hh-resource-signup{grid-column:1/-1;min-height:235px;background:#e9f0ed;padding:32px 36px;justify-content:center}.hh-resource-signup>.hh-resource-tag{color:var(--hh-teal);margin-bottom:18px}.hh-newsletter-form,.hh-newsletter-form *{box-sizing:border-box}.hh-newsletter-form{width:100%;margin:0;background:transparent;color:var(--hh-ink);font-family:var(--hh-body)}.hh-newsletter-form [data-style="minimal"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:0 48px;align-items:center}.hh-newsletter-form .formkit-header{grid-column:1;grid-row:1;align-self:end}.hh-newsletter-form .formkit-header h3{margin:0 0 10px;padding:0;font-family:var(--hh-display);font-size:30px;font-weight:600;line-height:1.1;color:var(--hh-ink)}.hh-newsletter-form .formkit-subheader{grid-column:1;grid-row:2;align-self:start;color:var(--hh-muted);font-size:15px;line-height:1.55}.hh-newsletter-form .formkit-alert-error{grid-column:1/-1;grid-row:4;margin:0;padding:0;list-style:none;color:#9d252e;font-size:14px}.hh-newsletter-form .formkit-alert-error:empty{display:none}.hh-newsletter-form .formkit-fields{grid-column:2;grid-row:1/span 2;display:flex;gap:10px;min-width:0}.hh-newsletter-form .formkit-field{flex:1;min-width:0}.hh-newsletter-form .formkit-input{display:block;width:100%;min-height:50px;padding:12px 16px;border:1px solid var(--hh-line);border-radius:8px;background:white;color:var(--hh-ink);font:inherit;font-size:15px}.hh-newsletter-form .formkit-input:focus-visible{outline:3px solid var(--hh-teal);outline-offset:2px}.hh-newsletter-form .formkit-submit{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:50px;padding:12px 20px;border:0;border-radius:8px;background:var(--hh-yellow);color:var(--hh-ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.hh-newsletter-form .formkit-submit:hover{background:#ffca45}.hh-newsletter-form .formkit-submit:focus-visible{outline:3px solid var(--hh-teal);outline-offset:2px}.hh-newsletter-form .formkit-spinner{display:none}.hh-newsletter-form .formkit-guarantee{grid-column:2;grid-row:3;margin-top:10px;color:var(--hh-muted);font-size:12px;line-height:1.5}.hh-newsletter-form .formkit-powered-by-convertkit-container{grid-column:2;grid-row:4;margin-top:6px;font-size:11px}.hh-newsletter-form .formkit-powered-by-convertkit{color:var(--hh-teal)}
.hh-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;border-top:1px solid var(--hh-line);padding-block:80px}.hh-faq .hh-eyebrow{color:var(--hh-teal);margin-bottom:18px}.hh-faq-intro>p:not(.hh-eyebrow){font-size:15px;color:var(--hh-muted);max-width:290px;margin-top:22px}.hh-spark{display:block;font-size:86px;color:var(--hh-coral);line-height:1;margin-top:30px}.hh-accordion details{border-bottom:1px solid #cbd7d1;padding:0 0 22px;margin-bottom:22px}.hh-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;font-family:var(--hh-display);font-size:21px;font-weight:500;line-height:1.35;min-height:48px}.hh-accordion summary::-webkit-details-marker{display:none}.hh-accordion summary span{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e6eddf;font-size:24px;transition:transform .2s}.hh-accordion details[open] summary span{transform:rotate(45deg);background:#ffe1d8}.hh-accordion details p{padding-top:18px;color:var(--hh-muted);font-size:15px;line-height:1.75}.hh-final-wrap{padding-bottom:80px}.hh-final{position:relative;isolation:isolate;overflow:hidden;background:var(--hh-teal);border-radius:22px;color:white;padding:62px;min-height:380px}.hh-final-copy{max-width:660px;position:relative}.hh-final .hh-eyebrow{color:#ceebe5;margin-bottom:20px}.hh-final h2{font-family:var(--hh-display);font-weight:600;font-size:clamp(38px,4.3vw,58px);letter-spacing:-.035em;line-height:1.05;max-width:640px;margin-bottom:18px}.hh-final-copy>p:not(.hh-eyebrow):not(.hh-final-security){font-size:15px;max-width:490px;margin-bottom:28px;color:#e2f2ee}.hh-final-security{font-size:10px;letter-spacing:.08em;margin-top:16px}.hh-final-art{position:absolute;right:25px;top:-110px;font-family:var(--hh-display);font-size:490px;color:#50aaa9;opacity:.35;z-index:-1;line-height:1.4}.hh-final a:focus-visible{outline-color:white}.hh-reveal.is-visible{animation:hh-reveal .65s ease-out both}@keyframes hh-reveal{from{transform:translateY(16px)}to{transform:translateY(0)}}
@media(min-width:1051px) and (max-width:1250px){.hh-home .site-shell-nav{gap:12px;padding-inline:20px}.hh-home .site-shell-links{gap:10px}.hh-home .site-shell-link{font-size:12px}.hh-home .site-shell-brand{font-size:18px}}
@media(max-width:1050px){body.hh-home main{padding-top:72px}.hh-wrap{width:calc(100% - 48px)}.hh-hero{min-height:710px}.hh-hero-shade{background:linear-gradient(90deg,rgba(7,35,34,.96),rgba(7,35,34,.8) 55%,rgba(7,35,34,.35))}.hh-hero h1{max-width:560px;font-size:62px}.hh-card{padding:24px}.hh-card h2{font-size:23px}.hh-resource{padding:24px}.hh-resource h3{font-size:27px}.hh-joel-grid{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:36px}.hh-joel-copy h2{font-size:clamp(27px,3vw,32px)}.hh-faq{gap:40px}}
@media(max-width:700px){.hh-wrap{width:calc(100% - 40px)}.hh-hero{min-height:760px}.hh-hero-content{padding-block:48px 100px}.hh-hero-video{object-position:63% center}.hh-hero-shade{background:linear-gradient(90deg,rgba(7,35,34,.9),rgba(7,35,34,.77))}.hh-hero h1{font-size:49px;max-width:450px;margin-block:24px}.hh-hero .hh-eyebrow{font-size:9px;letter-spacing:.1em}.hh-hero-subtitle{font-size:20px;max-width:430px}.hh-hero-description{font-size:14px}.hh-hero-label{display:none}.hh-trust{gap:10px 20px;font-size:10px}.hh-quote-heading h2{font-size:10px}.hh-marquee{padding-left:20px}.hh-quote-group figure{width:290px;min-height:155px}.hh-quote-group blockquote{font-size:20px}.hh-joel-grid{grid-template-columns:1fr;gap:28px;padding-block:44px}.hh-joel-photo{width:min(100%,280px);margin-inline:auto}.hh-joel-copy h2{font-size:29px}.hh-joel-copy>p:not(.hh-eyebrow){margin-top:18px}.hh-benefits{padding-top:48px;padding-bottom:24px}.hh-card-grid{grid-template-columns:1fr;gap:14px}.hh-card-top{margin-bottom:22px}.hh-card{padding:26px}.hh-card h2{font-size:26px}.hh-resources{padding-block:12px 48px}.hh-resource-heading{display:block}.hh-resource-heading>p{margin-top:18px}.hh-resource-grid{grid-template-columns:1fr}.hh-resource{min-height:220px;padding:26px}.hh-resource h3{font-size:32px}.hh-faq{grid-template-columns:1fr;gap:30px;padding-block:48px}.hh-faq h2 br{display:none}.hh-faq-intro{position:relative}.hh-faq-intro>p:not(.hh-eyebrow){max-width:260px}.hh-spark{position:absolute;right:0;bottom:0;font-size:56px;margin:0}.hh-accordion summary{font-size:19px;gap:16px}.hh-final-wrap{padding-bottom:48px}.hh-final{padding:36px 26px;border-radius:16px}.hh-final h2{font-size:41px}.hh-final-art{right:-75px;top:30px;font-size:350px}}
@media(max-width:700px){.hh-resource-video{grid-template-columns:minmax(0,1fr);gap:28px;padding:26px}.hh-video-copy h2{font-size:31px}.hh-video-media{justify-self:center}.hh-resource-signup{min-height:0;padding:28px 26px}.hh-resource-signup>.hh-resource-tag{margin-bottom:18px}.hh-newsletter-form [data-style="minimal"]{display:flex;flex-direction:column;align-items:stretch;gap:0}.hh-newsletter-form .formkit-header{align-self:stretch}.hh-newsletter-form .formkit-header h3{font-size:30px}.hh-newsletter-form .formkit-subheader{margin-bottom:22px}.hh-newsletter-form .formkit-fields{flex-direction:column;align-items:stretch}.hh-newsletter-form .formkit-field{flex:auto}.hh-newsletter-form .formkit-submit{width:100%}.hh-newsletter-form .formkit-guarantee{margin-top:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hh-quote-track{transform:none!important}.hh-marquee.is-ready{overflow-x:auto}.hh-quote-group[aria-hidden="true"]{display:none}}
