@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/e8a2785222.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/e8a2785222.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/e8a2785222.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/18bea30720.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/18bea30720.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/60c7df009c.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/561da85450.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/60c7df009c.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/561da85450.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/60c7df009c.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/561da85450.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/60c7df009c.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/561da85450.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body{margin:0;background:#F2F6F0}
a{color:#1E5C40}a:hover{color:#12333A}
.btn{transition:transform .15s ease, box-shadow .15s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 #12333A}
.card{transition:transform .2s ease}
.card:hover{transform:translateY(-4px)}
.card:hover .mascot{animation:wiggle .6s ease-in-out}
.rise{animation:rise 8s ease-in-out infinite alternate}
.bub{animation:bub 4s linear infinite}
.blink{transform-box:fill-box;transform-origin:center;animation:blink 5s infinite}
.bob{animation:bob 5s ease-in-out infinite alternate}
.bob2{animation:bob 6.5s ease-in-out -2s infinite alternate}
.draw{animation:draw 7s ease-in-out infinite}
.pop{transform-box:fill-box;transform-origin:center;animation:pop 7s ease-in-out infinite}
.dance{transform-origin:50% 100%;animation:dance 1.1s ease-in-out infinite}
.confetti{animation:fall linear infinite}
@keyframes dance{0%,100%{transform:translateY(0) rotate(-7deg)} 50%{transform:translateY(-14px) rotate(7deg)} }
@keyframes fall{from{top:-6%;transform:rotate(0deg)} to{top:106%;transform:rotate(540deg)} }
.sec{position:relative}
.hop{transform-origin:50% 100%;animation:hop 3.2s ease-in-out infinite}
@keyframes hop{0%,55%,100%{transform:translateY(0) scale(1,1)} 62%{transform:translateY(0) scale(1.06,.92)} 75%{transform:translateY(-12px) scale(.97,1.04)} 88%{transform:translateY(0) scale(1.04,.95)} }
.waddle{animation:waddle .3s ease-in-out infinite alternate}
.step{transform-box:fill-box;animation:stepf .3s ease-in-out infinite alternate}
.walk{animation:march 28s linear infinite}
.swing{animation:swing 1.5s ease-in-out infinite alternate}
.scrib{animation:scrib 3s ease-in-out infinite}
.jot{animation:jot .35s ease-in-out infinite alternate}
.scrub{animation:scrub .4s ease-in-out infinite alternate}
.soap{transform-box:fill-box;animation:soap 2.2s ease-out infinite}
.floaty{animation:floaty 2.4s ease-in-out infinite alternate}
.dig{animation:dig .55s ease-in-out infinite alternate}
.fling{transform-box:fill-box;animation:fling 1.1s ease-out infinite}
.peek{animation:peek 3.3s ease-in-out infinite}
@keyframes waddle{from{transform:rotate(-7deg)} to{transform:rotate(7deg)} }
@keyframes stepf{from{transform:translateY(0)} to{transform:translateY(-6px)} }
@keyframes march{0%{left:3%;transform:scaleX(1)} 48%{left:78%;transform:scaleX(1)} 50%{left:78%;transform:scaleX(-1)} 98%{left:3%;transform:scaleX(-1)} 100%{left:3%;transform:scaleX(1)} }
@keyframes swing{from{transform:rotate(-16deg)} to{transform:rotate(10deg)} }
@keyframes scrib{0%{stroke-dasharray:40;stroke-dashoffset:40} 35%,100%{stroke-dasharray:40;stroke-dashoffset:0} }
@keyframes jot{from{transform:translate(0,0)} to{transform:translate(-12px,5px)} }
@keyframes scrub{from{transform:translateY(-10px)} to{transform:translateY(16px)} }
@keyframes soap{0%{transform:translateY(0) scale(.5);opacity:0} 25%{opacity:1} 100%{transform:translateY(-34px) scale(1.2);opacity:0} }
@keyframes floaty{from{transform:translateY(-14px) rotate(-6deg)} to{transform:translateY(-2px) rotate(6deg)} }
@keyframes dig{from{transform:rotate(-26deg)} to{transform:rotate(10deg)} }
@keyframes fling{0%{transform:translate(0,0);opacity:1} 100%{transform:translate(8px,-30px);opacity:0} }
@keyframes peek{0%,20%{transform:translateY(22px);opacity:0} 45%,80%{transform:translateY(0);opacity:1} 100%{transform:translateY(22px);opacity:0} }
.bobs{animation:bobs 3.4s ease-in-out infinite alternate}
.chat{animation:chat 1.2s linear infinite}
@keyframes bobs{from{transform:translateY(-4px) rotate(-3deg)} to{transform:translateY(4px) rotate(3deg)} }
@keyframes chat{to{stroke-dashoffset:-28} }
.spin{transform-box:fill-box;transform-origin:center;animation:spin 24s linear infinite}
@keyframes rise{from{transform:translateY(0)} to{transform:translateY(-96px)} }
@keyframes bub{0%{transform:translateY(0);opacity:0} 15%{opacity:.85} 100%{transform:translateY(-130px);opacity:0} }
@keyframes blink{0%,92%,100%{transform:scaleY(1)} 96%{transform:scaleY(.1)} }
@keyframes bob{from{transform:translateY(-8px) rotate(-4deg)} to{transform:translateY(8px) rotate(4deg)} }
@keyframes wiggle{0%,100%{transform:rotate(0)} 25%{transform:rotate(-8deg)} 75%{transform:rotate(8deg)} }
@keyframes draw{0%{stroke-dasharray:640;stroke-dashoffset:640} 55%,100%{stroke-dasharray:640;stroke-dashoffset:0} }
@keyframes pop{0%,20%{transform:scale(0);opacity:0} 45%,100%{transform:scale(1);opacity:1} }
@keyframes spin{to{transform:rotate(360deg)} }
@media (min-width: 761px) and (max-width: 1100px){
.sec{padding:72px 32px !important}
.pillars > :last-child{grid-column:1 / -1}
.hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;gap:24px !important;padding:56px 32px 64px !important}
.h1{font-size:54px !important}
.h2{font-size:42px !important}
.cta-h2{font-size:48px !important}
.anno{font-size:18px !important;max-width:84px !important}
.anno svg{width:32px;height:auto}
.anno-l svg{margin-left:40px !important}
.jar-tag{right:-2% !important;transform:rotate(-5deg) scale(.74) !important;transform-origin:right bottom}
.kit-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) !important;gap:32px !important}
.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.anno{display:none !important}
figure svg{max-height:300px}
.cta-pals{max-width:none !important;width:100%;flex-direction:row !important;flex-wrap:wrap;justify-content:space-between !important}
.cta-row{flex-wrap:nowrap !important;gap:10px !important}
.cta-row svg{width:76px;height:auto}
.sprk:not(.strip){transform:scale(.8)}
.walk svg{width:36px;height:auto}
.pillwrap{grid-template-columns:minmax(0,250px) minmax(0,1fr) !important;gap:36px !important}
.nav{gap:8px 18px !important}
.rsb{grid-template-columns:minmax(0,1fr) minmax(0,240px) !important;gap:32px !important}
.sec{padding:56px 32px !important}
.app-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:28px !important}
.notebook{padding:20px 20px 26px !important}
.notebook dd{font-size:25px !important}
.appcard{padding:22px !important}
.appcard .step{font-size:19px !important}
.feat{font-size:15px}
.cults2{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
.mini{padding:12px !important}
.sec{padding:48px 32px !important}
}
.is-tablet .sec{padding:72px 32px !important}
.is-tablet .pillars > :last-child{grid-column:1 / -1}
.is-tablet .hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;gap:24px !important;padding:56px 32px 64px !important}
.is-tablet .h1{font-size:54px !important}
.is-tablet .h2{font-size:42px !important}
.is-tablet .cta-h2{font-size:48px !important}
.is-tablet .anno{font-size:18px !important;max-width:84px !important}
.is-tablet .anno svg{width:32px;height:auto}
.is-tablet .anno-l svg{margin-left:40px !important}
.is-tablet .jar-tag{right:-2% !important;transform:rotate(-5deg) scale(.74) !important;transform-origin:right bottom}
.is-tablet .kit-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) !important;gap:32px !important}
.is-tablet .faq-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
@media (max-width: 760px){
.hdr{padding:14px 20px !important}
.nav-link{display:none !important}
.sec{padding:56px 20px !important;gap:32px !important}
.hero-in{padding:36px 20px 48px !important;gap:28px !important}
.h1{font-size:46px !important}
.lead-hero{font-size:18px !important}
.h2{font-size:33px !important}
.lead{font-size:18px !important}
.cta-h2{font-size:38px !important}
.anno{font-size:16px !important;max-width:72px !important}
.anno svg{width:30px;height:auto}
.anno-l svg{margin-left:34px !important}
.jar-tag{right:0 !important;bottom:1% !important;transform:rotate(-5deg) scale(.72) !important;transform-origin:right bottom}
.lvl{padding:0 14px !important}
.dock{right:16px !important;bottom:16px !important}
.pillars > *{padding:24px !important}
.notebook{padding:20px 20px 26px !important;box-shadow:5px 5px 0 #12333A !important}
.notebook dd{font-size:25px !important}
figure{padding:20px !important}
.anno{display:none !important}
figure svg text{font-size:22px}
.kit-grid svg.spin{right:0 !important}
.sec{padding:44px 20px !important;gap:28px !important}
.hero-in{padding:28px 20px 40px !important;gap:20px !important}
.hero-in > :last-child{max-width:300px !important}
.lead{font-size:17px !important}
.pillars{gap:14px !important}
.pillars > *{padding:20px !important;gap:8px !important}
.pillars h2{font-size:24px !important}
ol > li{padding:18px !important;gap:14px !important}
ol > li > svg{width:40px;height:40px}
ol h3{font-size:21px !important}
.notebook{padding:16px 18px 22px !important;box-shadow:5px 5px 0 #12333A !important;background-image:repeating-linear-gradient(transparent 0 35px, #C9D8CF 35px 36px) !important}
.notebook dt, .notebook dd, .notebook > div{line-height:36px !important}
.notebook dd{font-size:24px !important}
.feat{grid-template-columns:repeat(2,minmax(0,1fr)) !important;font-size:15px;gap:8px 14px !important}
.faq-grid > *{padding:20px !important}
.faq-grid{gap:12px !important}
.cults{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
.card{padding:14px !important;gap:8px !important}
.card > :first-child{padding:10px !important}
.card svg.mascot{width:72px;height:auto}
.card h3{font-size:19px !important}
.card p{font-size:14px !important;line-height:1.45}
.kit-art{max-width:260px !important}
.hero-in svg.bob, .hero-in svg.bob2{width:56px;height:auto}
.sec{padding:40px 20px !important;gap:28px !important}
.sec{padding:34px 20px !important;gap:26px !important}
.tab-day{display:none}
.appcard{padding:20px !important;gap:14px !important;box-shadow:5px 5px 0 #F5C84B !important}
.appcard .step{font-size:19px !important}
.appcard p{font-size:16px}
.cta-pals{max-width:none !important;width:100%}
.cta-row{flex-wrap:nowrap !important;gap:6px !important;justify-content:space-between !important;width:100%}
.cta-row svg{width:44px;height:auto}
.cta-cap{display:none}
.bunting{transform:translateX(-50%) scale(.6) !important;transform-origin:top center}
.cta-sec{padding-top:58px !important}
.cta-row svg{width:46px;height:auto}
.sprk:not(.strip){transform:scale(.58)}
.walk{gap:6px !important}
.walk svg{width:26px;height:auto}
.pillwrap{grid-template-columns:minmax(0,1fr) !important;gap:16px !important}
.mock-crop{height:150px;overflow:hidden;align-items:flex-start;padding-top:8px}
.mock{max-width:200px !important;box-shadow:6px 6px 0 #F5C84B !important;border-radius:34px !important;padding:8px !important}
.mock > div{border-radius:26px !important;justify-content:flex-start !important;padding:26px 12px 0 !important;gap:10px !important}
.mock-btn{font-size:14px !important;padding:0 12px !important;min-height:44px !important}
.sec{padding:30px 20px !important;gap:26px !important}
.kit-art{max-width:190px !important}
.hero-in > :last-child{max-width:280px !important}
.rsb{grid-template-columns:minmax(0,1fr) !important}
.rsb-art{display:none !important}
.rsb-more{display:none}
.sec{padding:26px 20px !important;gap:24px !important}
.mock-crop{height:124px;overflow:hidden;align-items:flex-start;padding-top:8px}
.cta-sec p{font-size:17px !important}
figcaption{display:none}
.faq-grid > *{padding:16px 18px !important}
.faq-grid p{font-size:16px}
#kit .lead{display:none}
#cultures .lead{display:none}
.faq-grid h3{font-size:20px !important}
.pillars p{font-size:16px}
.more{gap:8px !important}
.more-note{display:none}
.more h3{font-size:18px !important}
.cults2{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:6px !important}
.mini{flex-direction:column;padding:8px 2px !important;gap:4px !important;text-align:center;border-radius:14px !important}
.mini p{display:none}
.mini .tag{display:none}
.mini h3{font-size:12px !important}
.mini svg{width:40px;height:auto}
.mini > div:first-child{padding:4px !important}
.sec{padding:24px 20px !important;gap:22px !important}
.card > :first-child{padding:6px !important}
.card svg.mascot{width:60px;height:auto}
.faq-grid{gap:8px !important}
.cults{gap:10px !important}
}
.is-phone .hdr{padding:14px 20px !important}
.is-phone .nav-link{display:none !important}
.is-phone .sec{padding:56px 20px !important;gap:32px !important}
.is-phone .hero-in{padding:36px 20px 48px !important;gap:28px !important}
.is-phone .h1{font-size:46px !important}
.is-phone .lead-hero{font-size:18px !important}
.is-phone .h2{font-size:33px !important}
.is-phone .lead{font-size:18px !important}
.is-phone .cta-h2{font-size:38px !important}
.is-phone .anno{font-size:16px !important;max-width:72px !important}
.is-phone .anno svg{width:30px;height:auto}
.is-phone .anno-l svg{margin-left:34px !important}
.is-phone .jar-tag{right:0 !important;bottom:1% !important;transform:rotate(-5deg) scale(.72) !important;transform-origin:right bottom}
.is-phone .lvl{padding:0 14px !important}
.is-phone .dock{right:16px !important;bottom:16px !important}
.is-phone .pillars > *{padding:24px !important}
.is-phone .notebook{padding:20px 20px 26px !important;box-shadow:5px 5px 0 #12333A !important}
.is-phone .notebook dd{font-size:25px !important}
.is-phone figure{padding:20px !important}
.is-tablet .anno{display:none !important}
.is-tablet figure svg{max-height:300px}
.is-phone .anno{display:none !important}
.is-phone figure svg text{font-size:22px}
.is-phone .kit-grid svg.spin{right:0 !important}
.is-phone .sec{padding:44px 20px !important;gap:28px !important}
.is-phone .hero-in{padding:28px 20px 40px !important;gap:20px !important}
.is-phone .hero-in > :last-child{max-width:300px !important}
.is-phone .lead{font-size:17px !important}
.is-phone .pillars{gap:14px !important}
.is-phone .pillars > *{padding:20px !important;gap:8px !important}
.is-phone .pillars h2{font-size:24px !important}
.is-phone ol > li{padding:18px !important;gap:14px !important}
.is-phone ol > li > svg{width:40px;height:40px}
.is-phone ol h3{font-size:21px !important}
.is-phone .notebook{padding:16px 18px 22px !important;box-shadow:5px 5px 0 #12333A !important;background-image:repeating-linear-gradient(transparent 0 35px, #C9D8CF 35px 36px) !important}
.is-phone .notebook dt, .is-phone .notebook dd, .is-phone .notebook > div{line-height:36px !important}
.is-phone .notebook dd{font-size:24px !important}
.is-phone .feat{grid-template-columns:repeat(2,minmax(0,1fr)) !important;font-size:15px;gap:8px 14px !important}
.is-phone .faq-grid > *{padding:20px !important}
.is-phone .faq-grid{gap:12px !important}
.is-phone .cults{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
.is-phone .card{padding:14px !important;gap:8px !important}
.is-phone .card > :first-child{padding:10px !important}
.is-phone .card svg.mascot{width:72px;height:auto}
.is-phone .card h3{font-size:19px !important}
.is-phone .card p{font-size:14px !important;line-height:1.45}
.is-phone .kit-art{max-width:260px !important}
.is-phone .hero-in svg.bob, .is-phone .hero-in svg.bob2{width:56px;height:auto}
.is-phone .sec{padding:40px 20px !important;gap:28px !important}
.is-phone .sec{padding:34px 20px !important;gap:26px !important}
.is-phone .tab-day{display:none}
.is-phone .appcard{padding:20px !important;gap:14px !important;box-shadow:5px 5px 0 #F5C84B !important}
.is-phone .appcard .step{font-size:19px !important}
.is-phone .appcard p{font-size:16px}
.is-tablet .cta-pals{max-width:none !important;width:100%;flex-direction:row !important;flex-wrap:wrap;justify-content:space-between !important}
.is-tablet .cta-row{flex-wrap:nowrap !important;gap:10px !important}
.is-tablet .cta-row svg{width:76px;height:auto}
.is-phone .cta-pals{max-width:none !important;width:100%}
.is-phone .cta-row{flex-wrap:nowrap !important;gap:6px !important;justify-content:space-between !important;width:100%}
.is-phone .cta-row svg{width:44px;height:auto}
.is-phone .cta-cap{display:none}
.is-phone .bunting{transform:translateX(-50%) scale(.6) !important;transform-origin:top center}
.is-phone .cta-sec{padding-top:58px !important}
.is-phone .cta-row svg{width:46px;height:auto}
.is-phone .sprk:not(.strip){transform:scale(.58)}
.is-phone .walk{gap:6px !important}
.is-phone .walk svg{width:26px;height:auto}
.is-tablet .sprk:not(.strip){transform:scale(.8)}
.is-tablet .walk svg{width:36px;height:auto}
.is-tablet .pillwrap{grid-template-columns:minmax(0,250px) minmax(0,1fr) !important;gap:36px !important}
.is-phone .pillwrap{grid-template-columns:minmax(0,1fr) !important;gap:16px !important}
.is-phone .mock-crop{height:150px;overflow:hidden;align-items:flex-start;padding-top:8px}
.is-phone .mock{max-width:200px !important;box-shadow:6px 6px 0 #F5C84B !important;border-radius:34px !important;padding:8px !important}
.is-phone .mock > div{border-radius:26px !important;justify-content:flex-start !important;padding:26px 12px 0 !important;gap:10px !important}
.is-phone .mock-btn{font-size:14px !important;padding:0 12px !important;min-height:44px !important}
.is-phone .sec{padding:30px 20px !important;gap:26px !important}
.is-phone .kit-art{max-width:190px !important}
.is-phone .hero-in > :last-child{max-width:280px !important}
.is-tablet .nav{gap:8px 18px !important}
.is-tablet .rsb{grid-template-columns:minmax(0,1fr) minmax(0,240px) !important;gap:32px !important}
.is-phone .rsb{grid-template-columns:minmax(0,1fr) !important}
.is-phone .rsb-art{display:none !important}
.is-phone .rsb-more{display:none}
.is-phone .sec{padding:26px 20px !important;gap:24px !important}
.is-phone .mock-crop{height:124px;overflow:hidden;align-items:flex-start;padding-top:8px}
.is-phone .cta-sec p{font-size:17px !important}
.is-phone figcaption{display:none}
.is-phone .faq-grid > *{padding:16px 18px !important}
.is-phone .faq-grid p{font-size:16px}
.is-tablet .sec{padding:56px 32px !important}
.is-tablet .app-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:28px !important}
.is-tablet .notebook{padding:20px 20px 26px !important}
.is-tablet .notebook dd{font-size:25px !important}
.is-tablet .appcard{padding:22px !important}
.is-tablet .appcard .step{font-size:19px !important}
.is-tablet .feat{font-size:15px}
.is-phone #kit .lead{display:none}
.is-phone #cultures .lead{display:none}
.is-phone .faq-grid h3{font-size:20px !important}
.is-phone .pillars p{font-size:16px}
.is-tablet .cults2{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
.is-tablet .mini{padding:12px !important}
.is-phone .more{gap:8px !important}
.is-phone .more-note{display:none}
.is-phone .more h3{font-size:18px !important}
.is-phone .cults2{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:6px !important}
.is-phone .mini{flex-direction:column;padding:8px 2px !important;gap:4px !important;text-align:center;border-radius:14px !important}
.is-phone .mini p{display:none}
.is-phone .mini .tag{display:none}
.is-phone .mini h3{font-size:12px !important}
.is-phone .mini svg{width:40px;height:auto}
.is-phone .mini > div:first-child{padding:4px !important}
.is-tablet .sec{padding:48px 32px !important}
.is-phone .sec{padding:24px 20px !important;gap:22px !important}
.is-phone .card > :first-child{padding:6px !important}
.is-phone .card svg.mascot{width:60px;height:auto}
.is-phone .faq-grid{gap:8px !important}
.is-phone .cults{gap:10px !important}
.nomotion *{animation:none !important}
@media (prefers-reduced-motion: reduce){*{animation:none !important} }
.scrib-lg{animation:scrib-lg 4s ease-in-out infinite}
@keyframes scrib-lg{0%{stroke-dasharray:110;stroke-dashoffset:110} 35%,100%{stroke-dasharray:110;stroke-dashoffset:0} }
@media (max-width: 900px){
.rs-grid{grid-template-columns:minmax(0,1fr) !important;gap:32px !important;padding:48px 20px !important}
.rs-hero{grid-template-columns:minmax(0,1fr) !important;padding:40px 20px 48px !important}
.rs-pad{padding:48px 20px !important}
.h1{font-size:46px !important}
.h2{font-size:33px !important}
.nav-link{display:none !important}
}
[hidden]{display:none !important}
html{scroll-padding-top:var(--hdr-h,96px)}
.site-hdr{position:sticky;top:0;z-index:30;background:#F2F6F0;border-bottom:2px solid transparent;transition:border-color .2s ease, box-shadow .2s ease;view-transition-name:site-header}
.site-hdr.is-stuck{border-bottom-color:#12333A;box-shadow:0 4px 0 rgba(18,51,58,.06)}
.dock{view-transition-name:wl-dock}
@media (max-width: 760px){
.site-hdr .hdr{flex-wrap:nowrap !important;gap:12px !important;padding:12px 16px !important}
.site-hdr .hdr > a{gap:8px !important;flex-shrink:0}
.site-hdr .hdr > a svg{width:32px;height:32px}
.site-hdr .hdr > a span{font-size:22px !important}
.site-hdr .nav .btn{padding:10px 16px !important;font-size:15px;white-space:nowrap}
}
@media (max-width: 760px){
.demo-slot{max-width:300px !important}
}
/* Inside-the-jar lesson visual */
.jar-chip{font:inherit;font-size:15px;font-weight:700;min-height:40px;padding:0 14px;cursor:pointer;border:2px solid #12333A;border-radius:14px;background:#FFFFFF;color:#12333A}
.jar-chip[aria-pressed="true"]{background:#F5C84B}
.jarviz .j-bub{transform-box:fill-box;animation:jbub 3.2s ease-in infinite}
.jarviz .j-acid{animation:jacid 4s ease-in-out infinite}
.jarviz .j-nom{transform-box:fill-box;transform-origin:center;animation:jnom 6s ease-in-out infinite}
.jarviz .j-bob{animation:bobs 3.4s ease-in-out infinite alternate}
.jarviz .j-thread{stroke-dasharray:160;animation:jthread 6s ease-in-out infinite}
@keyframes jbub{0%{transform:translateY(0);opacity:0} 15%{opacity:1} 90%{opacity:1} 100%{transform:translateY(var(--rise,-150px));opacity:0} }
@keyframes jacid{0%,100%{transform:translate(0,0);opacity:0} 25%,75%{opacity:1} 50%{transform:translate(6px,-14px)} }
@keyframes jnom{0%,20%{transform:scale(1);opacity:1} 70%,85%{transform:scale(.15);opacity:0} 100%{transform:scale(1);opacity:1} }
@keyframes jthread{0%{stroke-dashoffset:160} 60%,100%{stroke-dashoffset:0} }
@media (prefers-reduced-motion: reduce){.jarviz *{animation:none !important}}