/* SOFELYX V27 — HubSpot sales buying guide */
.h27-section{max-width:1080px;margin:54px auto;padding:42px;background:white;border:1px solid #e0e8f2;border-radius:24px;box-shadow:0 16px 50px rgba(15,39,75,.04);scroll-margin-top:108px}
.h27-section.h27-soft{background:linear-gradient(135deg,#f3f8fd,#fff)}
.h27-section h2{margin:8px 0 12px;color:#122b49;font-size:clamp(1.55rem,2.6vw,2.25rem);line-height:1.17;letter-spacing:-.035em}
.h27-section p{line-height:1.75;color:#465c74}
.h27-kicker{color:#cb5635;font-weight:800;letter-spacing:.12em;font-size:.75rem}
.h27-lead{max-width:820px;margin-bottom:24px}
.h27-scroll{overflow-x:auto;max-width:100%;border:1px solid #dce6f0;border-radius:16px;background:#fff}
.h27-table{width:100%;min-width:760px;border-collapse:collapse;font-size:.94rem;line-height:1.55}
.h27-table th,.h27-table td{padding:18px 15px;vertical-align:top;border-bottom:1px solid #e6ecf3;text-align:left}
.h27-table thead th{background:#122b49;color:white;font-weight:750}
.h27-table tbody th{color:#122b49;white-space:nowrap}
.h27-table td b{color:#132d4a}
.h27-table td small{display:block;font-size:.82rem;margin-top:5px;color:#61738c}
.h27-note{margin:22px 0;background:#fff7eb;border-left:4px solid #e79c35;padding:16px 19px;border-radius:12px;color:#624514;line-height:1.7}
.h27-inline,.h27-actions{display:flex;flex-wrap:wrap;gap:11px;align-items:center;margin-top:18px}
.h27-inline a,.h27-link{display:inline-block;color:#155799;text-decoration:underline;text-underline-offset:3px;font-weight:750}
.h27-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0}
.h27-grid article{background:#fff;border:1px solid #dfebf4;border-radius:16px;padding:22px}
.h27-grid h3{margin:0 0 8px;color:#122b49;font-size:1.1rem}
.h27-grid p{margin:0}
.h27-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.h27-controls label{display:grid;gap:9px;color:#143452;font-weight:750;font-size:.93rem}
.h27-controls select,.h27-controls input{width:100%;min-width:0;appearance:auto;border:1px solid #bccde1;border-radius:12px;padding:12px 14px;background:#fff;color:#13304e;font-size:1rem;min-height:49px}
.h27-controls select:focus,.h27-controls input:focus{outline:3px solid #bde2f0;outline-offset:2px}
.h27-result{border:1px solid #b3ddda;border-radius:18px;background:#eafaf8;padding:21px 25px;margin:18px 0}
.h27-result span{font-size:.83rem;color:#1e635f;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.h27-result strong{display:block;font-size:1.75rem;color:#094e4b;margin:5px 0}
.h27-result p{color:#255f5b;margin:5px 0 8px}
.h27-result small{color:#52716d}
.h27-button{border:1px solid #b9ccdf;border-radius:11px;background:#f4f8fc;color:#12375a;min-height:46px;padding:11px 19px;cursor:pointer;font-weight:750;font-size:.94rem}
.h27-button:hover{background:#e7f0fa}
.h27-button.h27-primary{background:#10385c;border-color:#10385c;color:white}
.h27-button.h27-primary:hover{background:#205680}
.h27-cost-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.h27-cost-result>div{padding:16px;border-radius:14px;background:#eef7fa;min-width:0}
.h27-cost-result span{display:block;font-size:.81rem;color:#426177}
.h27-cost-result strong{display:block;font-size:clamp(1.1rem,2vw,1.5rem);color:#0a5360;overflow-wrap:anywhere;margin-top:7px}
.h27-help{font-size:.9rem;margin:14px 0}
.h27-disclaimer{font-size:.84rem;margin:20px 0 0}
.h27-steps{display:grid;gap:12px;padding-left:24px;margin:20px 0 24px;color:#455c75;line-height:1.7}
.h27-steps li::marker{font-weight:800;color:#df633f}
.h27-steps strong{color:#173b61}
.h27-copy-msg{font-size:.85rem}
.h27-source-list{display:grid;gap:12px;margin-top:24px}
.h27-source-list a{color:#165d9a;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.h27-faqs{display:grid;gap:10px;margin:20px 0}
.h27-faqs details{background:#f5f9fd;border:1px solid #dae6f1;border-radius:13px;padding:16px}
.h27-faqs summary{font-weight:750;color:#1b3855;cursor:pointer}
.h27-faqs p{margin:13px 0 0}
@media(max-width:700px){.h27-section{margin:26px 12px;padding:23px 18px;border-radius:17px}.h27-grid,.h27-controls{grid-template-columns:1fr}.h27-table{min-width:730px}.h27-cost-result{grid-template-columns:1fr}.h27-section h2{font-size:1.55rem}.h27-steps{padding-left:18px}}
.h27-cost-result[hidden]{display:none!important}