@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/golos-text-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/golos-text-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/golos-text-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/golos-text-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/golos-text-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/golos-text-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/golos-text-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/golos-text-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Oswald';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/oswald-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Oswald';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/oswald-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Oswald';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/oswald-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Oswald';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/oswald-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Oswald';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/oswald-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Oswald';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/oswald-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--olive:#2f3a2e;--olive2:#3d4b3b;--sand:#f3efe6;--ink:#2f3a2e;--muted:#55594d;--pale:#cfd3c4;--orange:#e8742a;--rust:#a8481a;--warm:#e8a77a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sand);color:var(--ink);font-family:'Golos Text',system-ui,sans-serif;font-size:16px;-webkit-text-size-adjust:100%}
a{color:var(--rust)}a:hover{color:#7d3412}
.wrap{max-width:1160px;margin:0 auto;padding:0 32px}
.disp{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.01em}
.tag{font-family:'Oswald',sans-serif;font-size:13px;font-weight:500;color:var(--rust);letter-spacing:.08em;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 26px;border-radius:6px;font:700 16px 'Golos Text',system-ui,sans-serif;text-decoration:none;border:0;cursor:pointer}
.btn-o{background:var(--orange);color:#1e1a14}.btn-o:hover{background:#f08a45;color:#1e1a14}
.btn-l{background:transparent;color:var(--sand);border:2px solid var(--sand)}.btn-l:hover{background:rgba(243,239,230,.1);color:var(--sand)}
.btn[disabled]{opacity:.6;cursor:wait}
header{background:var(--olive);color:var(--sand)}
.bar{display:flex;align-items:center;gap:12px;height:70px}
.bar .logo{font-size:22px;font-weight:700;color:var(--sand);text-decoration:none;display:flex;align-items:center;gap:12px}
.bar nav{margin-left:auto;display:flex;gap:26px}
.bar nav a{color:var(--sand);text-decoration:none;font-size:15px}
.bar nav a:hover{text-decoration:underline}
.hero{background:var(--olive);color:var(--sand);position:relative;overflow:hidden}
.hero svg.bg{position:absolute;inset:0;width:100%;height:100%}
.hero .in{position:relative;padding:96px 32px 110px;display:flex;flex-direction:column;gap:28px}
.hero h1{margin:0;font-size:84px;line-height:.98;font-weight:700;max-width:760px}
.hero p{margin:0;font-size:19px;line-height:1.55;color:var(--pale);max-width:540px}
.row{display:flex;flex-wrap:wrap;gap:14px}
section.block{padding:88px 0}
.head{display:flex;flex-direction:column;gap:10px;margin-bottom:46px}
h2{margin:0;font-size:46px;font-weight:700}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 36px}
.feat{border-top:3px solid var(--olive);padding-top:18px;display:flex;flex-direction:column;gap:10px}
.feat h3{margin:0;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:22px;font-weight:600}
.feat p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.code{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:22px}
.code label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:15px}
.code input{height:56px;width:260px;max-width:100%;border:2px solid var(--olive);border-radius:6px;background:#fffdf8;padding:0 16px;font:600 20px 'Golos Text',system-ui,sans-serif;color:var(--ink);letter-spacing:.06em}
.code input:focus{outline:3px solid var(--orange);outline-offset:1px}
.code .hint{font-size:14px;color:var(--muted);max-width:420px;line-height:1.5;padding-bottom:6px}
.msg{min-height:24px;font-size:15px;font-weight:600;margin:-8px 0 14px}
.msg.err{color:#a1260d}.msg.ok{color:#2f6b2c}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.dl{background:var(--olive);color:var(--sand);border-radius:10px;padding:30px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.dl h3{margin:0;font-size:30px;font-weight:700}
.dl .meta{font-size:15px;color:var(--pale)}
.dl .step{font-size:15px;color:var(--pale);line-height:1.55}
.note{margin:26px 0 0;font-size:14px;color:var(--muted);line-height:1.6;max-width:820px}
footer{background:var(--olive);color:var(--pale)}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px;padding-top:26px;padding-bottom:32px;font-size:14px}
footer .r{margin-left:auto}
@media (max-width:820px){
 .wrap{padding:0 16px}.hero .in{padding:64px 16px 76px}
 .hero h1{font-size:52px}h2{font-size:36px}
 .grid3,.grid2{grid-template-columns:1fr}
 .bar nav{gap:16px}.bar .logo span{font-size:19px}
 section.block{padding:60px 0}.btn{width:100%}.row{flex-direction:column}
 .code input{width:100%}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.tag.warm{color:var(--warm)}section.block.dlsec{padding-top:0}