@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;700;800&display=swap');:root{--bg:#eef3e8;--ink:#14231b;--line:#9bab9e;--orange:#ff6433;--blue:#315cff;--panel:#f8fbf4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Manrope,sans-serif;background-image:linear-gradient(#c9d5ca55 1px,transparent 1px),linear-gradient(90deg,#c9d5ca55 1px,transparent 1px);background-size:28px 28px}a{color:inherit;text-decoration:none}header{height:70px;position:sticky;top:0;z-index:9;background:#eef3e8eF;backdrop-filter:blur(12px);border-bottom:2px solid var(--ink);padding:0 max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:35px}.brand{display:flex;gap:10px;align-items:center}.brand i{width:25px;height:25px;border:5px solid var(--ink);position:relative}.brand i:after{content:'';position:absolute;width:7px;height:7px;background:var(--orange);right:-8px;bottom:-8px}.brand b{font-size:20px}nav{display:flex;gap:22px;margin-left:auto}header>span,small,.crumb{font:500 10px DM Mono;letter-spacing:.1em}header>span{color:var(--orange)}main,footer{max-width:1180px;margin:auto;padding-left:20px;padding-right:20px}.hero{min-height:480px;padding:90px 0 60px;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;border-bottom:2px solid var(--ink)}h1{font-size:clamp(50px,7vw,92px);letter-spacing:-.07em;line-height:.92;margin:20px 0}h1 em{color:var(--orange);font-style:normal}.hero p{font-size:18px;max-width:700px}.gridbox{border:2px solid var(--ink);background:var(--panel);box-shadow:12px 12px 0 var(--ink)}.gridbox div{display:grid;grid-template-columns:20px 1fr auto;gap:10px;padding:18px;border-bottom:1px solid var(--line);align-items:center}.gridbox div i{width:12px;height:12px;background:var(--blue)}.gridbox span{font:10px DM Mono}.gridbox a{display:block;padding:18px;background:var(--orange);font:700 12px DM Mono}.tape{padding:14px 0;border-bottom:2px solid var(--ink);font:500 11px DM Mono;white-space:nowrap;overflow:hidden}section{padding:70px 0}h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.05em;line-height:1;margin:0 0 28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{min-height:225px;border:2px solid var(--ink);padding:22px;background:var(--panel);display:flex;flex-direction:column}.card:hover{background:#fff;transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--ink)}.card small{color:var(--blue)}.card h3{font-size:22px;line-height:1.15;margin:28px 0 10px}.card p{color:#506158}.card b{margin-top:auto;font:700 11px DM Mono;color:var(--orange)}.crumb{padding-top:22px}.facts{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink);margin:35px 0}.facts div{padding:20px;border-right:1px solid var(--ink);font:10px DM Mono}.facts b{display:block;margin-top:20px;font-size:12px}.steps{border:2px solid var(--ink);background:var(--panel);padding:38px}.steps li{font-size:17px;padding:12px;border-bottom:1px solid var(--line)}.duel,.checker{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:50px 0}.duel div,.checker>div,.checker aside{border:2px solid var(--ink);padding:35px;background:var(--panel)}.duel b{font-size:30px}.checker label{display:block;margin:0 0 18px;font-weight:700}.checker select{display:block;width:100%;padding:14px;margin-top:7px;border:2px solid var(--ink);background:white}.checker input{width:19px;height:19px}.checker button{border:0;background:var(--orange);padding:16px 24px;font:700 12px DM Mono}.checker aside{background:var(--blue);color:white;display:flex;flex-direction:column;justify-content:center}.checker strong{font-size:40px;line-height:1}footer{border-top:2px solid var(--ink);padding-top:35px;padding-bottom:45px;display:flex;gap:30px;align-items:center}footer p{max-width:650px}@media(max-width:850px){header nav{display:none}.hero{grid-template-columns:1fr;gap:30px}.cards{grid-template-columns:1fr 1fr}.checker,.duel{grid-template-columns:1fr}}@media(max-width:540px){header>span{display:none}.hero{padding-top:60px;min-height:auto}h1{font-size:48px}.cards{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.facts div{border-bottom:1px solid var(--ink)}.steps{padding:22px}.gridbox{box-shadow:7px 7px 0 var(--ink)}footer{display:block}}