@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#263944;font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1140px,calc(100% - 44px));margin:auto}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1140px)/2),22px);position:sticky;top:0;background:#fff;z-index:9;border-bottom:1px solid #eee}.logo{font:800 24px Manrope;color:#18344a;letter-spacing:-1px}.logo b{display:inline-grid;place-items:center;background:#df873b;color:#fff;border-radius:8px;width:38px;height:38px;font-size:15px;margin-right:7px}.logo span{color:#df873b}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700;color:#52616a}.navbtn{background:#18344a;color:white;padding:13px 20px;border-radius:4px}#toggle{display:none}.hero{background:#f7f4ee;position:relative;overflow:hidden}.hero-grid{min-height:550px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding-top:55px;padding-bottom:45px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#bd6c2b}.hero h1,h2{font:800 clamp(36px,4.5vw,58px)/1.12 Manrope;letter-spacing:-2px;color:#18344a;margin:20px 0}.hero h1 em{font-style:normal;color:#d57b34}.hero p{max-width:500px;color:#647179;line-height:1.9;font-size:15px}.btn{display:inline-block;background:#df873b;color:#fff;border:0;border-radius:4px;padding:16px 22px;font-weight:800;font-size:13px;cursor:pointer;margin-top:17px}.ghost{margin-left:20px;font-weight:700;font-size:13px;color:#18344a}.proof{margin-top:28px;color:#607078;font-size:12px;font-weight:700}.art{height:420px;position:relative;display:grid;place-items:center}.circle{position:absolute;width:350px;height:350px;border-radius:50%;background:#e8ddca}.carton{position:absolute;width:240px;height:185px;background:linear-gradient(130deg,#d5a16a 0 70%,#9c6739 70%);box-shadow:0 22px 25px #6d4b302b;transform:skewY(-3deg)}.carton:before{content:'';position:absolute;top:-45px;left:0;width:100%;height:48px;background:#e2b984;clip-path:polygon(0 0,100% 0,78% 100%,20% 100%)}.carton.front{right:90px;top:165px;width:245px;height:190px;background:linear-gradient(90deg,#c28a51 0 72%,#966132 72%)}.carton.front strong{position:absolute;top:62px;left:58px;color:#fff;font:800 23px Manrope;line-height:1.1}.carton.back{left:35px;top:105px;transform:scale(.75) rotate(-8deg);opacity:.9}.float{position:absolute;background:#fff;padding:14px 17px;border-radius:7px;box-shadow:0 10px 25px #3332;font-size:11px;font-weight:800;color:#42515a}.f1{top:52px;right:0}.f2{bottom:32px;left:0}.strip{background:#18344a;color:#fff;text-align:center;padding:21px 10px;font-size:10px;font-weight:800;letter-spacing:1.5px}.intro{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.intro h2,.heading h2,.process h2,.faqgrid h2{font-size:42px}.intro p{color:#68757c;line-height:1.9;font-size:14px}.pale{background:#f8f7f4;padding:90px 0}.heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.heading p{max-width:350px;color:#69767c;font-size:14px;line-height:1.8}.heading h2{margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{background:#fff;border:1px solid #ece9e2;border-radius:7px;padding:18px 20px 25px}.visual{height:175px;background:#f1ece3;border-radius:5px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden}.visual i{width:65px;height:70px;background:#c58a50;box-shadow:inset -12px 0 #a66e3b;position:relative}.visual i:before{content:'';position:absolute;top:-18px;border-bottom:18px solid #d9a875;border-left:32px solid transparent;border-right:33px solid transparent}.cards article>small{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#bd753a}.cards h3,.steps h3{font:800 18px Manrope;color:#18344a}.cards p,.steps p{font-size:13px;line-height:1.8;color:#69767c;min-height:90px}.cards article>a{font-size:12px;font-weight:800;color:#d27a32}.moving{width:110px;height:90px;background:#c58a50;box-shadow:inset -15px 0 #9f683a;display:grid;place-content:center;text-align:center;color:#fff;font-size:13px;font-weight:800;transform:rotate(-5deg)}.custom{width:150px;height:100px;background:#bd8048;box-shadow:inset -20px 0 #986133;display:grid;place-items:center;color:white;font-weight:800;letter-spacing:2px}.dark{background:#18344a;padding:95px 0;color:#fff}.darkgrid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.dark h2{color:#fff}.dark .eyebrow{color:#f2a45e}.darkgrid>div:first-child>p{color:#c4cdd2;line-height:1.9;font-size:14px;max-width:430px}.whitebtn{display:inline-block;background:white;color:#18344a;padding:15px 20px;border-radius:4px;font-weight:800;font-size:12px;margin-top:18px}.reasons>div{display:flex;gap:20px;padding:18px 0;border-top:1px solid #ffffff33}.reasons>div:last-child{border-bottom:1px solid #ffffff33}.reasons b{color:#f2a45e;font-size:13px}.reasons h3{font:700 16px Manrope;margin:0 0 6px}.reasons p{font-size:12px;color:#bdc9cf;margin:0;line-height:1.7}.process{padding-top:95px;padding-bottom:95px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.steps article{border:1px solid #e6e8e6;padding:25px;border-radius:6px}.steps article>b{font:800 30px Manrope;color:#dfa06b}.steps h3{margin:16px 0 7px}.steps p{min-height:0;margin-bottom:0}.faqgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.faqgrid>div:first-child>p{color:#6b777d;font-size:14px;line-height:1.8}.faqs details{padding:20px 0;border-bottom:1px solid #deded9}.faqs details:first-child{border-top:1px solid #deded9}.faqs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;font:700 14px Manrope;color:#18344a}.faqs summary::-webkit-details-marker{display:none}.faqs summary b{color:#d78036;font-size:19px}.faqs details p{font-size:13px;color:#6b777d;line-height:1.8}.contact{background:#d17b36;padding:90px 0}.contactgrid{display:grid;grid-template-columns:1fr .85fr;gap:75px;align-items:center}.contact h2{color:white}.contact .eyebrow{color:#ffe0c3}.contactgrid>div>p{color:#fff0e3;line-height:1.8;max-width:440px;font-size:14px}.contactinfo{margin-top:35px;color:#fff;font-size:13px;font-weight:700}.contactinfo a{color:#fff}.contactinfo p{margin:18px 0}.contact form{background:white;padding:30px;border-radius:7px;box-shadow:0 15px 35px #66340f22}.contact form h3{font:800 22px Manrope;color:#18344a;margin:0 0 7px}.contact form>p{font-size:12px;color:#768188}.contact label{display:block;font-size:11px;font-weight:800;color:#40515b;margin-top:13px}.contact input,.contact select,.contact textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #dce1e3;border-radius:4px;font:13px 'DM Sans';background:#fff}.contact form .btn{width:100%}.contact form>small{display:block;color:#889197;font-size:10px;line-height:1.6;margin-top:12px}footer{background:#122a3b;color:#fff;padding:30px 0}footer .foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p,footer small,footer .foot>div{font-size:11px;color:#b9c5ca;line-height:1.8}footer .foot>div{text-align:right}footer .foot>div a{color:#f0a15b}footer small{width:100%;border-top:1px solid #ffffff25;padding-top:16px}
@media(max-width:760px){header{padding:0 20px}#toggle{display:block;border:0;background:none;font-size:24px;color:#18344a}nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:22px;flex-direction:column;align-items:stretch;gap:20px;box-shadow:0 12px 18px #0001}nav.open{display:flex}.navbtn{text-align:center}.hero-grid{grid-template-columns:1fr;padding-top:55px}.hero h1{font-size:43px}.art{height:330px;margin-top:15px}.circle{width:280px;height:280px}.carton.front{right:calc(50% - 135px);top:130px;width:220px;height:160px}.carton.back{left:calc(50% - 155px);top:70px}.f1{right:0;top:25px}.f2{left:0;bottom:12px}.intro,.darkgrid,.faqgrid,.contactgrid{grid-template-columns:1fr;gap:28px}.intro{padding-top:70px;padding-bottom:70px}.intro h2,.heading h2,.process h2,.faqgrid h2{font-size:34px}.heading{display:block}.heading p{margin-top:15px}.cards,.steps{grid-template-columns:1fr}.cards p{min-height:0}.dark,.pale{padding:70px 0}.process{padding:70px 0}.contact{padding:70px 0}.contactgrid{gap:35px}footer .foot{align-items:flex-start}footer p{width:100%;order:3}footer .foot>div{text-align:left}}