*{box-sizing:border-box}body{margin:0;background:#f5f3ed;color:#24251f;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:1320px;padding:0 64px;margin:auto}header{height:114px;border-bottom:1px solid #d6d6cc;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit;font-size:27px;font-weight:700;letter-spacing:-1.4px}.brand-mark{display:flex;align-items:center;justify-content:center;background:#f15b3d;color:#fff;width:37px;height:37px;border-radius:50%;font-size:28px;padding-bottom:7px}.edition,.eyebrow,.coordinate,.seal-label,.seal-bottom,footer>span:last-child{font-family:monospace;font-size:11px;letter-spacing:1.4px}.edition{color:#74766b}main{display:grid;grid-template-columns:1.1fr 1fr;column-gap:50px}.intro{padding:78px 0 80px}.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:#f15b3d}h1{margin:29px 0 25px;font-size:clamp(60px,6.8vw,94px);line-height:.98;font-weight:500;letter-spacing:-6px}h1 em{font-family:Georgia,serif;color:#e65c3f;font-weight:400}.lead{font-size:18px;line-height:1.65;color:#6c6e63;letter-spacing:-.3px}.action{margin-top:33px}button{background:#25271f;color:#fafaf5;border:0;border-radius:4px;min-height:49px;padding:14px 20px;cursor:pointer;font-size:13px}button span{margin-left:25px;font-size:19px}button:hover{background:#444a37}button:focus-visible,a:focus-visible{outline:3px solid #f15b3d;outline-offset:5px}button:disabled{opacity:.6;cursor:wait}#result{font-size:12px;color:#77796d;min-height:30px;max-width:360px;line-height:1.5}.illustration{position:relative;display:flex;align-items:center;justify-content:center;min-height:500px;overflow:hidden}.orbit{position:absolute;border:1px solid #d5d7cb;border-radius:50%;width:385px;height:385px}.orbit-two{width:490px;height:490px;border-style:dashed}.orbit-dot{position:absolute;z-index:1;width:17px;height:17px;border-radius:50%;background:#f15b3d;top:calc(50% - 127px);left:calc(50% + 138px)}.seal{width:274px;height:274px;border-radius:50%;background:#e5e8d9;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);position:relative;border:1px solid #cdd2bf}.seal-label,.seal-bottom{font-size:9px;letter-spacing:2px;color:#64714e}.checkmark{font-family:Arial,sans-serif;font-size:146px;line-height:1.15;color:#536540;font-weight:400;margin-left:10px}.coordinate{position:absolute;color:#8b8e7d;font-size:9px;letter-spacing:1px}.coordinate-top{top:70px;right:0}.coordinate-bottom{bottom:70px;left:0}.details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d6d6cc;gap:45px;padding:35px 0 45px}.number{font-family:monospace;color:#a0a190;font-size:11px}h2{font-size:15px;font-weight:500;margin:14px 0 10px}.details p{font-size:13px;color:#77796d;line-height:1.65;max-width:300px;margin:0}footer{border-top:1px solid #d6d6cc;padding:24px 0 30px;display:flex;justify-content:space-between;color:#7a7c6f;font-size:11px}.footer-arrow{color:#e65c3f;margin-left:18px;font-size:17px}@media(min-width:1500px){.page{padding-top:30px}}@media(max-width:800px){.page{padding:0 28px}.edition{font-size:9px;max-width:125px;line-height:1.6;text-align:right}header{height:85px}main{column-gap:10px}.intro{padding:58px 0 35px}h1{letter-spacing:-4px;font-size:68px}.lead{font-size:15px}.illustration{min-height:400px}.seal{width:190px;height:190px}.checkmark{font-size:100px}.seal-label,.seal-bottom{font-size:7px}.orbit{width:255px;height:255px}.orbit-two{width:335px;height:335px}.orbit-dot{left:calc(50% + 91px);top:calc(50% - 86px)}.coordinate{display:none}.details{gap:25px}.details p{font-size:12px}}@media(max-width:580px){main{grid-template-columns:1fr}.intro{padding-bottom:0}h1{font-size:77px}.illustration{min-height:340px;margin:0 -28px}.orbit{width:266px;height:266px}.orbit-two{width:320px;height:320px}.seal{width:205px;height:205px}.checkmark{font-size:111px}.details{grid-template-columns:1fr;gap:25px;padding:28px 0}.details>div{padding-left:32px;position:relative}.number{position:absolute;left:0;top:3px}h2{margin-top:0}.details p{max-width:350px}footer{gap:24px;font-size:10px}footer>span:last-child{font-size:9px;white-space:nowrap}.footer-arrow{margin-left:6px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}
