.hp-wide{max-width:1400px;margin-inline:auto}.hp-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hp-price-card{display:flex;flex-direction:column;padding:28px;border:1px solid #39473b;border-radius:18px;background:#141b16;min-width:0}.hp-featured{border-color:#b8f04a}.hp-price-card h3{font-size:1.6rem;margin:12px 0}.hp-price{font-size:2.6rem!important;color:#b8f04a;font-weight:800;line-height:1.2}.hp-price span{font-size:1rem;color:#d1d9cf;font-weight:400}.hp-price-card p,.hp-price-card li,.hp-price-note,.hp-hero-price{font-size:1rem;line-height:1.7}.hp-price-card ul{padding-left:20px;flex:1}.hp-price-card li{margin:8px 0}.hp-price-note{color:#c5cec3;margin-top:22px}.hp-hero-price{margin:18px 0;color:#d0dbcb}.hp-hero-price a,.hp-wide>p a{color:#b8f04a;text-decoration:underline}.hp-table-wrap{overflow-x:auto;margin:24px 0}.hp-table{width:100%;border-collapse:collapse;min-width:570px}.hp-table caption{text-align:left;padding:12px 0;color:#c5cec3}.hp-table th,.hp-table td{padding:18px;text-align:left;border-bottom:1px solid #39473b}.hp-table td{font-size:1.5rem;color:#b8f04a}.skip-link{position:absolute;left:12px;top:-100px;background:#b8f04a;color:#111;padding:12px;z-index:1000}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px solid #b8f04a;outline-offset:4px}.hero h1{font-size:clamp(2.6rem,4.6vw,4.8rem);line-height:1.06}.hero h1 em{display:block}.site-header .main-nav{gap:16px}.hp-demo-link{position:fixed;right:16px;bottom:16px;z-index:60;background:#1e281d;color:#d7ff6e;border:1px solid #91ac55;padding:12px 18px;border-radius:10px;text-decoration:none;font:700 16px Arial}.article-content table{display:block;overflow:auto;max-width:100%}@media(max-width:900px){.hp-pricing{grid-template-columns:1fr}.hp-price-card{padding:24px}.hero h1{font-size:clamp(2.4rem,9vw,4rem)}.hp-demo-link{font-size:14px;padding:10px}}@media(min-width:901px) and (max-width:1200px){.site-header .main-nav{gap:10px;font-size:14px}}

/* Shared reading and touch layout: 2026-09-09. */
html{font-size:100%;overflow-x:visible;scroll-padding-top:100px}
body{overflow-x:visible;font-size:1rem;line-height:1.6}
:root{--muted:#b8c2ba;--steel:#aab7ae}
h1,h2,h3{overflow-wrap:anywhere;text-wrap:balance}
p,li,dd,a{overflow-wrap:break-word}
.site-header{position:sticky;top:0;height:auto;min-height:80px;padding:14px clamp(20px,3vw,48px);gap:24px;background:#0b100ded;z-index:100}
.site-header .brand{font-size:2rem;flex-shrink:0}
.site-header .main-nav{gap:20px;flex-wrap:wrap}
.site-header .main-nav a{font-size:.9375rem;line-height:1.4;min-height:44px;display:flex;align-items:center}
.button{padding:12px 20px;min-height:48px;font-size:1rem;line-height:1.45;text-align:center;border-radius:8px;white-space:normal}
.button:hover{transform:none}
.button-primary,.article-content a.button-primary{color:#0a0d0b;text-decoration:none}
.button-secondary,.article-content a.button-secondary{color:#f1f2ed;text-decoration:none}
.hp-icon{display:inline-block;width:24px;height:24px;flex:0 0 24px;vertical-align:middle;color:inherit;max-width:none}
.feature-icon{width:52px;height:52px;border-radius:12px;background:#1c2819;border-color:#68834f}
.feature-icon .hp-icon{width:28px;height:28px}
.feature-top{margin-bottom:20px;align-items:center}
.feature-top small{color:#b0bdb3;font-size:.875rem}
.feature-card{min-height:0;padding:28px}
.feature-card p,.roadmap-card p,.proof-grid p,.roles-grid p,.implementation-steps p,.blog-card-body>p,.industry-intro p,.industry-list li{font-size:1rem;color:var(--muted);line-height:1.7}
.feature-card h3,.roadmap-card h3,.roles-grid h3,.proof-grid h3{font-size:1.25rem;line-height:1.35}
.section-pad{padding:72px max(24px,calc((100vw - 1320px)/2))}
.section-heading{gap:32px;margin-bottom:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.section-heading h2,.problem-layout h2,.implementation-card>h2,.contact-copy h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.2;letter-spacing:-.025em}
.section-heading h2 br,.problem-layout h2 br,.implementation-card>h2 br,.contact-copy h2 br{display:none}
.section-label,.eyebrow{font-size:.875rem;letter-spacing:.04em;line-height:1.5;margin-bottom:16px}
.hero{min-height:0;padding:56px clamp(24px,4vw,64px) 64px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;overflow:visible}
.hero::after,.tech-grid{display:none}
.hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(2rem,3.8vw,3.8rem);line-height:1.12;font-weight:750;letter-spacing:-.035em}
.hero-lead{font-size:1.125rem;line-height:1.65;margin-top:24px}
.hero-actions{flex-wrap:wrap;margin-top:24px}
.hero-actions .button{flex:1 1 170px}
.hp-hero-price{border-left:3px solid var(--lime);padding-left:16px;font-size:.9375rem;line-height:1.65}
.trust-list{font-size:.875rem;gap:8px;margin-top:20px}
.trust-list li{border:1px solid var(--line);border-radius:20px;padding:4px 12px}
.trust-list li::after{display:none}
.order-preview{border:1px solid #4b6050;border-radius:18px;background:#121b15;padding:28px;box-shadow:0 12px 40px #0003}
.preview-heading{display:flex;gap:14px;align-items:flex-start}
.preview-heading>.hp-icon{color:var(--lime);margin-top:4px}
.preview-heading h2{font-size:1.375rem;line-height:1.3;margin:0}
.preview-heading p{color:var(--muted);font-size:.9375rem;margin:8px 0 0}
.preview-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.preview-counts>div{background:#0b120d;border:1px solid #344638;padding:14px;border-radius:10px}
.preview-counts dt{font-size:.875rem;color:var(--muted)}
.preview-counts dd{font-size:2rem;font-weight:750;margin:4px 0 0;line-height:1.3}
.preview-counts small{font-size:.875rem;font-weight:400}
.preview-result{display:flex;gap:12px;padding:16px;border-radius:10px;background:#24361b;color:#d6f3b6;font-size:.9375rem;line-height:1.65}
.preview-result .hp-icon{margin-top:4px}
.preview-result strong{font-size:1rem}
.preview-note{font-size:.875rem;color:var(--muted)}
.order-preview .button{width:100%}
.fit-card{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:24px}
.fit-card ul{grid-column:1/-1;font-size:1rem;color:var(--muted);padding-left:20px;list-style:disc}
.fit-card li::before{content:none}
.fit-card h3{margin:4px 0;line-height:1.4}
.fit-symbol{border-radius:10px;grid-row:auto}
.micro-features span{font-size:1rem;line-height:1.5}
.micro-features .hp-icon,.process-note .hp-icon{color:var(--lime)}
.process-step b{font-size:1rem;max-width:none}
.process-note{align-items:flex-start}.process-note p{font-size:1rem;color:#d5c691}
.industry-tabs button{font-size:1rem;min-height:52px;padding:12px}
.industry-list small,.demo-banner span,.contact-kicker{font-size:.875rem;line-height:1.5}
.industry-list ul{margin-top:18px;gap:12px}
.industry-intro,.industry-list{padding:26px}
.industry-intro>span{font-size:2.5rem;color:#94a88f}
.industry-intro h3{font-size:1.5rem;margin-top:12px}
.industry-seo-links a,.category-nav a{font-size:.9375rem;min-height:44px;display:inline-flex;align-items:center}
.roadmap-card{min-height:0;padding:24px}
.roadmap-meta{margin-bottom:20px;gap:12px}.roadmap-meta small{font-size:.8125rem;color:var(--muted)}
.tag-row span{font-size:.8125rem}
.roles-grid article{min-height:0;padding:24px}.roles-grid h3{margin:20px 0 12px}
.roles-grid p{color:#24380d}.roles-grid span{font-size:.875rem}
.proof-grid h3{margin-top:20px}.proof-grid strong{font-size:.875rem}
.implementation-card{padding:40px}.implementation-steps{margin-top:32px}
.implementation-facts span{font-size:.8125rem}.implementation-facts p{font-size:1rem}
.contact-section{gap:48px;align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.contact-copy p{margin-top:24px;font-size:1rem}
.contact-card{padding:28px;border-radius:14px}
.contact-form label{font-size:1rem;line-height:1.5}
.contact-form input,.contact-form textarea{font-size:1rem;min-height:48px;border-radius:6px}
.contact-form .consent{font-size:.9375rem;color:var(--muted);padding:8px 0}
.contact-form .consent input{min-height:24px;width:24px;height:24px;accent-color:var(--lime)}
.contact-card>small{font-size:.875rem;line-height:1.6;color:var(--muted)}
.contact-options a{min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere}
.form-notice{font-size:1rem}
.hp-field{display:none!important}
.blog-meta{font-size:.8125rem!important;line-height:1.6;letter-spacing:.02em}
.blog-more{font-size:1rem;min-height:44px;display:inline-flex;align-items:center}
.blog-archive-hero{padding:48px max(24px,calc((100vw - 1320px)/2))}
.blog-archive-hero h1,.article-head h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.15;letter-spacing:-.025em}
.blog-archive-hero p{margin-top:20px;max-width:65ch}
.article-wrap{max-width:920px;padding:48px 24px 64px}
.article-content{font-size:1.0625rem;line-height:1.8}
.article-content h2{font-size:1.65rem}.article-content h3{font-size:1.25rem}
.article-content h2,.article-content h3{line-height:1.35}
.article-content a:not(.button){text-underline-offset:3px}
.article-cta>span{font-size:.8125rem;line-height:1.5}
.article-cta{padding:28px}.article-cta h2{font-size:1.75rem;line-height:1.3}
.article-figure figcaption,.breadcrumbs{font-size:.875rem;line-height:1.6}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px}
.compact-hero{padding-top:24px;padding-bottom:24px}
.category-nav{flex-wrap:wrap;gap:8px;margin:0 0 32px;padding:0}
.hp-details{border:1px solid #45584a;border-radius:10px;padding:0 18px;background:#111a14;margin:20px 0}
.hp-details summary{padding:16px 0;cursor:pointer;font-size:1rem;font-weight:700;line-height:1.5;color:var(--text)}
.hp-details summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.hp-details>p{color:var(--muted);font-size:1rem}.hp-details[open]{padding-bottom:18px}
.hp-details .roadmap-grid{margin-top:20px}
.article-toc a{display:inline-block;padding:8px 0;line-height:1.5}
.hp-price-card{padding:24px;border-radius:14px}.hp-price-card h3{font-size:1.5rem;margin:0 0 20px}
.hp-price-card .section-label{margin:0 0 8px}
.hp-price-card .hp-price{margin:0;font-size:2.6rem!important;line-height:1.2}
.hp-price-card .hp-price-period{margin:8px 0 20px;font-size:.9375rem;color:var(--muted)}
.hp-price-terms{margin:0;padding:16px 0;border-block:1px solid #405344;display:grid;gap:12px}
.hp-price-terms div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}
.hp-price-terms dt{font-size:.9375rem;color:var(--muted)}.hp-price-terms dd{margin:0;font-weight:700}
.hp-price-card>.button{margin-top:auto}
.hp-pricing-scope{margin-top:24px;padding:24px;border:1px solid #405344;border-radius:12px}
.hp-pricing-scope h3{margin:0}.hp-pricing-scope p{font-size:1rem;line-height:1.7;max-width:80ch;color:var(--muted)}
.hp-guide-strip{background:#172211}.hp-guide-strip h2{font-size:1.75rem}
footer{grid-template-columns:minmax(150px,.6fr) minmax(220px,1fr) minmax(250px,1.5fr);padding:40px max(24px,calc((100vw - 1320px)/2));gap:24px;align-items:start}
footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
footer nav a{font-size:.9375rem;min-height:44px;display:flex;align-items:center}
footer p,footer small{font-size:.875rem;line-height:1.7;color:var(--muted);margin:0;overflow-wrap:anywhere}
footer small{grid-column:1/-1}
.analytics-consent{max-height:60vh;max-height:60dvh;overflow-y:auto;border-radius:12px;gap:16px;padding:16px;bottom:max(12px,env(safe-area-inset-bottom))}
.analytics-consent p{font-size:.9375rem;line-height:1.5}.analytics-actions{flex-shrink:1;flex-wrap:wrap}
.analytics-actions .button{font-size:.9375rem;min-height:48px;white-space:normal}
@media(max-width:1200px){
 .site-header{min-height:72px;padding:12px 24px;flex-wrap:wrap}
 .site-header .header-cta{margin-left:auto}
 .site-header .main-nav{position:static;width:100%;order:4;display:flex;flex-direction:column;align-items:stretch;padding:8px 0;gap:0;background:#0b100d;max-height:calc(100dvh - 90px);overflow-y:auto}
 .has-js .site-header .main-nav{display:none}
 .has-js .site-header .main-nav.is-open{display:flex}
 .site-header .main-nav a{padding:12px;border-bottom:1px solid #344138;font-size:1rem}
 .site-header .main-nav a::after{display:none}
 .menu-button{display:none;padding:10px 12px;min-height:48px;min-width:48px;border:1px solid #506353;border-radius:8px;font-size:.9375rem;gap:8px;align-items:center;justify-content:center;margin:0}
 .has-js .menu-button{display:flex}
 .hero{gap:32px}.hero-copy{max-width:none}
 .industry-panel{grid-template-columns:1fr 1fr}.industry-intro{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line)}
 .fit-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
 .hero{grid-template-columns:1fr;padding:36px 24px 48px}.hero-copy{max-width:680px}.order-preview{max-width:680px;width:100%}
 .section-heading,.problem-layout,.contact-section{grid-template-columns:1fr;gap:24px}
 .section-pad{padding:48px 24px}
 .section-heading h2,.problem-layout h2,.implementation-card>h2,.contact-copy h2{font-size:clamp(1.75rem,5vw,2.4rem)}
 .hp-pricing{grid-template-columns:1fr}.hp-price-card{max-width:680px;width:100%;margin-inline:auto}
 .proof-grid,.roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 footer{grid-template-columns:1fr 1fr}footer nav{grid-column:1/-1}
 .implementation-steps,.implementation-facts{grid-template-columns:1fr}
 .implementation-facts>div{border-right:0;border-bottom:1px solid var(--line)}
 .analytics-consent{align-items:stretch;flex-direction:column}.analytics-actions{display:grid;grid-template-columns:1fr 1fr}
 .analytics-actions .button{width:100%}
}
@media(max-width:600px){
 .site-header{padding:10px 16px;gap:12px;min-height:68px}.site-header .header-cta{display:none}.menu-button{margin-left:auto}
 .site-header .brand{font-size:1.875rem}
 .hero{padding:28px 16px 40px;gap:28px}.hero h1{font-size:clamp(2rem,8vw,2.65rem);line-height:1.15}
 .hero-lead{font-size:1rem;margin-top:18px}.hero-actions{gap:10px;margin-top:20px;flex-direction:column}.hero-actions .button{flex:auto;width:100%}
 .eyebrow span{display:none}.eyebrow{font-size:.8125rem;margin-bottom:14px}
 .order-preview{padding:18px}.preview-counts{gap:8px}.preview-counts>div{padding:12px}.preview-heading h2{font-size:1.2rem}.preview-result{padding:12px}
 .section-pad,.article-wrap{padding:40px 16px}.section-heading{margin-bottom:24px}
 .section-heading>p,.section-intro{font-size:1rem}.section-intro{margin-top:18px}
 .feature-grid,.proof-grid,.roles-grid,.roadmap-grid,.blog-grid,.industry-panel{grid-template-columns:1fr}
 .feature-card,.fit-card,.proof-grid article,.roles-grid article,.industry-intro,.industry-list{padding:20px}
 .industry-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 .industry-tabs button{min-width:0;border:1px solid var(--line)!important;font-size:.9375rem}
 .industry-intro{grid-column:auto}.industry-intro>span{display:none}
 .industry-seo-links{display:grid;grid-template-columns:1fr 1fr}.industry-seo-links a{padding:10px}
 .process-step{min-height:76px;padding:16px}.process-step>span{font-size:.875rem}
 .process-note{padding:18px;gap:12px}.micro-features span{padding:18px}
 .implementation-card{padding:20px}.implementation-steps article{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:18px 14px}
 .implementation-steps>article>span{font-size:1.5rem}.implementation-steps h3{font-size:1.125rem}
 .implementation-facts>div{padding:18px}.contact-card{padding:20px}.form-row{grid-template-columns:1fr}
 .blog-archive-hero{padding:32px 16px}.blog-archive-hero h1,.article-head h1{font-size:clamp(1.875rem,7.5vw,2.5rem);line-height:1.2}
 .blog-archive-hero p,.article-lead{font-size:1.0625rem;line-height:1.65}.article-content{font-size:1rem}
 .article-content h2{font-size:1.5rem}.article-content h3{font-size:1.2rem}
 .compact-hero{padding:18px 16px}.category-nav{margin:0 0 24px;padding:0;flex-wrap:wrap;overflow:visible}
 .category-nav a{white-space:normal}.blog-card-body{padding:20px}.blog-card h2,.blog-card h3{font-size:1.25rem;line-height:1.4}
 .article-cta{padding:20px}.article-cta h2{font-size:1.5rem}
 .hp-pricing-scope{padding:18px}.hp-price-card{padding:22px}.hp-details{padding-inline:14px}
 footer{grid-template-columns:1fr;padding:32px 16px;gap:20px}footer nav,footer small{grid-column:auto}footer p{grid-column:auto}
 .analytics-consent{left:10px;right:10px;gap:12px}.analytics-consent strong{font-size:1rem}.analytics-actions{gap:8px}
 .analytics-actions .button{font-size:.875rem;padding:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.feature-card,.blog-card,.blog-image img{transform:none!important;transition:none!important}}
@media(max-width:1200px){html:not(.has-js) .site-header{position:relative}}