.hcl{color:#222}
.hcl h2{margin:0 0 24px;font-size:clamp(24px,3.4vw,36px);line-height:1.2;text-align:center}
.hcl-wrap{max-width:1160px;margin:0 auto;padding:48px 20px}
.hcl-hero{position:relative;margin:0 20px;border-radius:20px;overflow:hidden;background:#17100a linear-gradient(120deg,#17100a,#3a2415 55%,#17100a);color:#fff;text-align:center}
.hcl-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hcl-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(10,6,3,.72) 0,rgba(10,6,3,.5) 55%,rgba(10,6,3,.22) 100%)}
.hcl-hero__in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:clamp(520px,44vw,680px);max-width:820px;margin:0 auto;padding:110px 20px 56px}
.hcl-hero h1{margin:0 0 16px;font-size:clamp(30px,5vw,54px);line-height:1.12;color:#fff}
.hcl-hero__txt{margin:0 0 28px;font-size:clamp(15px,1.5vw,18px);line-height:1.6;color:#fff}
.hcl-eye{margin:0 0 12px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#e3c58e;font-weight:600}
.hcl-cta{display:inline-block;padding:16px 34px;border:0;border-radius:999px;background:linear-gradient(135deg,#e3c58e,#b98a45);color:#1c1108;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s}
.hcl-cta:hover{transform:translateY(-2px)}
.hcl-cta:disabled{opacity:.6;cursor:wait;transform:none}
.hcl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hcl-card{display:flex;flex-direction:column;gap:8px;min-height:160px;padding:22px 18px;border:1px solid #e2d8c8;border-radius:16px;background:#fff;color:#222;font:inherit;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s}
.hcl-card:hover{transform:translateY(-3px);border-color:#b98a45}
.hcl-card strong{font-size:17px}
.hcl-card span{flex:1;font-size:14px;line-height:1.45;color:#5c5346}
.hcl-card em{font-style:normal;font-size:14px;font-weight:700;color:#8a5a2b}
.hcl-steps{background:#17100a;color:#fff}
.hcl-steps h2{color:#fff}
.hcl-steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;counter-reset:s}
.hcl-steps li{counter-increment:s;margin:0;padding:22px;border:1px solid rgba(227,197,142,.4);border-radius:16px}
.hcl-steps li::before{content:counter(s);display:block;margin-bottom:10px;font-size:26px;font-weight:700;color:#e3c58e}
.hcl-steps strong{display:block;margin-bottom:6px;font-size:17px;color:#fff}
.hcl-steps span{font-size:14px;line-height:1.5;color:#efe6d8}
.hcl-about{max-width:820px;text-align:center}
.hcl-about p{margin:0 0 24px;font-size:16px;line-height:1.7}
.hcl-dlg{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:28px;border:0;border-radius:18px;background:#fbf8f2;color:#222}
.hcl-dlg::backdrop{background:rgba(10,6,3,.72)}
.hcl-dlg h2{margin-bottom:8px;font-size:26px}
.hcl-x{position:absolute;top:10px;right:12px;width:38px;height:38px;border:0;background:none;font-size:28px;line-height:1;color:#222;cursor:pointer}
.hcl-note{margin:0 0 16px;font-size:14px;line-height:1.5;text-align:center;color:#5c5346}
.hcl-note a{color:#8a5a2b;text-decoration:underline}
.hcl-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hcl-dlg label{display:block;margin-bottom:12px;font-size:14px;font-weight:600}
.hcl-dlg select,.hcl-dlg input:not([type=file]),.hcl-dlg textarea{display:block;width:100%;margin-top:5px;padding:11px 12px;border:1px solid #cfc3b0;border-radius:10px;background:#fff;color:#222;font:inherit;font-weight:400}
.hcl-dlg input[type=file]{display:block;width:100%;margin-top:5px;padding:12px;border:1px dashed #b98a45;border-radius:10px;background:#fff;font-weight:400}
.hcl-dlg small{display:block;margin-top:4px;font-weight:400;color:#5c5346}
.hcl-files{margin:0 0 12px;padding:0;list-style:none;font-size:13px}
.hcl-files li{display:flex;justify-content:space-between;gap:10px;margin:0;padding:4px 0;overflow-wrap:anywhere}
.hcl-hp{position:absolute!important;left:-9999px;width:1px;height:1px}
.hcl-err{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fbe9e7;color:#9c2a1b;font-size:14px}
.hcl-send{display:block;width:100%;margin-bottom:12px}
.hcl-done{padding:24px 0;text-align:center}
.hcl-done p{margin:0 0 20px;line-height:1.6}
@media(max-width:749px){
.hcl-hero{margin:0 12px}
.hcl-wrap{padding:36px 16px}
.hcl-grid{grid-template-columns:1fr 1fr;gap:10px}
.hcl-card{min-height:150px;padding:16px 14px}
.hcl-steps ol{grid-template-columns:1fr}
.hcl-dlg{padding:22px 16px}
.hcl-row{grid-template-columns:1fr}
}
.hcp{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;padding-top:120px}
.hcp__media img{display:block;width:100%;height:auto;border-radius:18px}
.hcp h1{margin:0 0 16px;font-size:clamp(26px,3.2vw,38px);line-height:1.2}
.hcp__desc{margin-bottom:24px;font-size:16px;line-height:1.65}
.hcp__desc ul{margin:12px 0;padding-left:20px}
.hcp .hcl-cta{text-decoration:none}
@media(max-width:749px){.hcp{grid-template-columns:1fr;gap:24px;padding-top:96px}}
.hcl-card b{font-size:15px;color:#222}
.hcl-bulk{max-width:820px;margin:32px auto 0;text-align:center}
.hcl-bulk p{margin:0 0 24px;font-size:16px;line-height:1.7}
.hcp__from{margin:0 0 14px;font-size:20px;font-weight:700;color:#8a5a2b}
@media(max-width:749px){.hcl-hero__img{position:static;display:block;height:auto}.hcl-hero::after{display:none}.hcl-hero__in{min-height:0;padding:28px 16px 36px}}
