.hp-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:920px}.hp-tool-card{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:20px;border:1px solid var(--hp-line);background:var(--hp-card);color:var(--hp-text)!important;text-decoration:none;transition:transform .3s var(--hp-ease),box-shadow .3s,border-color .3s}.hp-tool-card:hover{transform:translateY(-4px);box-shadow:0 24px 44px -28px #0f122266;border-color:color-mix(in srgb,var(--hp-accent) 35%,var(--hp-line))}.hp-tool-card h3{margin:6px 0 0;font-size:20px;color:var(--hp-ink)}.hp-tool-card p{margin:0!important;line-height:1.6}.hp-tool-go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--hp-accent-text);padding-top:8px}.hp-tool{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px;align-items:start}.hp-tool-in{background:var(--hp-card);border:1px solid var(--hp-line);border-radius:22px;padding:26px;box-shadow:0 30px 60px -48px #0f122280;display:flex;flex-direction:column;min-width:0}.hp-tool-out{position:sticky;top:90px;background:var(--hp-card);border:1px solid var(--hp-line);border-radius:22px;padding:24px;box-shadow:0 30px 60px -48px #0f122280;display:flex;flex-direction:column;align-items:stretch;gap:14px;min-height:260px}.hp-tlabel{font-size:14px;font-weight:700;color:var(--hp-ink);margin:16px 0 7px;display:block}.hp-tlabel:first-child{margin-top:0}.hp-tlabel small{font-weight:500;color:var(--hp-muted);margin-left:6px}.hp-tlabel-row{display:flex;align-items:center;gap:12px;margin:18px 0 8px;flex-wrap:wrap}.hp-tlabel-row .hp-tlabel{margin:0}.hp-tinput{width:100%;font:inherit;font-size:15px;color:var(--hp-ink);border:1px solid var(--hp-line);border-radius:12px;padding:11px 14px;background:var(--hp-card);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.hp-tinput:focus{outline:none;border-color:var(--hp-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--hp-accent) 15%,transparent)}.hp-tinput-lg{font-size:18px;font-weight:600;padding:14px 16px}.hp-tarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55;resize:vertical;min-height:220px}.hp-tchips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px}.hp-tchips button{border:1px solid var(--hp-line);background:var(--hp-alt);border-radius:99px;padding:5px 11px;font:inherit;font-size:13px;color:var(--hp-text);cursor:pointer;transition:border-color .2s,background .2s}.hp-tchips button:hover{border-color:var(--hp-accent);background:var(--hp-card)}.hp-tchips button.is-ex{background:var(--hp-card);color:var(--hp-muted)}.hp-tchips-sep{width:1px;height:18px;background:var(--hp-line);margin:0 4px}.hp-tmuted{color:var(--hp-muted);font-size:13px;display:inline-flex;align-items:center;gap:6px;margin:0!important}.hp-tcenter{justify-content:center;text-align:center;display:block}.hp-tseg{display:inline-flex;background:var(--hp-alt);border-radius:99px;padding:3px}.hp-tseg button{border:0;background:none;font:inherit;font-size:13px;padding:5px 12px;border-radius:99px;color:var(--hp-muted);cursor:pointer}.hp-tseg button.is-on{background:var(--hp-card);color:var(--hp-ink);font-weight:600;box-shadow:0 1px 3px #0f12221f}.hp-tlink{margin-left:auto;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--hp-accent-text);cursor:pointer;padding:0}.hp-tactions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}.hp-ring{position:relative;width:168px;height:168px;margin:4px auto 0;--c: #f59e0b}.hp-ring.is-good{--c: #16a34a}.hp-ring.is-poor{--c: #dc2626}.hp-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.hp-ring circle{fill:none;stroke:var(--hp-alt);stroke-width:10}.hp-ring .hp-ring-val{stroke:var(--c);stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:calc(326.7 * (1 - var(--p)));transition:stroke-dashoffset .6s var(--hp-ease),stroke .3s}.hp-ring>div{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hp-ring strong{font-size:44px;line-height:1;color:var(--hp-ink);letter-spacing:-.03em}.hp-ring span{font-size:13px;font-weight:700;color:var(--c);margin-top:6px;max-width:120px}.hp-tstats{display:flex;justify-content:center;gap:22px;font-size:12.5px;color:var(--hp-muted)}.hp-tstats span{display:flex;flex-direction:column;align-items:center}.hp-tstats b{font-size:18px;color:var(--hp-ink)}.hp-tchecks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.hp-tchecks li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--hp-alt);font-size:13.5px;line-height:1.5}.hp-tchecks li>svg{flex:none;margin-top:2px}.hp-tchecks li.is-pass>svg{color:#16a34a}.hp-tchecks li.is-warn>svg{color:#d97706}.hp-tchecks li.is-fail>svg{color:#dc2626}.hp-tchecks li.is-tip>svg{color:var(--hp-accent-text)}.hp-tchecks li.is-fail{background:#fef2f2}.hp-tchecks li.is-warn{background:#fffbeb}.hp-tchecks b{display:block;color:var(--hp-ink);font-size:13.5px}.hp-tchecks span{color:var(--hp-text)}.hp-tempty{margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;color:var(--hp-muted);padding:30px 10px}.hp-tempty svg{color:color-mix(in srgb,var(--hp-accent) 50%,#cbd5e1);margin-bottom:4px}.hp-tempty b{color:var(--hp-ink)}.hp-inbox-row{display:grid;grid-template-columns:250px 1fr;gap:18px;margin-top:22px;align-items:start}.hp-phone{border:8px solid var(--hp-deep);border-radius:30px;background:var(--hp-card);overflow:hidden;box-shadow:0 20px 40px -24px #0f122299}.hp-phone-top{display:flex;justify-content:space-between;align-items:center;padding:8px 14px 6px;font-size:11px;color:var(--hp-ink)}.hp-phone-top b{font-size:14px}.hp-mail{display:grid;grid-template-columns:30px 1fr auto;gap:8px;padding:9px 11px;border-top:1px solid var(--hp-line);font-size:12px}.hp-mail i{width:30px;height:30px;border-radius:50%;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:13px}.hp-mail div{min-width:0;display:flex;flex-direction:column;gap:1px}.hp-mail b{color:var(--hp-ink);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-mail strong{font-weight:600;color:var(--hp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-mail span{color:var(--hp-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-mail em{font-style:normal;font-size:10.5px;color:var(--hp-muted)}.hp-mail.is-you{background:color-mix(in srgb,var(--hp-accent) 7%,var(--hp-card))}.hp-desk{border:1px solid var(--hp-line);border-radius:14px;overflow:hidden;background:var(--hp-card)}.hp-desk-bar{display:flex;align-items:center;gap:5px;padding:8px 12px;background:var(--hp-alt);border-bottom:1px solid var(--hp-line)}.hp-desk-bar span{width:9px;height:9px;border-radius:50%;background:var(--hp-line-2)}.hp-desk-bar em{font-style:normal;font-size:12px;color:var(--hp-muted);margin-left:8px}.hp-dmail{display:grid;grid-template-columns:120px 1fr auto;gap:12px;padding:10px 14px;border-top:1px solid var(--hp-line);font-size:13px;align-items:center}.hp-dmail:first-of-type{border-top:0}.hp-dmail b{color:var(--hp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-dmail span{color:var(--hp-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hp-dmail strong{color:var(--hp-ink);font-weight:600}.hp-dmail em{font-style:normal;font-size:12px;color:var(--hp-muted)}.hp-dmail.is-you{background:color-mix(in srgb,var(--hp-accent) 7%,var(--hp-card))}.hp-tool-more{max-width:920px}.hp-tcta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-radius:18px;background:var(--hp-card);border:1px solid var(--hp-line)}.hp-tcta b{display:block;color:var(--hp-ink);font-size:17px;margin-bottom:2px}.hp-tcta span{color:var(--hp-muted);font-size:14px}.hp-switch{display:grid;grid-template-columns:1fr 1.25fr;gap:48px;align-items:center}.hp-switch-from{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}.hp-switch-from span,.hp-switch-from a{padding:6px 13px;border-radius:99px;border:1px solid var(--hp-line);background:var(--hp-card);font-size:13.5px;color:var(--hp-text)}.hp-switch-from a{text-decoration:none;transition:border-color .2s,color .2s}.hp-switch-from a:hover{border-color:var(--hp-accent);color:var(--hp-accent-text)}.hp-switch-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:sw}.hp-switch-steps li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px;border-radius:18px;background:var(--hp-card);border:1px solid var(--hp-line);box-shadow:0 18px 36px -32px #0f122273}.hp-switch-steps li>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--hp-accent),color-mix(in srgb,var(--hp-accent) 55%,#00b8d9))}.hp-switch-steps b{display:block;color:var(--hp-ink);font-size:15.5px;margin-bottom:3px}.hp-switch-steps small{font-size:14px;color:var(--hp-muted);line-height:1.55}.hp-switch-ctas{display:flex;gap:10px;flex-wrap:wrap}.hp .hp-stats-live{display:flex;justify-content:center;align-items:center;gap:6px;font-size:12.5px;color:#fff9;margin:14px 0 0}.hp-stats-live i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e40}@media(max-width:960px){.hp-tool,.hp-switch{grid-template-columns:1fr}.hp-tool-out{position:static}.hp-inbox-row{grid-template-columns:1fr}.hp-phone{max-width:300px}}@media(max-width:600px){.hp-tools-grid{grid-template-columns:1fr}.hp-tool-in,.hp-tool-out{padding:18px}.hp-dmail{grid-template-columns:90px 1fr}.hp-dmail em{display:none}.hp-tcta{flex-direction:column;align-items:flex-start}}.hp-tools-grid,.hp-tool-more{margin-left:auto;margin-right:auto}.hp-switch h2{font-size:clamp(28px,3.2vw,40px);line-height:1.15;letter-spacing:-.03em;color:var(--hp-ink)}.hp-feature-link{display:block;color:inherit!important;text-decoration:none}.hp-feature-link h3{color:var(--hp-ink)}.hp-more-inline{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:14px;font-weight:600;color:var(--hp-accent-text)}.hp-more-inline svg{transition:transform .25s var(--hp-ease)}.hp-feature-link:hover .hp-more-inline svg{transform:translate(3px)}.hp-vs-strip{margin-top:56px;padding-top:40px;border-top:1px solid var(--hp-line)}.hp-vs-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:22px}.hp-vs-head b{font-size:18px;color:var(--hp-ink)}.hp-vs-head span{color:var(--hp-muted);font-size:14.5px}.hp-vs-head .hp-linkarrow{margin:0 0 0 auto}.hp-vs-groups{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.hp-vs-groups small{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--hp-muted);margin-bottom:10px}.hp-vs-chips{display:flex;flex-wrap:wrap;gap:8px}.hp-vs-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--hp-line);background:var(--hp-card);font-size:13.5px;color:var(--hp-ink)!important;transition:border-color .2s,transform .2s}.hp-vs-chip:hover{border-color:color-mix(in srgb,var(--hp-accent) 45%,var(--hp-line));transform:translateY(-2px)}.hp-vs-chip .cmp-toolmark{border-radius:999px;font-size:8px!important}@container hp (max-width: 960px){.hp-vs-groups{grid-template-columns:1fr}.hp-vs-head .hp-linkarrow{margin-left:0}}