
:root{--ink:#182c27;--paper:#f6f5ee;--lime:#dcf48c;--muted:#59665e;--line:#d6dbcf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #6b821c;outline-offset:6px}.skip{position:absolute;top:-80px;background:white;padding:12px}.skip:focus{top:0}header,main,footer{max-width:1240px;margin:auto}header{padding:32px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:27px;letter-spacing:-2px;font-weight:800;text-decoration:none;display:flex;gap:17px;align-items:center}.wordmark>span{font-size:15px;letter-spacing:0;line-height:1.3}.wordmark small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:5px}nav{display:flex;gap:30px;font-size:13px}nav a{text-decoration:none}nav a:last-child{border-bottom:1px solid}.hero{padding:75px 40px 65px;display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:bold;margin:0 0 25px}.eyebrow:before{content:'';display:inline-block;width:7px;height:7px;background:#7a953d;border-radius:50%;margin-right:10px}h1{font-size:clamp(46px,5.2vw,68px);line-height:1.07;letter-spacing:-3px;font-weight:500;margin:0 0 28px}h1 em{font-family:Georgia,serif;font-weight:400}h2{font-size:40px;line-height:1.15;letter-spacing:-1.4px;font-weight:500;margin:0 0 26px}.intro{max-width:440px;font-size:18px;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;padding:15px 20px;background:var(--ink);color:white;text-decoration:none;border-radius:4px;font-size:14px}.button:hover{background:#304c3c}.micro,.small{font-size:12px;color:var(--muted)}.visual{background:#e5e8de;padding:20px 30px 17px;border-radius:5px;transform:rotate(1deg)}.visual-top,.visual-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.phone{margin:23px auto;width:270px;max-width:100%;padding:28px 20px 15px;border-radius:24px;background:var(--ink);color:var(--lime);box-shadow:12px 14px 0 #ccd1bf;border:5px solid #263b32}.film-label{font-size:8px;letter-spacing:1.5px}.phone h2{font-size:29px;letter-spacing:-1px;margin:28px 0}.mock-ui{background:#f8f8f3;color:var(--ink);border-radius:7px;transform:rotate(-4deg);padding:10px;box-shadow:0 15px 35px #0003}.mock-bar{display:flex;justify-content:space-between;font-size:8px;border-bottom:1px solid #ddd;padding-bottom:7px}.mock-content{display:flex;gap:10px;padding-top:12px}.mock-side{width:20px;background:repeating-linear-gradient(#d8dece 0 4px,transparent 4px 13px)}.mock-main{flex:1;font-size:9px}.mock-chart{display:flex;align-items:end;gap:7px;height:70px;padding:10px 0}.mock-chart i{flex:1;background:#94ad68;height:30%}.mock-chart i:nth-child(2){height:48%}.mock-chart i:nth-child(3){height:40%}.mock-chart i:nth-child(4){height:75%}.mock-chart i:nth-child(5){height:100%}.mock-line{height:4px;background:#dbe0d4;display:block;margin:5px 0}.short{width:65%}.play-row{display:flex;gap:10px;align-items:center;font-size:9px;margin-top:35px}.play-row div{flex:1;height:2px;background:var(--lime)}.demo-label{font-size:8px;color:#bccbbd;text-align:center;margin-bottom:0}.strip{padding:20px 40px;display:flex;justify-content:space-between;border-block:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:1px}.service{padding:85px 40px;display:grid;grid-template-columns:1fr 0.9fr;gap:105px}.service>div p:not(.eyebrow){color:var(--muted);max-width:450px}.offer{background:white;border:1px solid var(--line);border-radius:6px;padding:30px}.price>span{font-size:14px}.price strong{display:block;font-size:60px;line-height:1.2;letter-spacing:-3px;font-weight:500;margin-top:15px}.price small{font-size:15px;letter-spacing:0}.price p{font-size:12px;color:var(--muted)}ul{padding:20px 0 10px;list-style:none;border-top:1px solid var(--line);font-size:13px}li{margin:9px 0}li:before{content:'✓';padding-right:10px;color:#66823a}.offer .button{width:100%;margin-top:12px}.process{padding:65px 40px;background:#e9eddf}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.steps article>span{font-family:Georgia,serif;font-size:30px;color:#677951}.steps h3{font-size:18px;font-weight:500}.steps p{font-size:14px;color:var(--muted)}.contact{padding:70px 40px;display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid var(--line)}.contact h2{font-size:35px}.contact p:not(.eyebrow){color:var(--muted);font-size:14px}.contact-link{font-size:16px;text-underline-offset:8px;overflow-wrap:anywhere}.details{padding:65px 40px;max-width:900px}.details h2{font-size:28px}.details details{border-bottom:1px solid var(--line);padding:18px 0}.details summary{cursor:pointer;font-size:15px}.details p{color:var(--muted);font-size:13px}footer{padding:35px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font-size:11px;color:var(--muted)}footer strong{font-size:14px;color:var(--ink)}footer p{margin:4px 0}@media(max-width:800px){header{padding:24px}.hero{gap:30px;padding:50px 24px}.visual{padding:18px}.service{gap:35px;padding:55px 24px}.contact{display:block}.contact-link{display:inline-block;margin-top:20px}.strip{font-size:10px;padding:20px 24px}nav{gap:15px}.process,.contact,.details{padding:45px 24px}}@media(max-width:600px){nav a:not(:last-child){display:none}.hero,.service{grid-template-columns:1fr}.hero{padding-top:40px;gap:40px}h1{font-size:51px}.hero .intro{font-size:17px}.visual{max-width:390px;width:100%;margin:auto}.strip{display:grid;grid-template-columns:1fr 1fr;gap:12px}.steps{grid-template-columns:1fr;gap:20px}.steps article{border-top:1px solid #cbd3bf;padding-top:18px}.steps h3{margin:8px 0}.contact h2,h2{font-size:34px}footer{padding:28px 24px;flex-direction:column;gap:17px}.offer{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

