/* /assets/home-typography-20261106.css */
/* Homepage type and spacing scale. Hero and QR product retain their existing styles. */
#main{--ccaa-h2:40px;--ccaa-h3:24px;--ccaa-body:18px;--ccaa-small:14px;--ccaa-label:12px;--ccaa-section:72px;--ccaa-gap:32px}
#main>section:not(.rl-hero):not(.q-home){padding-block:var(--ccaa-section)}
#main>section:not(.rl-hero):not(.q-home) h2{font-size:var(--ccaa-h2);line-height:1.18;letter-spacing:-.035em;margin-top:0;margin-bottom:24px}
#main>section:not(.rl-hero):not(.q-home) h3{font-size:var(--ccaa-h3);line-height:1.3;letter-spacing:-.025em}
#main>section:not(.rl-hero):not(.q-home) p{font-size:var(--ccaa-body);line-height:1.65;margin-top:16px;margin-bottom:0}
#main>section:not(.rl-hero):not(.q-home) :is(.rl-eyebrow,.eyebrow){display:block;font-size:var(--ccaa-label);line-height:1.5;letter-spacing:.1em;margin-bottom:16px}
#main>section:not(.rl-hero):not(.q-home) :is(.rl-link,.button,.rl-button){font-size:16px;line-height:1.5}
#main>section:not(.rl-hero):not(.q-home) :is(small,.rl-note,.rl-evidence-note){font-size:var(--ccaa-small);line-height:1.65}
#main .rl-service-copy{padding:24px}
#main .rl-service-copy>p{margin-block:16px 24px}
#main .rl-service-grid{gap:24px}
#main .rl-service-grid article{min-width:0}
#main .rl-service-copy>.rl-link{font-size:16px}
#main .rl-industry{height:auto;min-height:300px}
#main .rl-industry h3{font-size:var(--ccaa-h3)}
#main .rl-industry p{font-size:var(--ccaa-small);line-height:1.5;margin-top:12px}
#main .rl-process>.rl-wrap{gap:48px}
#main .rl-process-steps summary{grid-template-columns:104px minmax(0,1fr) 20px;gap:24px;padding-block:24px;align-items:center}
#main .rl-process-steps summary>span{font-size:var(--ccaa-label);line-height:1.5;letter-spacing:.06em}
#main .rl-process-steps summary>h3{margin:0;font-size:var(--ccaa-h3);line-height:1.3}
#main .rl-process-steps details>div{padding:0 0 32px 128px}
#main .rl-process-steps details>div>p{margin:0 0 24px;font-size:var(--ccaa-body);line-height:1.65}
#main .rl-process-heading>p{max-width:38ch;margin-top:0}
#main .ccaa-examples .ccaa-example-intro{gap:48px;margin-bottom:32px;align-items:start}
#main .ccaa-examples .ccaa-example-intro h2{margin-bottom:0;max-width:22ch}
#main .ccaa-examples .ccaa-example-intro>p{font-size:var(--ccaa-body);margin-top:32px;max-width:44ch}
#main .ccaa-examples .ccaa-provider-list{padding-block:24px;gap:16px 32px}
#main .ccaa-examples .ccaa-provider-list li{font-size:var(--ccaa-small);line-height:1.5}
#main .ccaa-examples .ccaa-example-row{padding-block:48px;gap:48px}
#main .ccaa-examples .ccaa-example-copy h3{font-size:var(--ccaa-h3);line-height:1.3;max-width:26ch;margin:0}
#main .ccaa-examples .ccaa-example-copy p{font-size:var(--ccaa-body);margin-top:16px;max-width:42ch}
#main .ccaa-examples .ccaa-example-copy>a{font-size:16px;line-height:1.5;margin-top:24px}
#main .ccaa-examples .ccaa-example-result{font-size:var(--ccaa-small);line-height:1.65;margin-top:24px}
#main .ccaa-examples .ccaa-example-row figcaption{display:block;font-size:var(--ccaa-small);line-height:1.65;margin:16px 0 0;color:#52635c}
#main .ccaa-examples .ccaa-example-cta{padding:32px;gap:32px;margin-top:32px}
#main .ccaa-examples .ccaa-example-cta h3{font-size:var(--ccaa-h3);line-height:1.3;margin:0}
#main .ccaa-examples .ccaa-example-cta p{font-size:var(--ccaa-body);line-height:1.65;margin-top:12px}
#main>section.ccaa-examples.ccaa-examples p.ccaa-example-note{display:block;font-size:var(--ccaa-small);line-height:1.7;max-width:88ch;margin:32px 0 0;color:#52635c}
@media(max-width:1100px){#main{--ccaa-h2:36px;--ccaa-body:17px;--ccaa-section:56px;--ccaa-gap:24px}#main .rl-process>.rl-wrap{gap:32px}#main .rl-process-steps summary{grid-template-columns:88px minmax(0,1fr) 20px;gap:16px}#main .rl-process-steps details>div{padding-left:104px}#main .ccaa-examples .ccaa-example-row{gap:32px}#main .ccaa-examples .ccaa-example-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){#main{--ccaa-h2:30px;--ccaa-h3:22px;--ccaa-body:16px;--ccaa-section:48px}#main .rl-service-copy{padding:20px}#main .rl-service-grid article{grid-template-columns:105px minmax(0,1fr)}#main .rl-industry{min-height:240px}#main .rl-industry h3{font-size:22px}#main .rl-industry>div{padding:16px}#main .rl-process>.rl-wrap{gap:32px}#main .rl-process-steps summary{grid-template-columns:minmax(0,1fr) 20px;gap:12px 16px;padding-block:24px}#main .rl-process-steps summary>span{grid-column:1}#main .rl-process-steps summary>h3{grid-column:1;grid-row:2}#main .rl-process-steps summary>.rl-icon{grid-column:2;grid-row:1/3}#main .rl-process-steps details>div{padding:0 0 24px}#main .rl-process-steps details>div>p{margin-bottom:20px}#main .ccaa-examples .ccaa-example-intro{gap:0;margin-bottom:24px}#main .ccaa-examples .ccaa-example-intro>p{margin-top:24px}#main .ccaa-examples .ccaa-example-row{padding-block:32px;gap:24px}#main .ccaa-examples .ccaa-example-cta{padding:24px;gap:24px}#main>section.ccaa-examples.ccaa-examples p.ccaa-example-note{margin-top:24px}#main .ccaa-examples .ccaa-provider-list{gap:16px 24px}#main .ccaa-examples .ccaa-example-copy h3{max-width:28ch}}

#main>section:not(.rl-hero):not(.q-home) p:is(.rl-note,.rl-evidence-note){font-size:var(--ccaa-small);line-height:1.65;margin-top:24px}

#main #leistungen details>div>p{margin:0 0 24px;line-height:1.65}
#main #leistungen details>div>.rl-link{display:inline-flex;margin-top:0}

/* /assets/home-focus-20261106.css */
#main .ccaa-decisions-heading,#main .ccaa-trust-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}#main .ccaa-decisions-heading>p,#main .ccaa-trust-intro>div>p{margin:32px 0 0;max-width:48ch}#main .ccaa-decision-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:40px;border-block:1px solid #d8dfd9}#main .ccaa-decision-steps article{padding:32px;min-width:0;display:flex;flex-direction:column;border-right:1px solid #d8dfd9}#main .ccaa-decision-steps article:first-child{padding-left:0}#main .ccaa-decision-steps article:last-child{padding-right:0;border-right:0}#main .ccaa-step-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}#main .ccaa-step-top>span:first-child{font-size:12px;line-height:1.5;letter-spacing:.07em;color:#52645d;font-weight:700}#main .ccaa-decision-arrow{font-size:30px;color:#00816f}#main .ccaa-decision-steps h3{margin:0}#main .ccaa-decision-steps p{margin:16px 0 24px;flex:1}#main .ccaa-decision-steps a{display:block;font-size:16px;line-height:1.5;font-weight:700;padding-top:24px;color:#0b3335}#main .ccaa-trust{background:#10252d;color:#fff}#main .ccaa-trust h2{color:#fff}#main .ccaa-trust .rl-eyebrow{color:#dff49d}#main .ccaa-trust-intro>div>p{color:#d0dad6}#main .ccaa-trust .rl-link{display:inline-flex;color:#dff49d;margin-top:24px}#main .ccaa-trust-brands{margin-top:40px;padding:24px 32px 16px;border-radius:8px;background:#fff;color:#10252d}#main .ccaa-brands-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #e0e6e1;font-size:12px;line-height:1.5;letter-spacing:.06em}#main .ccaa-brands-heading span:first-child{font-weight:700}#main .ccaa-brands-heading span:last-child{font-size:14px;letter-spacing:0;color:#52635c}#main .ccaa-trust .reference-logos{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:24px;align-items:center;padding:24px 0 8px;margin:0}#main .ccaa-trust .reference-logo{height:64px;min-width:0;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0}#main .ccaa-trust .reference-logo img{display:block;width:100%;max-width:108px;max-height:54px;object-fit:contain;opacity:1;filter:none}#main #visibility-check{scroll-margin-top:88px}#main #visibility-check .nh-split{align-items:center}#main .nh-white .nh-split{align-items:center}#main .ccaa-examples .ccaa-example-row figcaption{font-size:14px;line-height:1.6;color:#52635c}#main .ccaa-examples{padding-bottom:56px}
@media(max-width:1100px){#main .ccaa-decisions-heading,#main .ccaa-trust-intro{gap:32px}#main .ccaa-decision-steps article{padding:24px}#main .ccaa-trust .reference-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 32px}#main .ccaa-trust-brands{padding:24px}#main .ccaa-step-top{gap:12px}#main .ccaa-step-top>span:first-child{font-size:11px}}
@media(max-width:760px){#main .ccaa-decisions-heading,#main .ccaa-trust-intro{grid-template-columns:1fr;gap:0}#main .ccaa-decisions-heading>p,#main .ccaa-trust-intro>div>p{margin:0;max-width:100%}#main .ccaa-decision-steps{grid-template-columns:1fr;margin-top:32px}#main .ccaa-decision-steps article,#main .ccaa-decision-steps article:first-child,#main .ccaa-decision-steps article:last-child{padding:24px 0;border-right:0;border-bottom:1px solid #d8dfd9}#main .ccaa-decision-steps article:last-child{border-bottom:0}#main .ccaa-step-top{margin-bottom:24px}#main .ccaa-step-top>span:first-child{font-size:12px}#main .ccaa-decision-steps a{padding-top:20px}#main .ccaa-trust-brands{padding:20px;margin-top:32px}#main .ccaa-brands-heading{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:16px}#main .ccaa-trust .reference-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;padding-top:16px}#main .ccaa-trust .reference-logo{height:54px}#main .ccaa-trust .reference-logo img{max-height:46px;max-width:100px}#main .ccaa-examples{padding-bottom:48px}}

#main .ccaa-step-top{height:32px;min-height:32px}#main .ccaa-decision-arrow{line-height:1}

/* /assets/home-bands-20261106.css */
/* Full-width editorial bands; aligned inner content and unchanged form contracts. */
#main #naechste-chancen{background:#dff49d;padding-block:48px;margin:0;border-radius:0}
#main #naechste-chancen .ccaa-example-cta{display:flex;justify-content:space-between;align-items:center;gap:32px;margin:0;padding:0;border:0;border-radius:0;background:transparent}
#main #naechste-chancen .ccaa-example-cta h3{margin:0;font-size:var(--ccaa-h3);line-height:1.3}
#main #naechste-chancen .ccaa-example-cta p{margin:12px 0 0;color:#344239;font-size:var(--ccaa-body);line-height:1.65}
#main #naechste-chancen .button{white-space:nowrap}
#main .ccaa-examples{padding-bottom:0}
#main .ccaa-examples .ccaa-example-row:last-of-type{border-bottom:0}
#main #leistungen{margin:0}
#main #befunde{background:#10252d;color:white;margin:0;border-radius:0;padding-block:var(--ccaa-section)}
#main #befunde .rl-evidence-surface{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
#main #befunde+.nh-scoring{margin-top:0}
#main #befunde .rl-evidence-intro h2,#main #befunde .rl-evidence-rows h3{color:white}
#main .nh-legacy .tile-image{height:320px;max-height:none;width:100%;object-fit:cover}
#main .nh-legacy h2{font-size:var(--ccaa-h2);line-height:1.18}
#main .nh-legacy .tile{height:auto;display:flex;flex-direction:column}
#main .nh-legacy .tile-body{flex:1}
#main #kontakt .form-privacy{font-size:12px;line-height:1.6;color:#52635c;margin:20px 0 0;max-width:62ch}
#main #kontakt .form-bottom{display:flex;align-items:center;margin:28px 0 0;padding:0;gap:0}
#main #kontakt .form-bottom .button{margin:0;min-height:48px}
#main #kontakt .inquiry-status:empty{display:none}
#main .ccaa-decision-steps{gap:24px;border:0;margin-top:32px}
#main .ccaa-decision-steps article,#main .ccaa-decision-steps article:first-child,#main .ccaa-decision-steps article:last-child{padding:28px;background:#f2f5ed;border:0;border-radius:0}
#main .ccaa-step-top>span:first-child{color:#246052;letter-spacing:.06em}
#main .ccaa-step-top img{width:32px;height:32px}
#main .ccaa-decision-arrow{color:#246052}
#main .ccaa-decision-steps a{color:#145c4c}
@media(max-width:1100px){#main #naechste-chancen .ccaa-example-cta{align-items:flex-start;flex-direction:column;gap:24px}#main .ccaa-decision-steps{gap:16px}#main .ccaa-decision-steps article,#main .ccaa-decision-steps article:first-child,#main .ccaa-decision-steps article:last-child{padding:24px}#main .nh-legacy .tile-image{height:320px}}
@media(max-width:760px){#main #naechste-chancen{padding-block:32px}#main #naechste-chancen .button{white-space:normal}#main #befunde .rl-evidence-surface{padding:0;border-radius:0;gap:32px}#main .nh-legacy .tile-image{height:320px}#main #kontakt .form-bottom{margin-top:24px}#main .ccaa-decision-steps{gap:16px}#main .ccaa-decision-steps article,#main .ccaa-decision-steps article:first-child,#main .ccaa-decision-steps article:last-child{padding:24px}#main #kontakt .form-privacy{font-size:12px;line-height:1.6}}

/* /assets/ccaa-design-system-20261106.css */
/* TEAM CCAA: shared editorial scale, real image space and consistent action controls. */
html body main .ccaa-action.ccaa-action,html body #main .ccaa-action.ccaa-action{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:14px 20px;margin-top:20px;border:1px solid #10252d;border-radius:4px;background:#10252d;color:#fff;font:700 15px/1.4 Inter,Arial,sans-serif;letter-spacing:0;text-decoration:none;box-shadow:none;max-width:100%;white-space:normal;transition:background .15s,color .15s}
html body main .ccaa-action.ccaa-action:hover,html body #main .ccaa-action.ccaa-action:hover{background:#dff49d;color:#10252d;border-color:#dff49d}
html body main .ccaa-action.ccaa-action svg{width:18px;height:18px;flex-shrink:0}
html body main .ccaa-action.ccaa-action:focus-visible{outline:3px solid #00816f;outline-offset:4px}
html body #main .ccaa-trust .ccaa-action.ccaa-action,html body #main #befunde .ccaa-action.ccaa-action{background:#dff49d;color:#10252d;border-color:#dff49d}
html body #main .rl-service-visual{height:300px;min-height:300px}
html body #main .rl-service-visual>img{width:100%;height:100%;object-fit:cover}
html body #main .rl-service-grid article{display:flex;flex-direction:column}
html body #main .rl-service-copy{display:flex;flex-direction:column;flex:1;align-items:flex-start;padding:24px}
html body #main .rl-service-copy>p{flex:1;margin-bottom:8px}
html body #main .rl-service-copy>.ccaa-action.ccaa-action{margin-top:24px}
html body #main .ccaa-example-copy>.ccaa-action.ccaa-action{border-bottom:1px solid #10252d}
html body #main .nh-legacy .tile-body>span{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px;min-height:44px;background:#10252d;color:white;font-size:15px;line-height:1.4;font-weight:700;margin-top:24px;border-radius:4px;align-self:flex-start}
html body #main .nh-legacy .tile-body>span svg{width:18px;height:18px}
html body #main .nh-legacy .tile-body{display:flex;flex-direction:column;align-items:flex-start}
html body #main .nh-legacy .tile-body h3{flex:1}
body.site-polish #main{--ccaa-ink:#10252d;--ccaa-lime:#dff49d;--ccaa-paper:#f4f6f0;color:var(--ccaa-ink)}
body.site-polish #main :is(h1,h2,h3){font-family:Inter,Arial,sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere}
body.site-polish #main h1{font-size:var(--ux-h1);line-height:var(--ux-heading-line)}
body.site-polish #main h2{font-size:clamp(30px,3vw,40px);line-height:1.18}
body.site-polish #main h3{font-size:24px;line-height:1.3}
body.site-polish #main p{font-size:18px;line-height:1.65}
body.site-polish #main :is(.eyebrow,.av-kicker,.im-kicker,.bp-kicker){font-size:12px;line-height:1.5;letter-spacing:.08em}
body.site-polish #main :is(.section,.av-section){padding-block:64px}
body.site-polish #main :is(.wrap,.av-wrap){width:min(1240px,calc(100% - 64px));margin-inline:auto}
body.site-polish #main :is(.service-link-grid,.format-grid,.av-grid,.card-grid){gap:24px}
body.site-polish #main :is(.service-link-grid,.format-grid) a{height:auto;min-height:64px;padding:20px 24px;background:#f3f6ed;color:#10252d;border:1px solid #d8e0d6;border-radius:4px;line-height:1.5}
body.site-polish #main .service-hero{background:#10252d;color:white;padding:64px 0}
body.site-polish #main .ccaa-service-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
body.site-polish #main .ccaa-service-hero-copy{min-width:0}
body.site-polish #main .service-hero h1{max-width:18ch;margin:20px 0 24px;color:#fff}
body.site-polish #main .service-hero :is(p,.lead){color:#d1dcd6;max-width:48ch;font-size:18px;line-height:1.65}
body.site-polish #main .service-hero .contextual-inline-link{color:inherit}
body.site-polish #main .service-hero :is(.eyebrow,.breadcrumbs){color:#c9d7cc}
body.site-polish #main .service-hero .breadcrumbs{font-size:12px;line-height:1.6;margin-bottom:24px;flex-wrap:wrap}
body.site-polish #main .service-hero .ccaa-action.ccaa-action{background:#dff49d;color:#10252d;border-color:#dff49d}
body.site-polish #main .ccaa-service-hero-visual{margin:0;min-width:0}
body.site-polish #main .ccaa-service-hero-visual img{width:100%;height:440px;object-fit:cover;display:block;border-radius:0}
body.site-polish #main .ccaa-service-hero-visual figcaption{font-size:11px;line-height:1.6;letter-spacing:.07em;color:#c9d7cc;margin-top:16px}
body.site-polish #main .av-hero{background:#10252d;padding-block:64px}
body.site-polish #main .av-hero h1{color:white}
body.site-polish #main .av-hero>.av-wrap>div:first-child>.av-lead{color:#d1dcd6}
body.site-polish #main .av-hero .av-kicker{color:#dff49d}
body.site-polish #main .av-hero .av-secondary-link.ccaa-action{background:#dff49d;color:#10252d;border-color:#dff49d}
body.site-polish #main .av-hero .av-check{color:#10252d;background:white;padding:24px}
body.site-polish #main .av-hero .av-check input{color:#10252d}
body.site-polish #main :is(.av-demo,.av-plan,.av-beforeafter,.av-workboard){box-shadow:0 16px 40px #10252d0d;border-radius:8px}
body.site-polish #main>section.enquiry-block{background:#dff49d;padding-block:64px;margin:0}
body.site-polish #main .inquiry-form{padding:32px;background:white;color:#10252d;border:1px solid #d5dfd2;border-radius:8px}
body.site-polish #main .inquiry-form .form-privacy{font-size:12px;line-height:1.6;margin-top:20px;color:#53635c}
body.site-polish #main .inquiry-form .form-bottom{margin-top:28px}
body.site-polish #main .inquiry-form .inquiry-status:empty{display:none}
body.site-polish #main .tile-image{height:280px;object-fit:cover}
body.site-polish #main .article-mast{padding-block:48px}
body.site-polish #main .article-mast h1{max-width:20ch}
body.site-polish #main .article-mast .article-deck{max-width:64ch;font-size:20px;line-height:1.6}
body.site-polish #main .article-cover{width:100%;max-height:480px;object-fit:cover}
@media(max-width:1100px){body.site-polish #main p{font-size:17px}body.site-polish #main .ccaa-service-hero-grid{gap:32px}body.site-polish #main .ccaa-service-hero-visual img{height:400px}body.site-polish #main :is(.section,.av-section){padding-block:56px}html body #main .rl-service-visual{height:280px;min-height:280px}}
@media(max-width:760px){html body #main .rl-service-grid article{display:flex}html body #main .rl-service-visual{height:280px;min-height:280px}html body #main .rl-service-copy{padding:24px}body.site-polish #main :is(.wrap,.av-wrap){width:calc(100% - 36px)}body.site-polish #main .ccaa-service-hero-grid{grid-template-columns:1fr;gap:32px}body.site-polish #main .ccaa-service-hero-visual img{height:300px}body.site-polish #main .service-hero{padding-block:40px}body.site-polish #main .service-hero h1{font-size:var(--ux-h1)}body.site-polish #main h1{font-size:var(--ux-h1)}body.site-polish #main h2{font-size:30px}body.site-polish #main h3{font-size:22px}body.site-polish #main p{font-size:16px}body.site-polish #main :is(.section,.av-section){padding-block:48px}body.site-polish #main .inquiry-form{padding:24px}body.site-polish #main .inquiry-form .form-bottom{margin-top:24px}body.site-polish #main :is(.service-link-grid,.format-grid){grid-template-columns:1fr}body.site-polish #main .av-hero{padding-block:40px}body.site-polish #main .tile-image{height:240px}body.site-polish #main .article-mast .article-deck{font-size:18px}}
@media(prefers-reduced-motion:reduce){html body main .ccaa-action.ccaa-action{transition:none}}

body.site-polish #main .service-introduction{display:block;max-width:none}body.site-polish #main .service-introduction>.ccaa-action.ccaa-action{margin-top:24px}body.site-polish #main .service-hero .ccaa-action.ccaa-action{background:#dff49d;color:#10252d;border-color:#dff49d}
body.site-polish #main .av-caption,body.site-polish #main .av-example,body.site-polish #main .av-demo p.av-caption{font-size:14px;line-height:1.6}
body.site-polish #main :is(.g-layout,.g-body,.g-content){min-width:0;max-width:100%}
body.site-polish #main :is(.g-toc,.g-prose){min-width:0;max-width:100%;overflow-wrap:anywhere}
@media(max-width:760px){body.site-polish #main .g-layout{grid-template-columns:minmax(0,1fr)}body.site-polish #main .g-prose h2{overflow-wrap:anywhere}}
body.site-polish #main .av-hero h1{margin-bottom:24px}
body.site-polish #main .av-hero .av-actions{gap:16px;margin-top:24px;align-items:flex-start}
body.site-polish #main .av-hero .ccaa-action.ccaa-action{background:#dff49d;color:#10252d;border-color:#dff49d;margin-top:0}
body.site-polish #main .av-hero .av-actions>.ccaa-action:not(.av-primary){background:transparent;color:#fff;border-color:#9baea7}
body.site-polish #main .av-hero .av-secondary-link.ccaa-action{margin-top:24px}

/* /assets/ux-system.css */
/* TEAM CCAA component system. Brand values are taken from the QR product styles. */
body.ux-site {
  --ux-ink: #14343b;
  --ux-night: #0b191f;
  --ux-lime: #d5f188;
  --ux-paper: #fff;
  --ux-wash: #f3f6ee;
  --ux-muted: #48645a;
  --ux-line: #cbd8cd;
  --ux-focus: #286b4f;
  --ux-container: 1280px;
  --ux-gutter: 32px;
  --ux-space-1: 8px;
  --ux-space-2: 16px;
  --ux-space-3: 24px;
  --ux-space-4: 32px;
  --ux-space-5: 40px;
  --ux-space-6: 48px;
  --ux-space-8: 64px;
  --ux-radius: 8px;
  --ux-control: 52px;
  --ux-h1: clamp(40px, 4.3vw, 62px);
  --ux-heading-line: 1.1;
  --ux-heading-weight: 650;
}

/* Base: keep component styles local, and let grid children actually shrink. */
#main.ux-reviewed { font-family: Inter, Arial, sans-serif; }
#main.ux-reviewed *, #main.ux-reviewed *::before, #main.ux-reviewed *::after { box-sizing: border-box; }
#main.ux-reviewed :where(div, section, article, aside, figure, li) { min-inline-size: 0; }
#main.ux-reviewed :where(h1, h2, h3, p, li, a, label, button) { overflow-wrap: anywhere; }
#main.ux-reviewed :where(h1, h2, h3) { text-wrap: balance; hyphens: manual; }
#main.ux-reviewed :where(p) { text-wrap: pretty; }
#main.ux-reviewed :where(img, video, svg) { max-inline-size: 100%; }
#main.ux-reviewed :where(input, select, textarea) { min-inline-size: 0; max-inline-size: 100%; }

/* A single content edge, including breadcrumbs, across the existing templates. */
body.ux-site #main.ux-reviewed :is(.wrap, .q-wrap, .seo-wrap, .av-wrap, .nh-wrap, .shell) {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--ux-container);
  margin-inline: auto;
  padding-inline: var(--ux-gutter);
}
body.ux-site > header .shell {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--ux-container);
  margin-inline: auto;
  padding-inline: var(--ux-gutter);
}
#main.ux-reviewed h1 {
  font-size: var(--ux-h1);
  line-height: var(--ux-heading-line);
  font-weight: var(--ux-heading-weight);
  letter-spacing: -.04em;
  hyphens: manual;
  overflow-wrap: anywhere;
}
#main.ux-reviewed :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--ux-focus);
  outline-offset: 4px;
  box-shadow: 0 0 0 2px #fff;
}
#main.ux-reviewed :is([id], section[id]) { scroll-margin-top: 112px; }
body.ux-site footer :is(p, a, small) { text-underline-offset: 3px; }

@media (max-width: 760px) {
  body.ux-site { --ux-gutter: 20px; }
  #main.ux-reviewed :is(.hero-grid, .av-hero-grid, .ve-hero-grid, .seo-hero, .seo-feature) > * { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #main.ux-reviewed :is(a, button, input, select, textarea) { transition: none; }
}

/* Required semantic visibility, including components with authored display rules. */
body.ux-site #main.ux-reviewed [hidden]{display:none!important}

body.ux-site #main.ux-reviewed .ux-long-title{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}

/* Long navigation labels also wrap inside the narrow footer columns. */
body.ux-site footer :is(div,section,a,p,small){min-width:0;overflow-wrap:anywhere}

/* Diagram labels remain content, rather than leaking out of narrow grid cells. */
body.ux-site #main.ux-reviewed .network-results > span{min-width:0}
body.ux-site #main.ux-reviewed .network-results b{min-width:0;overflow-wrap:anywhere}
body.ux-site #main.ux-reviewed .nh-check-providers > span{min-width:0;gap:8px}
body.ux-site #main.ux-reviewed .nh-check-providers img{width:24px;height:24px;object-fit:contain}
@media(max-width:430px){body.ux-site #main.ux-reviewed .network-results{grid-template-columns:1fr}}

body.ux-site #main.ux-reviewed :is(.seo-article-aside,.toc){top:110px}

/* /assets/ux-forms.css */
/* Contact forms own one surface and one padding. Existing field names and endpoints stay intact. */
#main.ux-reviewed :is(.ux-form-host, .contact-form-panel.ux-form-host) {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  min-width: 0;
}
#main.ux-reviewed .ux-inquiry {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 0;
  margin: 0;
  padding: var(--ux-space-4);
  background: #fff;
  color: var(--ux-ink);
  border: 1px solid var(--ux-line);
  border-radius: var(--ux-radius);
  box-shadow: none;
}
#main.ux-reviewed .ux-form__heading { margin: 0 0 28px; padding: 0; }
#main.ux-reviewed .ux-form__heading .eyebrow { display: block; color: #355c4b; font-size: 12px; line-height: 1.5; margin: 0 0 12px; }
#main.ux-reviewed .ux-form__heading h3 { margin: 0 0 12px; color: var(--ux-ink); font-size: 26px; font-weight: 650; line-height: 1.2; letter-spacing: -.025em; }
#main.ux-reviewed .ux-form__heading p { margin: 0; color: var(--ux-muted); font-size: 16px; line-height: 1.6; }
#main.ux-reviewed .ux-form__fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
#main.ux-reviewed .ux-form__field { min-width: 0; margin: 0; }
#main.ux-reviewed .ux-form__field--full { grid-column: 1 / -1; }
#main.ux-reviewed .ux-form__field > label { display: block; margin: 0 0 8px; color: var(--ux-ink); font-size: 14px; font-weight: 600; line-height: 1.5; }
#main.ux-reviewed .ux-form__field :is(input, select, textarea) {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: var(--ux-control);
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #6f8878;
  border-radius: 8px;
  background-color: #fff;
  color: var(--ux-ink);
  font: 400 16px/1.5 Inter,Arial,sans-serif;
  box-shadow: none;
}
#main.ux-reviewed .ux-form__field :is(input, select) { height: var(--ux-control); }
#main.ux-reviewed .ux-form__field :is(input, textarea)::placeholder { color: #52685e; opacity: 1; }
#main.ux-reviewed .ux-form__field select { appearance: none; padding-right: 44px; background-image: url("/assets/ux-chevron.ux-v8-f96257abd41c.svg"); background-repeat: no-repeat; background-position: right 16px center; background-size: 16px; }
#main.ux-reviewed .ux-form__field textarea { min-height: 128px; height: auto; resize: vertical; }
#main.ux-reviewed .ux-form__field [aria-invalid=true] { border-color: #a13232; }
#main.ux-reviewed .ux-form__field-error { color: #982b2b; font-size: 14px; line-height: 1.5; margin: 8px 0 0; }
#main.ux-reviewed .ux-form__field-error[hidden] { display: none; }
#main.ux-reviewed .ux-form__privacy { color: #4d6459; font-size: 14px; line-height: 1.6; margin: 24px 0 0; }
#main.ux-reviewed .ux-form__privacy a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
#main.ux-reviewed .ux-form__bottom { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin: 24px 0 0; padding: 0; }
#main.ux-reviewed .ux-form__bottom > span { color: var(--ux-muted); font-size: 14px; line-height: 1.5; }
#main.ux-reviewed .ux-form__submit { display: inline-flex; justify-content: space-between; align-items: center; gap: 24px; min-height: var(--ux-control); margin: 0; padding: 14px 20px; border: 1px solid var(--ux-ink); border-radius: 6px; background: var(--ux-ink); color: #fff; font: 600 16px/1.4 Inter,Arial,sans-serif; cursor: pointer; }
#main.ux-reviewed .ux-form__submit:hover { background: #294c42; border-color: #294c42; color: #fff; }
#main.ux-reviewed .ux-form__bottom > .ux-form__submit { width: auto; flex: none; align-self: flex-start; }
#main.ux-reviewed .ux-form__submit:active { background: #0b252b; }
#main.ux-reviewed .ux-form__submit:disabled { background: #e4ebe5; color: #455b50; border-color: #a4b7a9; cursor: wait; opacity: 1; }
#main.ux-reviewed .ux-form__status { margin: 20px 0 0; padding: 16px; border-radius: 6px; background: var(--ux-wash); color: var(--ux-ink); font-size: 16px; line-height: 1.55; }
#main.ux-reviewed .ux-form__status:empty { display: none; }
#main.ux-reviewed .ux-form__status[data-state=error] { background: #fff0ef; color: #812626; }
#main.ux-reviewed .ux-form__status[data-state=success] { background: #e8f2e8; color: #24593b; }
#main.ux-reviewed .ux-form__trap { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; padding: 0; margin: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 760px) {
  #main.ux-reviewed .ux-inquiry { padding: 24px; }
  #main.ux-reviewed .ux-form__fields { grid-template-columns: 1fr; }
  #main.ux-reviewed .ux-form__bottom { align-items: stretch; flex-direction: column; }
  #main.ux-reviewed .ux-form__bottom > .ux-form__submit { width: 100%; }
}
@media (prefers-reduced-motion: no-preference) {
  #main.ux-reviewed .ux-form__submit { transition: background-color .15s, border-color .15s, color .15s; }
}

/* /assets/ux-products.css */
/* Shared action variants. Context sets the palette, never opacity. */
#main.ux-reviewed { --ux-readable-ink: #14343b; --ux-readable-muted: #48645a; --ux-action-bg: #14343b; --ux-action-fg: #fff; --ux-action-hover-bg: #294c42; --ux-action-hover-fg: #fff; --ux-action-active-bg: #0b252b; --ux-action-active-fg: #fff; --ux-secondary-fg: #14343b; --ux-secondary-line: #6f8878; }
#main.ux-reviewed .ux-surface--dark { --ux-readable-ink: #fff; --ux-readable-muted: #d7e2da; --ux-action-bg: #d5f188; --ux-action-fg: #14343b; --ux-action-hover-bg: #e3ffa8; --ux-action-hover-fg: #14343b; --ux-action-active-bg: #bddc78; --ux-action-active-fg: #14343b; --ux-secondary-fg: #fff; --ux-secondary-line: #9eb5a9; }
#main.ux-reviewed .ux-surface--light { --ux-readable-ink: #14343b; --ux-readable-muted: #48645a; --ux-action-bg: #14343b; --ux-action-fg: #fff; --ux-action-hover-bg: #294c42; --ux-action-hover-fg: #fff; --ux-action-active-bg: #0b252b; --ux-action-active-fg: #fff; --ux-secondary-fg: #14343b; --ux-secondary-line: #6f8878; }
body.ux-site #main.ux-reviewed .ux-button {
  display: inline-flex; align-items: center; justify-content: space-between; gap: 20px;
  min-width: 0; max-width: 100%; min-height: var(--ux-control); height: auto;
  padding: 14px 20px; margin: 0; border: 1px solid transparent; border-radius: 6px;
  font: 650 16px/1.4 Inter,Arial,sans-serif; letter-spacing: 0;
  text-align: left; text-decoration: none; white-space: normal;
  opacity: 1; transform: none; box-shadow: none; cursor: pointer;
}
body.ux-site #main.ux-reviewed .ux-button.ux-button--primary { background: var(--ux-action-bg); color: var(--ux-action-fg); border-color: var(--ux-action-bg); }
body.ux-site #main.ux-reviewed .ux-button.ux-button--secondary { background: transparent; color: var(--ux-secondary-fg); border-color: var(--ux-secondary-line); }
body.ux-site #main.ux-reviewed .ux-button.ux-button--text { background: transparent; color: var(--ux-secondary-fg); padding: 8px 0; border: 0; border-radius: 0; text-decoration: underline; text-underline-offset: 5px; }
body.ux-site #main.ux-reviewed .ux-button > span:first-child { min-width: 0; overflow-wrap: anywhere; }
body.ux-site #main.ux-reviewed .ux-button > :is(svg, span:last-child) { flex-shrink: 0; }
body.ux-site #main.ux-reviewed .ux-button svg { width: 18px; height: 18px; margin: 0; }
body.ux-site #main.ux-reviewed .ux-button--primary:hover { background: var(--ux-action-hover-bg); border-color: var(--ux-action-hover-bg); color: var(--ux-action-hover-fg); }
body.ux-site #main.ux-reviewed .ux-button--secondary:hover { background: #edf4e3; border-color: #52705d; color: #14343b; }
body.ux-site #main.ux-reviewed .ux-button--text:hover { color: var(--ux-secondary-fg); text-decoration-thickness: 2px; }
body.ux-site #main.ux-reviewed .ux-button:active { background: var(--ux-action-active-bg); border-color: var(--ux-action-active-bg); color: var(--ux-action-active-fg); }
body.ux-site #main.ux-reviewed .ux-button--text:active { background: transparent; color: var(--ux-secondary-fg); }
body.ux-site #main.ux-reviewed .ux-button:is(.ux-button--primary,.ux-button--secondary,.ux-button--text):is(:disabled,[aria-disabled=true]) { background: #e5ece5; border-color: #a2b4a8; color: #485e51; opacity: 1; cursor: default; }
body.ux-site #main.ux-reviewed .ux-button:focus-visible { outline: 3px solid var(--ux-focus); outline-offset: 4px; box-shadow: 0 0 0 2px #fff; }
body.ux-site #main.ux-reviewed :is(.seo-actions,.q-actions,.av-actions,.rl-actions,.nh-actions,.actions) { display: flex; flex-wrap: wrap; gap: 16px; align-items: stretch; }
body.ux-site #main.ux-reviewed :is(.seo-actions,.q-actions,.av-actions,.rl-actions,.nh-actions,.actions) > .ux-button { margin: 0; }
body.ux-site #main.ux-reviewed .av-actions > .ux-button { flex: 1 1 220px; }
body.ux-site #main.ux-reviewed .av-secondary-link.ux-button { margin-top: 24px; align-self: flex-start; }
body.ux-site #main.ux-reviewed button:not(.ux-button):not(.ux-form__submit) { min-height: 44px; min-width: 44px; }

/* Product and editorial cards use their grid's row height, with an anchored action. */
body.ux-site #main.ux-reviewed :is(.q-cards,.seo-cards,.seo-role-grid,.av-grid,.card-grid,.ccaa-decision-steps) { align-items: stretch; }
body.ux-site #main.ux-reviewed :is(.seo-role-card,.seo-function-card,.ccaa-decision-steps > article) { display: flex; flex-direction: column; min-width: 0; }
body.ux-site #main.ux-reviewed .ccaa-decision-steps article > .ux-button { margin-top: auto; }
body.ux-site #main.ux-reviewed .ccaa-step-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
body.ux-site #main.ux-reviewed .ccaa-step-top > span:first-child { min-width: 0; font-size: 12px; line-height: 1.5; }
body.ux-site #main.ux-reviewed .ccaa-step-top img { flex: 0 0 32px; }

/* The dark AI introduction stretches both columns and keeps the card footer at the bottom. */
body.ux-site #main.ux-reviewed .av-hero { background: #10252d; color: #fff; }
body.ux-site #main.ux-reviewed .av-hero h1 { color: #fff; margin-bottom: 24px; }
body.ux-site #main.ux-reviewed .av-hero > .av-wrap > .av-hero-grid > div:first-child > :is(p,.av-lead) { color: #d7e2da; }
body.ux-site #main.ux-reviewed .av-hero-grid { align-items: stretch; }
body.ux-site #main.ux-reviewed .av-hero-grid > div:first-child { display: flex; flex-direction: column; align-items: stretch; }
body.ux-site #main.ux-reviewed .av-hero-result { display: flex; flex-direction: column; align-items: stretch; min-width: 0; }
body.ux-site #main.ux-reviewed .av-hero-result > :is(.av-demo,.av-workboard,.av-plan,.av-beforeafter) { flex: 1; width: 100%; margin-top: 0; }
body.ux-site #main.ux-reviewed .av-demo { display: flex; flex-direction: column; }
body.ux-site #main.ux-reviewed .av-demo .ux-demo-heading { font-size: 23px; line-height: 1.3; font-weight: 500; letter-spacing: -.035em; margin: 12px 0 20px; }
body.ux-site #main.ux-reviewed .av-demo > .av-caption { margin-top: auto; }
body.ux-site #main.ux-reviewed .av-secondary-link.ux-button--text { min-height: 44px; }
body.ux-site #main.ux-reviewed .ux-demo-reference { display: inline; padding: 0; border: 0; border-radius: 0; background: none; color: #4a6357; font-size: 14px; font-weight: 500; text-decoration: none; cursor: default; }

/* One compact workboard scale, independent of the page's large headings. */
body.ux-site #main.ux-reviewed .ux-workboard { padding: 24px; margin: 0; border: 1px solid #cbd8ce; border-top: 2px solid #427c61; border-radius: 8px; background: #fff; color: #14343b; box-shadow: 0 8px 24px #14343b0a; overflow: visible; }
body.ux-site #main.ux-reviewed .ux-workboard > .av-example { color: #4d6459; font-size: 14px; line-height: 1.5; margin: 0 0 16px; }
body.ux-site #main.ux-reviewed .ux-workboard .av-workboard-head { padding: 0 0 16px; font-size: 14px; line-height: 1.5; align-items: start; }
body.ux-site #main.ux-reviewed .ux-workboard .av-workboard-head > span { font-size: 13px; color: #4d6459; }
body.ux-site #main.ux-reviewed .ux-workboard .av-work-row { display: grid; grid-template-columns: 108px minmax(0,1fr) 88px; align-items: start; gap: 16px; padding: 20px 0; }
body.ux-site #main.ux-reviewed .ux-workboard .av-work-row h3 { font-size: 21px; font-weight: 650; line-height: 1.3; margin: 0 0 8px; color: #14343b; }
body.ux-site #main.ux-reviewed .ux-workboard .av-work-row p { font-size: 16px; line-height: 1.55; margin: 0; color: #4a6256; }
body.ux-site #main.ux-reviewed .ux-workboard .av-work-row > span:last-child { display: block; font-size: 13px; line-height: 1.5; color: #4a6256; }
body.ux-site #main.ux-reviewed .ux-workboard .av-status { display: inline-flex; justify-content: center; align-items: center; justify-self: start; min-height: 30px; padding: 5px 8px; border: 1px solid #bccdc1; border-radius: 4px; background: #f3f6f1; color: #355244; font-size: 12px; line-height: 1.5; white-space: normal; }
body.ux-site #main.ux-reviewed .ux-workboard .av-done { background: #e4efdb; color: #2d573c; }

/* Illustrative platform cards no longer show numerical scores. */
body.ux-site #main.ux-reviewed .nh-score-grid { align-items: stretch; }
body.ux-site #main.ux-reviewed .nh-score-card { display: flex; flex-direction: column; padding: 24px; border: 1px solid #cfdbd0; border-radius: 8px; }
body.ux-site #main.ux-reviewed .nh-score-card h3 { display: flex; align-items: center; gap: 12px; font-size: 20px; line-height: 1.3; margin: 0 0 24px; }
body.ux-site #main.ux-reviewed .nh-score-card h3 img { width: 28px; height: 28px; object-fit: contain; }
body.ux-site #main.ux-reviewed .nh-score-track { height: 12px; margin-top: auto; border-radius: 3px; background: #dce5db; overflow: hidden; }
body.ux-site #main.ux-reviewed .nh-score-track > span { display: block; width: 50%; height: 100%; background: #42745a; }
body.ux-site #main.ux-reviewed .nh-score-note { font-size: 14px; line-height: 1.6; color: #405b4c; margin: 24px 0 0; }

@media (max-width: 1180px) {
  body.ux-site #main.ux-reviewed .ux-workboard .av-work-row { grid-template-columns: 1fr; gap: 12px; }
  body.ux-site #main.ux-reviewed .ux-workboard .av-work-row > span:last-child { display: block; }
}
@media (max-width: 760px) {
  body.ux-site #main.ux-reviewed :is(.seo-actions,.q-actions,.av-actions,.rl-actions,.nh-actions,.actions) { flex-direction: column; }
  body.ux-site #main.ux-reviewed :is(.seo-actions,.q-actions,.av-actions,.rl-actions,.nh-actions,.actions) > .ux-button { flex: none; width: 100%; max-width: 100%; }
  body.ux-site #main.ux-reviewed .ux-workboard { padding: 20px; }
  body.ux-site #main.ux-reviewed .ux-workboard .av-workboard-head { display: grid; gap: 8px; }
}
@media (prefers-reduced-motion: no-preference) {
  body.ux-site #main.ux-reviewed .ux-button { transition: background-color .15s, color .15s, border-color .15s; }
}

/* The closing pair keeps a shared row and shared cell sizes. */
body.ux-site #main.ux-reviewed .seo-cta .seo-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; width:100%; margin:0; }
body.ux-site #main.ux-reviewed .seo-cta .seo-actions > .ux-button { width:100%; max-width:none; min-height:56px; height:100%; }
@media(max-width:760px){
 body.ux-site #main.ux-reviewed :is(.seo-actions,.q-actions,.av-actions,.rl-actions,.nh-actions,.actions){display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;}
}
@media(max-width:600px){
 body.ux-site #main.ux-reviewed .seo-cta .seo-actions{grid-template-columns:1fr;grid-auto-rows:1fr;}
}

/* Historical AI page variants use the same dark-surface text palette. */
body.ux-site #main.ux-reviewed .av-hero .av-lead{color:#d7e2da}
body.ux-site #main.ux-reviewed .av-hero .av-kicker{color:#d5f188}

/* /assets/ux-checks.css */
/* Domain entry: one label, one aligned input/action row. Existing two-stage logic is retained. */
body.ux-site #main.ux-reviewed .ux-domain-form { display: block; padding: 0; margin: 0; min-width: 0; }
body.ux-site #main.ux-reviewed .ux-domain-form .ux-domain-label { display: block; position: static; width: auto; height: auto; padding: 0; margin: 0 0 8px; clip: auto; clip-path: none; overflow: visible; color: #14343b; font-size: 14px; line-height: 1.5; font-weight: 600; }
body.ux-site #main.ux-reviewed .ux-domain-form .domain-input { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: stretch; gap: 12px; padding: 0; margin: 0; border: 0; background: transparent; min-width: 0; }
body.ux-site #main.ux-reviewed .ux-domain-form .ux-domain-input { display: block; width: 100%; min-width: 0; min-height: var(--ux-control); height: 100%; max-width: 100%; padding: 12px 14px; margin: 0; border: 1px solid #6f8878; border-radius: 8px; background: #fff; color: #14343b; font: 400 16px/1.5 Inter,Arial,sans-serif; }
body.ux-site #main.ux-reviewed .ux-domain-form .ux-domain-input::placeholder { color: #52685e; opacity: 1; }
body.ux-site #main.ux-reviewed .ux-domain-form .domain-input > .ux-button { min-width: 0; min-height: var(--ux-control); align-self: stretch; height: auto; margin: 0; padding: 12px 16px; }
body.ux-site #main.ux-reviewed .ux-domain-form [data-check-contact] { margin-top: 20px; }
body.ux-site #main.ux-reviewed .ux-domain-form .check-contact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
body.ux-site #main.ux-reviewed .ux-domain-form .check-consent { display: flex; align-items: flex-start; gap: 12px; margin-top: 16px; color: #40594c; font-size: 14px; line-height: 1.6; }
body.ux-site #main.ux-reviewed .ux-domain-form .check-consent > input { flex: 0 0 18px; width: 18px; height: 18px; min-height: 18px; margin: 3px 0 0; padding: 0; }
body.ux-site #main.ux-reviewed .ux-domain-form .check-consent > span { flex: 1; min-width: 0; }
body.ux-site #main.ux-reviewed .ux-domain-form #form-error { font-size: 14px; line-height: 1.6; color: #982b2b; margin: 12px 0 0; }
body.ux-site #main.ux-reviewed .ux-domain-form #form-error:empty { display: none; }
body.ux-site #main.ux-reviewed .av-check { padding: 24px; background: #fff; color: #14343b; border: 1px solid #cbd8ce; border-radius: 8px; }
body.ux-site #main.ux-reviewed .av-check :is(p, label) { color: #40594c; }

/* Tariff data stay a semantic table. A phone shows each feature as a readable block. */
@media (max-width: 959px) {
  body.ux-site #main.ux-reviewed .q-price-comparison .q-table-scroll { overflow: visible; max-width: 100%; border: 0; }
  body.ux-site #main.ux-reviewed .q-price-comparison table { display: block; width: 100%; min-width: 0; max-width: 100%; border: 0; background: transparent; }
  body.ux-site #main.ux-reviewed .q-price-comparison thead { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); }
  body.ux-site #main.ux-reviewed .q-price-comparison tbody { display: grid; width: 100%; gap: 16px; }
  body.ux-site #main.ux-reviewed .q-price-comparison tbody tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; min-width: 0; padding: 20px; border: 1px solid #cbd8ce; border-radius: 8px; background: #fff; }
  body.ux-site #main.ux-reviewed .q-price-comparison tbody th { grid-column: 1 / -1; display: block; width: auto; padding: 0 0 12px; border: 0; border-bottom: 1px solid #dbe4da; background: none; color: #14343b; font-size: 17px; line-height: 1.5; }
  body.ux-site #main.ux-reviewed .q-price-comparison tbody td { display: block; width: auto; min-width: 0; padding: 0; border: 0; background: none; color: #14343b; font-size: 16px; line-height: 1.5; }
  body.ux-site #main.ux-reviewed .q-price-comparison tbody td::before { content: attr(data-plan); display: block; margin-bottom: 4px; color: #4b6456; font-size: 12px; line-height: 1.5; font-weight: 650; }
}
@media (max-width: 760px) {
  body.ux-site #main.ux-reviewed .ux-domain-form .domain-input { grid-template-columns: 1fr; }
  body.ux-site #main.ux-reviewed .ux-domain-form .domain-input > .ux-button { width: 100%; }
  body.ux-site #main.ux-reviewed .ux-domain-form .ux-domain-input { height: var(--ux-control); }
  body.ux-site #main.ux-reviewed .ux-domain-form .check-contact-grid { grid-template-columns: 1fr; }
  body.ux-site #main.ux-reviewed .av-check { padding: 20px; }
}

/* The revealed contact step shares the same field component, without the old reset. */
body.ux-site #main.ux-reviewed .ux-domain-form [data-check-contact] label{display:block;color:#14343b;font:600 14px/1.5 Inter,Arial,sans-serif}
body.ux-site #main.ux-reviewed .ux-domain-form [data-check-contact] input:not([type=checkbox]){display:block;width:100%;min-width:0;height:52px;padding:12px 14px;margin:8px 0 0;border:1px solid #6f8878;border-radius:8px;background:#fff;color:#14343b;font:400 16px/1.5 Inter,Arial,sans-serif}
body.ux-site #main.ux-reviewed .ux-domain-form [data-check-contact] input::placeholder{color:#52665e;opacity:1}
body.ux-site #main.ux-reviewed .ux-domain-form [data-brand-domain]{margin-bottom:16px}
body.ux-site #main.ux-reviewed .ux-domain-form .check-consent{display:flex}
body.ux-site #main.ux-reviewed .ux-domain-form .check-consent input{accent-color:#14343b}

/* /assets/ux-navigation.css */
/* Corporate header: one owner, no historical dropdown overrides. */
body.ux-site > header { position: sticky; top: 0; background: #fff; color: #0b191f; z-index: 1000; }
body.ux-site .ux-corporate-header .nav { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%; max-width: 1280px; min-height: 86px; height: 86px; margin-inline: auto; padding-inline: 32px; box-sizing: border-box; }
body.ux-site .ux-corporate-header .logo { display: inline-flex; align-items: center; flex-shrink: 0; gap: 16px; margin: 0; line-height: 1; text-decoration: none; }
body.ux-site .ux-corporate-header .logo img { display: block; width: 154px; height: auto; max-height: 50px; object-fit: contain; }
body.ux-site .ux-corporate-header .seo-product-label { color: #d5f188; background: #14343b; padding: 6px 10px; border-radius: 4px; font-size: 22px; line-height: 1.2; font-weight: 700; letter-spacing: -.035em; white-space: nowrap; }
body.ux-site .ux-corporate-header #navigation { display: flex; align-items: center; gap: 16px; margin: 0; padding: 0; }
body.ux-site .ux-corporate-header #navigation > .nav-dropdown { position: relative; display: flex; align-items: center; gap: 0; min-width: 0; width: auto; height: 48px; margin: 0; padding: 0; }
body.ux-site .ux-corporate-header #navigation > .nav-dropdown > a,
body.ux-site .ux-corporate-header #navigation > a:not(.button),
body.ux-site .ux-corporate-header #navigation .ccaa-label-toggle { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; height: 48px; margin: 0; padding: 0; color: #263b40; font: 500 15px/1.35 Inter,Arial,sans-serif; white-space: nowrap; text-decoration: none; }
body.ux-site .ux-corporate-header #navigation > .nav-dropdown > a::before,
body.ux-site .ux-corporate-header #navigation > .nav-dropdown > a::after { content: none; }
body.ux-site .ux-corporate-header #navigation .ccaa-mobile-toggle { display: none; }
body.ux-site .ux-corporate-header #navigation .ccaa-submenu-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 44px; min-width: 44px; height: 48px; padding: 0; border: 0; background: transparent; color: #263b40; cursor: pointer; }
body.ux-site .ux-corporate-header #navigation .ccaa-label-toggle { width: auto; }
body.ux-site .ux-corporate-header .nav-chevron { display: block; width: 6px; height: 6px; margin: 0 3px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
body.ux-site .ux-corporate-header .ccaa-expanded > .ccaa-submenu-toggle .nav-chevron { transform: translateY(2px) rotate(225deg); }
body.ux-site .ux-corporate-header #navigation > .nav-dropdown > .dropdown { position: absolute; top: 100%; left: -12px; right: auto; display: block; min-width: 270px; max-width: calc(100vw - 40px); margin: 0; padding: 12px; border: 1px solid #dce6dc; border-radius: 8px; background: #fff; box-shadow: 0 16px 40px #14343b1a; z-index: 1002; }
body.ux-site .ux-corporate-header #navigation .dropdown a { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; margin: 0; border-radius: 4px; color: #14343b; font: 500 15px/1.4 Inter,Arial,sans-serif; white-space: normal; text-decoration: none; }
body.ux-site .ux-corporate-header #navigation .dropdown a:is(:hover,:focus-visible) { background: #edf4e5; color: #14343b; }
body.ux-site .ux-corporate-header #navigation > .button,
body.ux-site .ux-corporate-header .ux-mobile-check { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 48px; height: 48px; padding: 12px 18px; margin: 0; border: 1px solid #10252d; border-radius: 6px; background: #10252d; color: #fff; font: 650 15px/1.4 Inter,Arial,sans-serif; white-space: nowrap; text-decoration: none; box-sizing: border-box; }
body.ux-site .ux-corporate-header #navigation > .button:hover,
body.ux-site .ux-corporate-header .ux-mobile-check:hover { background: #294c42; border-color: #294c42; }
body.ux-site .ux-corporate-header .ux-mobile-check svg { width: 18px; height: 18px; }
body.ux-site .ux-corporate-header :is(a,button):focus-visible { outline: 3px solid #286b4f; outline-offset: 3px; box-shadow: 0 0 0 2px #fff; }
body.ux-site .ux-corporate-header .menu,
body.ux-site .ux-corporate-header .ux-mobile-check { display: none; }
body.ux-site .ux-corporate-header #navigation[hidden],
body.ux-site .ux-corporate-header #navigation .dropdown[hidden] { display: none; }
body.ux-corporate-site .footer { color: #4d6258; }
body.ux-corporate-site .footer :is(a,p,small,.footer-bottom,.footer-tagline) { color: #4d6258; }
body.ux-corporate-site .footer a:is(:hover,:focus-visible) { color: #14343b; text-decoration: underline; }

@media (max-width: 1280px) {
  body.ux-site .ux-corporate-header .nav { display: grid; grid-template-columns: minmax(0,1fr) auto auto; grid-template-areas: 'brand menu primary'; min-height: 74px; height: auto; padding: 12px 24px; gap: 16px; }
  body.ux-site .ux-corporate-header .logo { grid-area: brand; gap: 12px; }
  body.ux-site .ux-corporate-header .logo img { width: 150px; max-height: 44px; }
  body.ux-site .ux-corporate-header .seo-product-label { font-size: 20px; }
  body.ux-site .ux-corporate-header .menu { grid-area: menu; display: inline-flex; align-items: center; justify-content: center; min-width: 72px; min-height: 46px; padding: 10px 15px; border: 0; border-radius: 6px; background: #10252d; color: #fff; font: 650 16px/1.3 Inter,Arial,sans-serif; cursor: pointer; }
  body.ux-site .ux-corporate-header .ux-mobile-check { grid-area: primary; display: inline-flex; }
  body.ux-site .ux-corporate-header #navigation:not(.open) { display: none; }
  html.ccaa-nav-open { overflow: hidden; }
  body.ux-site .ux-corporate-header.ccaa-nav-open { position: fixed; inset: 0 0 auto; z-index: 10001; }
  body.ux-site .ux-corporate-header #navigation.open { position: fixed; inset: var(--ccaa-nav-top,74px) 0 0; display: flex; flex-direction: column; align-items: stretch; gap: 0; height: auto; max-height: none; padding: 12px 24px 32px; background: #fff; border-top: 1px solid #dce6dc; overflow: auto; overscroll-behavior: contain; box-sizing: border-box; }
  body.ux-site .ux-corporate-header #navigation.open > * { flex-shrink: 0; }
  body.ux-site .ux-corporate-header #navigation > .nav-dropdown { display: grid; grid-template-columns: minmax(0,1fr) 48px; min-height: 56px; height: auto; border-bottom: 1px solid #dce6dc; }
  body.ux-site .ux-corporate-header #navigation > .nav-dropdown > a,
  body.ux-site .ux-corporate-header #navigation > a:not(.button),
  body.ux-site .ux-corporate-header #navigation .ccaa-label-toggle { justify-content: flex-start; min-height: 56px; height: auto; padding: 12px 0; font-size: 18px; white-space: normal; }
  body.ux-site .ux-corporate-header #navigation .ccaa-label-toggle { grid-column: 1 / -1; justify-content: space-between; width: 100%; }
  body.ux-site .ux-corporate-header #navigation .ccaa-submenu-toggle:not(.ccaa-label-toggle) { width: 44px; height: 44px; border: 1px solid #ccdbd0; border-radius: 6px; background: #f3f6ef; justify-self: end; }
  body.ux-site .ux-corporate-header #navigation > .nav-dropdown > .dropdown { grid-column: 1 / -1; position: static; width: 100%; min-width: 0; max-width: none; margin: 0 0 12px; padding: 6px 12px; border: 0; background: #f3f6ef; box-shadow: none; box-sizing: border-box; }
  body.ux-site .ux-corporate-header #navigation .dropdown a { min-height: 48px; font-size: 16px; }
  body.ux-site .ux-corporate-header #navigation > a:not(.button) { border-bottom: 1px solid #dce6dc; }
  body.ux-site .ux-corporate-header #navigation > .button { display: none; }
}
@media (max-width: 719px) {
  body.ux-site .ux-corporate-header .nav { grid-template-columns: minmax(0,1fr) auto; grid-template-areas: 'brand menu' 'primary primary'; gap: 10px 16px; padding: 12px 20px; }
  body.ux-site .ux-corporate-header .ux-mobile-check { width: 100%; height: 44px; min-height: 44px; }
  body.ux-site #main.ux-reviewed :is([id], section[id]) { scroll-margin-top: 144px; }
}
@media (max-width: 430px) {
  body.ux-site .ux-corporate-header .logo img { width: 128px; }
  body.ux-site .ux-corporate-header .logo { gap: 10px; }
  body.ux-site .ux-corporate-header .seo-product-label { font-size: 18px; padding: 5px 8px; }
}
@media (max-width: 370px) {
  body.ux-site .ux-corporate-header .nav { padding-inline: 16px; gap: 10px 12px; }
  body.ux-site .ux-corporate-header .logo img { width: 100px; }
  body.ux-site .ux-corporate-header .logo { gap: 8px; }
  body.ux-site .ux-corporate-header .menu { min-width: 68px; padding-inline: 12px; font-size: 15px; }
}

body.ux-corporate-site .footer .footer-bottom span{color:#4d6258}

/* Preserve the Academy wordmark's optical size inside the shared header grid. */
body.ux-site .ux-corporate-header .logo img[src*='/academy/']{width:200px}
@media(max-width:719px){body.ux-site .ux-corporate-header .logo img[src*='/academy/']{width:190px}}
@media(max-width:370px){body.ux-site .ux-corporate-header .logo img[src*='/academy/']{width:160px}}

/* /assets/ux-contrast.css */
/* Explicit palettes for light components embedded inside dark sections. */
body.ux-site #main.ux-reviewed .ux-surface--light { --ux-readable-ink: #14343b; --ux-readable-muted: #48645a; color: #14343b; --av-ink: #14343b; --av-muted: #48645a; --muted: #48645a; }
body.ux-site #main.ux-reviewed :is(.av-demo,.av-workboard,.av-plan,.av-beforeafter,.av-check-intro,.av-scope-grid) :is(h2,h3,h4,th,td,li,dt,dd) { color: #14343b; }
body.ux-site #main.ux-reviewed :is(.av-demo,.av-workboard,.av-plan,.av-beforeafter,.av-check-intro,.av-scope-grid) :is(p,small,.av-label) { color: #48645a; }
body.ux-site #main.ux-reviewed .av-hero .ux-surface--light .av-kicker { color: #355c4b; }
body.ux-site #main.ux-reviewed :is(.av-demo-top,.av-plan-context,.av-check-intro) strong { color: #14343b; }
body.ux-site #main.ux-reviewed .av-scope-grid :is(p,li,small) { color: #40594c; }
body.ux-site #main.ux-reviewed :is(.av-section .av-kicker,.av-label,.av-report-strip a,.av-evidence-chain li>span) { color: var(--ux-readable-muted,#2f6651); }
body.ux-site #main.ux-reviewed :is(.note,.sales-price,.sales-price small,.editorial-direction p) { color: var(--ux-readable-muted,#48645a); }
body.ux-site #main.ux-reviewed .sales-request-note { color: #40594c; }
body.ux-site #main.ux-reviewed .sales-request-note a { color: #235c45; text-decoration: underline; text-underline-offset: 3px; }
body.ux-site #main.ux-reviewed .tile-body small { color: #52665e; }
body.ux-site #main.ux-reviewed .hr-editorial .eyebrow { color: #24624c; }
body.ux-site #main.ux-reviewed .bp-journey-picture .bp-native-art { opacity: 1; }
body.ux-site .service-selection .eyebrow { color: #48645a; }
body.ux-corporate-site .footer .footer-end,
body.ux-corporate-site .footer .footer-end span,
body.ux-corporate-site .footer .ccaa-cookie-settings { color: #4d6258; font-size: 13px; }

/* Captions and secondary actions remain readable without changing the QR imagery. */
body.ux-site #main.ux-reviewed .q-browser figcaption,
body.ux-site #main.ux-reviewed .q-browser figcaption span { color: #52665e; font-size: 14px; line-height: 1.55; }
body.ux-site #main.ux-reviewed .q-type-choice > a:not([class]) { color: #14343b; }
body.ux-site #main.ux-reviewed .seo-help-cards > .seo-card > .seo-card-button { display: flex; gap: 16px; justify-content: space-between; min-height: 44px; padding: 8px 0; border: 0; border-radius: 0; background: transparent; color: #14343b; font-size: 16px; text-decoration: underline; text-underline-offset: 5px; }

/* Legible labels within the existing, explicitly fictional phone previews. */
body.ux-site #main.ux-reviewed :is(.studio-lifestyle footer,.studio-pdf footer,.studio-pdf p,.studio-pdf small,.studio-file-label) { color: #52665e; }
body.ux-site #main.ux-reviewed :is(.review-person small,.review-textarea,.real-demo-note) { color: #52665e; }
body.ux-site #main.ux-reviewed .review-stars { color: #9b7000; }
body.ux-site #main.ux-reviewed .device-event .event-ticket p { color: #52665e; }
body.ux-site #main.ux-reviewed .device-coupon .coupon-art > span { color: #fff; }
body.ux-site #main.ux-reviewed .device-coupon .coupon-content :is(p,.coupon-terms) { color: #5d4b3e; }
body.ux-site #main.ux-reviewed .device-contact .contact-identity p,
body.ux-site #main.ux-reviewed .device-contact .native-list span { color: #52665e; }
body.ux-site #main.ux-reviewed .device-contact .device-primary { background: #146cda; color: #fff; }
body.ux-site #main.ux-reviewed .wa-bubble small { color: #385d42; }
body.ux-site #main.ux-reviewed .wa-compose > div { color: #52665e; }
body.ux-site #main.ux-reviewed .device-wifi .device-wifi-hero p,
body.ux-site #main.ux-reviewed .device-bottom-note { color: #52665e; }
body.ux-site #main.ux-reviewed :is(.payment-store small,.payment-sheet>p,.payment-method small,.payment-target) { color: #52665e; }
body.ux-site #main.ux-reviewed .studio-apps > p,
body.ux-site #main.ux-reviewed .studio-apps footer { color: #52665e; }
body.ux-site #main.ux-reviewed .feedback-field > div { color: #52665e; }
body.ux-site #main.ux-reviewed .social-profile-head p,
body.ux-site #main.ux-reviewed .device-social-link small { color: #52665e; }
body.ux-site #main.ux-reviewed .studio-player > p,
body.ux-site #main.ux-reviewed .studio-player-time,
body.ux-site #main.ux-reviewed .studio-player-time span,
body.ux-site #main.ux-reviewed .studio-player footer { color: #52665e; }
body.ux-site #main.ux-reviewed .studio-player-cover > span { background: #14343b; color: #fff; }

/* Knowledge pages retain their paper palette and their own editorial layout. */
body.ux-knowledge #main.ux-reviewed :is(.article-meta,.article-meta span,.breadcrumbs,.article-mast>.eyebrow,.section-heading .eyebrow,.editorial-note,.world-index,.card-bottom,.toc-number,.example-label,.inline-product figcaption,.inline-product figcaption a,.sources,.sources li,.sources p) { color: #4d6258; }
body.ux-knowledge #main.ux-reviewed .world-panel.qr-panel p { color: #5b5346; }
body.ux-knowledge #main.ux-reviewed .direct-answer > .eyebrow { color: #67512f; }
body.ux-knowledge #main.ux-reviewed .article-cta > .eyebrow { color: #d5f188; }
body.ux-knowledge #main.ux-reviewed .article-body details p { color: #405d49; }
body.ux-site > header .header-inner { box-sizing: border-box; width: 100%; max-width: var(--ux-container); margin-inline: auto; padding-inline: var(--ux-gutter); }
body.ux-site > header .current { color: #14343b; }

/* Contrast repairs found by axe on painted overlays and secondary copy. */
body.ux-site #main.family-offer.ux-reviewed > .soft > .wrap > p { color: #48645a; }
body.ux-site #main.ux-reviewed .av-deliverables > a > span:first-child { color: #2f6651; }
body.access-page.ux-site > footer > span { color: #526975; }
body.ux-knowledge #main.ux-reviewed .feature-card .card-bottom { color: #d7e2da; }
body.ux-knowledge .footer .footer-end,
body.ux-knowledge .footer .footer-end span,
body.ux-knowledge .footer .ccaa-cookie-settings { color: #4d6258; font-size: 13px; }
body.ux-knowledge #main.ux-reviewed .table-scroll table { overflow: visible; }