@font-face{font-family:Manrope;src:url('/assets/index-leadscale-font-400-849290ef12a2.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/index-leadscale-font-800-74c161dbcbce.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--bg:#090c0d;--panel:#101516;--line:#2c3436;--text:#f5f7f7;--muted:#a3afb3;--cyan:#00d2e8;color-scheme:dark;font-family:Manrope,'Microsoft YaHei','PingFang SC',sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}a:hover{color:var(--cyan)}p{line-height:1.8}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}button{border:0}img{max-width:100%}.icon{width:22px;height:22px;flex-shrink:0;filter:invert(1)}.primary .icon{filter:none}.cyan{color:var(--cyan)}.skip{position:absolute;left:20px;top:-100px;background:white;color:black;padding:15px;z-index:20}.skip:focus{top:10px}.site-header{height:100px;padding:0 4%;display:flex;align-items:center;gap:42px;border-bottom:1px solid #ffffff06}.brand{display:inline-flex;flex-shrink:0}.brand img{object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:34px;margin-left:auto;font-size:15px;color:#d5dcde}.account-links{display:flex;align-items:center;gap:32px;font-size:15px}.register{border:1px solid #687075;border-radius:30px;padding:10px 28px}.register:hover{border-color:var(--cyan)}.mobile-menu,.mobile-nav{display:none}.hero{min-height:924px;padding:18px 24px 115px;text-align:center;background:url('/assets/index-leadscale-background-168a3de5250e.png') center bottom/100% 100% no-repeat}.product-switch{width:440px;max-width:100%;height:68px;border:1px solid #737b7d;border-radius:26px;margin:0 auto 58px;display:grid;grid-template-columns:1fr 1fr;padding:3px}.product-switch a{border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.35}.product-switch strong{font-size:20px;font-weight:800}.product-switch span{font-size:15px}.product-switch .selected{background:#f9fafb;color:#090c0d}.product-switch a:not(.selected):hover{background:#192023;color:white}.hero h1{font-size:clamp(64px,6.9vw,106px);font-weight:900;line-height:1.15;letter-spacing:-3px;margin:0 auto 26px}.hero h1 span{color:var(--cyan)}.hero-copy{font-size:24px;line-height:1.75;color:#bdc7ca;max-width:1200px;margin:0 auto 38px}.hero-actions{display:flex;justify-content:center;gap:22px}.button{min-height:62px;padding:16px 30px;border-radius:12px;display:inline-flex;justify-content:center;align-items:center;gap:14px;font-size:19px;font-weight:700;line-height:1.4;border:1px solid transparent}.primary{background:#f6f8f8;color:#080d0f}.primary:hover{background:var(--cyan);color:#080d0f}.secondary{border-color:#bcc6c8;background:#0b1011;color:#f5f7f7}.secondary:hover{border-color:var(--cyan);color:var(--cyan)}.hero-actions .button{min-width:258px;min-height:68px;font-size:21px}.download-note{font-size:15px;color:#a5b0b4;margin:18px 0 42px}.hero-metrics{max-width:860px;display:grid;grid-template-columns:1.2fr 1fr 1fr;margin:auto}.hero-metrics div{position:relative;display:flex;flex-direction:column;gap:6px}.hero-metrics div+div{border-left:1px solid #89999c}.hero-metrics strong{font-size:54px;line-height:1.2;letter-spacing:-1.5px;font-weight:800}.hero-metrics small{font-size:44px}.hero-metrics span{font-size:22px;color:#d2dbde}.section{max-width:1440px;padding:110px 48px;margin:auto;border-top:1px solid var(--line);scroll-margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:52px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--cyan);font-weight:800;margin-bottom:24px}.section h2{font-size:44px;line-height:1.4;letter-spacing:-1.7px;margin:0}.section-heading>p{font-size:16px;color:var(--muted);margin:0;flex-shrink:0}.table-caption{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:20px}.table-caption span:first-child{font-size:16px;color:white}.table-scroll{overflow:auto;scrollbar-color:#46565c #12191c;scrollbar-width:thin}.compare-table{border-collapse:collapse;min-width:1320px;width:100%;font-size:13px;line-height:1.7;table-layout:fixed}.compare-table th,.compare-table td{text-align:left;vertical-align:top;padding:22px 16px;border-bottom:1px solid var(--line);border-right:1px solid #20282a;font-weight:400}.compare-table th:first-child{width:140px;color:#e0e8ea}.compare-table th{font-weight:700}.compare-table td{color:#aebbc0}.compare-table thead{background:#12191b}.compare-table thead th{padding-top:25px;padding-bottom:25px}.compare-table .featured{background:#102427;color:#d5f8fa;border-left:1px solid #29616a;border-right:1px solid #29616a}.compare-table thead .featured{color:var(--cyan);font-size:17px;border-top:2px solid var(--cyan)}.comparison-details{margin-top:20px;border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.comparison-details summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:14px}.comparison-details[open] summary{margin-bottom:20px}.fine{color:#8b9a9f;font-size:12px;line-height:1.9;margin:18px 0 0}.source-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.source-links a{text-decoration:underline;text-underline-offset:4px}.sample-console{border:1px solid #39464b;border-radius:14px;overflow:hidden;background:#0c1214}.console-top,.console-foot{display:flex;justify-content:space-between;gap:12px;padding:18px 25px;font-size:11px;color:#92a7b0;letter-spacing:1px;background:#121b1e}.console-top{border-bottom:1px solid var(--line)}.sample-toolbar{padding:25px;display:flex;justify-content:space-between;align-items:center;gap:24px}.category-tabs{display:flex;gap:6px}.category-tabs button{padding:11px 19px;background:transparent;border:1px solid transparent;border-radius:6px;font-size:14px;color:#aebac0;white-space:nowrap}.category-tabs button[aria-selected=true]{border-color:#2b7880;background:#103136;color:#60e5ee}.category-tabs button:hover{color:white}.button.compact{font-size:13px;min-height:44px;padding:10px 18px;border-radius:7px;white-space:nowrap}.sample-summary{display:flex;justify-content:space-between;padding:0 25px 20px;font-size:12px;color:#7f959e}.sample-summary span:first-child{color:#bfccd2}.sample-table{border-collapse:collapse;width:100%;min-width:850px;text-align:left;font-size:14px}.sample-table th{font-size:11px;letter-spacing:1px;font-weight:400;color:#7e959f;padding:18px 25px;border-block:1px solid var(--line)}.sample-table td{padding:26px 25px;border-bottom:1px solid #253034;color:#bbc8cf}.sample-table td strong{color:#f3f6f8;font-size:17px;font-weight:800;display:block;margin-bottom:7px}.sample-table td a:not(.text-link){color:#819ba7;font-size:12px}.sample-table small{display:block;color:#6e8b98;font-size:11px;margin-top:8px}.text-link{background:none;border:none;color:var(--cyan);padding:0;display:inline-flex;align-items:center;gap:5px;font-size:13px;text-align:left;line-height:1.6}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link .icon{width:16px;height:16px}.dimension-heading{margin:65px 0 30px}.dimension-heading h3{font-size:26px;margin-bottom:10px}.dimension-heading p{font-size:14px;color:var(--muted)}.dimensions{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line)}.dimensions article{padding:30px 24px 30px 0;position:relative}.dimensions article+article{padding-left:24px;border-left:1px solid var(--line)}.dimensions article>span{position:absolute;right:24px;top:30px;font-size:11px;color:#596b72}.dimensions .icon{width:27px;height:27px;margin-bottom:25px}.dimensions h3{font-size:18px;margin-bottom:12px}.dimensions p{font-size:13px;color:var(--muted);margin:0}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.audience-grid article{border:1px solid var(--line);padding:40px;background:#101618}.audience-grid h3{font-size:27px;margin:28px 0 22px}.audience-grid p{color:#a7b5bb;font-size:16px;max-width:490px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.tags span{font-size:12px;padding:8px 12px;border:1px solid #344247;border-radius:4px;color:#bed1da}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.steps li{padding:35px 24px 0 0}.steps li+li{padding-left:24px;border-left:1px solid var(--line)}.steps li>span{font-size:40px;color:#597078;letter-spacing:-2px}.steps h3{font-size:18px;margin:28px 0 14px}.steps p{font-size:14px;color:var(--muted);min-height:75px}.steps a{color:var(--cyan);font-size:13px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.price-intro h2{font-size:60px;line-height:1.4}.price-intro>p:not(.eyebrow){font-size:17px;color:var(--muted);margin-top:25px}.service-label{display:block;font-size:12px;color:#7b929b;letter-spacing:1px;margin-top:50px}.price-card{border:1px solid #3d6d74;border-radius:14px;background:#101a1d;padding:40px}.price-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:17px}.badge{font-size:11px;letter-spacing:1px;padding:7px 11px;border-radius:4px;color:var(--cyan);background:#163238}.price{font-weight:800;font-size:76px;letter-spacing:-4px;margin:38px 0 8px;line-height:1.15}.price>span{font-size:32px;vertical-align:top;display:inline-block;margin:12px 10px 0 0;letter-spacing:0}.price small{font-size:16px;letter-spacing:0;margin-left:14px;color:#a8bcc5;font-weight:400}.standard-price{font-size:14px;color:#90a7b1}.standard-price strong{font-weight:400;margin-left:8px;color:#c7d6dc}.price-line{height:1px;background:#35484e;margin:30px 0}.price-card h3{font-size:17px}.price-card ul{list-style:none;padding:0;margin:20px 0 30px;font-size:14px;color:#b7c7ce}.price-card li{padding:10px 0;border-bottom:1px solid #22343b}.price-card .button{width:100%;font-size:17px}.price-card .fine{font-size:11px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;gap:28px;padding:25px 4px;font-size:18px}.faq-number{color:#6a858f;font-size:12px;min-width:32px}.faq-list summary .icon{margin-left:auto;width:20px}.faq-list details[open] summary .icon,.comparison-details[open]>summary .icon{transform:rotate(45deg)}.faq-list details>p{color:#a9bac2;font-size:15px;max-width:1000px;margin:0 45px 25px 64px}.closing{text-align:center;padding-block:100px;background:url('/assets/index-leadscale-background-168a3de5250e.png') center 68%/cover}.closing h2{font-size:45px;margin-bottom:35px}.closing .eyebrow{font-size:11px}.site-footer{padding:70px max(4%,calc((100% - 1344px)/2)) 30px;border-top:1px solid var(--line)}.footer-main{display:grid;grid-template-columns:1.4fr 1fr .6fr;gap:70px}.footer-main>div{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer-main>div>span{font-size:12px;color:#5e7b86;margin-bottom:8px}.footer-main p{color:#8fa3ac;font-size:13px;line-height:1.9;margin-top:10px}.footer-main a:not(.brand){font-size:13px}.footer-bottom{border-top:1px solid var(--line);margin-top:50px;padding-top:28px;display:flex;justify-content:space-between;font-size:11px;color:#728c97;gap:20px}.footer-bottom>div{display:flex;gap:25px}dialog{background:#111b1f;color:var(--text);border:1px solid #435b65;border-radius:16px;padding:48px;max-width:min(640px,calc(100vw - 32px));max-height:90dvh;overflow:auto;width:640px}dialog::backdrop{background:#000b}dialog h2{font-size:28px;margin-bottom:24px}dialog>p{color:var(--muted);font-size:14px}.dialog-close{display:block;margin: -20px -15px 25px auto;background:none;color:#adbdc5;font-size:13px;padding:8px}.contact-email{color:var(--cyan);font-size:20px;overflow-wrap:anywhere;display:block;margin:25px 0}.dialog-actions{display:flex;gap:10px}.dialog-actions .button{font-size:14px;min-height:48px;padding:12px 20px}#copy-status{color:var(--cyan);font-size:13px;min-height:24px}dialog dt{font-size:12px;color:#728e9b;margin:20px 0 8px}dialog dd{margin:0;font-size:14px;line-height:1.9;overflow-wrap:anywhere}dialog dd a{color:#55d9e8}
@media(min-width:1600px){.hero{background-size:cover}.hero h1{font-size:106px}}
@media(max-width:1100px){.site-header{gap:25px}.site-header nav{gap:20px;font-size:13px}.brand img{width:210px}.account-links{gap:18px;font-size:13px}.hero{min-height:850px}.hero h1{font-size:74px;letter-spacing:-3px}.hero-copy{font-size:18px;max-width:900px}.section{padding:85px 32px}.section h2{font-size:36px}.section-heading{gap:25px}.section-heading>p{font-size:14px}.pricing{gap:50px}.price-intro h2{font-size:50px}.price-card{padding:28px}.price{font-size:65px}.dimensions article{padding-right:16px}.dimensions article+article{padding-left:16px}.sample-toolbar{padding:20px}.category-tabs button{padding:10px 13px}.steps h3{font-size:16px}.steps li+li{padding-left:18px}.footer-main{gap:35px}}
@media(max-width:800px){.site-header{height:82px;padding:0 24px}.site-header nav,.account-links{display:none}.mobile-menu{display:block;margin-left:auto;border:1px solid #485960;background:none;padding:8px 15px;border-radius:6px;font-size:13px}.mobile-nav:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px;border-bottom:1px solid var(--line);font-size:14px}.hero{min-height:800px;padding-top:28px;padding-bottom:95px;background-size:auto 100%}.product-switch{width:400px;margin-bottom:55px}.hero h1{font-size:clamp(42px,7.7vw,62px);letter-spacing:-2px}.hero-copy{font-size:16px;max-width:650px;line-height:1.9}.desktop-br{display:none}.hero-metrics strong{font-size:42px}.hero-metrics small{font-size:32px}.hero-metrics span{font-size:17px}.hero-metrics{max-width:640px}.section{padding:75px 25px}.section-heading{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:36px}.section-heading>p br{display:none}.section-heading>p{max-width:600px}.section h2{font-size:35px}.table-caption{gap:15px;align-items:center}.sample-toolbar{align-items:flex-start;flex-direction:column;gap:18px}.sample-summary span+span{display:none}.dimensions{grid-template-columns:repeat(3,1fr)}.dimensions article{padding:25px 20px!important;border-bottom:1px solid var(--line)}.dimensions article:nth-child(4){border-left:0}.audience-grid{gap:15px}.audience-grid article{padding:28px}.audience-grid h3{font-size:23px}.audience-grid p{font-size:14px}.tags{gap:7px}.steps{grid-template-columns:repeat(3,1fr);gap:30px 0}.steps li:nth-child(4){border-left:0;padding-left:0}.steps p{min-height:70px}.pricing{grid-template-columns:1fr;gap:35px}.price-intro h2{font-size:44px}.price-intro h2 br:last-child{display:none}.service-label{margin-top:24px}.price-card{max-width:600px;width:100%;padding:35px}.price{font-size:80px}.footer-main{grid-template-columns:1.3fr 1fr;gap:35px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.faq-list summary{font-size:16px;gap:15px}.faq-list details>p{margin-left:48px}.closing h2{font-size:35px}.closing .button{min-width:220px}.console-top{font-size:10px;letter-spacing:.2px}}
@media(max-width:480px){.site-header{height:76px;padding-inline:20px}.brand img{width:205px;height:32px}.hero{min-height:800px;padding:24px 20px 80px;background-position:center bottom}.product-switch{width:330px;height:64px;margin-bottom:48px;border-radius:23px}.product-switch a{border-radius:19px}.product-switch strong{font-size:18px}.product-switch span{font-size:13px}.hero h1{font-size:clamp(29px,8.55vw,41px);letter-spacing:-1.3px;line-height:1.45;margin-bottom:23px}.hero-copy{font-size:14px;line-height:1.95;margin-bottom:28px}.hero-actions{flex-direction:column;gap:12px;max-width:350px;margin:auto}.hero-actions .button{min-height:54px;min-width:0;font-size:16px;border-radius:9px}.download-note{font-size:12px;margin:15px 0 40px}.hero-metrics{grid-template-columns:1.2fr 1fr 1fr}.hero-metrics strong{font-size:29px;letter-spacing:-1px}.hero-metrics small{font-size:22px}.hero-metrics span{font-size:12px}.hero-metrics div{gap:9px}.hero-metrics div+div{border-left-color:#48585f}.section{padding:65px 20px}.eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:20px}.section h2{font-size:26px;line-height:1.5;letter-spacing:-1px}.table-caption{font-size:10px;align-items:flex-start}.table-caption span:first-child{font-size:13px;white-space:nowrap}.table-caption span:last-child{max-width:160px;text-align:right}.compare-table{min-width:1280px}.sample-toolbar{padding:18px 15px}.category-tabs{gap:4px;width:100%;justify-content:space-between}.category-tabs button{font-size:12px;padding:10px 8px}.console-top{flex-direction:column;padding:16px}.sample-summary{padding:0 16px 16px}.console-foot{font-size:10px;padding:15px;letter-spacing:0}.console-foot span:last-child{display:none}.fine{font-size:11px}.dimension-heading{margin-top:45px}.dimension-heading h3{font-size:22px;line-height:1.5}.dimension-heading p{font-size:13px}.dimensions{grid-template-columns:1fr 1fr}.dimensions article:nth-child(3),.dimensions article:nth-child(5){border-left:0}.dimensions article:nth-child(4){border-left:1px solid var(--line)}.dimensions article{padding:24px 16px!important}.dimensions article:last-child{grid-column:1/-1}.dimensions h3{font-size:17px}.dimensions p{font-size:12px}.audience-grid{grid-template-columns:1fr}.audience-grid article{padding:28px 24px}.audience-grid h3{font-size:23px;margin-top:24px}.steps{grid-template-columns:1fr;gap:0}.steps li,.steps li+li{padding:25px 0 25px 60px;border-left:0;border-bottom:1px solid var(--line);position:relative}.steps li>span{position:absolute;left:0;top:26px;font-size:30px}.steps h3{font-size:18px;margin:2px 0 10px}.steps p{min-height:0;font-size:14px;margin-bottom:10px}.steps li:nth-child(4){padding-left:60px}.price-intro h2{font-size:38px}.price-card{padding:26px 22px}.price-top{font-size:15px}.badge{font-size:10px;padding:6px 8px}.price{font-size:65px;letter-spacing:-3px}.price small{font-size:14px;margin-left:10px}.price>span{font-size:26px;margin-right:7px}.price-card li{font-size:12px}.faq-list summary{font-size:15px;line-height:1.6;gap:10px;padding:22px 0}.faq-number{min-width:22px}.faq-list details>p{font-size:13px;margin:0 20px 22px 32px}.closing h2{font-size:29px}.closing .eyebrow{font-size:9px}.site-footer{padding:50px 20px 25px}.footer-main{grid-template-columns:1fr;gap:32px}.footer-main>div:first-child{grid-column:auto}.footer-main>div{gap:12px}.footer-bottom{font-size:10px;line-height:1.9;margin-top:35px}dialog{padding:28px 24px}.dialog-close{margin:-8px -6px 18px auto}dialog h2{font-size:24px}.contact-email{font-size:17px}.dialog-actions{flex-direction:column}.dialog-actions .button{width:100%}}
/* LeadScale comparison: full desktop matrix and responsive side-by-side channels. */
.comparison .section-heading h2{max-width:820px}.comparison-highlights{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #315057;background:#101d21;border-radius:12px;margin:0 0 40px}.comparison-highlights>div{padding:30px 32px;display:flex;flex-direction:column;gap:12px}.comparison-highlights>div+div{border-left:1px solid #315057}.comparison-highlights strong{font-size:32px;line-height:1.2;letter-spacing:-1px;color:#f0fbfc}.comparison-highlights strong small{font-size:14px;letter-spacing:0;color:#bed1d6}.comparison-highlights span{font-size:13px;color:#9db6c0}.comparison-controls{margin-bottom:22px}.comparison-controls .table-caption{margin:0}.channel-selector{display:none}.comparison-scroll{border:1px solid #2d4249;border-radius:10px}.compare-table{min-width:1340px;font-size:13px}.compare-table th:first-child{width:130px}.compare-table [data-channel="1"]{width:240px}.compare-table th,.compare-table td{padding:23px 16px}.compare-table thead th{vertical-align:middle;background:#151f23}.compare-table thead th small{display:block;font-size:11px;color:#9cbbc4;margin-top:8px;font-weight:400}.compare-table td.featured{background:#102b30}.compare-table td.featured>strong{display:block;font-size:15px;color:#dcfcff;line-height:1.6;font-weight:700}.compare-table td.featured>span{display:block;font-size:12px;line-height:1.7;color:#8fc1c8;margin-top:8px}.compare-table thead .featured{background:#12353c;font-size:21px;color:#47e5f3}.compare-table .price-row td{padding-top:28px;padding-bottom:28px;font-size:12px;line-height:1.9}.compare-table td.featured>.comparison-price{font-size:31px;color:#5bf0fb;font-weight:800;letter-spacing:-1px;line-height:1.2}.comparison-price small{font-size:12px;letter-spacing:0;font-weight:400;display:block;margin-top:9px}.compare-table tbody tr:hover td:not(.featured){background:#121c20}.compare-table tbody tr:last-child>*{border-bottom:0}.comparison-conclusion{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:24px;padding:28px 30px;border:1px solid #274047;background:#101b1f;border-radius:9px}.comparison-conclusion strong{font-size:20px}.comparison-conclusion p{font-size:13px;color:#92aeb9;margin:10px 0 0}.comparison-conclusion .button{flex-shrink:0}.comparison-details .fine{padding-bottom:8px}
@media(max-width:1100px){.comparison-highlights>div{padding:26px 22px}.comparison-highlights strong{font-size:27px}.comparison-highlights strong small{font-size:12px}}
@media(max-width:800px){.comparison-highlights{margin-bottom:26px}.comparison-highlights>div{padding:22px 18px}.comparison-highlights strong{font-size:25px}.comparison-highlights span{font-size:12px}.comparison-highlights strong small{display:block;margin-top:7px}.comparison-controls .table-caption{margin-bottom:20px}.channel-selector{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a7bec8;font-size:13px}.channel-selector select{font:inherit;color:#e3f8fc;background:#15282f;border:1px solid #46616b;border-radius:7px;padding:12px 35px 12px 14px;max-width:70%}.channel-selector select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.compare-table{min-width:0;width:100%;table-layout:fixed}.compare-table [data-channel]:not([data-channel="0"]):not([data-channel="1"]):not(.active-channel){display:none}.compare-table th:first-child{width:19%}.compare-table [data-channel="1"]{width:42%}.compare-table th,.compare-table td{padding:20px 16px;overflow-wrap:anywhere}.compare-table thead th{font-size:14px}.compare-table thead .featured{font-size:20px}.compare-table td.featured>strong{font-size:15px}.compare-table td.featured>span{font-size:12px}.comparison-conclusion{align-items:flex-start;padding:25px}.comparison-conclusion strong{font-size:19px}.comparison-conclusion .button{font-size:12px}.comparison-scroll{overflow:visible}}
@media(max-width:480px){.comparison-highlights{border-radius:8px}.comparison-highlights>div{padding:20px 10px;gap:9px}.comparison-highlights strong{font-size:22px;letter-spacing:-1px;white-space:nowrap}.comparison-highlights strong small{font-size:10px;letter-spacing:0}.comparison-highlights span{font-size:10px;line-height:1.7}.comparison-highlights>div:last-child span{font-size:10px}.comparison-controls .table-caption{align-items:center;font-size:10px}.channel-selector{gap:10px;font-size:12px}.channel-selector select{font-size:12px;max-width:65%;min-height:44px;padding:10px 24px 10px 12px}.compare-table th:first-child{width:21%}.compare-table [data-channel="1"]{width:42%}.compare-table th,.compare-table td{padding:18px 10px;font-size:12px;line-height:1.8}.compare-table thead th{padding:18px 9px;font-size:12px}.compare-table thead .featured{font-size:17px;letter-spacing:-.5px}.compare-table thead th small{font-size:10px;line-height:1.7}.compare-table td.featured>strong{font-size:13px;line-height:1.8}.compare-table td.featured>span{font-size:11px;line-height:1.8;margin-top:8px}.compare-table td.featured>.comparison-price{font-size:24px;letter-spacing:-.8px}.comparison-price small{font-size:10px;line-height:1.6}.compare-table .price-row td{font-size:11px;padding:22px 10px}.comparison-conclusion{flex-direction:column;gap:22px;padding:24px 20px}.comparison-conclusion strong{font-size:18px;line-height:1.7}.comparison-conclusion p{font-size:12px}.comparison-conclusion .button{width:100%;font-size:14px}}

/* Chinese typography: open counters, natural tracking, intentional line lengths. */
.hero h1 {
  font-size: clamp(60px, 6.25vw, 96px);
  font-weight: 700;
  line-height: 1.38;
  letter-spacing: .035em;
  margin-bottom: 30px;
}
.hero-copy {
  max-width: 1040px;
  font-size: 21px;
  line-height: 1.95;
  letter-spacing: .035em;
  margin-bottom: 38px;
  text-wrap: pretty;
}
.product-switch { margin-bottom: 48px; }
.product-switch a { line-height: 1.5; }
.product-switch span { letter-spacing: .06em; }
.hero-actions .button { font-size: 19px; letter-spacing: .06em; font-weight: 600; }
.download-note { letter-spacing: .04em; }
.hero-metrics span { letter-spacing: .05em; }
.hero-metrics strong { letter-spacing: 0; }
.section h2 { letter-spacing: .025em; line-height: 1.5; font-weight: 700; }
.section h3 { letter-spacing: .025em; line-height: 1.55; }
.section-heading > p { line-height: 1.95; letter-spacing: .025em; }
.audience-grid p, .dimensions p, .steps p, .faq-list details > p { line-height: 1.95; letter-spacing: .025em; }
.faq-list summary { letter-spacing: .02em; line-height: 1.75; }
.compare-table th, .compare-table td { letter-spacing: .02em; line-height: 1.95; padding-top: 26px; padding-bottom: 26px; }
.compare-table td.featured > strong { line-height: 1.85; }
.compare-table td.featured > span { line-height: 1.9; margin-top: 10px; }
.compare-table td.featured > .comparison-price { letter-spacing: 0; line-height: 1.25; }
.compare-table thead .featured { letter-spacing: 0; }
.sample-table td { line-height: 1.85; letter-spacing: .015em; }
.fine { letter-spacing: .02em; line-height: 1.95; }
.price-intro h2 { line-height: 1.5; }
.site-header nav, .account-links { letter-spacing: .035em; }
@media (max-width: 1100px) {
  .hero h1 { font-size: clamp(56px, 6.25vw, 72px); }
  .hero-copy { max-width: 850px; font-size: 18px; }
}
@media (max-width: 800px) {
  .hero h1 { font-size: clamp(34px, 7.2vw, 58px); line-height: 1.42; letter-spacing: .025em; }
  .hero-copy { max-width: 620px; font-size: 16px; line-height: 1.95; }
  .hero-copy .desktop-br { display: none; }
  .section h2 { letter-spacing: .015em; }
  .hero-actions .button { font-size: 18px; }
}
@media (max-width: 480px) {
  .hero h1 { font-size: clamp(27px, 8vw, 38px); line-height: 1.5; letter-spacing: .02em; margin-bottom: 26px; }
  .hero-copy { max-width: 350px; font-size: 14px; line-height: 2; letter-spacing: .025em; margin-bottom: 30px; }
  .product-switch { margin-bottom: 42px; }
  .hero-actions .button { font-size: 16px; }
  .section h2 { font-size: 25px; line-height: 1.6; letter-spacing: 0; }
  .price-intro h2 { font-size: 36px; }
  .closing h2 { font-size: 28px; }
  .compare-table th, .compare-table td { letter-spacing: 0; padding-top: 21px; padding-bottom: 21px; }
  .compare-table td.featured > strong { line-height: 1.9; }
  .compare-table td.featured > span { line-height: 1.95; }
}

/* Spacious outer canvas; compact information inside the comparison matrix. */
.section {
  width: min(1240px, 84%);
  max-width: none;
  padding: 112px 0;
}
.section-heading { gap: 56px; }
.section-heading > p { flex-shrink: 1; }
.site-header { padding-inline: 6%; }
.site-footer { padding-inline: max(8%, calc((100% - 1240px) / 2)); }
.positioning-points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  padding: 0 0 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid var(--line);
}
.positioning-points > div { display: flex; flex-direction: column; gap: 11px; }
.positioning-points span { font-size: 11px; color: #86a6b1; letter-spacing: .08em; }
.positioning-points strong { font-size: 16px; font-weight: 600; line-height: 1.75; color: #d7eef1; }
.comparison .section-heading { margin-bottom: 38px; }
.comparison-controls { margin-bottom: 18px; }
.compare-table { min-width: 1180px; font-size: 12px; }
.compare-table th:first-child { width: 112px; }
.compare-table [data-channel="1"] { width: 214px; }
.compare-table th, .compare-table td {
  padding: 13px 13px;
  line-height: 1.65;
  letter-spacing: .01em;
}
.compare-table thead th { padding: 17px 13px; }
.compare-table thead .featured { font-size: 19px; }
.compare-table thead th small { margin-top: 5px; font-size: 10px; }
.compare-table td.featured > strong { font-size: 13px; line-height: 1.65; }
.compare-table td.featured > span { font-size: 11px; line-height: 1.65; margin-top: 5px; }
.compare-table .price-row td { padding: 17px 13px; font-size: 11px; line-height: 1.7; }
.compare-table td.featured > .comparison-price { font-size: 26px; }
.comparison-price small { margin-top: 5px; font-size: 11px; }
.comparison-conclusion { padding: 23px 24px; }
@media (max-width: 1100px) {
  .section { padding-block: 88px; }
  .section-heading { gap: 36px; }
  .positioning-points { gap: 20px; }
  .positioning-points strong { font-size: 14px; }
}
@media (max-width: 800px) {
  .section { width: calc(100% - 72px); padding-block: 80px; }
  .section-heading { gap: 24px; }
  .site-footer { padding-inline: 36px; }
  .positioning-points { gap: 18px; }
  .positioning-points strong { font-size: 13px; }
  .compare-table { min-width: 0; }
  .compare-table th:first-child { width: 21%; }
  .compare-table [data-channel="1"] { width: 42%; }
  .compare-table td, .compare-table th { padding: 15px 12px; }
  .compare-table td.featured > strong { font-size: 14px; }
  .compare-table td.featured > span { font-size: 12px; }
}
@media (max-width: 480px) {
  .section { width: calc(100% - 48px); padding-block: 68px; }
  .section h2 { font-size: 24px; }
  .section-heading { margin-bottom: 30px; }
  .positioning-points { grid-template-columns: 1fr; gap: 17px; padding-bottom: 26px; margin-bottom: 26px; }
  .positioning-points > div { flex-direction: row; gap: 16px; align-items: baseline; }
  .positioning-points span { flex-shrink: 0; font-size: 10px; }
  .positioning-points strong { font-size: 12px; }
  .compare-table th, .compare-table td { padding: 12px 9px; font-size: 11px; line-height: 1.75; }
  .compare-table thead th { padding: 14px 9px; font-size: 11px; }
  .compare-table thead .featured { font-size: 16px; }
  .compare-table td.featured > strong { font-size: 12px; line-height: 1.75; }
  .compare-table td.featured > span { font-size: 10px; line-height: 1.8; margin-top: 5px; }
  .compare-table .price-row td { padding: 15px 9px; font-size: 10px; }
  .compare-table td.featured > .comparison-price { font-size: 23px; }
  .price-intro h2 { font-size: 36px; }
  .closing h2 { font-size: 26px; }
  .site-footer { padding-inline: 24px; }
}
@media (max-width: 360px) {
  .category-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .category-tabs button { width: 100%; }
}

/* Supplier-focused headline: retain two deliberate lines with natural spacing. */
.hero h1 { font-size: clamp(52px, 5.45vw, 84px); letter-spacing: .02em; line-height: 1.45; }
.hero-copy { max-width: 1040px; }
.closing h2 { max-width: 1050px; margin-inline: auto; }
@media (max-width: 1100px) {
  .hero h1 { font-size: clamp(42px, 5.45vw, 60px); }
}
@media (max-width: 800px) {
  .hero h1 { font-size: clamp(30px, 6.1vw, 48px); }
}
@media (max-width: 480px) {
  .hero h1 { font-size: clamp(21px, 6.6vw, 31px); line-height: 1.6; letter-spacing: .015em; }
  .closing h2 { font-size: 25px; }
}

/* Named quarterly cost examples keep figures scannable and billing bases visible. */
.channel-cost { display: block; font-size: 17px; color: #eef5f7; line-height: 1.4; font-weight: 650; font-variant-numeric: tabular-nums; letter-spacing: 0; }
.quote-cost { font-size: 15px; }
.cost-unit { display: block; color: #c5d4d9; margin-top: 7px; }
.cost-detail { display: block; color: #90a3aa; margin-top: 9px; font-size: 10px; line-height: 1.8; }
.price-basis-note { color: #9caeb4; font-size: 11px; line-height: 1.9; margin: 16px 0 0; max-width: 960px; }
.price-basis-note a { color: var(--cyan); display: inline-block; margin-left: 8px; text-underline-offset: 4px; }
.price-source-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 36px; padding-top: 20px; }
.price-source-grid p { margin: 0; color: #a8b7bd; font-size: 12px; line-height: 1.95; }
.price-source-grid strong { display: block; color: #e3edf0; margin-bottom: 6px; font-size: 13px; }
.price-source-grid a { display: inline-block; color: var(--cyan); margin-right: 12px; text-underline-offset: 4px; }
@media(max-width:800px) { .price-source-grid { grid-template-columns: 1fr; } }
@media(max-width:480px) { .channel-cost { font-size: 15px; overflow-wrap: anywhere; } .quote-cost { font-size: 12px; } .cost-unit,.cost-detail { font-size: 10px; } .price-basis-note a { margin-left: 0; } }

/* A short decision matrix: price, acquisition route and time first. */
.compare-table .priority-row > th { color: #f0f8fa; font-weight: 700; }
.compare-table .priority-row > td:not(.featured) { color: #c8d5d9; background: rgba(255,255,255,.015); }
.compare-table .priority-row td.featured > strong { color: #67e8f5; font-size: 16px; }
.compare-table .priority-row td.featured > .comparison-price { font-size: 28px; }
.compare-table .price-row td { padding-block: 19px; }
.compare-table .channel-cost { font-size: 16px; }
.compare-table .cost-detail { margin-top: 6px; }
.dimension-scope { display: block; color: #849aa3; font-size: 10px; font-weight: 400; line-height: 1.7; margin-top: 6px; }
.coverage-unavailable { color: #d1d8dc; font-weight: 600; }
.cell-qualifier { display: block; font-size: 10px; color: #849aa3; margin-top: 5px; }
.comparison-scope-note { max-width: 1000px; color: #8b9fa7; font-size: 11px; line-height: 1.85; margin: 7px 0 0; }
@media (max-width:480px) {
  .compare-table .priority-row td.featured > strong { font-size: 13px; }
  .compare-table .priority-row td.featured > .comparison-price { font-size: 24px; }
  .compare-table .channel-cost { font-size: 14px; }
  .dimension-scope { font-size: 9px; }
}

/* Readable comparison at normal viewing distance, with an explicit detail switch. */
.comparison-controls .table-caption { gap: 24px; align-items: center; }
.comparison-caption-text { display: flex; flex-direction: column; gap: 8px; }
.comparison-caption-text strong { color: #f0f7f8; font-size: 22px; font-weight: 600; }
.comparison-caption-text #comparison-mode { font-size: 14px; color: #9fb6be; }
.comparison-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 50px; padding: 12px 20px; border: 1px solid #547981; border-radius: 8px; background: #132a30; color: #d6fbff; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; }
.comparison-toggle:hover { background: #1b3940; border-color: #67e8f5; }
.comparison-toggle:focus-visible { outline: 2px solid #67e8f5; outline-offset: 4px; }
.comparison-toggle[aria-expanded="true"] { background: #1a353b; }
.comparison-toggle > span:last-child { font-size: 24px; line-height: 1; }
.comparison-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.compare-table { min-width: 1280px; font-size: 16px; }
.compare-table th:first-child { width: 116px; }
.compare-table [data-channel="1"] { width: 230px; }
.compare-table th, .compare-table td { padding: 20px 14px; font-size: 16px; line-height: 1.65; }
.compare-table thead th { font-size: 16px; padding: 22px 14px; }
.compare-table thead .featured { font-size: 25px; }
.compare-table thead th small { font-size: 13px; }
.compare-table td.featured > strong { font-size: 18px; }
.compare-table td.featured > span { font-size: 14px; line-height: 1.7; margin-top: 8px; }
.compare-table .priority-row > th { font-size: 18px; }
.compare-table .priority-row > td { font-weight: 500; }
.compare-table .priority-row td.featured > strong { font-size: 21px; line-height: 1.55; }
.compare-table .priority-row td.featured > .comparison-price { font-size: 38px; line-height: 1.2; letter-spacing: -.5px; }
.compare-table .price-row td { padding: 24px 14px; font-size: 14px; }
.compare-table .channel-cost { font-size: 22px; line-height: 1.4; }
.compare-table .cost-unit, .comparison-price small { font-size: 14px; line-height: 1.6; }
.compare-table .cost-detail, .dimension-scope, .cell-qualifier { font-size: 12px; line-height: 1.7; }
.compare-table .priority-row { border-bottom: 1px solid #3c545b; }
.compare-table.is-detailed td { vertical-align: top; }
.compare-table.is-detailed .cell-qualifier { font-size: 13px; }
.price-basis-note, .comparison-scope-note { font-size: 13px; }
@media (max-width:800px) {
 .compare-table { min-width: 0; }
 .compare-table th:first-child { width: 21%; }
 .compare-table [data-channel="1"] { width: 42%; }
 .comparison-controls .table-caption { align-items: flex-start; }
 .comparison-caption-text strong { font-size: 20px; }
 .comparison-toggle { padding: 12px 16px; gap: 12px; }
 .compare-table .channel-cost { font-size: 20px; }
 .compare-table .priority-row td.featured > .comparison-price { font-size: 32px; }
}
@media (max-width:480px) {
 .comparison-controls .table-caption { flex-wrap: wrap; gap: 18px; }
 .comparison-toggle { width: 100%; justify-content: space-between; font-size: 16px; }
 .compare-table th, .compare-table td { padding: 17px 10px; font-size: 14px; line-height: 1.65; }
 .compare-table thead th { font-size: 13px; padding: 18px 10px; }
 .compare-table thead .featured { font-size: 19px; letter-spacing: 0; }
 .compare-table thead th small { font-size: 11px; }
 .compare-table td.featured > strong { font-size: 15px; }
 .compare-table td.featured > span { font-size: 12px; }
 .compare-table .priority-row > th { font-size: 14px; }
 .compare-table .priority-row td.featured > strong { font-size: 17px; }
 .compare-table .priority-row td.featured > .comparison-price { font-size: 29px; }
 .compare-table .price-row td { padding: 20px 10px; }
 .compare-table .channel-cost { font-size: 18px; }
 .compare-table .cost-unit, .comparison-price small { font-size: 12px; }
 .compare-table .cost-detail, .dimension-scope, .cell-qualifier { font-size: 11px; }
 .compare-table.is-detailed .cell-qualifier { font-size: 11px; }
}
.comparison.section { width: min(1440px, 84%); }
@media(max-width:800px) { .comparison.section { width: calc(100% - 72px); } }
@media(max-width:480px) { .comparison.section { width: calc(100% - 48px); } }
.price-range-end { white-space: nowrap; }

/* Fit every channel in the desktop viewport without reducing readable type. */
.compare-table { width: 100%; min-width: 0; table-layout: fixed; }
.compare-table .channel-cost, .compare-table .comparison-price { white-space: nowrap; overflow-wrap: normal; word-break: normal; }
@media(min-width:1024px) {
 .comparison.section { width: min(1240px, 84%); }
 .compare-table th, .compare-table td { padding: 17px 10px; overflow-wrap: anywhere; }
 .compare-table thead th { padding: 20px 10px; }
 .compare-table .price-row td { padding: 20px 10px; }
 .compare-table [data-channel="0"], .compare-table th:first-child { width: 8%; }
 .compare-table [data-channel="1"] { width: 17%; }
 .compare-table [data-channel="2"] { width: 14%; }
 .compare-table [data-channel="3"] { width: 14%; }
 .compare-table [data-channel="4"] { width: 14%; }
 .compare-table [data-channel="5"] { width: 13%; }
 .compare-table [data-channel="6"] { width: 10%; }
 .compare-table [data-channel="7"] { width: 10%; }
 .comparison-scroll { overflow: visible; }
}
@media(min-width:1024px) and (max-width:1199px) {
 .compare-table th, .compare-table td, .compare-table thead th, .compare-table .price-row td { padding-inline: 7px; }
}
@media(min-width:801px) and (max-width:1023px) {
 .channel-selector { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 20px; color: #a7bec8; font-size: 15px; }
 .channel-selector select { font: inherit; color: #e3f8fc; background: #15282f; border: 1px solid #46616b; border-radius: 7px; padding: 12px 16px; }
 .compare-table [data-channel]:not([data-channel="0"]):not([data-channel="1"]):not(.active-channel) { display: none; }
 .compare-table th:first-child { width: 20%; }
 .compare-table [data-channel="1"] { width: 42%; }
 .comparison-scroll { overflow: visible; }
}
@media(max-width:480px) {
 .compare-table th:first-child { width: 18%; }
 .compare-table [data-channel="1"] { width: 46%; }
 .compare-table th, .compare-table td, .compare-table thead th, .compare-table .price-row td { padding-inline: 6px; }
}

/* Only the two full annual ranges adapt to their existing cell width. */
.range-price-fit { container-type: inline-size; width: 100%; }
.compare-table .full-price-range { font-size: clamp(11px, 15cqi, 22px); white-space: nowrap; letter-spacing: 0; }
@media(max-width:480px) { .compare-table .full-price-range { font-size: clamp(11px, 15cqi, 18px); } }

/* One content rail and tighter section transitions across all LeadScale sections. */
main > .section { width: min(1240px, 84%); max-width: none; padding: 32px 0; }
main > .section > :last-child { margin-bottom: 0; }
/* The next section already supplies the separator; avoid a second empty band. */
.comparison-details { border-bottom: 0; }
.sample-category-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; min-width: 0; }
.sample-toolbar { flex-wrap: wrap; }
.category-tabs { flex-wrap: wrap; }
@media(max-width:800px) {
 main > .section { width: calc(100% - 72px); padding-block: 28px; }
 .sample-category-controls { width: 100%; }
}
@media(max-width:480px) {
 main > .section { width: calc(100% - 48px); padding-block: 24px; }
 .sample-category-controls { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; }
}

/* Audit fixes: standalone category action and narrow-screen wrapping. */
.sample-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.category-picker { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.category-picker button { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; text-align: left; padding: 16px; border: 1px solid #3e5a62; border-radius: 8px; background: #132327; }
.category-picker button strong { font-size: 15px; }
.category-picker button span { color: #9eb5bf; font-size: 12px; }
.category-picker button:hover, .category-picker button[aria-pressed="true"] { border-color: var(--cyan); background: #103136; }
.faq-list details > p, .footer-main a { overflow-wrap: anywhere; }
@media(max-width:480px) {
 .sample-actions { width: 100%; }
 .sample-actions .button { flex: 1; padding-inline: 10px; }
}
@media(max-width:360px) {
 .sample-actions { flex-direction: column; }
 .category-picker { gap: 8px; }
 .category-picker button { padding: 12px; }
}

/* Intermediate widths need the same breathing room as tablet layouts. */
@media(min-width:801px) and (max-width:1100px) {
 .dimensions { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .dimensions article { border-bottom: 1px solid var(--line); padding: 25px 20px; }
 .dimensions article:nth-child(4) { border-left: 0; }
 .steps { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px 0; }
 .steps li:nth-child(4) { border-left: 0; padding-left: 0; }
}
@media(min-width:801px) and (max-width:1000px) {
 .pricing { grid-template-columns: minmax(0,1fr); gap: 35px; }
 .price-card { width: 100%; max-width: 600px; }
}

/* Searchable two-level category directory; existing page typography stays intact. */
.category-directory { margin-bottom: 28px; }
.directory-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 18px; }
.directory-heading h3, .curated-title { font-size: 18px; margin: 0 0 8px; }
.directory-heading p, .curated-description { font-size: 14px; color: var(--muted); margin: 0; }
.category-name-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.category-name-list li { padding: 16px 20px; border: 1px solid var(--line); border-radius: 7px; background: #101a1d; font-size: 15px; color: #c4d5db; }
.directory-results { padding: 24px 32px; overflow: auto; }
.directory-results .category-name-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
.sample-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 20px; padding: 22px; font-size: 14px; color: #adc2cc; }
.sample-pagination button:disabled { opacity: .35; cursor: default; }
.curated-table { table-layout: fixed; min-width: 0; }
.curated-table th:first-child { width: 24%; }
.curated-table th:nth-child(2) { width: 13%; }
.curated-table th:nth-child(3) { width: 22%; }
.curated-table td { overflow-wrap: anywhere; padding: 22px 20px; }
.curated-table th { padding-inline: 20px; }
.curated-table td a:not(.text-link) { color: #9bd6de; font-size: 14px; }
.curated-table td:first-child a { color: #f3f6f8; font-weight: 700; }
@media(max-width:800px) {
 .directory-heading { align-items: flex-start; flex-direction: column; gap: 16px; }
 .category-name-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .category-name-list li { padding: 14px; }
 .curated-table, .curated-table tbody, .curated-table tr, .curated-table td { display: block; width: 100%; }
 .curated-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
 .curated-table tr { padding: 20px; border-top: 1px solid var(--line); }
 .curated-table td { display: grid; grid-template-columns: 80px minmax(0,1fr); gap: 12px; border: 0; padding: 8px 0; }
 .curated-table td::before { content: attr(data-label); color: #7f959e; font-size: 12px; }
 .curated-table td a { grid-column: 2; }
 .curated-table td br { display: none; }
 .sample-pagination { gap: 12px; padding: 18px 12px; }
 .sample-pagination .button { padding-inline: 12px; }
 .directory-results { padding: 20px 18px; }
}
.category-coverage { margin: 0; padding: 20px 25px 0; color: #91a8b2; font-size: 12px; }
#sample-download { white-space: normal; text-align: center; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#category-dialog { width: 960px; max-width: calc(100vw - 48px); max-height: min(90dvh,820px); padding: 0; overflow: hidden; }
#category-dialog[open] { display: flex; flex-direction: column; }
.catalog-header { padding: 28px 32px 20px; flex: none; border-bottom: 1px solid var(--line); }
.catalog-header .dialog-close { float: right; margin: 0 -8px 0 16px; }
.catalog-header .eyebrow { margin: 5px 0 12px; }
.catalog-header h2 { margin-bottom: 10px; }
.catalog-header > p:not(.eyebrow) { color: #9fb3bc; font-size: 14px; margin-bottom: 16px; }
.catalog-search { display: flex; align-items: center; gap: 8px; padding: 0 14px; border: 1px solid #45626d; border-radius: 8px; background: #0b1418; }
.catalog-search:focus-within { border-color: var(--cyan); outline: 1px solid var(--cyan); }
.catalog-search input { min-width: 0; width: 100%; height: 48px; color: #e7f2f6; border: 0; outline: 0; background: transparent; font: inherit; font-size: 14px; }
.catalog-search input::placeholder { color: #829aa4; }
.catalog-search button { flex-shrink: 0; background: transparent; color: #81dfeb; padding: 10px 4px; font-size: 12px; }
.catalog-header > .catalog-demo-note { font-size: 11px!important; color: #8aa1ab!important; margin: 12px 0 0!important; }
.catalog-body { display: grid; grid-template-columns: 192px minmax(0,1fr); min-height: 0; height: 380px; }
#catalog-parents { overflow: auto; padding: 16px 12px; border-right: 1px solid var(--line); background: #0c1519; }
#catalog-parents button { width: 100%; min-height: 44px; display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 12px; background: transparent; border: 1px solid transparent; border-radius: 6px; font-size: 14px; text-align: left; }
#catalog-parents small { font-size: 11px; color: #829ca7; }
#catalog-parents button[aria-pressed="true"] { border-color: #286e7a; color: #67e8f5; background: #103136; }
.catalog-results { min-width: 0; overflow: auto; padding: 24px; }
#catalog-results-title { font-size: 18px; margin: 0 0 6px; }
#catalog-result-count { font-size: 12px; color: #90a9b3; margin-bottom: 20px; }
.catalog-children { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.catalog-children button { padding: 14px 12px; min-height: 48px; display: flex; flex-direction: column; gap: 7px; text-align: left; border: 1px solid #344b55; border-radius: 7px; background: #132127; }
.catalog-children strong { font-weight: 500; font-size: 14px; }
.catalog-children small { color: #8aa5b0; font-size: 11px; }
.catalog-children button:hover { border-color: #589ca9; }
.catalog-children button[aria-pressed="true"] { border-color: var(--cyan); color: #67e8f5; background: #103136; }
#catalog-back { display: none; margin-bottom: 18px; }
#catalog-empty { color: #99adb6; font-size: 14px; padding: 12px 0; }
.catalog-footer { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 32px; border-top: 1px solid var(--line); background: #111e24; }
.catalog-footer p { margin: 0; font-size: 13px; color: #c1d6de; overflow-wrap: anywhere; }
#catalog-apply:disabled { opacity: .4; background: #f6f8f8; color: #080d0f; }
@media(max-width:600px) {
 #category-dialog { max-width: calc(100vw - 24px); max-height: 92dvh; }
 .catalog-header { padding: 20px 18px 16px; }
 .catalog-header h2 { font-size: 22px; }
 .catalog-header > p:not(.eyebrow) { font-size: 12px; }
 .catalog-search input { font-size: 16px; }
 .catalog-body { display: block; height: 350px; overflow: auto; }
 #catalog-parents { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; border: 0; overflow: visible; padding: 16px; }
 #catalog-parents button { border-color: #344b55; font-size: 13px; padding: 12px 10px; }
 .catalog-results { display: none; overflow: visible; padding: 18px; }
 #category-dialog.is-subcategory #catalog-parents, #category-dialog.is-searching #catalog-parents { display: none; }
 #category-dialog.is-subcategory .catalog-results, #category-dialog.is-searching .catalog-results { display: block; }
 #catalog-back { display: inline-flex; }
 .catalog-children { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .catalog-footer { flex-direction: column; align-items: stretch; gap: 12px; padding: 16px 18px; }
 .catalog-footer .button { width: 100%; }
 .category-coverage { padding: 16px 15px 0; }

}

@media(max-width:480px) {
 .hero-metrics div:nth-child(2) strong { font-size: clamp(18px,5.7vw,29px); line-height: 34.8px; white-space: nowrap; }
 .hero-metrics div:nth-child(2) span { font-size: 11px; letter-spacing: 0; white-space: nowrap; }
}
/* Shared footer structure with DropScale; LeadScale retains its own palette. */
.site-footer.leadscale-footer { display: block; padding: 32px 0; background: var(--bg); border-top: 1px solid var(--line); }
.ls-footer-inner { width: min(1240px, 84%); margin-inline: auto; }
.ls-footer-columns { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 35px; }
.ls-footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; min-width: 0; }
.ls-footer-column h2 { margin: 0 0 4px; color: #91a8b2; font-size: 13px; font-weight: 800; letter-spacing: .045em; }
.ls-footer-column a, .ls-footer-column > span { color: #d5dcde; font-size: 14px; line-height: 1.5; text-decoration: none; }
.ls-footer-column > span { color: #a3afb3; }
.ls-footer-column a:hover, .ls-footer-registration a:hover { color: var(--cyan); text-decoration: underline; text-underline-offset: 4px; }
.ls-footer-bottom { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; margin-top: 42px; padding-top: 23px; border-top: 1px solid #34474d; }
.ls-footer-identity { flex-shrink: 0; }
.ls-footer-identity a { display: block; width: max-content; }
.ls-footer-identity img { display: block; width: 205px; max-width: 100%; height: auto; }
.ls-footer-identity p { margin: 10px 0 0; color: #91a8b2; font-size: 12px; }
.ls-footer-registration { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 18px; max-width: 650px; text-align: right; }
.ls-footer-registration a, .ls-footer-registration span { color: #91a8b2; font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
@media (max-width: 800px) {
 .ls-footer-inner { width: calc(100% - 72px); }
 .ls-footer-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 35px 20px; }
 .ls-footer-bottom { display: block; }
 .ls-footer-registration { justify-content: flex-start; margin-top: 21px; text-align: left; }
}
@media (max-width: 480px) {
 .site-footer.leadscale-footer { padding-block: 28px; }
 .ls-footer-inner { width: calc(100% - 48px); }
 .ls-footer-column a { min-height: 28px; }
}
