@font-face{font-family:Fredoka;src:url("/site-assets/fonts/Fredoka.ttf") format("truetype");font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:Inter;src:url("/site-assets/fonts/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--cream:#fffcf3;--ink:#292820;--muted:#746e63;--coral:#ff5947;--honey:#ffc353;--honey-pale:#fff0ca;--green:#286b55;--line:#e7dfcf;--page-width:1345px;--gutter:80px;color-scheme:light;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;min-width:280px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;text-underline-offset:5px}
button,input{font:inherit;color:inherit}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:5px}
a:hover{text-decoration:underline}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:Fredoka,system-ui,sans-serif;font-weight:650;letter-spacing:-.025em}
h2{font-size:clamp(38px,4.2vw,60px);line-height:1.08}
h3{font-size:26px;line-height:1.2;letter-spacing:-.012em}
svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.content-width{width:calc(100% - var(--gutter)*2);max-width:var(--page-width);margin-inline:auto}
.visually-hidden{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:12px;left:12px;z-index:10;padding:12px 18px;background:var(--honey);border:2px solid var(--ink);border-radius:12px;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:28px}
.brand{display:inline-flex;align-items:center;gap:9px;font-family:Fredoka,system-ui,sans-serif;font-size:42px;font-weight:650;letter-spacing:-.03em;line-height:1}
.brand img{display:block;flex:none}
.brand:hover{text-decoration:none}
.site-header nav{display:flex;align-items:center;gap:42px;font-size:18px;font-weight:550}
.site-header nav a{padding-block:12px}
.hero{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;min-height:640px;padding-block:50px 78px;position:relative}
.hero-copy{position:relative;z-index:1}
.hero h1{font-size:clamp(58px,6.1vw,88px);line-height:1.03;font-weight:680;letter-spacing:-.028em}
.hero h1>span{display:block;white-space:nowrap}
.underlined{position:relative;display:inline-block!important;isolation:isolate}
.underlined:after{content:"";position:absolute;left:0;right:-2%;bottom:-.27em;height:.29em;background:url("/site-assets/honey-underline.svg") center/100% 100% no-repeat;z-index:-1}
.hero-copy>p{font-size:21px;line-height:1.58;max-width:520px;margin-top:44px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px 32px;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:60px;padding:13px 26px;border-radius:999px;font-family:Fredoka,system-ui,sans-serif;font-weight:600;font-size:21px;line-height:1.2;transition:transform .16s,box-shadow .16s,background .16s}
.button-primary{border:2px solid var(--ink);background:var(--honey);box-shadow:0 5px 0 var(--ink)}
.button-primary:hover{background:#ffd071;transform:translateY(-2px);box-shadow:0 7px 0 var(--ink);text-decoration:none}
.button-primary:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}
.text-link{display:inline-flex;align-items:center;gap:11px;font-size:18px;font-weight:550;line-height:1.5;white-space:nowrap;padding-block:8px}
.text-link svg{width:24px;height:24px;flex:none;transition:transform .16s}
.text-link:hover svg{transform:translateX(3px)}
.hero-art{position:relative;z-index:0;margin-inline:-20px -72px;pointer-events:none}
.hero-art img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.mix-section{padding-block:78px 88px;background:var(--honey-pale);border-radius:36px 36px 0 0}
.section-intro{text-align:center}
.section-intro h2{max-width:940px;margin-inline:auto}
.section-intro>p{font-size:21px;margin-top:22px;color:var(--muted)}
.section-intro .example-note{font-size:15px;margin-top:14px}
.mix-preview{margin-top:36px;border:1px solid var(--ink);border-radius:24px;background:var(--cream);overflow:hidden}
.mix-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 34px 20px}
.button-reset{border:1px solid var(--green);border-radius:10px;background:transparent;color:var(--green);font-size:14px;font-weight:550;padding:11px 18px;min-height:44px;flex:none}
.button-reset:hover{background:#eaf1e8}
.mix-body{display:grid;grid-template-columns:1.7fr 1fr;gap:0;padding:0 34px 28px}
.mix-products{padding-right:26px}
.mix-products table{width:100%;border-collapse:collapse;font-size:16px}
.mix-products th,.mix-products td{text-align:left;vertical-align:middle;padding:20px 10px;white-space:nowrap}
.mix-products thead th{font-size:14px;font-weight:550;color:var(--muted);padding-top:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.mix-products tbody tr+tr{border-top:1px solid var(--line)}
.mix-products tbody th{font-weight:600;padding-left:0}
.mix-products thead th:first-child{padding-left:0}
.product-marker{display:inline-block;width:21px;height:21px;border-radius:5px;vertical-align:middle;margin-right:12px}
.marker-honey{background:var(--honey)}
.marker-coral{background:var(--coral)}
.marker-green{background:var(--green)}
.quantity-control{display:flex;align-items:center;width:128px;border:1px solid var(--line);border-radius:11px;padding:3px;background:#fffdf9;overflow:hidden}
.quantity-control button{display:grid;place-items:center;width:34px;height:36px;flex:none;padding:0;background:#f7f3e9;border:0;border-radius:7px;font-size:20px;line-height:1}
.quantity-control button:hover{background:var(--honey-pale)}
.quantity-control button:disabled{opacity:.35}
.quantity-control input{width:50px;min-width:0;border:0;padding:7px 1px;text-align:center;background:transparent;font-size:16px;line-height:1.2;appearance:textfield;-moz-appearance:textfield}
.quantity-control input::-webkit-inner-spin-button,.quantity-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.quantity-control input:focus-visible{outline-offset:-2px;border-radius:5px}
.mobile-label{display:none}
.demo-assumptions{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.55}
.demo-assumptions summary{cursor:pointer;padding-block:8px;width:fit-content;font-weight:550;color:var(--green)}
.demo-assumptions p{padding-block:4px 8px;max-width:620px}
.mix-metrics{border-left:1px solid var(--line);padding:12px 0 0 28px;align-self:stretch}
.mix-metrics dl{margin:0}
.mix-metrics dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:19px}
.mix-metrics dt{font-size:16px;color:var(--muted)}
.mix-metrics dd{font-size:29px;font-weight:700;margin:0;white-space:nowrap;letter-spacing:-.025em}
.material-summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:15px;margin-top:34px}
.material-summary label{color:var(--muted)}
.material-summary output{font-weight:600}
.capacity-total{color:var(--muted)}
.mix-metrics progress{display:block;width:100%;height:14px;margin-top:14px;border:0;border-radius:999px;overflow:hidden;appearance:none;accent-color:var(--green);background:#ece8dd}
.mix-metrics progress::-webkit-progress-bar{background:#ece8dd;border-radius:999px}
.mix-metrics progress::-webkit-progress-value{background:var(--green);border-radius:999px;transition:width .16s}
.mix-metrics progress::-moz-progress-bar{background:var(--green);border-radius:999px}
.mix-metrics progress.is-over-capacity{accent-color:var(--coral)}
.mix-metrics progress.is-over-capacity::-webkit-progress-value{background:var(--coral)}
.mix-metrics progress.is-over-capacity::-moz-progress-bar{background:var(--coral)}
.capacity-message{font-size:13px;color:#9c3925;margin-top:8px}
.metric-note{font-size:13px;color:var(--muted);line-height:1.55;margin-top:21px;max-width:310px}
.mix-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--honey-pale);padding:22px 34px}
.mix-footer p{font-size:18px;font-weight:500}
.mix-footer .text-link{color:var(--green);font-size:17px}
.workflow-section{padding-block:94px 68px}
.section-subtitle{font-size:23px;margin-top:16px}
.honey-period{color:var(--honey)}
.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:42px 0 0;padding:0;list-style:none}
.step-rail{display:flex;align-items:center;height:88px;gap:22px;margin-bottom:14px}
.step-number{font-family:Fredoka,system-ui,sans-serif;font-size:78px;font-weight:450;font-style:italic;line-height:1;letter-spacing:-.06em}
.step-connector{display:flex;align-items:center;flex:1;gap:12px}
.step-connector:before{content:"";display:block;height:1px;background:var(--ink);flex:1}
.step-connector svg{width:27px;height:27px;color:var(--coral);stroke-width:2.5}
.workflow-steps h3{font-size:25px}
.workflow-steps p{font-size:19px;line-height:1.6;margin-top:14px;max-width:370px}
.workflow-symbols{display:flex;justify-content:center;align-items:center;gap:48px;margin-top:46px}
.workflow-icon{width:64px;height:64px;stroke-width:2.8}
.workflow-arrow{width:74px;height:28px;color:var(--coral);stroke-width:1.6}
.trust-section{background:var(--green);color:var(--cream);padding-block:72px}
.trust-layout{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:72px}
.trust-layout h2{font-size:52px}
.trust-layout>div>p{font-size:23px;line-height:1.5;margin-top:18px;max-width:540px}
.trust-list{list-style:none;padding:0;margin:0;font-size:18px}
.trust-list li{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px}
.trust-check{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;background:var(--honey);color:var(--green);font-weight:700;font-size:21px;line-height:1}
.trust-layout>div>.trust-note{font-size:13px;line-height:1.6;margin:28px 0 0 47px}
.pricing-section{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;padding-block:88px 76px}
.pricing-copy h2{font-size:clamp(40px,4vw,57px);line-height:1.13}
.pricing-copy>p{font-size:21px;line-height:1.55;margin-top:26px;max-width:580px}
.pricing-panel{border:2px solid var(--ink);border-radius:24px;background:var(--honey-pale);box-shadow:0 4px 0 #29282018;padding:28px}
.price-label{font-size:19px}
.price{font-family:Fredoka,system-ui,sans-serif;font-weight:650;font-size:clamp(37px,3.9vw,54px);line-height:1.1;letter-spacing:-.025em;margin-top:15px}
.price>span{display:block;white-space:nowrap}
.price .price-period{font-family:Inter,system-ui,sans-serif;font-size:21px;font-weight:400;letter-spacing:0;margin-top:8px}
.trial-label{font-size:22px;margin-top:22px}
.pricing-panel .button{display:flex;width:100%;margin-top:18px;font-size:20px;min-height:55px}
.price-note{text-align:center;color:var(--muted);font-size:13px;line-height:1.5;margin-top:20px}
.faq-section{display:grid;grid-template-columns:.82fr 1.5fr;gap:64px;padding-bottom:64px}
.faq-section h2{font-size:42px;line-height:1.12}
.faq-list{display:grid;gap:10px}
.faq-list details{border:1px solid #b8b1a5;border-radius:10px;padding:0 21px}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;font-size:18px;font-weight:600;line-height:1.45;padding:16px 0}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";flex:none;font-size:25px;font-weight:400;line-height:1}
.faq-list details[open] summary:after{content:"−"}
.faq-list details>p{font-size:17px;line-height:1.55;padding-bottom:18px;color:#4e4a42}
.site-footer{border-top:1px solid var(--ink);display:flex;align-items:flex-start;justify-content:space-between;gap:40px;padding-block:28px 30px}
.footer-brand{font-size:30px;gap:6px}
.site-footer>div>p{font-size:13px;margin-top:2px}
.site-footer>div:first-child>p{margin-left:59px}
.footer-links{text-align:right;padding-top:10px}
.footer-links nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 24px;font-size:14px}
.footer-links>p{margin-top:18px!important;color:var(--muted)}

@media(min-width:1201px){
  .hero{min-height:720px;padding-block:44px 66px}
  .hero h1{font-size:clamp(82px,7vw,104px)}
  .hero-copy>p{font-size:25px;line-height:34px;max-width:540px;margin-top:48px}
  .hero-actions{gap:30px 40px;margin-top:38px}
  .hero .button{font-size:26px;min-height:76px;padding:15px 40px;border-width:3px;box-shadow:0 6px 0 var(--ink)}
  .hero .button:hover{box-shadow:0 8px 0 var(--ink)}
  .hero .button:active{box-shadow:0 3px 0 var(--ink)}
  .hero .text-link{font-size:23px}
  .hero-art{position:absolute;right:calc(var(--gutter)*-1);top:6px;width:min(880px,60vw);margin:0}
}
@media(max-width:1200px){
  :root{--gutter:48px}
  .site-header nav{gap:28px}
  .hero h1{font-size:70px}
  .hero-copy>p{font-size:19px}
  .hero-actions{gap:22px}
  .hero-art{margin-right:-48px;margin-left:-32px}
  .mix-body{grid-template-columns:1.55fr 1fr;padding-inline:26px}
  .mix-heading,.mix-footer{padding-inline:26px}
  .mix-products{padding-right:20px}
  .mix-products th,.mix-products td{padding-inline:6px;font-size:15px}
  .quantity-control{width:110px}
  .quantity-control input{width:42px}
  .quantity-control button{width:30px}
  .mix-metrics{padding-left:22px}
  .mix-metrics dd{font-size:26px}
  .workflow-steps{gap:30px}
  .workflow-steps h3{font-size:23px}
  .trust-layout{gap:42px}
  .trust-layout h2{font-size:46px}
  .pricing-section{gap:40px}
  .faq-section{gap:40px}
}
@media(max-width:980px){
  :root{--gutter:32px}
  .site-header{padding-block:24px}
  .brand{font-size:30px;gap:6px}
  .brand img{width:48px;height:48px}
  .site-header nav{font-size:16px;gap:24px}
  .hero{padding-top:30px;padding-bottom:58px;min-height:540px}
  .hero h1{font-size:58px}
  .hero-copy>p{font-size:18px;margin-top:32px}
  .hero-actions{gap:18px;margin-top:28px}
  .hero .button{font-size:18px;min-height:55px;padding-inline:22px}
  .hero .text-link{font-size:16px}
  .hero-art{margin-right:-32px;margin-left:-32px}
  .section-intro>p{font-size:18px}
  .mix-body{grid-template-columns:1fr;padding-bottom:0}
  .mix-products{padding-right:0}
  .mix-products th,.mix-products td{font-size:16px;padding-block:18px;padding-inline:10px}
  .quantity-control{width:128px}
  .quantity-control input{width:50px}
  .quantity-control button{width:34px}
  .mix-metrics{display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid var(--line);padding:24px 0;gap:0 28px;margin-top:12px}
  .mix-metrics dl{grid-row:1/5}
  .mix-metrics dl>div{margin-bottom:14px}
  .material-summary{margin-top:0}
  .mix-metrics progress{margin-top:8px}
  .metric-note{margin-top:12px}
  .mix-footer p{font-size:16px}
  .workflow-section{padding-block:72px 56px}
  .workflow-steps{gap:24px;margin-top:34px}
  .step-number{font-size:66px}
  .step-rail{gap:13px;height:76px}
  .step-connector{gap:5px}
  .workflow-steps h3{font-size:21px}
  .workflow-steps p{font-size:17px}
  .workflow-symbols{gap:36px}
  .trust-layout{gap:30px}
  .trust-layout h2{font-size:38px}
  .trust-layout>div>p{font-size:20px}
  .trust-list{font-size:16px}
  .trust-list li{gap:12px}
  .trust-layout>div>.trust-note{margin-left:41px}
  .pricing-section{gap:28px;padding-block:72px 60px;grid-template-columns:1.05fr 1fr}
  .pricing-copy h2{font-size:38px}
  .pricing-copy>p{font-size:18px}
  .pricing-panel{padding:24px}
  .price{font-size:37px}
  .faq-section{gap:28px;grid-template-columns:.85fr 1.4fr}
  .faq-section h2{font-size:34px}
  .faq-list summary{font-size:16px}
  .faq-list details>p{font-size:15px}
  .footer-links nav{gap:10px 18px;font-size:13px}
}
@media(max-width:700px){
  :root{--gutter:24px}
  h2{font-size:38px}
  .site-header{align-items:flex-start;gap:16px;flex-wrap:wrap;padding-block:20px 8px}
  .site-header .brand{font-size:29px}
  .site-header .brand img{width:43px;height:43px}
  .site-header nav{width:100%;justify-content:space-between;gap:14px;font-size:15px}
  .hero{grid-template-columns:1fr;padding-top:34px;padding-bottom:26px;min-height:0;gap:26px}
  .hero h1{font-size:clamp(43px,9.7vw,64px)}
  .hero h1>span{white-space:normal}
  .hero-copy>p{font-size:18px;line-height:1.6;margin-top:32px;max-width:520px}
  .hero-actions{margin-top:25px;gap:22px}
  .hero .button{font-size:19px;min-height:56px}
  .hero .text-link{font-size:16px}
  .hero-art{margin-inline:-12px;max-width:610px}
  .hero-art img{width:100%}
  .mix-section{padding-block:48px 54px;border-radius:26px 26px 0 0}
  .section-intro h2{font-size:35px}
  .desktop-break{display:none}
  .section-intro>p{font-size:17px;line-height:1.6;margin-top:18px}
  .section-intro .example-note{font-size:13px;margin-top:13px}
  .mix-preview{margin-top:26px;border-radius:18px}
  .mix-heading{padding:21px 20px 12px;align-items:flex-start;gap:14px}
  .mix-heading h3{font-size:22px;max-width:230px}
  .button-reset{font-size:12px;padding:9px 11px}
  .mix-body{padding-inline:20px}
  .mix-products table{display:block}
  .mix-products caption,.mix-products thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .mix-products tbody{display:block}
  .mix-products tr{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 12px;padding-block:19px}
  .mix-products th,.mix-products td{display:block;padding:0;font-size:16px;white-space:normal}
  .mix-products tbody th{grid-column:1/3;align-self:center}
  .mix-products .units-cell{grid-column:3;justify-self:end}
  .product-marker{width:19px;height:19px;margin-right:9px}
  .quantity-control{width:112px}
  .quantity-control input{width:42px;font-size:16px}
  .quantity-control button{width:31px;height:38px}
  .mobile-label{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:3px}
  .demo-assumptions{font-size:12px}
  .demo-assumptions summary{padding-block:10px}
  .mix-metrics{display:block;padding-top:23px;margin-top:12px}
  .mix-metrics dt{font-size:15px}
  .mix-metrics dd{font-size:27px}
  .material-summary{font-size:14px;margin-top:25px}
  .mix-metrics progress{margin-top:12px}
  .metric-note{font-size:12px;max-width:none;margin-top:17px}
  .mix-footer{display:block;padding:20px}
  .mix-footer p{font-size:16px;line-height:1.55}
  .mix-footer .text-link{font-size:16px;margin-top:8px}
  .workflow-section{padding-block:56px 48px}
  .workflow-section h2{font-size:37px}
  .section-subtitle{font-size:18px;line-height:1.55}
  .workflow-steps{grid-template-columns:1fr;gap:25px;margin-top:30px}
  .step-rail{height:58px;max-width:340px;margin-bottom:8px}
  .step-number{font-size:59px}
  .step-connector{margin-right:18px}
  .workflow-steps h3{font-size:25px}
  .workflow-steps p{font-size:17px;margin-top:8px;max-width:none}
  .workflow-symbols{gap:21px;margin-top:35px}
  .workflow-icon{width:48px;height:48px}
  .workflow-arrow{width:30px;height:25px}
  .trust-section{padding-block:50px}
  .trust-layout{grid-template-columns:1fr;gap:29px}
  .trust-layout h2{font-size:38px}
  .trust-layout>div>p{font-size:19px;line-height:1.6;margin-top:14px}
  .trust-list{font-size:16px;line-height:1.55}
  .trust-list li{margin-bottom:17px;gap:13px}
  .trust-check{width:27px;height:27px;font-size:20px}
  .trust-layout>div>.trust-note{font-size:12px;margin-top:24px;margin-left:40px}
  .pricing-section{grid-template-columns:1fr;padding-block:57px 49px;gap:30px}
  .pricing-copy h2{font-size:39px}
  .pricing-copy>p{font-size:18px;margin-top:23px}
  .pricing-panel{padding:25px}
  .price-label{font-size:17px}
  .price{font-size:clamp(36px,9vw,48px)}
  .price .price-period{font-size:19px}
  .trial-label{font-size:20px}
  .price-note{font-size:12px}
  .faq-section{grid-template-columns:1fr;padding-bottom:42px;gap:24px}
  .faq-section h2{font-size:35px}
  .faq-list details{padding-inline:16px}
  .faq-list summary{font-size:16px;padding-block:15px;gap:15px}
  .faq-list details>p{font-size:15px;line-height:1.65}
  .site-footer{flex-direction:column;gap:20px;padding-block:24px 30px}
  .footer-brand{font-size:29px}
  .footer-links{padding-top:0;text-align:left;width:100%}
  .footer-links nav{justify-content:flex-start;gap:12px 20px;font-size:13px}
  .footer-links>p{margin-top:14px!important}
}
@media(max-width:360px){
  :root{--gutter:20px}
  .hero h1{font-size:42px}
  .hero-actions{gap:17px}
  .hero .button{width:100%;font-size:19px}
  .hero .text-link{margin-inline:auto}
  .section-intro h2{font-size:31px}
  .mix-heading,.mix-body,.mix-footer{padding-inline:16px}
  .mix-heading h3{font-size:20px}
  .button-reset{padding-inline:9px}
  .quantity-control{width:106px}
  .quantity-control input{width:38px}
  .quantity-control button{width:30px}
  .mix-products tbody th{font-size:15px}
  .product-marker{margin-right:7px;width:16px;height:16px}
  .pricing-copy h2{font-size:35px}
  .pricing-panel{padding:20px}
  .price{font-size:35px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
}