:root{font-family:Tahoma,Arial,sans-serif;color:#163b3d;background:#fbfaf5;--teal:#12645c;--orange:#e89753}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 80px));margin:auto}.topline{text-align:center;background:#143c3d;color:#c7ddcf;padding:9px 15px;font-size:10px;letter-spacing:.2px}.header{display:flex;justify-content:space-between;align-items:center;padding:26px 0}.logo{display:flex;direction:ltr;align-items:center;gap:9px;font-size:24px;font-weight:bold}.logo>b{display:grid;place-items:center;background:#174e49;color:#e7f0df;width:38px;height:40px;border-radius:12px;font-size:29px}.logo small{display:block;text-transform:uppercase;font-size:8px;letter-spacing:2px;font-weight:normal;margin-top:4px}.header nav{display:flex;gap:30px;font-size:12px;color:#5d746e}.nav-cta{border:1px solid #bfd0c8;border-radius:7px;padding:12px 16px;font-size:12px}.nav-cta span{padding-right:20px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:55px 0 80px}.eyebrow{font-size:11px;line-height:2;color:#5d8170;font-weight:bold}.eyebrow>span{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-left:6px}h1{font-size:clamp(40px,4.5vw,65px);line-height:1.75;letter-spacing:-2px;margin:22px 0 20px;font-weight:bold}h1 em{font-style:normal;color:#3f7e64;position:relative}h1 em:after{content:'';position:absolute;bottom:-6px;right:0;width:90%;height:7px;border-top:2px solid var(--orange);border-radius:50%}.lead{font-size:15px;color:#6c7e73;line-height:2.3;max-width:440px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 22px;border-radius:8px;font-size:12px;font-weight:bold;transition:transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:#185e53;color:#fff}.text-link{font-size:12px;font-weight:bold;color:#3c7061}.hero-facts{display:flex;gap:30px;margin-top:42px;border-top:1px solid #dfe5d8;padding-top:22px}.hero-facts span{display:flex;flex-direction:column;gap:10px;font-size:9px;color:#889384}.hero-facts b{font-size:13px;color:#3a6358;direction:ltr;text-align:right;letter-spacing:.3px}.hero-art{position:relative;min-height:510px;background:#e2e9d9;border-radius:170px 16px 16px 16px;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#d3ddce60 1px,transparent 1px),linear-gradient(90deg,#d3ddce60 1px,transparent 1px);background-size:38px 38px}.orbit{position:absolute;border:1px solid #adbdac66;border-radius:50%;width:430px;height:430px;left:-80px;top:0}.orbit.two{width:550px;height:550px;left:-140px;top:-60px}.garage{position:absolute;right:28px;top:117px;width:340px;filter:drop-shadow(0 25px 20px #284b331c)}.garage-roof{background:#174c48;height:27px;width:100%;clip-path:polygon(50% 0,100% 55%,100% 100%,0 100%,0 55%)}.garage-frame{height:236px;border:16px solid #f9f9eb;border-top-width:12px;background:#23574e;position:relative;overflow:hidden}.garage-door{position:absolute;inset:0 0 auto;height:78px;background:repeating-linear-gradient(#b5c6b0 0 14px,#8eaa9814 14px 17px);box-shadow:0 8px 16px #123d3933}.car{position:absolute;width:202px;height:79px;background:#e4e9dc;bottom:12px;right:38px;border-radius:25px 25px 10px 10px;box-shadow:0 11px 0 -5px #123932}.car-window{width:151px;height:51px;position:absolute;top:-41px;right:25px;background:#9cb9b2;border:8px solid #e4e9dc;border-bottom-width:4px;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);border-radius:20px 20px 0 0}.light{position:absolute;top:21px;width:37px;height:15px;border-radius:8px;background:#efd6a7}.light.right{right:12px}.light.left{left:12px}.plate{position:absolute;background:#9aada4;width:53px;height:12px;right:75px;bottom:14px;border-radius:2px}.garage-ground{height:13px;background:#93aa93;border-radius:0 0 6px 6px;margin:0 -8px}.phone{position:absolute;direction:rtl;left:35px;top:149px;width:155px;height:297px;border:7px solid #113b3b;border-radius:26px;background:#fafcf5;transform:rotate(-7deg);box-shadow:10px 22px 20px #163b3d29;padding:22px 10px 12px;text-align:center}.phone-top{position:absolute;top:0;left:40px;width:64px;height:10px;background:#113b3b;border-radius:0 0 8px 8px}.phone-brand{font-weight:bold;font-size:12px;color:#2c6f61}.phone-caption{display:block;font-size:7px;color:#9baba2;margin-top:20px}.phone>strong{font-size:11px;display:block;margin:8px 0 14px}.phone-tabs{display:flex;justify-content:center;gap:8px;font-size:7px;border-radius:20px;background:#eaf2e8;padding:4px}.phone-tabs span{padding:5px 12px;border-radius:20px}.phone-tabs .selected{background:#fff;color:#235d50}.phone-action{width:94px;height:94px;margin:16px auto 12px;border-radius:50%;background:#1b6a59;box-shadow:0 0 0 6px #e1eee2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;gap:5px}.phone-action svg{width:32px;fill:none;stroke:#d0ebd3;stroke-width:2}.phone-action b{font-size:8px}.phone>small{font-size:7px;color:#91a79c}.floating-label{position:absolute;right:40px;top:59px;background:#fffcf0dd;border:1px solid #fff8;padding:12px 14px;border-radius:8px;font-size:10px;color:#3b6154;box-shadow:0 6px 20px #49663a09}.floating-label i{display:inline-block;background:#6c9c66;width:6px;height:6px;border-radius:50%;margin-left:7px}.floating-label.bottom{right:auto;left:20px;top:auto;bottom:22px}.floating-label.bottom span{background:#edd5b5;padding:3px 6px;margin-left:6px;border-radius:50%;font-size:13px}.concept-label{position:absolute;bottom:23px;right:30px;font-size:8px;color:#78917b}.feature-section{background:#f0f2e8;padding:70px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}h2{font-size:30px;line-height:1.8;margin:10px 0 15px;letter-spacing:-.6px}.section-heading>p{font-size:12px;line-height:2.2;color:#83907d}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.features article{padding:28px;background:#fbfbf6;border:1px solid #e0e5d8;border-radius:12px;position:relative}.feature-icon{display:grid;place-items:center;width:43px;height:43px;background:#e3ebdc;border-radius:10px;color:#4b7962;font-size:27px}.number{position:absolute;left:25px;top:28px;font-size:11px;color:#b5bcae}h3{font-size:17px;line-height:1.8;margin:23px 0 12px}.features p{font-size:12px;color:#82907f;line-height:2.1;min-height:80px}.feature-note{display:block;border-top:1px solid #e5e9df;padding-top:17px;margin-top:18px;font-size:10px;color:#49785e}.how{padding:95px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px}.how-title p:not(.eyebrow){font-size:13px;line-height:2.2;color:#84917f;max-width:350px}.how-title .text-link{display:inline-block;margin-top:20px}.steps article{display:flex;gap:23px;padding:10px 0 23px}.steps article>span{flex-shrink:0;display:grid;place-items:center;width:35px;height:35px;border:1px solid #b5c8b6;border-radius:50%;font-size:14px;margin-top:10px;color:#547758}.steps h3{margin:7px 0 9px;font-size:16px}.steps p{color:#87937f;font-size:12px;line-height:2.1;margin:0}.steps article:not(:last-child)>div{padding-bottom:21px;border-bottom:1px solid #e2e7d9}.privacy{padding:38px 48px;background:#e7edde;border-radius:14px;display:flex;gap:40px;align-items:center}.privacy-symbol{font-size:76px;color:#2e6555;font-weight:bold;position:relative;padding:0 20px}.privacy-symbol span{font-size:19px;color:#dd9959;position:absolute;bottom:0;left:7px}.privacy h2{font-size:24px}.privacy p:not(.eyebrow){font-size:12px;line-height:2.2;max-width:730px;color:#74866e;margin-bottom:0}.faq{padding:90px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq-list details{border-bottom:1px solid #dfe5d7;padding:19px 0}.faq-list summary{cursor:pointer;display:flex;justify-content:space-between;gap:15px;font-size:14px;line-height:1.8;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#7d9377}.faq-list p{font-size:12px;line-height:2.2;color:#7a8c72;padding-left:20px}.download{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#173f3b;color:#eef0e2;padding:43px 48px;border-radius:13px}.download .eyebrow{color:#a7c0a8;font-size:10px;letter-spacing:1px}.download h2{font-size:28px}.download p:not(.eyebrow){font-size:12px;line-height:2.2;color:#a6b8a6}.button.light{background:#e9ecdb;color:#184c43;white-space:nowrap}.download .light{position:static;width:auto;height:auto;border-radius:8px}.download .button{flex-shrink:0}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:45px 0}footer p,footer>span{font-size:10px;color:#8b9982}footer .logo{font-size:18px}footer .logo>b{width:30px;height:32px;font-size:23px}a:focus-visible,summary:focus-visible{outline:3px solid #df9c61;outline-offset:5px}@media(max-width:1050px){.wrap{width:calc(100% - 44px)}.hero{gap:25px}.hero-art{min-height:470px}.garage{width:285px;right:18px}.car{right:18px}.phone{left:16px;top:164px}.hero-facts{gap:18px}.hero-actions{gap:14px}.how{gap:50px}.faq{gap:40px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{padding:20px 0}.header nav{display:none}.hero{grid-template-columns:1fr;padding:25px 0 50px;gap:40px}h1{font-size:49px}.lead{font-size:14px;max-width:100%}.hero-art{min-height:445px;border-top-right-radius:120px}.garage{width:300px;right:25px;top:100px}.phone{left:24px;top:137px;width:145px;height:278px}.phone-caption{margin-top:14px}.phone-action{margin-top:12px}.floating-label{top:39px}.floating-label.bottom{bottom:10px}.concept-label{bottom:13px}.hero-facts{justify-content:space-between;margin-top:30px}.feature-section{padding:40px 0}.section-heading{display:block}.section-heading>p{margin-bottom:0}.features{grid-template-columns:1fr;gap:13px}.features article{padding:23px}.features p{min-height:0}h2{font-size:26px}.how{grid-template-columns:1fr;padding:55px 0;gap:25px}.privacy{padding:28px;gap:16px;align-items:start}.privacy-symbol{font-size:46px;padding:0}.privacy h2{font-size:21px}.faq{grid-template-columns:1fr;gap:12px;padding:50px 0}.download{padding:30px 25px;align-items:start;flex-direction:column;gap:10px}.download h2{font-size:24px}footer{flex-wrap:wrap;padding:30px 0;gap:15px}footer>span{display:none}.hero-actions{flex-wrap:wrap}.hero-actions .button{padding:16px 19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
