:root{--charcoal:#202423;--cream:#f4efe6;--raised:#fff9f0;--ink:#252927;--muted:#6e746f;--coral:#f65346;--teal:#239b90;--line:#d8d1c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.nav{height:72px;padding:0 max(22px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffaf3}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850}.brand img{width:38px;height:38px}.text-button{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:transparent;font-weight:750}.hero{min-height:680px;padding:72px max(24px,calc((100vw - 1060px)/2));display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;background:radial-gradient(circle at 80% 15%,#3c4642 0,var(--charcoal) 42%);color:#fff}.eyebrow{margin:0 0 8px;color:#69c7bd;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.hero h1{max-width:680px;margin:0;font-size:clamp(43px,7vw,76px);line-height:.96;letter-spacing:-.065em}.intro{max-width:620px;margin:24px 0;color:#d8d9d5;font-size:18px;line-height:1.55}.actions{display:flex;flex-wrap:wrap;gap:10px}.primary,.secondary{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;text-decoration:none;font-weight:850}.primary{color:#fff;background:var(--coral);box-shadow:0 7px 22px #f6534630}.secondary{color:#fff;border:1px solid #69706d;background:#ffffff0b}.privacy{margin:17px 0 0;color:#9da5a1;font-size:12px}.phone{width:min(100%,340px);margin:auto;padding:22px;border:7px solid #4c5350;border-radius:42px;background:var(--cream);color:var(--ink);box-shadow:0 35px 80px #0008;transform:rotate(2deg)}.phone-top small,.phone-top strong{display:block}.phone-top small{color:var(--teal);font-size:9px;font-weight:850}.phone-top strong{margin-top:3px;font-size:22px}.mini-map{margin:18px 0;display:grid;grid-template-columns:20px repeat(3,1fr) 10px repeat(3,1fr);gap:5px;align-items:center}.mini-map span{font-size:10px;font-weight:800}.mini-map i{height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--raised);font-size:9px;font-style:normal;font-weight:800}.mini-map i:nth-of-type(4),.mini-map i:nth-of-type(10),.mini-map i:nth-of-type(16){grid-column:6}.mini-map .chosen{color:#fff;border-color:var(--coral);background:var(--coral)}.mini-map .ordered{border-color:#7ac8c0;background:#d8f0eb}.mini-order{padding:12px;border-radius:13px;background:#fffaf3}.mini-order small,.mini-order strong,.mini-order span{display:block}.mini-order small{color:var(--coral);font-weight:800}.mini-order strong{margin-top:5px;font-size:13px}.mini-order span{margin-top:4px;color:var(--muted);font-size:10px}.features{max-width:1100px;margin:-42px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}.features article{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--raised);box-shadow:0 14px 35px #463d3120}.features span{color:var(--coral);font-size:11px;font-weight:900}.features h2{margin:9px 0 5px;font-size:23px}.features p,.install p,.guide p,.feedback p{color:var(--muted);line-height:1.55}.install,.guide,.feedback{max-width:1060px;margin:0 auto;padding:100px 24px}.install>div:first-child{max-width:640px}.install h2,.guide h2,.feedback h2{margin:0;font-size:clamp(34px,5vw,52px);letter-spacing:-.045em}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.device-grid article{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--raised)}.device-grid h3{margin:0 0 14px}.device-grid ol{margin:0;padding-left:22px;color:var(--muted);line-height:1.8}.centered{margin:0 auto;display:flex;width:max-content}.guide{padding-top:30px}.guide-grid{margin-top:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.guide-grid article{padding:18px;border-top:2px solid var(--teal)}.guide-grid strong{color:var(--teal);font-size:28px}.feedback{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}.feedback a{color:var(--teal);font-weight:850}.feedback form{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--raised)}.feedback label{display:block;margin-bottom:14px;color:var(--muted);font-size:12px;font-weight:750}.feedback input,.feedback textarea{width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit}.feedback textarea{min-height:120px;resize:vertical}.feedback form small{display:block;margin-top:9px;color:var(--muted);line-height:1.4}footer{padding:35px max(24px,calc((100vw - 1060px)/2));display:flex;justify-content:space-between;gap:30px;color:#bfc4c1;background:var(--charcoal)}footer span{font-weight:850}footer p{max-width:570px;margin:0;font-size:11px;line-height:1.5;text-align:right}@media(max-width:760px){.nav{height:62px;padding:0 16px}.hero{min-height:auto;padding:52px 22px 80px;grid-template-columns:1fr;gap:45px}.hero h1{font-size:46px}.intro{font-size:16px}.phone{width:300px;transform:none}.features{margin-top:-36px;grid-template-columns:1fr}.features article{padding:18px}.install,.guide,.feedback{padding:72px 20px}.device-grid,.feedback{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr 1fr}.feedback{gap:30px}footer{display:block;text-align:left}footer p{margin-top:10px;text-align:left}.text-button{min-height:36px}}@media(max-width:390px){.hero h1{font-size:40px}.guide-grid{grid-template-columns:1fr}.phone{width:278px;padding:17px}}
