*{box-sizing:border-box}body{margin:0;background:#183a2d;color:#f1e9cf;font-family:Georgia,serif}main{max-width:780px;margin:auto;padding:18px 19px 65px}header{display:flex;gap:13px;align-items:center;border-bottom:1px solid #89a58d;padding-bottom:15px;font:700 10px Arial;letter-spacing:.13em}header b{font:700 22px Georgia;border:1px solid #dacb8f;padding:8px;color:#dacb8f}header span:last-child{margin-left:auto}.rings{height:215px;display:grid;place-items:center;background:repeating-radial-gradient(circle,#34513c 0 13px,#58735a 14px 15px,#254632 16px 30px);margin:23px 0;border-radius:50% 50% 8px 8px}.inner{width:134px;height:134px;border-radius:50%;background:#e9d8a2;color:#183a2d;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:700 12px Arial;letter-spacing:.15em}.inner i{font:italic 25px Georgia;letter-spacing:0}.intro{padding:2px 0 26px}.intro>p:first-child{font:700 10px Arial;letter-spacing:.18em;color:#dec583}.intro h1{font:400 clamp(44px,11vw,78px)/.9 Georgia;letter-spacing:-.05em;margin:15px 0}.intro>p:last-child{max-width:500px;line-height:1.55;color:#d6decf}.timeline{background:#eee6cc;color:#183a2d;padding:24px;border-radius:8px;box-shadow:0 10px 0 #947e53}.case-line{display:flex;justify-content:space-between;font:700 10px Arial;letter-spacing:.1em;color:#856f4b}.timeline h2{font:400 clamp(28px,6vw,41px)/1.06 Georgia;margin:28px 0 12px}.timeline>p{line-height:1.5}.track{display:flex;align-items:center;gap:9px;font:700 10px Arial;letter-spacing:.12em;color:#6f7c67;margin:32px 0 14px}.track i{height:2px;flex:1;background:linear-gradient(90deg,#ab753d,#4a754a)}.horizons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.horizons button{min-height:76px;background:#f8f3e5;border:1px solid #a7a082;color:#183a2d;padding:8px;font:700 12px/1.25 Arial;cursor:pointer}.horizons button.good{background:#c5dfb2;border-color:#5c9147}.horizons button.bad{background:#f6d0bf;border-color:#b87152}#feedback{min-height:46px;font:14px/1.4 Arial}.timeline #next{background:#183a2d;color:#fff;border:0;padding:14px 18px;font:700 11px Arial;letter-spacing:.08em;cursor:pointer}footer{display:flex;justify-content:space-between;align-items:center;padding:27px 0;font:700 11px Arial}footer button{background:none;border:1px solid #dec583;color:#dec583;padding:10px 13px;font:700 11px Arial;cursor:pointer}@media(max-width:520px){header span:nth-child(2){max-width:140px}.horizons button{font-size:10px}.rings{height:170px}.inner{width:110px;height:110px}}