:root{--hc-red:#e33b2e;--hc-ink:#111820;--hc-paper:#f4f1e9;--hc-line:#c9c5ba}.hc-page{background:var(--hc-paper);min-height:100vh;color:var(--hc-ink);font-family:Arial,Helvetica,sans-serif}.hc-top{border-bottom:1px solid var(--hc-line);letter-spacing:.08em;justify-content:space-between;align-items:center;height:58px;padding:0 clamp(20px,5vw,72px);font-size:.78rem;font-weight:800;display:flex}.hc-top a{color:inherit;align-items:center;gap:9px;text-decoration:none;display:flex}.hc-hero{color:#fff;background:#121820;grid-template-columns:1fr auto;gap:40px;padding:clamp(52px,8vw,108px) clamp(20px,7vw,110px);display:grid}.hc-hero p{color:#ff6657;letter-spacing:.16em;font-size:.76rem;font-weight:900}.hc-hero h1{letter-spacing:-.065em;margin:18px 0 0;font-size:clamp(3rem,7.5vw,7.5rem);line-height:.88}.hc-hero h1 em{color:#ff6657;font-style:normal}.hc-hero aside{grid-template-columns:auto 120px;align-self:end;gap:8px 16px;display:grid}.hc-hero aside strong{color:#ff6657;font-size:2.6rem}.hc-hero aside span{align-self:center;font-weight:700}.hc-note{border-bottom:1px solid var(--hc-line);gap:16px;margin:0 clamp(20px,7vw,110px);padding:24px 0;display:flex}.hc-note svg{color:var(--hc-red);flex:none}.hc-note p{max-width:900px;margin:5px 0 0;line-height:1.6}.hc-workspace{padding:34px clamp(20px,7vw,110px) 80px}.hc-controls{grid-template-columns:minmax(280px,1fr) 2fr auto;align-items:center;gap:18px;margin-bottom:28px;display:grid}.hc-controls label{border:1px solid var(--hc-line);background:#fff;align-items:center;gap:9px;padding:12px 14px;display:flex}.hc-controls input{width:100%;font:inherit;background:0 0;border:0;outline:0}.hc-controls>div{gap:7px;padding-bottom:3px;display:flex;overflow:auto}.hc-controls button{border:1px solid var(--hc-line);white-space:nowrap;cursor:pointer;background:0 0;padding:9px 12px;font-weight:700}.hc-controls button.active{background:var(--hc-ink);color:#fff}.hc-controls>span{white-space:nowrap;font-size:.8rem;font-weight:800}.hc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.hc-card{text-align:left;border:1px solid var(--hc-line);cursor:pointer;min-height:330px;color:inherit;background:#fff;flex-direction:column;padding:22px;transition:all .2s;display:flex}.hc-card:hover{border-color:var(--hc-red);transform:translateY(-4px);box-shadow:0 16px 40px #1a1e2514}.hc-card>div{justify-content:space-between;align-items:start;gap:15px;display:flex}.hc-card>div span{color:var(--hc-red);font-size:1.8rem;font-weight:900}.hc-card i{text-transform:uppercase;text-align:right;letter-spacing:.05em;font-size:.69rem;font-style:normal;font-weight:800}.hc-card h2{margin:28px 0 12px;font-size:1.3rem;line-height:1.18}.hc-card p{color:#4d5359;margin:0;font-size:.94rem;line-height:1.55}.hc-card footer{border-top:1px solid #e4e0d7;justify-content:space-between;align-items:end;gap:15px;margin-top:auto;padding-top:20px;display:flex}.hc-card footer b{color:#9a2a22;max-width:130px;font-size:.7rem}.hc-card footer span{align-items:center;gap:5px;font-size:.75rem;font-weight:800;display:flex}.hc-method{color:#fff;background:#df392d;grid-template-columns:auto 1fr auto;align-items:start;gap:22px;padding:42px clamp(20px,7vw,110px);display:grid}.hc-method h2{margin:0 0 8px;font-size:1.35rem}.hc-method p{max-width:770px;margin:0;line-height:1.55}.hc-source{gap:8px;display:grid}.hc-source a{color:#fff;border-bottom:1px solid #ffffff80;align-items:center;gap:8px;padding:7px 0;font-weight:800;text-decoration:none;display:flex}.hc-source svg{width:14px}.hc-modal{z-index:50;background:#080b0ed9;justify-content:flex-end;display:flex;position:fixed;inset:0}.hc-modal>article{background:var(--hc-paper);width:min(720px,94vw);height:100%;padding:clamp(28px,5vw,60px);position:relative;overflow:auto;box-shadow:-30px 0 80px #0006}.hc-close{color:#fff;cursor:pointer;background:#111820;border:0;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:22px;right:22px}.hc-modal-head{align-items:center;gap:12px;margin:10px 55px 24px 0;display:flex}.hc-modal-head span{color:var(--hc-red);font-weight:900}.hc-modal-head i{font-size:.72rem;font-style:normal;font-weight:800}.hc-modal h2{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(2rem,5vw,3.6rem);line-height:1.02}.hc-status{color:#8e2a22;border:1px solid #d7aaa5;padding:7px 10px;font-size:.75rem;display:inline-block}.hc-modal section{border-top:1px solid var(--hc-line);padding:24px 0}.hc-modal section:first-of-type{margin-top:30px}.hc-modal h3{text-transform:uppercase;letter-spacing:.1em;margin:0 0 9px;font-size:.76rem}.hc-modal section p{margin:0;font-size:1.03rem;line-height:1.62}.hc-example{background:#fff;gap:16px;margin-top:10px;display:flex;border:1px solid var(--hc-line)!important;padding:22px!important}.hc-example svg{color:var(--hc-red);flex:none}.hc-example a{color:var(--hc-red);align-items:center;gap:7px;margin-top:14px;font-weight:900;text-decoration:none;display:inline-flex}.hc-example h3{font-size:.84rem}.hc-example p{font-weight:800}@media (max-width:900px){.hc-grid{grid-template-columns:repeat(2,1fr)}.hc-controls{grid-template-columns:1fr}.hc-method{grid-template-columns:auto 1fr}.hc-source{grid-column:2}.hc-hero aside{display:none}}@media (max-width:600px){.hc-top span{display:none}.hc-hero,.hc-grid{grid-template-columns:1fr}.hc-card{min-height:300px}.hc-method{grid-template-columns:1fr}.hc-source{grid-column:auto}.hc-modal>article{width:100vw}.hc-controls>div{margin-right:-20px}}