*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d130f;color:#f0f3e9;font:17px/1.65 system-ui,sans-serif}a{color:inherit}header,main,footer{max-width:1160px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-weight:850;letter-spacing:3px;text-decoration:none;color:#bff56b}nav{display:flex;gap:25px}nav a{text-decoration:none;color:#bec8ba;font-size:14px}.hero{padding:85px 0 70px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.eyebrow{color:#bff56b;text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:750}h1{font-size:clamp(42px,6vw,78px);line-height:1.06;letter-spacing:-3px;margin:22px 0}h2{font-size:30px;line-height:1.2}p{color:#b9c5b6;max-width:690px}.button{display:inline-block;padding:13px 22px;background:#bff56b;border-radius:10px;color:#15200e;text-decoration:none;font-weight:700;margin-top:16px}.preview{background:linear-gradient(140deg,#263523,#141d17);border:1px solid #45563a;border-radius:25px;padding:28px;box-shadow:0 25px 90px #0007}.preview small{color:#b6c5ac}.tabs{display:flex;gap:10px;margin:22px 0}.tabs span{padding:6px 12px;background:#33402a;border-radius:30px;font-size:12px}.art{height:190px;background:radial-gradient(ellipse at 25% 95%,#719044,transparent 60%),linear-gradient(135deg,#334942,#17232a);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:48px;color:#d5f49b}.progress{height:4px;background:#536445;margin:24px 0 12px;border-radius:10px}.progress:before{content:'';display:block;width:38%;height:4px;background:#bff56b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 65px}.card{padding:27px;border:1px solid #303d2d;border-radius:18px;background:#151e17}.card h3{margin-top:0}.card p{font-size:15px}.note{border-left:3px solid #bff56b;padding:8px 22px;margin:36px 0}footer{border-top:1px solid #303d2d;display:flex;justify-content:space-between;gap:25px;color:#a4b19e;font-size:13px}.document{max-width:830px;padding-top:50px;padding-bottom:70px}.document h1{font-size:48px;letter-spacing:-1px}.document h2{margin-top:38px;font-size:24px}a:focus-visible{outline:3px solid #bff56b;outline-offset:5px}@media(max-width:760px){header,main,footer{padding:22px}header{flex-wrap:wrap}.hero{grid-template-columns:1fr;padding:35px 0;gap:35px}.cards{grid-template-columns:1fr}footer{flex-direction:column}nav{gap:18px}h1{letter-spacing:-1.5px}}