:root{--features-green:#087443;--features-dark:#10231a;--features-mint:#eaf8f0;--features-line:#dce9e1}
.features-page{overflow:hidden;background:#fff;color:var(--features-dark);font-family:Inter,Arial,sans-serif}
.features-container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.features-hero{position:relative;padding:88px 0 94px;background:radial-gradient(circle at 88% 12%,rgba(43,197,115,.16),transparent 30%),linear-gradient(145deg,#f8fcf9 0%,#eff9f3 58%,#fff 100%)}
.features-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(8,116,67,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,116,67,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}
.features-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.92fr);gap:70px;align-items:center}
.features-kicker,.features-heading>span,.features-showcase-copy>span{display:inline-flex;align-items:center;gap:8px;color:var(--features-green);font-size:11px;font-weight:900;letter-spacing:.12em}
.features-kicker svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.features-hero h1{max-width:680px;margin:18px 0 20px;font-size:clamp(48px,6vw,82px);line-height:.96;letter-spacing:-.055em}
.features-hero-copy>p{max-width:650px;margin:0;color:#52645b;font-size:19px;line-height:1.7}
.features-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
.features-btn{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:14px;font-size:14px;font-weight:850;text-decoration:none;transition:.2s}
.features-btn-primary{background:var(--features-green);color:#fff;box-shadow:0 13px 30px rgba(8,116,67,.23)}
.features-btn-primary:hover{transform:translateY(-2px);background:#056239}
.features-btn-secondary{border:1px solid #cadbd1;background:rgba(255,255,255,.8);color:#193428}
.features-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:#597066;font-size:12px;font-weight:750}
.features-trust span{display:flex;align-items:center;gap:6px}.features-trust svg{width:15px;fill:none;stroke:#0a9255;stroke-width:2.5}
.features-map-card{position:relative;height:465px;overflow:hidden;border:10px solid #fff;border-radius:30px;background:#eaf2e6;box-shadow:0 35px 90px rgba(22,74,47,.2);transform:rotate(1deg)}
.features-map-top{height:53px;padding:0 17px;display:flex;align-items:center;gap:7px;background:#fff}.features-map-top i{width:8px;height:8px;border-radius:50%;background:#d8e1db}.features-map-top b{margin-left:auto;color:#1a4330;font-size:12px}
.features-map-land{position:absolute;inset:53px 0 0;background:linear-gradient(25deg,transparent 15%,rgba(156,214,178,.5) 16% 34%,transparent 35%),linear-gradient(150deg,#e8f1df,#cce8d7)}
.features-water{position:absolute;width:140%;height:90px;top:46%;left:-20%;border:23px solid #8bd3e1;border-left:0;border-right:0;border-radius:50%;transform:rotate(-10deg)}
.features-road{position:absolute;width:125%;height:12px;left:-12%;top:42%;border:3px solid #fff;background:#c5c7bd;border-radius:50%;transform:rotate(-16deg)}.features-road.road-b{top:67%;transform:rotate(30deg)}
.features-route{position:absolute;width:74%;height:58%;left:12%;top:17%;border:7px solid #087443;border-bottom-color:transparent;border-radius:50%;transform:rotate(-12deg)}
.features-map-land .pin{position:absolute;z-index:2;width:38px;height:38px;display:grid;place-items:center;border:4px solid #fff;border-radius:50% 50% 50% 8px;background:#087443;color:#fff;font-style:normal;font-weight:900;box-shadow:0 6px 16px #34684e55;transform:rotate(-45deg)}.features-map-land .pin::first-letter{transform:rotate(45deg)}.pin-a{left:17%;top:18%}.pin-b{right:24%;top:26%}.pin-c{left:49%;bottom:13%}
.features-trip-float{position:absolute;z-index:4;right:18px;bottom:17px;width:230px;padding:17px;border:1px solid #dce8e0;border-radius:17px;background:#fff;box-shadow:0 14px 35px #2148332e}.features-trip-float small{color:#087443;font-size:9px;font-weight:900}.features-trip-float strong{display:block;margin-top:5px}.features-trip-float div{display:flex;gap:7px;margin-top:13px}.features-trip-float div span{padding:6px 8px;border-radius:8px;background:#edf7f1;color:#3b5d4c;font-size:10px;font-weight:800}
.features-section{padding:105px 0}.features-heading{max-width:760px;margin:0 auto 45px;text-align:center}.features-heading h2,.features-showcase-copy h2{margin:12px 0 15px;font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.04em}.features-heading p,.features-showcase-copy p{margin:0;color:#63746b;font-size:16px;line-height:1.75}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.features-grid article{position:relative;min-height:270px;padding:24px;border:1px solid var(--features-line);border-radius:20px;background:#fff;transition:.22s}.features-grid article:hover{transform:translateY(-5px);border-color:#a9d8bd;box-shadow:0 20px 50px #193d2920}.features-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--features-mint);color:var(--features-green)}.features-icon svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.features-grid h3{margin:22px 0 10px;font-size:18px}.features-grid p{margin:0;color:#66766e;font-size:13px;line-height:1.65}.features-card-arrow{position:absolute;right:20px;bottom:18px;color:#8da095}
.features-showcase{padding:100px 0;background:#10271c;color:#fff}.features-showcase-grid,.features-navigation-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:78px;align-items:center}.features-showcase-copy>span{color:#54d994}.features-showcase-copy p{color:#aac0b3}.features-showcase-copy ul{margin:25px 0 0;padding:0;display:grid;gap:13px;list-style:none}.features-showcase-copy li{display:flex;gap:10px;align-items:center;color:#eaf7ef;font-size:14px}.features-showcase-copy li svg{width:18px;fill:none;stroke:#51da93;stroke-width:2.5}
.features-planner-ui{overflow:hidden;border:8px solid #294035;border-radius:25px;background:#f7faf8;box-shadow:0 30px 80px #0005;transform:rotate(-1deg)}.planner-bar{height:56px;padding:0 17px;display:flex;align-items:center;gap:8px;background:#fff;color:#718078;font-size:10px}.planner-bar b{margin-right:auto;color:#183829;font-size:13px}.planner-bar span{padding:7px;border-radius:7px;background:#eff6f2}.planner-body{height:310px;display:grid;grid-template-columns:190px 1fr}.planner-list{padding:20px;display:grid;grid-template-columns:30px 1fr;gap:14px 8px;color:#173326}.planner-list i{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#dcf3e6;color:#087443;font-style:normal;font-weight:900}.planner-list p{margin:0}.planner-list b,.planner-list small{display:block}.planner-list b{font-size:12px}.planner-list small{margin-top:3px;color:#8a9991;font-size:9px}.planner-map{position:relative;overflow:hidden;background:linear-gradient(145deg,#dbeed9,#e9f0df)}.planner-map:before,.planner-map:after{content:"";position:absolute;width:150%;height:15px;background:#fff;border:5px solid #c4cac0;border-radius:50%;transform:rotate(30deg);top:48%;left:-25%}.planner-map:after{transform:rotate(-25deg);top:24%}.planner-map span{position:absolute;z-index:2;width:75%;height:70%;left:10%;top:12%;border:6px solid #087443;border-left-color:transparent;border-radius:50%;transform:rotate(20deg)}.planner-map i{position:absolute;z-index:3;width:20px;height:20px;border:5px solid #fff;border-radius:50%;background:#0a8950}.planner-map i:nth-of-type(1){left:20%;top:18%}.planner-map i:nth-of-type(2){right:18%;top:35%}.planner-map i:nth-of-type(3){left:42%;bottom:17%}
.features-navigation{background:#f3faf6}.features-navigation-grid{grid-template-columns:.85fr 1.15fr}.features-navigation .features-showcase-copy p{color:#65786e}.features-navigation .features-showcase-copy>span{color:var(--features-green)}.features-text-link{display:inline-flex;margin-top:25px;color:#087443;font-weight:900;text-decoration:none}.features-navigation-ui{position:relative;height:430px;overflow:hidden;border:8px solid #fff;border-radius:28px;background:#dcebd8;box-shadow:0 30px 70px #214b3424}.nav-route-bg{position:absolute;inset:0;background:linear-gradient(35deg,transparent 45%,#91d4e4 46% 55%,transparent 56%),linear-gradient(145deg,#d8ebd8,#eef0df)}.nav-route-bg:before{content:"";position:absolute;width:90%;height:62%;left:4%;top:10%;border:8px solid #087443;border-top-color:transparent;border-radius:50%;transform:rotate(-15deg)}.nav-route-bg span{position:absolute;left:18%;bottom:20%;width:25px;height:25px;border:6px solid #fff;border-radius:50%;background:#087443;box-shadow:0 6px 15px #0003}.nav-sheet{position:absolute;right:18px;bottom:18px;width:min(330px,calc(100% - 36px));padding:20px;border-radius:20px;background:#fff;box-shadow:0 15px 40px #1b3f2d3d}.nav-sheet>small{color:#087443;font-size:9px;font-weight:900;letter-spacing:.1em}.nav-sheet>strong{display:block;margin-top:7px;font-size:17px}.nav-sheet>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.nav-sheet p{margin:0;padding:10px;border-radius:10px;background:#eef8f2}.nav-sheet p small,.nav-sheet p b{display:block}.nav-sheet p small{color:#718078;font-size:9px}.nav-sheet p b{margin-top:4px;color:#087443}
.features-devices{background:#fff}.features-device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features-device-grid article{padding:35px 25px;text-align:center;border:1px solid #deebe3;border-radius:22px;background:#fbfdfc}.device-shape{height:180px;display:grid;place-items:center}.device-shape:before{content:"";display:block;width:190px;height:116px;border:7px solid #19372a;border-radius:9px;background:linear-gradient(145deg,#cdf0dc,#edf8f1)}.device-shape.device-1:before{width:115px;height:150px;border-radius:14px}.device-shape.device-2:before{width:76px;height:146px;border-radius:16px}.features-device-grid h3{margin:17px 0 8px}.features-device-grid p{margin:0;color:#697970;font-size:13px;line-height:1.6}
.features-final{padding:30px 0 110px}.features-final .features-container>div{padding:72px 30px;text-align:center;border-radius:30px;background:radial-gradient(circle at 50% 0,#25a565,#087443 65%);color:#fff;box-shadow:0 30px 70px #0874433b}.features-final .features-container>div>span{width:58px;height:58px;margin:0 auto 20px;display:grid;place-items:center;border-radius:17px;background:#ffffff20}.features-final svg{width:27px;fill:none;stroke:#fff;stroke-width:2}.features-final h2{margin:0;font-size:clamp(35px,5vw,56px);letter-spacing:-.04em}.features-final p{max-width:620px;margin:15px auto 25px;color:#dff5e9;line-height:1.65}.features-final .features-btn-primary{background:#fff;color:#087443;box-shadow:none}
@media(max-width:1000px){.features-hero-grid{grid-template-columns:1fr;gap:55px}.features-hero-copy{text-align:center}.features-hero-copy>p{margin-inline:auto}.features-actions,.features-trust{justify-content:center}.features-hero-demo{width:min(650px,100%);margin:auto}.features-grid{grid-template-columns:repeat(2,1fr)}.features-showcase-grid,.features-navigation-grid{gap:40px}.features-showcase-grid{grid-template-columns:1fr}.features-navigation-grid{grid-template-columns:1fr}.features-navigation-ui{grid-row:1}.features-showcase-copy{text-align:center}.features-showcase-copy ul{width:max-content;max-width:100%;margin-inline:auto;text-align:left}}
@media(max-width:700px){.features-container{width:min(100% - 28px,1180px)}.features-hero{padding:56px 0 65px}.features-hero h1{font-size:48px}.features-hero-copy>p{font-size:16px}.features-trust{display:grid;justify-content:center;text-align:left}.features-map-card{height:355px;border-width:6px;border-radius:22px}.features-trip-float{right:10px;bottom:10px;width:200px}.features-section,.features-showcase{padding:72px 0}.features-heading{margin-bottom:30px}.features-heading h2,.features-showcase-copy h2{font-size:34px}.features-grid{grid-template-columns:1fr}.features-grid article{min-height:220px}.planner-body{height:270px;grid-template-columns:135px 1fr}.planner-list{padding:13px}.planner-bar span:nth-last-child(-n+2){display:none}.features-navigation-ui{height:360px}.features-device-grid{grid-template-columns:1fr}.features-device-grid article{padding:25px}.features-final{padding-bottom:75px}.features-final .features-container>div{padding:55px 20px;border-radius:22px}}
@media(max-width:420px){.features-actions{display:grid}.features-btn{width:100%}.features-hero h1{font-size:42px}.features-map-card{height:320px}.features-trip-float{width:180px}.features-navigation-ui{height:330px}.nav-sheet{padding:15px}}