*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf7;color:#17231e;font-family:"DM Sans",sans-serif}a{text-decoration:none;color:inherit}.nav{height:78px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ece7df;background:#ffffffdf;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.brand{font:800 17px Manrope;letter-spacing:-.5px}.brand b{font-size:9px;letter-spacing:1px;background:#efaa60;padding:5px 7px;border-radius:6px;margin-left:4px}.nav nav{display:flex;gap:30px;font-size:14px;font-weight:600}.navbtn,.btn{background:#1d3b31;color:white;border-radius:30px;padding:13px 18px;font-weight:700;font-size:14px}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:720px;padding:90px 7vw;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;background:linear-gradient(135deg,#fbfaf7,#fff)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#b86d2b}.hero h1{font:800 clamp(55px,7vw,92px)/.98 Manrope;letter-spacing:-5px;margin:20px 0}.hero h1 em{font-style:normal;color:#b86d2b}.hero p,.head>p,.about p,.contact p{font-size:17px;line-height:1.7;color:#717872;max-width:600px}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.btn{display:inline-flex;gap:25px;align-items:center;border:0;cursor:pointer}.under{font-size:14px;font-weight:700;border-bottom:1px solid}.visual{min-height:500px;display:grid;place-items:center;position:relative}.sun{width:390px;height:390px;border-radius:50%;background:#f7dfc6;position:absolute}.quote-card{width:390px;height:450px;border-radius:30px;background:#1d3b31;color:#fff;padding:30px;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:24px 24px #efaa60}.smallbrand{position:absolute;top:30px;font-weight:800;letter-spacing:1px}.quote-card h2{font:800 40px/1.03 Manrope;letter-spacing:-2px;margin:0}.quote-card p{color:#eee5da;font:500 17px/1.5 Georgia;margin:25px 0}.divider{height:1px;background:#ffffff2c;margin-bottom:20px}.quote-card>small{color:#cbd4cf}.quote-card>small b{float:right}.section{padding:115px 7vw}.about{display:grid;grid-template-columns:.65fr 1fr;gap:120px}.section h2,.contact h2{font:800 clamp(38px,5vw,60px)/1.05 Manrope;letter-spacing:-2.5px;margin:12px 0 28px}.productsec{background:#f3eee6}.head{display:flex;justify-content:space-between;align-items:end;gap:50px}.head>p{max-width:450px}.product{margin-top:55px;background:#1d3b31;border-radius:32px;color:#fff;padding:60px;display:grid;grid-template-columns:1.2fr .8fr;min-height:620px}.appicon{width:58px;height:58px;border-radius:16px;background:#efaa60;color:#1d3b31;display:grid;place-items:center;font:800 30px Manrope}.kicker{color:#efaa60;font-size:10px;letter-spacing:2px;font-weight:800;margin-top:35px}.info h3{font:800 60px Manrope;letter-spacing:-3px;margin:10px 0 0}.info h4{font:700 20px Manrope;margin:0 0 20px}.info>p{line-height:1.7;color:#d7e0db;max-width:600px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tags span{border:1px solid #ffffff2c;border-radius:20px;padding:8px 12px;font-size:12px}.store{display:inline-flex;align-items:center;gap:11px;background:#102b23;border:1px solid #ffffff28;padding:8px 15px;border-radius:9px}.store small,.store strong{display:block}.store small{font-size:8px}.store strong{font-size:18px}.phonebox{display:grid;place-items:center}.phone{width:250px;height:485px;background:#faf9f5;color:#17231e;border:8px solid #102b23;border-radius:34px;padding:25px 16px;position:relative;box-shadow:16px 16px #efaa60;text-align:center}.notch{display:block;width:90px;height:18px;background:#102b23;border-radius:0 0 12px 12px;margin:-25px auto 20px}.phone>small{display:block;color:#747b76;margin-top:10px}.screen{margin-top:65px;background:#ece7df;border-radius:18px;padding:22px 13px}.screen p{font:italic 19px/1.45 Georgia}.screen b{display:block;color:#b86d2b;margin:18px 0 7px}.screen small{display:block;color:#717872}.screen div{font-size:22px;margin-top:22px}.phone footer{position:absolute;bottom:0;left:0;right:0;height:64px;background:#e3ddd4;display:flex;justify-content:space-around;align-items:center}.phone footer span{font-size:20px}.phone footer small{display:block;font-size:9px} .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px}.grid article{border-top:2px solid #17231e;padding-top:25px}.grid article>b{font:800 34px Manrope;color:#b86d2b}.grid h3{font:800 25px Manrope;margin:35px 0 10px}.grid p{color:#717872;line-height:1.6}.contact{background:#efaa60;display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact input,.contact textarea{display:block;width:100%;margin-top:7px;background:#f9c88f;border:1px solid #d6944c;border-radius:10px;padding:14px;font:inherit}.contact form{display:grid;gap:16px}.contact label{font-size:12px;font-weight:800}.contact .btn{width:max-content}footer{padding:35px 7vw;border-top:1px solid #e5e0d7;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center;font-size:13px}footer p{color:#717872}footer small{grid-column:1/-1;color:#8a8e89}footer a{text-decoration:underline}@media(max-width:850px){.nav nav,.navbtn{display:none}.menu{display:block}.nav nav.open{display:flex;position:absolute;right:7vw;top:70px;background:#fff;padding:20px;border-radius:14px;flex-direction:column;box-shadow:0 12px 30px #0002}.hero{grid-template-columns:1fr}.about,.contact{grid-template-columns:1fr;gap:40px}.head{display:block}.product{grid-template-columns:1fr;padding:40px}.phonebox{margin-top:60px}.grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}}@media(max-width:500px){.hero h1{letter-spacing:-3px}.quote-card{width:90%;height:390px}.info h3{font-size:50px}.section{padding:80px 6vw}.product{padding:30px;border-radius:22px}}