:root{--navy:#092b46;--navy2:#0e3b58;--green:#2c9b48;--lime:#a9e1a9;--ink:#163046;--muted:#617384;--bg:#f5f8f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}.nav{height:84px;display:flex;align-items:center;gap:30px;justify-content:space-between;padding:0 max(5%,calc((100vw - 1200px)/2));background:white;position:sticky;top:0;z-index:20;box-shadow:0 3px 15px #072c4410}.brand{font-size:25px;line-height:1;font-weight:900;letter-spacing:-1.3px;text-decoration:none;color:var(--navy);white-space:nowrap}.brand span{color:var(--green)}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:7px}.mark{font-size:20px;color:var(--green)}nav{display:flex;gap:30px}nav a,.navcall{font-size:14px;text-decoration:none;font-weight:700}.navcall{color:var(--green)}.hero{background:linear-gradient(112deg,#092b46 0%,#0b3654 56%,#175c70 100%);min-height:570px;display:grid;grid-template-columns:1.08fr 1fr;overflow:hidden}.hero-inner{padding:92px 7% 75px max(9%,calc((100vw - 1150px)/2));position:relative;z-index:2;color:white}.eyebrow{color:#47b968;font-size:12px;letter-spacing:2.5px;font-weight:900}.hero h1{font-size:clamp(55px,6vw,90px);line-height:.98;letter-spacing:-4px;margin:22px 0}.hero h1 em,.signup h2 em{color:#6ed58b;font-style:normal}.hero p{font-size:19px;line-height:1.65;color:#e0eaf0;max-width:490px}.actions{display:flex;gap:12px;margin:32px 0}.btn{border:0;border-radius:9px;display:inline-block;text-decoration:none;padding:15px 23px;font-weight:800;cursor:pointer;text-align:center}.primary{background:#36ac55;color:white}.primary:hover{background:#218b3e}.ghost{border:1px solid #a2b9c7;color:white}.trust{font-size:12px;color:#c9d9e2;line-height:2}.hero-art{position:relative;min-height:520px;background:linear-gradient(#a5d9e8,#e4f4ec 72%,#b8d2b0 73%,#7ab477);overflow:hidden}.sun{position:absolute;right:15%;top:12%;background:#ffedb0;width:125px;height:125px;border-radius:50%;box-shadow:0 0 100px #fff7c4}.home{position:absolute;width:390px;height:230px;background:#f7f5e9;left:14%;top:29%;box-shadow:inset 0 -18px #d9e4dc}.roof{position:absolute;width:310px;height:310px;border-left:32px solid #475a64;border-top:32px solid #475a64;transform:rotate(45deg);left:40px;top:-130px}.door{position:absolute;width:85px;height:155px;background:#7a9b9e;bottom:0;left:150px}.window{position:absolute;width:80px;height:70px;background:#91c9e3;border:8px solid white;top:60px;right:22px}.bin{position:absolute;bottom:50px;width:145px;height:210px;border-radius:10px 10px 18px 18px;box-shadow:14px 18px 15px #173d3444;z-index:2;display:flex;align-items:center;justify-content:center;color:white;font-size:17px;font-weight:900;letter-spacing:1px}.bin:before{content:'';position:absolute;width:165px;height:22px;top:-13px;left:-10px;border-radius:5px;background:inherit}.bin:after{content:'';position:absolute;bottom:12px;right:-16px;background:#182d3b;width:30px;height:47px;border-radius:50%}.black{background:#303c42;left:21%}.blue{background:#1678c7;left:54%;height:228px}.grass{position:absolute;bottom:0;background:#6ca46a;height:65px;width:100%}.section{padding:90px max(5%,calc((100vw - 1150px)/2))}.section-heading{text-align:center;margin:0 auto 42px;max-width:750px}.section-heading h2,.signup h2{font-size:clamp(33px,4vw,48px);letter-spacing:-2px;margin:12px 0}.section-heading p{color:var(--muted);line-height:1.6}.three,.plan-grid,.four{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.three article{padding:26px;border-radius:15px;background:var(--bg)}.step{width:56px;height:56px;border-radius:15px;background:#d9f2e0;color:#148537;font-size:22px;font-weight:900;display:grid;place-items:center}.three h3{font-size:21px;margin-bottom:8px}.three p,.plan p{color:var(--muted);line-height:1.6}.pricing{background:#f3f8f5}.plan{background:white;border:1px solid #e0eae4;border-radius:18px;padding:33px 27px;position:relative;box-shadow:0 10px 25px #13382a09}.plan.featured{border:2px solid var(--green);transform:translateY(-8px)}.popular{position:absolute;top:-16px;right:22px;background:var(--green);color:white;border-radius:40px;padding:8px 14px;font-size:10px;font-weight:900;letter-spacing:1px}.plan h3{font-size:25px;margin:0}.plan p{font-size:14px}.price{font-size:46px;font-weight:900;color:var(--navy);margin:22px 0}.price span{font-size:15px;font-weight:500;color:var(--muted)}.plan ul{list-style:none;padding:0;min-height:145px}.plan li{padding:8px 0;font-size:14px}.plan li:before{content:'✓';font-weight:900;color:var(--green);margin-right:9px}.choose{background:var(--navy);color:white;width:100%}.featured .choose{background:var(--green)}.fine{font-size:12px;line-height:1.5;color:#73808a}.four{grid-template-columns:repeat(4,1fr)}.four>div{background:#f1f8f3;border-radius:15px;padding:25px;font-size:35px;color:var(--green)}.four strong{display:block;color:var(--navy);font-size:16px;margin:15px 0 7px}.four span{display:block;color:var(--muted);font-size:13px}.signup{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;background:var(--navy);color:white}.signup-intro{padding-top:35px}.signup-intro p{line-height:1.8;color:#d2e1e8}.contact{margin-top:40px}.contact a{color:#8fe4a1}.form{background:white;border-radius:18px;padding:30px;color:var(--navy);box-shadow:0 20px 50px #001b2840}.form h3{font-size:25px;margin:0 0 20px}.form label{display:block;font-size:13px;font-weight:800;margin:13px 0}.form input,.form select,.form textarea{display:block;width:100%;padding:12px;border:1px solid #cbd7d0;border-radius:8px;margin-top:7px;background:white;color:var(--navy)}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid #6bbd80}.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.submit,.demo{width:100%;margin-top:15px}.demo{background:#eaf2ed;color:var(--navy);margin-top:10px}.message{font-size:13px;margin-top:12px}.message.error{color:#a41f2e}.message.ok{color:#147b36}footer{padding:45px 7%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start;background:#061f34;color:#e3e9ee;font-size:13px;line-height:1.8}footer .brand{color:white}footer a{color:#b7e6c3}footer>small{grid-column:1/-1;color:#9fb2bd}.success{max-width:700px;margin:12vh auto;text-align:center;padding:30px}.success .step{margin:auto}.success h1{font-size:42px}.success p{line-height:1.7}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.hero-inner{padding:70px 7%}.hero-art{min-height:350px}.home{top:18%}.bin{bottom:25px}.three,.plan-grid{grid-template-columns:1fr}.plan.featured{transform:none}.four{grid-template-columns:repeat(2,1fr)}.signup{grid-template-columns:1fr;gap:15px}footer{grid-template-columns:1fr 1fr}}@media(max-width:550px){.nav{padding:0 5%;height:70px}.brand{font-size:20px}.navcall{font-size:12px}.hero h1{letter-spacing:-2px}.actions{flex-direction:column}.hero-art{min-height:300px}.home{transform:scale(.75);transform-origin:top left;left:2%}.bin{transform:scale(.75);transform-origin:bottom left}.black{left:17%}.blue{left:53%}.section{padding:65px 5%}.four,.pair{grid-template-columns:1fr}.signup{gap:10px}.form{padding:22px}footer{grid-template-columns:1fr}footer>small{grid-column:auto}}