.ht-campaign{margin:40px auto;padding:28px;border:1px solid var(--line,#e7e8e9);border-radius:var(--radius,14px);background:var(--green-l,#eafaec);scroll-margin-top:90px;color:var(--ink,#101a28)}
.ht-campaign h2{margin:8px 0 14px;color:var(--green-dd,#125320);line-height:1.25;font-size:clamp(24px,4vw,32px)}
.ht-campaign p{margin:10px 0}.ht-campaign .ht-tag{font-size:13px;font-weight:700;color:#125320;letter-spacing:.04em}.ht-plans{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.ht-plan{background:#fff;border:1px solid #c9decc;border-radius:12px;padding:22px;min-width:0}.ht-plan.ht-annual{border:2px solid #1f7a37}.ht-plan h3{margin:0;color:#125320;font-size:20px}.ht-price{font-size:clamp(28px,5vw,38px);font-weight:800;line-height:1.3}.ht-price small{font-size:14px;font-weight:500}.ht-plan ul{padding-left:20px;margin:12px 0 20px}.ht-plan .btn{background:#1f7a37;color:#fff;padding:12px 18px;text-align:center}.ht-saving{font-weight:700;color:#125320}.ht-note{font-size:14px;color:#454e58}.ht-help{display:flex;align-items:center;gap:20px;padding:20px;background:#fff;border-radius:12px}.ht-help img{width:100px;height:122px;object-fit:cover;border-radius:12px;flex-shrink:0}.ht-help strong{color:#125320}.ht-help a{color:#17642a;text-decoration:underline;font-weight:600}.ht-campaign :focus-visible,.ht-popup :focus-visible{outline:3px solid #101a28;outline-offset:4px}.ht-popup{position:fixed;left:20px;bottom:20px;width:min(350px,calc(100vw - 40px));z-index:45;background:white;color:#101a28;border:1px solid #c9decc;border-radius:14px;box-shadow:0 8px 30px #101a2826;padding:20px}.ht-popup[hidden]{display:none}.ht-popup h2{font-size:20px;color:#125320;margin:0 32px 12px 0;line-height:1.3}.ht-popup p{font-size:15px;margin:8px 0}.ht-popup .ht-close{position:absolute;right:8px;top:8px;background:#fff;color:#125320;border:1px solid #c9decc;border-radius:8px;width:44px;height:44px;font-size:26px;cursor:pointer}.ht-popup .ht-popup-link{display:inline-block;background:#1f7a37;color:#fff;border-radius:8px;padding:10px 16px;margin-top:8px;font-weight:700}.ht-popup label{display:flex;align-items:center;gap:8px;font-size:14px;min-height:44px;margin-top:10px;cursor:pointer}.ht-popup input{width:20px;height:20px;flex-shrink:0}.ht-popup .ht-mini{display:flex;gap:12px;align-items:center}.ht-popup img{width:50px;height:61px;border-radius:8px;object-fit:cover}.ht-campaign-link{color:inherit;text-decoration:underline;font-weight:600}
@media(max-width:640px){.ht-campaign{margin:24px auto;padding:18px}.ht-plans{grid-template-columns:1fr}.ht-help{align-items:flex-start;gap:14px;padding:16px}.ht-help img{width:64px;height:78px}.ht-popup{bottom:14px;left:14px;width:calc(100vw - 28px);max-width:350px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ht-campaign .btn{transition:none;transform:none}}
@media(max-width:860px){.main-nav ul{visibility:hidden;pointer-events:none}.main-nav #navtoggle:checked~ul{visibility:visible;pointer-events:auto;transform:translateY(0)}}