/* HELLAGOOD NEXT — the marketing site (0.1.58). The HellaGood family look (hellagood.xyz, Drops): off-white, Archivo
   headlines, Source Serif for the lines under them, orange for Next (Waitlist is gold, Drops is purple). The home page
   carries its own inline layout; this file holds the shared pieces and the film. */
:root{--paper:#FAFAF7;--ink:#08080A;--muted:#6E6E76;--line:#E2E0D9;--orange:#F76707;--orange-dark:#C2410C;--orange-wash:#FFF4EB;color-scheme:light}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Archivo,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--orange-dark);text-decoration:none}a:hover{color:#9A3412}
img{max-width:100%;height:auto}
h1,h2,h3{text-wrap:balance}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.show{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center}
.nav{display:flex;gap:24px;align-items:center}.nav a,header.top a{white-space:nowrap}
header.top{position:sticky;top:0;z-index:5;background:rgba(250,250,247,.92);backdrop-filter:blur(10px)}
.ph{border-radius:34px;border:8px solid #111113;overflow:hidden;background:#fff;box-shadow:0 40px 70px -35px rgba(8,8,10,.45)}
.ph img{display:block;width:100%;height:auto}
.step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding:56px 0;border-top:1px solid var(--line)}
.step .pics{display:flex;gap:20px;justify-content:center;align-items:flex-start}
.step .pics .ph{width:200px}
.step .pics figure{margin:0;display:flex;flex-direction:column;gap:10px;align-items:center}
.step .pics figcaption{font-size:13px;font-weight:600;color:var(--muted);text-align:center}
.tk{position:relative}
.tk:before,.tk:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:var(--paper);top:50%;margin-top:-11px}
.tk:before{left:-12px}.tk:after{right:-12px}
table{border-spacing:0}

/* the film: a 1000px stage, scaled to the page by site.js */
.stage{overflow:hidden;border-radius:20px}
.stage .box{width:1000px;transform-origin:top left}
.vid{position:relative;width:1000px;height:420px;background:#F4F2EC;border-radius:20px;overflow:hidden}
.vid .zone{position:absolute;border:2px dashed #D6D3CA;border-radius:12px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#9A9AA2;padding:6px 10px}
.vid .d{position:absolute;width:16px;height:16px;border-radius:50%;margin:-8px;background:#B7B5AE;box-shadow:0 2px 4px rgba(8,8,10,.18)}
.vid .sign{transform-origin:center}
.chap{display:flex;gap:10px 28px;flex-wrap:wrap;margin-top:18px;font-size:15px;font-weight:700}
.chap span{color:var(--muted);opacity:.35}
@media(prefers-reduced-motion:reduce){.vid *,.chap span{animation:none !important}.chap span{opacity:1}}
@keyframes d0{0%,25.00%{left:560px;top:318px;background:#B7B5AE;transform:scale(1);opacity:1}26.67%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}27.00%{background:#F76707;transform:scale(1.5)}28.00%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}30.67%,48.33%{left:70px;top:96px;background:#B7B5AE;transform:scale(1);opacity:1}49.67%{background:#F76707;transform:scale(1.6)}50.67%{left:70px;top:96px;background:#F76707;transform:scale(1.15)}54.00%{left:586px;top:318px;background:#F76707;transform:scale(1.15);opacity:1}56.67%{left:790px;top:300px;background:#F76707;transform:scale(1.15);opacity:1}58.00%,100%{left:790px;top:300px;background:#F76707;transform:scale(1.15);opacity:0}}.vid .d0{animation:d0 30.0s linear infinite;left:560px;top:318px}
@keyframes d1{0%,26.50%{left:526px;top:318px;background:#B7B5AE;transform:scale(1);opacity:1}28.17%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}28.50%{background:#F76707;transform:scale(1.5)}29.50%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}32.17%,56.67%{left:105px;top:96px;background:#B7B5AE;transform:scale(1);opacity:1}58.00%{background:#F76707;transform:scale(1.6)}59.00%{left:105px;top:96px;background:#F76707;transform:scale(1.15)}62.33%{left:586px;top:318px;background:#F76707;transform:scale(1.15);opacity:1}65.00%{left:790px;top:300px;background:#F76707;transform:scale(1.15);opacity:1}66.33%,100%{left:790px;top:300px;background:#F76707;transform:scale(1.15);opacity:0}}.vid .d1{animation:d1 30.0s linear infinite;left:526px;top:318px}
@keyframes d2{0%,28.00%{left:492px;top:318px;background:#B7B5AE;transform:scale(1);opacity:1}29.67%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}30.00%{background:#F76707;transform:scale(1.5)}31.00%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}33.67%,57.33%{left:140px;top:96px;background:#B7B5AE;transform:scale(1);opacity:1}58.67%{background:#F76707;transform:scale(1.6)}59.67%{left:140px;top:96px;background:#F76707;transform:scale(1.15)}63.00%{left:586px;top:318px;background:#F76707;transform:scale(1.15);opacity:1}65.67%{left:814px;top:300px;background:#F76707;transform:scale(1.15);opacity:1}67.00%,100%{left:814px;top:300px;background:#F76707;transform:scale(1.15);opacity:0}}.vid .d2{animation:d2 30.0s linear infinite;left:492px;top:318px}
@keyframes d3{0%,29.50%{left:458px;top:318px;background:#B7B5AE;transform:scale(1);opacity:1}31.17%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}31.50%{background:#F76707;transform:scale(1.5)}32.50%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}35.17%,58.00%{left:410px;top:96px;background:#B7B5AE;transform:scale(1);opacity:1}59.33%{background:#F76707;transform:scale(1.6)}60.33%{left:410px;top:96px;background:#F76707;transform:scale(1.15)}63.67%{left:586px;top:318px;background:#F76707;transform:scale(1.15);opacity:1}66.33%{left:838px;top:300px;background:#F76707;transform:scale(1.15);opacity:1}67.67%,100%{left:838px;top:300px;background:#F76707;transform:scale(1.15);opacity:0}}.vid .d3{animation:d3 30.0s linear infinite;left:458px;top:318px}
@keyframes d4{0%,31.00%{left:424px;top:318px;background:#B7B5AE;transform:scale(1);opacity:1}32.67%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}33.00%{background:#F76707;transform:scale(1.5)}34.00%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}36.67%,65.00%{left:450px;top:96px;background:#B7B5AE;transform:scale(1);opacity:1}66.33%{background:#F76707;transform:scale(1.6)}67.33%{left:450px;top:96px;background:#F76707;transform:scale(1.15)}70.67%{left:586px;top:318px;background:#F76707;transform:scale(1.15);opacity:1}73.33%{left:790px;top:300px;background:#F76707;transform:scale(1.15);opacity:1}74.67%,100%{left:790px;top:300px;background:#F76707;transform:scale(1.15);opacity:0}}.vid .d4{animation:d4 30.0s linear infinite;left:424px;top:318px}
@keyframes d5{0%,32.50%{left:390px;top:318px;background:#B7B5AE;transform:scale(1);opacity:1}34.17%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}34.50%{background:#F76707;transform:scale(1.5)}35.50%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}38.17%,65.67%{left:490px;top:96px;background:#B7B5AE;transform:scale(1);opacity:1}67.00%{background:#F76707;transform:scale(1.6)}68.00%{left:490px;top:96px;background:#F76707;transform:scale(1.15)}71.33%{left:586px;top:318px;background:#F76707;transform:scale(1.15);opacity:1}74.00%{left:814px;top:300px;background:#F76707;transform:scale(1.15);opacity:1}75.33%,100%{left:814px;top:300px;background:#F76707;transform:scale(1.15);opacity:0}}.vid .d5{animation:d5 30.0s linear infinite;left:390px;top:318px}
@keyframes d6{0%,34.00%{left:356px;top:318px;background:#B7B5AE;transform:scale(1);opacity:1}35.67%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}36.00%{background:#F76707;transform:scale(1.5)}37.00%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}39.67%,73.33%{left:230px;top:378px;background:#B7B5AE;transform:scale(1);opacity:1}74.67%{background:#F76707;transform:scale(1.6)}75.67%{left:230px;top:378px;background:#F76707;transform:scale(1.15)}79.00%{left:586px;top:318px;background:#F76707;transform:scale(1.15);opacity:1}81.67%{left:790px;top:300px;background:#F76707;transform:scale(1.15);opacity:1}83.00%,100%{left:790px;top:300px;background:#F76707;transform:scale(1.15);opacity:0}}.vid .d6{animation:d6 30.0s linear infinite;left:356px;top:318px}
@keyframes d7{0%,35.50%{left:322px;top:318px;background:#B7B5AE;transform:scale(1);opacity:1}37.17%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}37.50%{background:#F76707;transform:scale(1.5)}38.50%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}41.17%,74.00%{left:270px;top:378px;background:#B7B5AE;transform:scale(1);opacity:1}75.33%{background:#F76707;transform:scale(1.6)}76.33%{left:270px;top:378px;background:#F76707;transform:scale(1.15)}79.67%{left:586px;top:318px;background:#F76707;transform:scale(1.15);opacity:1}82.33%{left:814px;top:300px;background:#F76707;transform:scale(1.15);opacity:1}83.67%,100%{left:814px;top:300px;background:#F76707;transform:scale(1.15);opacity:0}}.vid .d7{animation:d7 30.0s linear infinite;left:322px;top:318px}
@keyframes d8{0%,37.00%{left:288px;top:318px;background:#B7B5AE;transform:scale(1);opacity:1}38.67%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}39.00%{background:#F76707;transform:scale(1.5)}40.00%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}42.67%,74.67%{left:310px;top:378px;background:#B7B5AE;transform:scale(1);opacity:1}76.00%{background:#F76707;transform:scale(1.6)}77.00%{left:310px;top:378px;background:#F76707;transform:scale(1.15)}80.33%{left:586px;top:318px;background:#F76707;transform:scale(1.15);opacity:1}83.00%{left:838px;top:300px;background:#F76707;transform:scale(1.15);opacity:1}84.33%,100%{left:838px;top:300px;background:#F76707;transform:scale(1.15);opacity:0}}.vid .d8{animation:d8 30.0s linear infinite;left:288px;top:318px}
@keyframes d9{0%,38.50%{left:254px;top:318px;background:#B7B5AE;transform:scale(1);opacity:1}40.17%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}40.50%{background:#F76707;transform:scale(1.5)}41.50%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}44.17%,81.67%{left:120px;top:220px;background:#B7B5AE;transform:scale(1);opacity:1}83.00%{background:#F76707;transform:scale(1.6)}84.00%{left:120px;top:220px;background:#F76707;transform:scale(1.15)}87.33%{left:586px;top:318px;background:#F76707;transform:scale(1.15);opacity:1}90.00%{left:790px;top:300px;background:#F76707;transform:scale(1.15);opacity:1}91.33%,100%{left:790px;top:300px;background:#F76707;transform:scale(1.15);opacity:0}}.vid .d9{animation:d9 30.0s linear infinite;left:254px;top:318px}
@keyframes d10{0%,40.00%{left:220px;top:318px;background:#B7B5AE;transform:scale(1);opacity:1}41.67%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}42.00%{background:#F76707;transform:scale(1.5)}43.00%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}45.67%,82.33%{left:300px;top:210px;background:#B7B5AE;transform:scale(1);opacity:1}83.67%{background:#F76707;transform:scale(1.6)}84.67%{left:300px;top:210px;background:#F76707;transform:scale(1.15)}88.00%{left:586px;top:318px;background:#F76707;transform:scale(1.15);opacity:1}90.67%{left:814px;top:300px;background:#F76707;transform:scale(1.15);opacity:1}92.00%,100%{left:814px;top:300px;background:#F76707;transform:scale(1.15);opacity:0}}.vid .d10{animation:d10 30.0s linear infinite;left:220px;top:318px}
@keyframes d11{0%,41.50%{left:186px;top:318px;background:#B7B5AE;transform:scale(1);opacity:1}43.17%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}43.50%{background:#F76707;transform:scale(1.5)}44.50%{left:556px;top:300px;background:#B7B5AE;transform:scale(1)}47.17%,83.00%{left:460px;top:240px;background:#B7B5AE;transform:scale(1);opacity:1}84.33%{background:#F76707;transform:scale(1.6)}85.33%{left:460px;top:240px;background:#F76707;transform:scale(1.15)}88.67%{left:586px;top:318px;background:#F76707;transform:scale(1.15);opacity:1}91.33%{left:838px;top:300px;background:#F76707;transform:scale(1.15);opacity:1}92.67%,100%{left:838px;top:300px;background:#F76707;transform:scale(1.15);opacity:0}}.vid .d11{animation:d11 30.0s linear infinite;left:186px;top:318px}
@keyframes c1{0%{opacity:1;color:#F76707}16.67%{opacity:1;color:#F76707}18.00%,100%{opacity:.35;color:#6E6E76}}.c1{animation:c1 30.0s linear infinite}
@keyframes c2{0%{opacity:.35;color:#6E6E76}16.67%{opacity:.35;color:#6E6E76}18.00%{opacity:1;color:#F76707}25.00%{opacity:1;color:#F76707}26.33%,100%{opacity:.35;color:#6E6E76}}.c2{animation:c2 30.0s linear infinite}
@keyframes c3{0%{opacity:.35;color:#6E6E76}25.00%{opacity:.35;color:#6E6E76}26.33%{opacity:1;color:#F76707}48.33%{opacity:1;color:#F76707}49.67%,100%{opacity:.35;color:#6E6E76}}.c3{animation:c3 30.0s linear infinite}
@keyframes c4{0%{opacity:.35;color:#6E6E76}48.33%{opacity:.35;color:#6E6E76}49.67%{opacity:1;color:#F76707}95.00%{opacity:1;color:#F76707}96.33%,100%{opacity:.35;color:#6E6E76}}.c4{animation:c4 30.0s linear infinite}
@keyframes clip{0%,14.67%{opacity:1}16.33%,100%{opacity:0}}.vid .clip{animation:clip 30.0s linear infinite}
@keyframes sign{0%,16.67%{transform:scale(0)}18.00%{transform:scale(1.15)}18.67%,100%{transform:scale(1)}}.vid .sign{animation:sign 30.0s ease-out infinite}

/* who it's for */
.top{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.topc{border-top:3px solid var(--orange);padding-top:14px}.topc b{font-size:18px}.topc p{margin:6px 0 0;color:var(--muted);font-size:15px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:16px}
.card .go{margin:auto 0 0;font-size:14px;font-weight:700}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px}
.card .ch{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.card h3{margin:0;font-size:19px;line-height:1.2}
.card p{margin:0;color:#55545B;font-size:15px}.card p.ex{font-size:13px;color:var(--muted)}.card p.ex b{color:var(--ink)}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font:inherit;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.setup{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:4px 10px;white-space:nowrap}
.s1{background:#EFEDE7;color:#55545B}.s2{background:var(--orange-wash);color:var(--orange-dark)}.s3{background:var(--orange);color:#fff}.s4{background:#08080A;color:#fff}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

/* legal and support pages */
.legal{padding:64px 0 88px}.legal .wrap{max-width:760px}
.legal h1{font-size:clamp(40px,6vw,60px);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin:0}
.legal .meta{color:#9A9AA2;font-size:14px;margin-top:14px}
.legal .lead{font-family:"Source Serif 4",Georgia,serif;color:var(--muted);font-size:20px;margin-top:18px}
.legal h2{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:44px 0 0;padding-top:24px;border-top:1px solid var(--line)}
.legal h3{font-size:19px;margin:24px 0 0;font-weight:700}
.legal p,.legal li{color:#3A3A40}.legal ul{padding-left:22px}
.legal a{font-weight:600}

@media(max-width:900px){.show,.step{grid-template-columns:1fr}}
@media(max-width:1000px){.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.three{grid-template-columns:1fr}}@media(max-width:600px){.four{grid-template-columns:1fr}}
@media(max-width:640px){.g3{grid-template-columns:1fr}.nav .hide{display:none}.h1{font-size:44px !important}.h2{font-size:34px !important}.ph{border-width:6px;border-radius:26px}.step .pics .ph{width:150px !important}header.top .wrap{gap:12px !important;padding:0 16px}header.top .wrap>a:first-child{font-size:16px !important}.nav{gap:14px}.nav a[style*="padding"]{padding:8px 14px !important}}
@media(max-width:360px){.ch{flex-wrap:wrap}header.top .wrap{gap:8px !important}header.top .wrap>a:first-child{font-size:14px !important}.nav{gap:10px;font-size:14px !important}.nav a[style*="padding"]{padding:7px 12px !important}}

/* footer (0.1.180): four columns like Drops and DogCards — brand, product, who it's for, company */
.sf{border-top:1px solid var(--line);margin-top:24px;font-size:15px}
.sf-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;padding-top:44px;padding-bottom:36px}
.sf-logo{display:flex;align-items:center;gap:10px;color:var(--ink)}.sf-logo img{border-radius:7px}.sf-logo b{font-size:17px;font-weight:800}
.sf-brand p{margin:12px 0 0;color:var(--muted);max-width:30ch;line-height:1.5}
.sf h4{margin:4px 0 12px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sf-grid>div:not(.sf-brand){display:flex;flex-direction:column;gap:10px}.sf-grid>div a{color:var(--ink)}.sf-grid>div a:hover{color:var(--orange-dark)}
.sf-base{border-top:1px solid var(--line);padding-top:18px;padding-bottom:36px;font-size:13px;color:var(--muted)}.sf-base a{color:var(--muted)}
@media (max-width:760px){.sf-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sf-brand{grid-column:1/-1}}

/* the AI and integrations block on the home page (0.1.219) */
@media(max-width:860px){.ai-grid{grid-template-columns:1fr !important}.ai-grid>div:last-child{grid-template-rows:auto !important}}