/* v2.87 — visual + editorial polish. Applied after legacy styles. */
:root { --vd-focus: #cae4d5; }
html { scroll-padding-top: 82px; }
body { -webkit-font-smoothing: antialiased; }
:where(a, button, summary):focus-visible { outline: 3px solid #74a98c; outline-offset: 3px; }
.site-header .nav { gap: 24px; }
.site-header .header-call { white-space: nowrap; gap: 6px; font-weight: 800; }
.site-header .header-call span { white-space: nowrap; }
.hero-action .btn { white-space: nowrap; font-weight: 800; padding-inline: 22px; gap: 5px; line-height: 1.25; }
.hero-action .cta-arrow { white-space: nowrap; flex-shrink:0; }
.hero-person { font-size: 13px; line-height:1.45; margin: 0 0 14px; color:#c4d6df; }
.hero-secondary-link { color:#fff5ca; font-weight:750; display:inline-block; margin-top:5px; }
.why-check, .method, .standard-proof { padding-block: 58px!important; }
.why-check .section-head { margin-bottom: 26px!important; }
.signal-grid article { min-height:0!important; }
.signal-grid article p { line-height:1.52!important; }
.signal-grid article .signal-check { margin-top:auto; }
.why-conclusion { margin-top:16px!important; }
.why-conclusion p { margin:0; }
.carousel-hint { display:none; }
.method-tabs-hint { display:none; }
.method .steps { margin-top: 24px; }
.method .steps article { padding-block:20px; }
.method .steps p { font-size:14px; }
.process-price { margin-top:14px!important; }
.standard-proof { padding-block:48px!important; }
.research-gallery { padding-top:64px!important; padding-bottom:60px!important; }
.research-gallery .evidence-head { align-items:start; margin-bottom:14px; }
.research-gallery .evidence-head h2 { font-size:clamp(37px,3.6vw,55px);line-height:1.04; }
.gallery-introduction { max-width:930px; margin-bottom:18px; }
.research-six-card { position:relative; border-top:4px solid #496f72; padding:22px!important; gap:12px!important; }
.research-six-card:nth-child(2),.research-six-card:nth-child(5){border-top-color:#93805e;}
.research-six-card:nth-child(3),.research-six-card:nth-child(6){border-top-color:#54826c;}
.research-six-card .research-six-description { font-size:14px!important;line-height:1.52!important; }
.research-six-card .case-benefit { font-size:13px!important;line-height:1.5!important;color:#294f53!important;font-weight:650; }
.research-six-card .research-card-foot { gap:12px!important; }
.research-six-card .research-card-foot a { display:inline-flex!important; align-items:center;justify-content:center; min-height:45px; padding:11px 15px!important;font-size:14px; }
.research-explain-note { margin-top:21px; padding-top:15px; }
.research-explain-note p { font-size:14px; }
.next-help-section { padding-block:48px!important; }
.next-help-section .evidence-head { margin-bottom:24px; }
.next-help-section .evidence-head h2 { font-size:clamp(35px,3.5vw,52px); }
.next-help-card { padding:21px!important; }
.next-help-card .next-help-icon { margin-bottom:13px; width:38px;height:38px;font-size:16px; }
.next-help-card p { margin-bottom:12px; line-height:1.55; }
.next-help-card .example-card-notice,.next-help-card .help-copy-quote { display:none; }
.next-help-card .next-help-screenshot { margin-block:9px 15px; }
.next-help-screenshot .screenshot-zoom{ display:block; width:100%;cursor:zoom-in; }
.next-help-screenshot .screenshot-zoom img { display:block; width:100%; height:auto; max-height:160px; object-fit:cover; object-position:top; }
.next-help-screenshot figcaption { font-size:12px!important;line-height:1.45; }
.service-parameters { display:block!important; width:100%; padding:0!important; margin:0 0 16px!important; border:0!important; }
.service-parameters>summary { color:#1f4d59; cursor:pointer; font-size:14px; font-weight:800; padding:8px 0; }
.service-parameters:not([open])>*:not(summary) { display:none!important; }
.service-parameters li,.service-parameters p {font-size:13px!important;line-height:1.45!important;}
.next-help-note { font-size:13px; }
.additional-services-pricing { display:block!important; margin-top:20px!important; padding:16px 20px!important; background:rgba(255,255,255,.5); border:1px solid #dad6ca; }
.additional-services-pricing>summary.additional-services-toggle { display:flex; justify-content:space-between; gap:12px;align-items:center; font-size:17px; padding:0; cursor:pointer; list-style:none; color:#163745; }
.additional-services-toggle::-webkit-details-marker{display:none;}
.additional-services-toggle span { transition:transform .2s; }
.additional-services-pricing[open] .additional-services-toggle span {transform:rotate(180deg);}
.additional-services-pricing .additional-services-heading {padding-top:18px;}
.additional-services-pricing .additional-services-heading p { font-size:14px; }
.additional-services-pricing .additional-services-list {margin-top:15px;}
.decision-band { padding-block:43px!important; }
.contact-section { padding-block:57px!important; }
.phone-contact-card { padding:30px!important; }
.phone-contact-main { gap:20px; }
.phone-contact-main .phone-contact-button { white-space:nowrap; font-size:clamp(13px,1.25vw,16px)!important; line-height:1.35; }
.phone-contact-steps article { padding:13px 10px; }
.phone-contact-steps article p{font-size:13px;}
.phone-contact-note { font-size:14px; }
.phone-contact-note a { text-decoration:underline; }
.faq-section { padding-block:50px!important; }
.faq-section h2 { margin-bottom:14px; }
.faq-section .faq-intro{margin-bottom:22px;}
.faq-section details { padding-block:14px; }
.price-bottom { padding-block:54px!important; }
.price-panel-bottom{ padding:32px!important; }
.price-panel-bottom .price {font-size:clamp(54px,6vw,76px);margin:10px 0 16px;}
.price-panel-bottom .simple-list { margin-block:18px; }
.price-panel-bottom .freedom { margin-top:15px; }
.price-panel-bottom .operator-note{margin-top:18px;}
.price-panel-bottom .closing-call{display:inline-flex; align-items:center;gap:6px;min-width:0;max-width:100%;white-space:nowrap;text-decoration:none;color:#fff;padding:12px 18px; margin-top:10px;}
.phone-number { white-space:nowrap; }
.footer-top-compact .footer-links a {white-space:nowrap;}
/* On a narrow monitor preserve the CTA on one line by stacking actions rather than breaking the arrow. */
@media (max-width:1260px) and (min-width:901px){
 .hero-action{flex-direction:column;align-items:flex-start;gap:10px;}
 .hero-action .btn{min-width:0!important;font-size:14px;}
 .hero-copy h1{font-size:clamp(43px,4vw,61px);}
}
@media (max-width:900px){
 .site-header .header-call { min-height:42px; padding:0 13px; font-size:13px; }
 .site-header .header-call span { display:inline; }
 .hero-action { flex-wrap:wrap; }
 .next-help-grid {grid-template-columns:1fr 1fr;}
}
@media (max-width:700px){
 html{ scroll-padding-top:68px; }
 .site-header .nav{height:66px!important;gap:10px!important;}
 .site-header .brand{gap:8px!important;min-width:0;}
 .site-header .brand-mark{width:35px;height:35px;font-size:19px;flex-shrink:0;}
 .site-header .brand b{font-size:15px!important;white-space:nowrap;}
 .site-header .brand small{display:none!important;}
 .site-header .nav>.header-call{display:inline-flex!important;min-height:39px;padding:0 11px!important;font-size:13px!important;margin-left:auto;}
 .hero-copy .hero-person {font-size:12px;margin:0 0 8px;}
 .hero-copy .hero-action .btn{font-size:13px!important;min-width:0!important;max-width:100%;white-space:nowrap;padding:0 12px!important;}
 .hero-action>span {font-size:12px!important;line-height:1.42!important;}
 .hero-action .hero-secondary-link{margin-top:4px;}
 .why-check, .method, .standard-proof, .research-gallery {padding-block:38px!important;}
 .why-check .section-head h2 {font-size:30px!important;}
 .signal-grid{gap:11px!important;}
 .signal-grid article{padding:17px!important;flex:0 0 min(82vw,310px)!important;}
 .signal-grid p{font-size:14px!important;}
 .carousel-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#315a65;font-weight:750;font-size:12px;margin:7px 0 14px;}
 .signal-ladder {margin-top:14px!important;}
 .why-bridge {padding:20px!important;}
 .why-conclusion{padding:12px 0!important;}
 .why-conclusion p {font-size:14px!important;}
 .method-explorer-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:0!important;overflow:visible!important;}
 .method-signal{width:100%!important;min-width:0!important;white-space:normal!important;justify-content:center!important;font-size:12px!important;line-height:1.3!important;padding:10px 8px!important;}
 .method-signal:last-child{grid-column:1/-1;}
 .method-tabs-hint{display:block;font-size:12px;color:#b9d0d9;margin:9px 0 13px;}
 .method .steps{margin-top:20px!important;}
 .standard-proof-copy>p{font-size:14px!important;}
 .standard-mobile-rules{margin-top:18px!important;}
 .research-gallery .evidence-head h2{font-size:clamp(33px,8.4vw,41px)!important;}
 .research-gallery .evidence-head>p{font-size:15px!important;line-height:1.48!important;}
 .gallery-introduction{font-size:14px!important;line-height:1.5!important;margin:0 0 20px!important;}
 .research-six-card{padding:19px!important;gap:11px!important;}
 .research-six-card .research-six-description {font-size:14px!important;line-height:1.5!important;}
 .research-six-card .case-benefit{font-size:13px!important;}
 .research-six-card .research-card-foot a{width:100%;}
 .next-help-section{padding-block:38px!important;}
 .next-help-grid{grid-template-columns:1fr!important;gap:12px!important;}
 .next-help-card{padding:18px!important;}
 .next-help-screenshot .screenshot-zoom img{max-height:135px;}
 .additional-services-pricing{padding:13px!important;}
 .additional-services-pricing>summary.additional-services-toggle{font-size:15px;}
 .decision-band{padding-block:32px!important;}
 .contact-section{padding-block:37px!important;}
 .phone-contact-card{padding:18px!important;}
 .phone-contact-button{font-size:clamp(12px,3.55vw,15px)!important;max-width:100%;white-space:nowrap;padding:10px 8px!important;}
 .phone-contact-steps{margin-top:12px!important;}
 .phone-contact-steps article p{font-size:13px;}
 .faq-section{padding-block:36px!important;}
 .faq-section summary{font-size:15px!important;line-height:1.36!important;}
 .faq-section details p{font-size:14px!important;}
 .price-bottom{padding-block:34px!important;}
 .price-panel-bottom{padding:21px 16px!important;}
 .price-panel-bottom .price{font-size:60px!important;}
 .price-panel-bottom .closing-call{font-size:clamp(12px,3.3vw,15px);padding:11px 9px!important;white-space:nowrap;}
 .footer-note {font-size:18px!important;}
 .eyebrow{font-size:11px!important;}
 .research-card-top .research-sequence{font-size:12px!important;}
 .research-location{font-size:12px!important;}
 .next-help-card .example-card-notice{display:none!important;}
 .example-main{padding-top:24px!important;}
 .example-hero{margin-bottom:15px!important;}
 .example-panel{margin-bottom:13px!important;}
 .example-panel p,.example-panel li{font-size:14px!important;}
}
@media (max-width:370px){
 .site-header .brand b{font-size:14px!important;}
 .site-header .nav>.header-call{padding-inline:9px!important;font-size:12px!important;}
 .phone-contact-button{font-size:12px!important;}
 .price-panel-bottom .closing-call{font-size:12px;}
}
/* Examples: showcase the actual visual first, details remain available on request. */
.example-explain,.example-details {margin-top:20px;padding:15px;border:1px solid #dce4e4;background:#f7faf8;}
.example-explain>summary,.example-details>summary{font-size:16px;color:#18475a;font-weight:850;}
.example-screenshot a{cursor:zoom-in;}
/* Tablet: keep standard-rule copy inside its cards (legacy 3-column grid was too narrow). */
@media (min-width:701px) and (max-width:1020px){
 .standard-v270-rules .standard-checks{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 .standard-v270-rules .standard-checks article,
 .standard-v270-rules .standard-checks article>div{min-width:0!important;overflow-wrap:break-word;}
 .standard-v270-rules .standard-checks article p{overflow-wrap:break-word;}
}