.hth-strip{margin:0 0 18px!important;padding:0!important}
.hth-strip *,.hth-hero *{box-sizing:border-box}
.hth-strip__a{display:flex!important;align-items:center;gap:10px;background:#14213d;color:#fff!important;text-decoration:none!important;border-radius:10px;padding:7px 8px 7px 8px;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(20,33,61,.18);font-size:13.5px;line-height:1.4}
.hth-strip__a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#B87333}
.hth-strip__a:after{content:"";position:absolute;top:0;bottom:0;left:-30%;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);animation:hthSweep 5.5s ease-in-out infinite}
.hth-strip__home{flex:none;display:inline-flex;align-items:center;gap:5px;background:#B87333;color:#fff;font-weight:900;font-size:12.5px;border-radius:7px;padding:4px 10px 4px 8px;margin-left:4px}
.hth-strip__home svg{width:15px;height:15px}
.hth-strip__txt{flex:1;min-width:0;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;color:#d9dfeb;font-weight:700}
.hth-strip__txt b{color:#FFC94A;font-weight:900}
.hth-strip__tk{position:relative;display:inline-block;height:1.5em;min-width:10em;overflow:hidden;vertical-align:middle}
.hth-strip__roll{display:block;position:relative;height:100%}
.hth-strip__roll span{position:absolute;left:0;top:0;white-space:nowrap;color:#fff;font-weight:900;background:rgba(255,255,255,.12);border-radius:5px;padding:0 8px;opacity:0;transform:translateY(100%);transition:transform .45s ease,opacity .45s ease}
.hth-strip__roll span.on{opacity:1;transform:translateY(0)}
.hth-strip__roll span.out{opacity:0;transform:translateY(-100%)}
.hth-strip__go{flex:none;display:inline-flex;align-items:center;gap:4px;background:#fff;color:#14213d;font-weight:900;font-size:12.5px;border-radius:99px;padding:4px 12px}
.hth-strip__go svg{width:11px;height:11px;animation:hthNudge 1.6s ease-in-out infinite}
.hth-strip__a:hover .hth-strip__go{background:#FFC94A}

.hth-hero{position:relative;margin:36px 0 28px!important;padding:0!important;background:#14213d;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;border-radius:18px;overflow:hidden;color:#fff;box-shadow:0 12px 30px rgba(20,33,61,.28);font-size:15px;line-height:1.7}
.hth-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:#B87333}
.hth-hero__wire{position:absolute;left:10px;right:0;top:0;height:4px;background:rgba(184,115,51,.35);overflow:hidden}
.hth-hero__wire span{position:absolute;top:0;left:-20%;width:18%;height:100%;background:linear-gradient(90deg,transparent,#FFE08A,#fff,#FFE08A,transparent);animation:hthWire 2.8s linear infinite}
.hth-hero__in{padding:28px 26px 26px 36px}
.hth-hero__eb{display:inline-block;background:#B87333;color:#fff;font-size:12px;font-weight:900;letter-spacing:.1em;border-radius:4px;padding:2px 10px}
.hth-hero__h{font-size:27px;font-weight:900;line-height:1.4;margin:10px 0 6px;color:#fff;letter-spacing:.01em}
.hth-hero__h em{font-style:normal;color:#FFC94A;position:relative;white-space:nowrap}
.hth-hero__h em:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;border-radius:2px;background:#FFC94A;transform-origin:left;animation:hthLine 3.2s ease-in-out infinite}
.hth-hero__lead{color:#d2d9e6;font-size:14.5px;max-width:46em;margin:0}
.hth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.hth-card{display:flex!important;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none!important;color:#17202e!important;box-shadow:0 6px 16px rgba(0,0,0,.25);transition:transform .18s ease,box-shadow .18s ease}
.hth-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.35)}
.hth-card__pic{position:relative;aspect-ratio:2/1;background:linear-gradient(135deg,var(--c2),var(--c));display:flex;align-items:center;justify-content:center;overflow:hidden}
.hth-card__pic:before{content:"";position:absolute;right:-20%;top:-35%;width:70%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.12)}
.hth-card__pic svg{position:relative;width:62%;height:auto;display:block}
.hth-card__b{padding:10px 12px 12px;border-top:4px solid var(--c)}
.hth-card__eb{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--c)}
.hth-card__t{font-size:15.5px;font-weight:900;line-height:1.35;margin:1px 0 3px;color:#17202e}
.hth-card__d{font-size:12.5px;line-height:1.55;color:#4d5767}
.hth-cta{margin-top:22px;display:flex;flex-direction:column;align-items:center;gap:8px}
.hth-btn{position:relative;overflow:hidden;display:inline-flex!important;align-items:center;gap:10px;background:#B87333;color:#fff!important;text-decoration:none!important;font-size:18px;font-weight:900;border-radius:99px;padding:14px 34px;box-shadow:0 6px 0 #7d4a1c,0 10px 22px rgba(0,0,0,.3);transition:transform .12s ease,box-shadow .12s ease}
.hth-btn:hover{transform:translateY(2px);box-shadow:0 4px 0 #7d4a1c,0 8px 18px rgba(0,0,0,.3)}
.hth-btn svg{width:22px;height:22px;position:relative}
.hth-btn .hth-btn__arr{width:14px;height:14px;animation:hthNudge 1.4s ease-in-out infinite}
.hth-btn__shine{position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:hthSweep 3.6s ease-in-out infinite}
.hth-cta__sub{font-size:12.5px;color:#aeb8ca}

.hth-hero.hth-js .hth-hero__head{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.hth-hero.hth-js .hth-card{opacity:0;transform:translateY(22px) scale(.97);transition:opacity .5s ease calc(var(--i) * 90ms + 150ms),transform .5s cubic-bezier(.2,.8,.3,1.2) calc(var(--i) * 90ms + 150ms),box-shadow .18s ease}
.hth-hero.hth-js .hth-cta{opacity:0;transition:opacity .6s ease 1s}
.hth-hero.hth-js.is-in .hth-hero__head{opacity:1;transform:none}
.hth-hero.hth-js.is-in .hth-card{opacity:1;transform:none}
.hth-hero.hth-js.is-in .hth-card:hover{transform:translateY(-4px)}
.hth-hero.hth-js.is-in .hth-cta{opacity:1}

.hth-a-slide{animation:hthSlide 3.4s ease-in-out infinite}
.hth-a-book{animation:hthBook 3s ease-in-out infinite;transform-box:fill-box;transform-origin:bottom}
.hth-a-row{animation:hthRow 4s steps(1,end) infinite}
.hth-a-blink{animation:hthBlink 1s steps(1,end) infinite}
.hth-a-press{animation:hthPress 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.hth-a-flow{stroke-dasharray:22 200;animation:hthFlow 2.6s linear infinite}
.hth-a-mag{animation:hthMag 5s ease-in-out infinite}
.hth-a-bar{transform-box:fill-box;transform-origin:bottom;animation:hthBar 3.6s ease-in-out infinite}
.hth-a-bar.b2{animation-delay:.15s}.hth-a-bar.b3{animation-delay:.3s}.hth-a-bar.b4{animation-delay:.45s}
.hth-a-up{animation:hthUp 3.6s ease-in-out infinite}
.hth-a-step{transform-box:fill-box;transform-origin:center;animation:hthStep 3.6s ease-in-out infinite}
.hth-a-step.s2{animation-delay:.6s}.hth-a-step.s3{animation-delay:1.2s}
.hth-a-flag{transform-box:fill-box;transform-origin:left center;animation:hthFlag 1.2s ease-in-out infinite}
.hth-a-drop{animation:hthDrop 3s cubic-bezier(.5,0,.7,1) infinite}

@keyframes hthSweep{0%,55%{left:-40%}100%{left:130%}}
@keyframes hthNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@keyframes hthWire{0%{left:-20%}100%{left:110%}}
@keyframes hthLine{0%{transform:scaleX(0)}30%,80%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
@keyframes hthSlide{0%,35%{transform:translate(0,0)}50%,85%{transform:translate(8px,-6px)}100%{transform:translate(0,0)}}
@keyframes hthBook{0%,30%{transform:translateY(0)}45%,75%{transform:translateY(-12px) rotate(-4deg)}90%,100%{transform:translateY(0)}}
@keyframes hthRow{0%{transform:translateY(0)}25%{transform:translateY(11px)}50%{transform:translateY(22px)}75%{transform:translateY(33px)}}
@keyframes hthBlink{0%{opacity:1}50%{opacity:0}}
@keyframes hthPress{0%,40%,100%{transform:scale(1)}50%{transform:scale(.88)}60%{transform:scale(1)}}
@keyframes hthFlow{0%{stroke-dashoffset:222}100%{stroke-dashoffset:0}}
@keyframes hthMag{0%,100%{transform:translate(0,0)}25%{transform:translate(32px,0)}50%{transform:translate(32px,24px)}75%{transform:translate(0,24px)}}
@keyframes hthBar{0%,15%{transform:scaleY(.3)}45%,85%{transform:scaleY(1)}100%{transform:scaleY(.3)}}
@keyframes hthUp{0%,30%{opacity:0;transform:translateY(8px)}50%,85%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}
@keyframes hthStep{0%,100%{transform:scale(1)}15%{transform:scale(1.35)}30%{transform:scale(1)}}
@keyframes hthFlag{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.7)}}
@keyframes hthDrop{0%{transform:translateY(-4px);opacity:0}15%{opacity:1}55%,100%{transform:translateY(34px);opacity:0}}

@media (max-width:900px){
  .hth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hth-card:first-child{grid-column:1/-1;flex-direction:row!important}
  .hth-card:first-child .hth-card__pic{flex:0 0 46%;aspect-ratio:auto;min-height:96px}
  .hth-card:first-child .hth-card__b{border-top:0;border-left:4px solid var(--c);display:flex;flex-direction:column;justify-content:center}
  .hth-card__pic svg{width:78%}
}
@media (max-width:640px){
  .hth-strip__a{gap:7px;padding:6px 6px;font-size:12.5px}
  .hth-strip__home{padding:3px 8px 3px 6px;font-size:11.5px}
  .hth-strip__txt>b,.hth-strip__txt{font-size:12px}
  .hth-strip__txt{gap:6px}
  .hth-strip__pre{display:none}
  .hth-strip__tk{min-width:0;flex:1}
  .hth-strip__go{padding:3px 9px;font-size:11.5px}
  .hth-hero{border-radius:14px;margin:28px 0 22px!important}
  .hth-hero:before{width:6px}
  .hth-hero__wire{left:6px}
  .hth-hero__in{padding:20px 12px 18px 18px}
  .hth-hero__h{font-size:19.5px}
  .hth-card__pic{aspect-ratio:2/1}
  .hth-hero__lead{font-size:13px}
  .hth-grid{gap:8px;margin-top:14px}
  .hth-card{border-radius:11px}
  .hth-card__b{padding:7px 8px 9px}
  .hth-card__eb{font-size:8.5px;letter-spacing:.08em}
  .hth-card__t{font-size:13.5px}
  .hth-card__d{font-size:11.5px;line-height:1.45}
  .hth-btn{font-size:16px;padding:12px 24px}
}
@media (prefers-reduced-motion:reduce){
  .hth-hero *,.hth-strip *,.hth-strip__a:after{animation:none!important;transition:none!important}
}