@font-face{font-family:Golos;src:url('fonts/GolosText.ttf');font-weight:400 900;font-display:swap}@font-face{font-family:Manrope;src:url('fonts/Manrope.ttf');font-weight:200 800;font-display:swap}
:root{--sage:#526a50;--blue:#52758a;--ink:#292929}*{box-sizing:border-box}body{margin:0;background:#f1ede4;color:var(--ink);font:17px/1.6 Golos,sans-serif}main{max-width:1450px;margin:auto;padding:38px 38px 48px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}header img{width:132px}header a{color:var(--sage);font-size:14px}.eyebrow{color:var(--sage);font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}h1{font:800 42px/1.2 Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 14px}.intro{color:#68665f;max-width:950px;margin:0 0 34px}h2{font:750 22px/1.3 Manrope,sans-serif;margin:0 0 25px}.states{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.state-label{font-size:13px;color:#68665f;margin:0 0 18px}.level{padding:28px 0 38px;border-bottom:0;position:relative}.level:after{content:'';height:8px;position:absolute;bottom:0;left:0;right:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 10' preserveAspectRatio='none'%3E%3Cpath d='M1 5 Q110 1 200 5 T400 5 T599 4' fill='none' stroke='%23b4b3a1' stroke-width='1.1'/%3E%3C/svg%3E") center/100% 8px no-repeat}button{font:550 17px/1.3 Golos,sans-serif;cursor:pointer}.paper-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:66px;width:100%;padding:18px 25px;border:0;border-radius:8px;background-color:var(--sage);background-image:radial-gradient(circle,rgba(250,247,239,.13) .65px,transparent .9px);background-size:7px 7px;color:#fff;box-shadow:0 2px 0 #344a33;transition:transform 160ms ease,background-color 160ms ease,box-shadow 160ms ease}.paper-primary:before{content:'';position:absolute;inset:0;pointer-events:none;background:var(--paper-outline) center/100% 100% no-repeat}.arrow{width:23px;height:23px;flex:0 0 auto;transition:transform 160ms ease}.paper-secondary{display:inline-flex;align-items:center;gap:17px;min-height:66px;padding:12px 0;border:0;background:none;color:var(--sage);font-weight:650;text-align:left;transition:color 160ms ease,transform 160ms ease}.paper-secondary .label{padding-bottom:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 9' preserveAspectRatio='none'%3E%3Cpath d='M2 7 Q140 0 318 4' fill='none' stroke='%2352758a' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") left bottom/100% 7px no-repeat}.paper-primary[data-state=hover]{background-color:#455e43;transform:translateY(-2px);box-shadow:0 4px 0 #344a3345,0 7px 12px -10px #29292970}.paper-primary[data-state=pressed]{background-color:#3e553d;transform:translateY(1px);box-shadow:none}.paper-secondary[data-state=hover]{color:#344a33}.paper-secondary[data-state=hover] .arrow{transform:translateX(3px)}.paper-secondary[data-state=pressed]{color:#344a33;transform:translateY(1px)}[data-state=focus],button:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:8px}button:disabled{opacity:.4;cursor:default;box-shadow:none}.try{margin-top:28px;padding:25px 28px;background:#faf7ef;border-radius:4px}.try p{margin:0 0 20px;color:#68665f}.try-row{display:flex;align-items:center;gap:38px}.try .paper-primary{width:245px}.feedback{font-size:14px;color:var(--sage);min-height:24px;margin-top:18px}
@media(hover:hover) and (pointer:fine){.paper-primary:not([data-state]):not(:disabled):hover{background-color:#455e43;transform:translateY(-2px);box-shadow:0 4px 0 #344a3345,0 7px 12px -10px #29292970}.paper-secondary:not([data-state]):hover{color:#344a33}.paper-secondary:not([data-state]):hover .arrow{transform:translateX(3px)}}.paper-primary:not([data-state]):active{background-color:#3e553d;transform:translateY(1px);box-shadow:none}.paper-secondary:not([data-state]):active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){button,.arrow{transition:none}.paper-primary:not([data-state]):hover,.paper-secondary:not([data-state]):hover .arrow{transform:none}}@media(max-width:1000px){.states{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}main{padding:30px 24px}h1{font-size:34px}}@media(max-width:600px){.states{grid-template-columns:1fr 1fr}.try-row{flex-wrap:wrap;gap:16px}.paper-primary{gap:10px;padding:15px;font-size:15px}.paper-secondary{font-size:15px;gap:9px}.try{padding:22px 20px}h1{font-size:30px}}
:root{--paper-outline:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27300%27%20height%3D%2772%27%20viewBox%3D%270%200%20300%2072%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M11%202%20Q76%201%20148%202%20T289%202%20Q298%203%20298%2012%20L298%2059%20Q298%2069%20289%2070%20Q210%2071%20147%2070%20T11%2070%20Q2%2070%202%2059%20L2%2013%20Q1%203%2011%202Z%27%20fill%3D%27none%27%20stroke%3D%27%23354d34%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M13%204%20Q108%203%20176%204%20T285%204%27%20fill%3D%27none%27%20stroke%3D%27%23faf7ef%27%20stroke-opacity%3D%27.15%27%20stroke-width%3D%27.8%27%2F%3E%3C%2Fsvg%3E")}