:root{--shokudo-navy:#3a506b;--shokudo-navy-dark:#1f2833;--shokudo-lime:#93c572;--shokudo-mint:#a7dba0;--shokudo-tan:#fff4e1;--shokudo-black-soft:#2d2d2d;--shokudo-grey-light:#f0f2f4;--primary-font:"Inter",Arial,sans-serif}body{color:var(--shokudo-navy-dark);font-family:var(--primary-font);position:relative}body:before{background-image:url(//242363303.fs1.hubspotusercontent-na2.net/hubfs/242363303/raw_assets/public/marketing-2025/images/f23/background.svg);background-position:0 0;background-repeat:no-repeat;background-size:100vh;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}body.no-bg-image{background-color:#fff!important}body.no-bg-image:before{background-image:none!important;content:none!important}a:focus-visible{outline:2px solid var(--shokudo-lime)!important;outline-offset:2px}.h1,h1{font-size:calc(2.5rem + .0625vw);letter-spacing:calc(-.045rem - .00225vw)}.h1,.h2,h1,h2{font-family:var(--primary-font);font-weight:800}.h2,h2{letter-spacing:calc(-.015rem - .00125vw)}.h3,h3{font-size:1.5rem;font-weight:800}.h3,.h4,h3,h4{font-family:var(--primary-font);letter-spacing:-.015rem}.h4,h4{font-size:1rem;font-weight:600}.h5,.h6,h5,h6{font-family:var(--primary-font);font-weight:800}p{color:var(--shokudo-black-soft)}a,p{font-family:var(--primary-font);font-weight:400;letter-spacing:.0125rem}a{color:var(--shokudo-navy)}.max-ch-75{max-width:75ch}.fw-normal{font-weight:400}.fw-medium{font-weight:500}.fw-bold{font-weight:700}.fw-extrabold{font-weight:800}.navbar{background-color:transparent!important;padding:1.5rem 2.5rem}@media (max-width:992px){.navbar{padding:1rem}.navbar img{height:24px;width:auto}}.nav-link:focus-visible{box-shadow:none;outline:2px solid var(--shokudo-lime);outline-offset:2px}.navbar-nav .nav-link{border-bottom:2px solid #ffffff00;color:var(--shokudo-navy);font-weight:500;margin-right:1.5rem;padding:.625rem}.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{border-bottom:2px solid var(--shokudo-mint);color:var(--shokudo-navy-dark)}@media (max-width:768px){.navbar-nav{margin-left:1rem;margin-top:2rem}.navbar-nav .nav-link{display:inline-block;margin:1rem 0;padding:.25rem 0;position:relative}.navbar-collapse .btn.btn-outline-navy{margin-left:1rem;margin-top:2rem}}.navbar-toggler{background-color:none;border:none;border-radius:40px;padding:.5rem}.navbar-toggler:focus,.navbar-toggler:focus-visible{background-color:var(--shokudo-grey-light);box-shadow:none;outline:none;padding:.5rem}.btn:focus-visible{border:2px solid var(--shokudo-navy-dark);outline:2px solid var(--shokudo-lime);outline-offset:3px}.btn-filled-navy{background-color:var(--shokudo-navy);border:1px solid var(--shokudo-navy);border-radius:6.25rem;color:var(--shokudo-tan);font-weight:500;padding:.5rem 1.25rem;transition:background-color .2s ease,color .2s ease}.btn-filled-navy:active,.btn-filled-navy:focus-visible,.btn-filled-navy:hover{background-color:#29384b!important;border:1px solid #29384b!important;color:var(--shokudo-tan)!important}.btn-outline-navy{border:2px solid var(--shokudo-navy-dark);border-radius:6.25rem;color:var(--shokudo-navy-dark);font-weight:500;padding:.5rem 1.25rem;transition:background-color .2s ease,color .2s ease}.btn-outline-navy:active,.btn-outline-navy:focus-visible,.btn-outline-navy:hover{background-color:var(--shokudo-mint);border-color:var(--shokudo-navy-dark)}.btn-filled-navy .material-icons-outlined,.btn-outline-navy .material-icons-outlined{font-size:1.2rem;margin-left:.5rem;vertical-align:middle}@keyframes wiggle{0%{transform:translateX(0)}25%{transform:translateX(3px)}50%{transform:translateX(0)}75%{transform:translateX(-3px)}to{transform:translateX(0)}}.btn-filled-navy:hover .material-icons-outlined,.btn-outline-navy:hover .material-icons-outlined{animation:wiggle .4s ease-in-out}.hero-section{padding:5rem 0 3rem}.banner-section{padding:4rem 0}.section{padding:5rem 0}@media (max-width:992px){.hero-section{margin:1rem;padding:4rem 0 2rem}.banner-section{margin:1rem;padding:2rem 0}.section{margin:1rem;padding:4rem 0}}.slogan-banner{background-color:var(--shokudo-mint);border-radius:2.5rem;padding:2.5rem 4rem}.slogan-banner img{height:auto;max-width:150px}@media (max-width:767px){.slogan-banner{padding:2rem}.slogan-banner img{height:auto;max-width:80px}}.cta-banner{background-color:var(--shokudo-navy-dark);border-radius:2.5rem;color:var(--shokudo-tan);padding:0 5rem 0 6rem}@media (max-width:1024px){.cta-banner{padding:1rem 3rem 0}}@media (max-width:767px){.cta-banner{padding:3rem 2rem 0}}.integration-logo{height:48px;width:auto}@media (max-width:991.98px){.integration-logo{margin-bottom:6rem}}.benefit-card{background-color:#fff;border:1px solid var(--shokudo-grey-light);border-radius:40px;display:flex;flex-direction:column;min-height:300px;padding:1.5rem;transition:background-color .6s ease-in-out,border .6s ease-in-out}@media (min-width:768px){.benefit-card:focus,.benefit-card:hover{background-color:var(--shokudo-mint);border:1px solid var(--shokudo-mint);outline:none}}.benefit-card.active{background-color:var(--shokudo-mint);border:1px solid var(--shokudo-mint)}.benefit-icon{font-size:2rem;margin-bottom:1rem}.benefit-icon,.benefit-title{color:var(--shokudo-navy-dark)}.benefit-title{font-size:calc(16px + .20833vw);font-weight:700;margin-bottom:.5rem;margin-top:auto}.benefit-description{color:var(--shokudo-navy-dark);font-size:calc(14px + .10417vw);font-weight:400;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease-in-out,opacity .6s ease-in-out}@media (min-width:768px){.benefit-card:focus .benefit-description,.benefit-card:hover .benefit-description{max-height:5em;opacity:1}}.benefit-card.active .benefit-description{max-height:5em;opacity:1}@media (max-width:768px){.benefit-card{min-height:240px}}.step-card{background-color:#fff;border:1px solid var(--shokudo-grey-light);border-radius:40px;display:flex;flex-direction:column;height:100%;padding:3rem 2.5rem}.step-number{height:48px;margin-bottom:1.5rem;width:48px}.check-card{align-items:center;background-color:#fff;border:1px solid var(--shokudo-grey-light);border-radius:40px;display:flex;padding:1.5rem;width:fit-content}.check-card .material-icons{color:var(--shokudo-lime);font-size:30px;margin-right:1rem}.footer{background:radial-gradient(67.75% 63.47% at 100% 100%,#33433e 0,#253036 65.38%,#1f2833 99.51%);margin-top:8rem;padding-bottom:5rem;padding-top:8rem}@media (max-width:992px){.footer{padding:8rem 1rem 5rem}.footer img{height:32px;width:auto}}.footer-logo{height:40px;width:auto}.footer p{color:var(--shokudo-tan)}.slogan{color:var(--shokudo-mint)!important;font-size:calc(20px + .20833vw)}.email-link,.slogan{font-weight:var(--fw-medium)}.email-link{color:var(--shokudo-tan);text-decoration:none}.email-link:hover{text-decoration:underline;text-underline-offset:4px}.footer-nav{padding-top:8rem}.footer-nav .footer-link{color:var(--shokudo-tan);font-weight:var(--fw-normal);text-decoration:none}.footer-nav .footer-link:hover{text-decoration:underline;text-underline-offset:4px}a:hover .material-icons-outlined{text-decoration:none}.footer .material-icons-outlined{color:var(--shokudo-mint)}.footer .btn .material-icons-outlined{color:var(--shokudo-tan)}input{border:none}