:root{--dark:#06452d;--forest:#075c35;--green:#069847;--teal:#138b72;--lime:#a6d83d;--pale:#ebf9cb;--cream:#f7fbe5;--ink:#193929;--wrap:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif;line-height:1.55}.wrap{width:min(var(--wrap),calc(100% - 40px));margin:auto}a{color:inherit}header{height:84px;position:sticky;top:0;z-index:50;background:rgba(247,251,229,.96);border-bottom:1px solid #ccdda7;backdrop-filter:blur(12px)}.nav{height:100%;display:flex;align-items:center;gap:38px}.logo{width:190px;line-height:0}.logo svg{width:100%}.nav nav{display:flex;gap:28px;margin-left:auto}.nav nav a{text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.8px}.call{background:var(--forest);color:#fff;text-decoration:none;padding:10px 18px;font-weight:900;line-height:1.05}.call small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--lime);text-transform:uppercase}.hero{min-height:680px;background:linear-gradient(112deg,var(--pale) 0 61%,#d8efa6 61%);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:550px;height:550px;background:var(--green);right:-170px;bottom:-250px;transform:rotate(28deg)}.hero-grid{min-height:680px;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;position:relative;z-index:2}.kicker,.heading>span{color:var(--teal);font-size:10px;font-weight:900;letter-spacing:2.2px}.hero h1,.heading h2,.audience h2,.contact h2{font-family:"Archivo Black",Arial,sans-serif;line-height:.96;letter-spacing:-3px}.hero h1{font-size:clamp(55px,6.3vw,88px);margin:18px 0 25px;color:#284f32}.hero h1 em{display:block;font-size:1.3em;color:var(--forest);text-shadow:4px 4px 0 #fff}.hero-copy>p{max-width:650px;font-weight:600;font-size:17px}.actions{display:flex;gap:12px;margin:30px 0}.btn{min-height:53px;padding:15px 21px;display:inline-flex;align-items:center;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:900}.primary{background:var(--green);color:#fff;box-shadow:7px 7px 0 var(--dark)}.secondary{border:2px solid var(--forest)}.facts{display:flex;gap:28px;margin-top:38px}.facts span{max-width:120px;font-size:9px;font-weight:700;text-transform:uppercase}.facts b{display:block;font-size:15px;color:var(--forest)}.visual{height:500px;display:grid;place-items:center;position:relative}.tire{width:285px;height:285px;border-radius:50%;background:repeating-conic-gradient(#171a18 0 5deg,#343a36 5deg 10deg);box-shadow:18px 28px 40px #063b2740,inset 0 0 0 25px #222;display:grid;place-items:center;z-index:4;transform:rotate(-8deg)}.tire:before{content:"";position:absolute;width:215px;height:215px;border-radius:50%;background:#9ba59d;box-shadow:inset 0 0 0 10px #465049}.rim{width:150px;height:150px;border-radius:50%;background:#dce1dc;z-index:2;position:relative}.rim i{position:absolute;width:19px;height:63px;left:66px;top:10px;background:#727b75;clip-path:polygon(20% 0,100% 0,65% 100%,0 100%);transform-origin:10px 65px}.rim i:nth-child(2){transform:rotate(72deg)}.rim i:nth-child(3){transform:rotate(144deg)}.rim i:nth-child(4){transform:rotate(216deg)}.rim i:nth-child(5){transform:rotate(288deg)}.rim b{position:absolute;width:42px;height:42px;border-radius:50%;background:#454e48;left:54px;top:54px}.scribble{position:absolute;width:390px;height:290px;border:3px solid var(--lime);border-radius:48% 52% 59% 41%;transform:rotate(24deg)}.scribble.b{width:410px;height:250px;transform:rotate(76deg)}.scribble.c{width:340px;height:330px;transform:rotate(132deg)}.badge{position:absolute;right:0;bottom:55px;background:var(--forest);color:#fff;padding:13px 17px;font-size:9px;z-index:5;transform:rotate(-3deg)}.badge strong{color:var(--lime);font-size:13px}.bar{background:var(--forest);color:#fff}.bar .wrap{min-height:84px;display:flex;align-items:center;justify-content:space-between}.bar b{font-size:10px;letter-spacing:1.6px}.bar b:before{content:"●";color:var(--lime);margin-right:10px}.section{padding:105px 0}.heading{margin-bottom:48px}.heading h2,.audience h2{font-size:clamp(40px,5vw,61px);margin:13px 0}.heading i,.audience i{color:var(--teal)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article{min-height:290px;padding:25px;background:#fff;border:1px solid #cbdca5;box-shadow:7px 7px 0 #d3ec98;position:relative}.cards article>b{position:absolute;right:20px;color:#92a781}.cards h3{font-family:"Archivo Black";font-size:21px;margin:18px 0 7px}.cards p{font-size:12px;color:#627568}.icon{width:73px;height:73px;border:13px solid var(--forest);border-radius:50%;box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 9px var(--lime);margin-top:25px}.note{margin-top:22px;background:var(--lime);padding:22px 27px;font-size:12px}.note strong{margin-right:22px}.audience{background:var(--green);color:#fff;padding:100px 0;overflow:hidden}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.audience .kicker,.cars .kicker,.contact .kicker{color:var(--lime)}.audience h2 i{color:var(--pale)}.white{background:#fff;color:var(--forest);margin-top:18px}.audience ul{list-style:none;padding:0;margin:0}.audience li{padding:21px 0;border-bottom:1px solid #ffffff55;font-weight:800}.audience li b{font-size:11px;color:var(--lime);margin-right:23px}.process ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process li{min-height:210px;padding:26px;background:#ebf6c8;border-top:7px solid var(--forest)}.process li>b{font-family:"Archivo Black";font-size:38px;color:var(--teal)}.process h3{margin:13px 0 5px}.process p{font-size:12px}.cars{background:var(--dark);color:#fff;padding:75px 0}.weight{font-family:"Archivo Black";font-style:italic;font-size:clamp(100px,15vw,200px);line-height:.8;color:var(--lime);text-shadow:8px 8px 0 #0a7650}.cars h2{font-size:40px;line-height:1.05}.cars a{color:var(--lime);font-weight:900}.contact{padding:100px 0;background:var(--pale)}.contact-box{display:grid;grid-template-columns:1.1fr .9fr;background:var(--green);color:#fff;box-shadow:15px 15px 0 var(--lime)}.contact-box>div{padding:58px}.contact-box>div+div{background:var(--forest)}.contact h2{font-size:58px;margin:15px 0}.data{display:flex;flex-direction:column;gap:17px}.data a{text-decoration:none;font-weight:800}.data .phone{font-family:"Archivo Black";font-size:43px;color:var(--lime)}.data p{font-size:13px;margin:4px 0}footer{background:#043522;color:#fff;padding:40px 0 100px}footer .wrap{display:flex;justify-content:space-between;gap:25px;font-size:11px}.mobile{display:none}
@media(max-width:900px){.nav nav{display:none}.hero{background:var(--pale)}.hero-grid{grid-template-columns:1fr;padding:65px 0 30px}.visual{height:400px}.cards{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:45px}.process ol{grid-template-columns:1fr 1fr}.contact-box{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}header{height:70px}.logo{width:145px}.call{font-size:12px;padding:9px 10px}.hero-grid{padding:48px 0 20px}.hero h1{font-size:49px}.hero-copy>p{font-size:14px}.actions{display:grid}.facts{gap:12px;justify-content:space-between}.visual{height:320px}.tire{width:205px;height:205px;box-shadow:12px 18px 28px #063b2740,inset 0 0 0 18px #222}.tire:before{width:153px;height:153px}.rim{transform:scale(.72)}.scribble{width:280px;height:205px}.scribble.b{width:290px;height:190px}.scribble.c{width:240px;height:250px}.badge{bottom:30px}.bar .wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0}.section,.audience,.contact{padding:70px 0}.heading h2,.audience h2{font-size:39px}.cards,.process ol{grid-template-columns:1fr}.cards article{min-height:235px}.note strong{display:block;margin-bottom:5px}.weight{font-size:110px}.contact-box>div{padding:37px 25px}.contact h2{font-size:42px}.data .phone{font-size:30px}footer .wrap{display:grid;text-align:center}.mobile{position:fixed;display:flex;left:10px;right:10px;bottom:10px;z-index:99;min-height:62px;align-items:center;justify-content:center;gap:12px;background:var(--lime);color:var(--dark);text-decoration:none;box-shadow:6px 6px 0 var(--dark)}.mobile small{text-transform:uppercase;font-size:9px}.mobile b{font-size:18px}}
