:root{font-family:Arial,sans-serif;color:#182b39;background:#f6f8f7;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1200px;margin:auto}header{padding:30px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7e0e2}.brand{font-size:13px;font-weight:800;letter-spacing:1px;text-decoration:none;color:inherit}.brand span{font-weight:400}nav{display:flex;gap:28px}a{color:inherit}nav a{font-size:13px;text-decoration:none}section{padding:64px 32px;scroll-margin-top:20px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-top:88px;padding-bottom:80px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#4c737c}h1{font-size:clamp(42px,5.6vw,72px);line-height:1.06;letter-spacing:-3px;font-weight:500;margin:26px 0}h1 em{font-style:normal;color:#227c90}p{line-height:1.65}.intro{font-size:18px;max-width:470px;color:#526570}.button{display:inline-flex;gap:32px;align-items:center;background:#173d4b;color:#fff;padding:18px 24px;border-radius:5px;text-decoration:none;margin:18px 0 0}.small{font-size:12px;color:#62747d;line-height:1.6}.sample{background:#e3edf0;border:1px solid #c8d9df;border-radius:12px;padding:30px;transform:rotate(2deg);box-shadow:0 24px 50px #123d4b0d;align-self:center}.sampletop{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px}.project{margin-top:45px;color:#476471}.sample strong{display:block;font-size:68px;letter-spacing:-3px;margin:16px 0 36px}.sample strong span{font-size:38px;color:#6d8993}.line{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #b8cdd366;font-size:13px}.samplefoot{font-size:12px;margin-top:30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;background:#ecf1f1;padding:32px}.steps b{font-size:13px}.steps p{font-size:13px;color:#62747d;margin-bottom:0}h2{font-size:38px;line-height:1.15;font-weight:500;letter-spacing:-1.3px;margin:20px 0 32px}.calc{display:grid;grid-template-columns:1.3fr 1fr;gap:50px}form{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{font-size:12px;font-weight:600}input{width:100%;display:block;padding:12px;border:1px solid #bfced3;border-radius:4px;background:white;margin-top:8px;font:16px Arial;color:#183746}input:focus{outline:2px solid #36869b;outline-offset:2px}.result{background:#173d4b;color:white;border-radius:10px;padding:28px;align-self:start}.result>p:first-child{font-size:11px;letter-spacing:2px}.result h3{font-size:48px;margin:22px 0;overflow-wrap:anywhere}.result .small{color:#bcced5}.result .line{border-color:#53717b}.product{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;background:#eaf0f1}.product p,.product li{font-size:15px;color:#4b636e}.product li{padding:8px 0}.edition{background:#f9fbfa;border:1px solid #cbd9dd;padding:32px;border-radius:8px;align-self:center}.edition>span{font-size:11px;letter-spacing:2px}.edition h3{font-size:36px;font-weight:500;margin:22px 0}.edition hr{border:0;border-top:1px solid #d7e0e2;margin:30px 0}details{border-bottom:1px solid #cedadd;padding:22px 0}summary{cursor:pointer;font-weight:600;font-size:15px}details p{max-width:850px;font-size:14px;color:#526570}.privacy{border-top:1px solid #d7e0e2;padding-top:30px}.privacy h2{font-size:22px}.privacy p{font-size:13px;color:#62747d}footer{border-top:1px solid #d7e0e2;padding:30px 32px;display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between;font-size:11px;color:#62747d}@media(max-width:720px){header{padding:22px}nav{gap:14px}nav a{font-size:11px}.brand{font-size:10px}.brand span{display:none}section{padding:44px 22px}.hero,.product,.calc{grid-template-columns:1fr;gap:32px}.hero{padding-top:48px}h1{letter-spacing:-2px}.sample{transform:none}.steps{grid-template-columns:1fr;gap:16px}.steps p{margin-top:6px}h2{font-size:32px}.result h3{font-size:40px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
