@keyframes opc-hubspot-fill{to{width:100%}}@keyframes opc-hubspot-fade{0%{opacity:0}to{opacity:1}}.opCrm[data-crm=hubspot] .map td{padding:0 12px;height:41px;border-bottom:1px solid #eaf0f6;vertical-align:middle}.opCrm[data-crm=hubspot] .dd.key:before{content:"";width:14px;height:14px;flex:none;order:-1;margin-right:-2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='7' cy='10' r='3.5' fill='none' stroke='%23516F90' stroke-width='1.6'/%3E%3Cpath d='M10.5 10H17M14.5 10v2.5M16.5 10v2' fill='none' stroke='%23516F90' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 50%/14px no-repeat}.opCrm[data-crm=hubspot] .dd.key{justify-content:flex-start;gap:8px}.opCrm[data-crm=hubspot] .dd.key:after{margin-left:auto}.opCrm[data-crm=hubspot] .dd.nodd:after{display:none}.opCrm[data-crm=hubspot] .map .check{margin:0;font-size:12.5px}.opCrm[data-crm=hubspot] .ann .co.above:before{bottom:-4px;left:var(--ax,26px)}.opCrm[data-crm=hubspot] .ann .co.below:before{left:var(--ax,26px)}.opCrm[data-crm=hubspot] .ann .co.right:before{top:var(--ay,16px)}.opCrm[data-crm=hubspot] .det{display:grid;grid-template-columns:1fr 1fr;gap:30px 40px}.opCrm[data-crm=hubspot] .drop-note{font-size:12px;color:#7C98B6;position:absolute;left:16px;bottom:10px}.opCrm[data-crm=hubspot] .drop{position:relative}@keyframes opc-hubspot-pin{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width:960px){.opCrm[data-crm=hubspot] .wrap{padding:0 16px}.opCrm[data-crm=hubspot] .hero .wrap{padding-top:56px;padding-bottom:56px}.opCrm[data-crm=hubspot] .hero h1{font-size:38px}.opCrm[data-crm=hubspot] .pickbar{grid-template-columns:1fr}.opCrm[data-crm=hubspot] .pickbar .arrow{display:none}.opCrm[data-crm=hubspot] .hook,.opCrm[data-crm=hubspot] .sec{padding:80px 0}.opCrm[data-crm=hubspot] .hook h2,.opCrm[data-crm=hubspot] .sec h2{font-size:32px}.opCrm[data-crm=hubspot] .done-nums{grid-template-columns:1fr 1fr;gap:14px}.opCrm[data-crm=hubspot] .walk-steps{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:32px}.opCrm[data-crm=hubspot] .walk-steps button{padding-top:12px;text-align:center}.opCrm[data-crm=hubspot] .walk-steps b{font-size:12.5px;line-height:1.3;margin-top:6px}.opCrm[data-crm=hubspot] .ann .co,.opCrm[data-crm=hubspot] .walk-steps em{display:none}.opCrm[data-crm=hubspot] .walk-text{display:block;margin:14px auto 0;min-height:66px;text-align:left;background:#fff;border-left:3px solid var(--red);border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.5;color:var(--ink);box-shadow:0 1px 2px rgba(15,23,42,.05)}.opCrm[data-crm=hubspot] .rec{grid-template-columns:1fr}.opCrm[data-crm=hubspot] .op{height:44px;transform:rotate(90deg)}.opCrm[data-crm=hubspot] .why{grid-template-columns:1fr}.opCrm[data-crm=hubspot] .why>div{border-left:0;border-top:1px solid var(--line);padding:20px 4px}.opCrm[data-crm=hubspot] .why>div:first-child{border-top:0}.opCrm[data-crm=hubspot] .kv div{height:50px}.opCrm[data-crm=hubspot] .twin{grid-template-columns:1fr}.opCrm[data-crm=hubspot] .names{grid-template-columns:1fr 1fr;gap:0 16px}.opCrm[data-crm=hubspot] .names div{flex-direction:column;gap:0;padding:8px 2px}.opCrm[data-crm=hubspot] .names span{font-size:13.5px}.opCrm[data-crm=hubspot] .tally{flex-wrap:wrap;gap:24px 0}.opCrm[data-crm=hubspot] .tally div{padding:0 18px}.opCrm[data-crm=hubspot] .tally b{font-size:30px}.opCrm[data-crm=hubspot] .tpl{grid-template-columns:1fr 1fr;padding:24px 20px;gap:16px}.opCrm[data-crm=hubspot] .tpl a{white-space:normal;font-size:14px}.opCrm[data-crm=hubspot] .ways a{grid-template-columns:1fr auto;gap:4px 12px}.opCrm[data-crm=hubspot] .ways .ds{grid-column:1/-1}.opCrm[data-crm=hubspot] .ways i{display:none}.opCrm[data-crm=hubspot] .why div{grid-template-columns:1fr;gap:4px}.opCrm[data-crm=hubspot] .lim-facts,.opCrm[data-crm=hubspot] .reads,.opCrm[data-crm=hubspot] .rules{grid-template-columns:1fr}.opCrm[data-crm=hubspot] .lim-facts li{border-left:0;border-top:1px solid var(--line);padding:14px 4px}.opCrm[data-crm=hubspot] .lim-facts li:first-child{border-top:0}.opCrm[data-crm=hubspot] .header-copy .hc-top{flex-direction:column;align-items:flex-start}.opCrm[data-crm=hubspot] .more{grid-template-columns:1fr}.opCrm[data-crm=hubspot] .more div{grid-template-columns:130px 1fr}.opCrm[data-crm=hubspot] .free{flex-wrap:wrap;gap:6px 18px}.opCrm[data-crm=hubspot] .unsaid p{grid-template-columns:1fr;gap:2px}.opCrm[data-crm=hubspot] br.d{display:none}.opCrm[data-crm=hubspot] .hook h2{font-size:30px}.opCrm[data-crm=hubspot] .unsaid{padding:6px 20px 14px}.opCrm[data-crm=hubspot] .done-card{padding:22px 20px}}.opCrm[data-crm=hubspot] .hs-steps{margin:28px auto 0;max-width:580px;padding-left:22px;list-style:decimal;text-align:left;font-size:16.5px;line-height:1.6;color:#33475B}.opCrm[data-crm=hubspot] .hs-steps li+li{margin-top:8px}