@charset "UTF-8";
 :root {
--lax-font-en: "Lato", sans-serif;
--lax-blue: #125DC4;
--lax-blue-dark: #0F4EA6;
--lax-blue-deep: #0B3A7A;
--lax-blue-light: #8FB8F0;
--lax-blue-50: #F3F7FC;
--lax-blue-100: #EDF3FB;
--lax-blue-200: #D9E6F7;
--lax-blue-300: #A8C6EC;
--lax-navy: #123465;
--lax-navy-hover: #1B4680;
--lax-navy-deep: #0B2244;
--lax-navy-text: #C5D3E6;
--lax-ink: #123465;
--lax-text: #373737;
--lax-text-soft: #5A6673;
--lax-muted: #737373;
--lax-muted-light: #8E969E;
--lax-ice: #EBF6FB;
--lax-bg-soft: #F5F8FB;
--lax-line: #E1E8EF;
--lax-accent: #F2A64E;
--lax-accent-soft: #FCE8CF;
--lax-shadow: 0 18px 55px rgba(18, 52, 101, .08);
--lax-radius: 16px;
} html {
scroll-behavior: smooth;
scroll-padding-top: 100px;
}
body.p-legal-ax {
margin: 0;
background: #fff;
color: var(--lax-ink); font-weight: 400;
font-size: 15px;
line-height: 1.85;
-webkit-font-smoothing: antialiased;
}
body.p-legal-ax main {
margin: 0;
} :where(body.p-legal-ax) h1,
:where(body.p-legal-ax) h2,
:where(body.p-legal-ax) h3,
:where(body.p-legal-ax) h4 {
margin: 0;
line-height: 1.5;
font-weight: 700;
}
:where(body.p-legal-ax) p {
margin: 0;
}
:where(body.p-legal-ax) a {
color: inherit;
text-decoration: none;
}
:where(body.p-legal-ax) button,
:where(body.p-legal-ax) input,
:where(body.p-legal-ax) select,
:where(body.p-legal-ax) textarea {
font: inherit;
-webkit-tap-highlight-color: transparent;
}
:where(body.p-legal-ax) button {
border: 0;
color: inherit;
cursor: pointer;
line-height: 1.6;
touch-action: manipulation;
}
:where(body.p-legal-ax) button:disabled {
cursor: not-allowed;
opacity: .42;
}
:where(body.p-legal-ax) button:focus-visible,
:where(body.p-legal-ax) a:focus-visible,
:where(body.p-legal-ax) input:focus-visible,
:where(body.p-legal-ax) select:focus-visible,
:where(body.p-legal-ax) textarea:focus-visible,
:where(body.p-legal-ax) summary:focus-visible {
outline: 3px solid var(--lax-blue);
outline-offset: 4px;
}
:where(body.p-legal-ax) h1[tabindex="-1"]:focus {
outline: none;
}
:where(body.p-legal-ax) svg {
display: block;
flex-shrink: 0;
}
:where(body.p-legal-ax) summary::-webkit-details-marker {
display: none;
} .lax-container {
max-width: 1220px;
margin: 0 auto;
padding: 0 40px;
}
.lax-eyebrow {
font-family: var(--lax-font-en);
font-weight: 700;
letter-spacing: .17em;
font-size: 11px;
color: var(--lax-blue-dark);
line-height: 1.4;
}
.lax-section-title {
font-size: 34px;
letter-spacing: .02em;
font-weight: 700;
line-height: 1.65;
margin-top: 12px;
}
.lax-section-lead {
color: var(--lax-muted);
margin-top: 16px;
line-height: 1.95;
}
.lax-text-blue {
color: var(--lax-blue-dark);
}
.lax-text-muted {
color: var(--lax-muted);
}
.lax-mono {
font-family: var(--lax-font-en);
font-variant-numeric: tabular-nums;
}
.lax-icon {
width: 22px;
height: 22px;
}
.lax-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 24px;
padding: 17px 25px;
background: var(--lax-blue);
border: 1px solid var(--lax-blue);
color: #fff;
border-radius: 7px;
font-weight: 700;
font-size: 15px;
min-height: 56px;
transition: background .18s, transform .18s, box-shadow .18s;
white-space: normal;
}
.lax-button:hover {
background: var(--lax-blue-dark);
border-color: var(--lax-blue-dark);
box-shadow: 0 6px 22px rgba(18, 93, 196, .14);
transform: translateY(-1px);
}
.lax-button--small {
font-size: 13px;
min-height: 42px;
padding: 10px 17px;
gap: 18px;
}
.lax-button--dark {
background: var(--lax-navy);
border-color: var(--lax-navy);
}
.lax-button--dark:hover {
background: var(--lax-navy-hover);
border-color: var(--lax-navy-hover);
}
.lax-button--outline {
background: #fff;
border-color: var(--lax-blue-200);
color: var(--lax-navy);
}
.lax-button--outline:hover {
background: var(--lax-ice);
border-color: var(--lax-blue-300);
box-shadow: none;
}
.lax-button--quiet {
background: transparent;
color: var(--lax-text);
border: 1px solid transparent;
box-shadow: none;
}
.lax-button--quiet:hover {
background: var(--lax-blue-100);
color: var(--lax-ink);
border-color: transparent;
box-shadow: none;
}
.lax-text-link {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 6px 0;
color: var(--lax-blue-dark);
font-size: 14px;
font-weight: 700;
background: transparent;
border: 0;
}
.lax-text-link:hover {
text-decoration: underline;
text-underline-offset: 5px;
}
.lax-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.lax-skip-link {
position: fixed;
top: -90px;
left: 20px;
padding: 12px 20px;
background: var(--lax-navy);
color: #fff;
z-index: 100;
}
.lax-skip-link:focus {
top: 10px;
}
.lax-arrow-circle {
display: grid;
place-items: center;
width: 27px;
height: 27px;
border-radius: 50%;
background: rgba(255, 255, 255, .13);
}
.lax-fade-in {
animation: laxFadeUp .3s ease-out;
}
@keyframes laxFadeUp {
from { opacity: 0; transform: translateY(7px); }
to { opacity: 1; transform: translateY(0); }
} .lax-header {
position: sticky;
top: 0;
left: auto;
width: 100%;
padding: 0;
z-index: 30;
background: rgba(255, 255, 255, .96);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--lax-line);
}
.lax-header-inner {
max-width: 1480px;
padding: 21px 42px;
margin: auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
}
.lax-brand {
display: flex;
align-items: center;
gap: 20px;
flex-shrink: 0;
}
.lax-brand-logo-link {
display: block;
flex-shrink: 0;
}
.lax-brand-logo {
width: auto;
height: 28px;
display: block;
}
.lax-brand-divider {
height: 34px;
width: 1px;
background: var(--lax-line);
}
.lax-brand-caption {
background: none;
padding: 0;
text-align: left;
font-size: 12px;
line-height: 1.7;
color: var(--lax-muted);
letter-spacing: .03em;
}
.lax-brand-caption b {
font-weight: 500;
color: var(--lax-ink);
font-size: 13px;
}
.lax-header-nav {
display: flex;
gap: 25px;
align-items: center;
margin-left: auto;
}
.lax-header-nav button {
background: none;
padding: 5px 0;
color: var(--lax-text);
font-size: 14px;
font-weight: 600;
white-space: nowrap;
}
.lax-header-nav button:hover {
color: var(--lax-blue-dark);
}
.lax-header-cta {
font-size: 14px;
white-space: nowrap;
}
.lax-header-sitenav {
display: none;
align-items: center;
gap: 28px;
margin-left: auto;
}
.lax-header-sitenav a {
font-size: 14px;
font-weight: 600;
color: var(--lax-text);
white-space: nowrap;
}
.lax-header-sitenav a:hover {
color: var(--lax-blue-dark);
}
.lax-header-sitenav .lax-header-sitecta {
color: #fff;
margin-left: 4px;
}
body.lax-result-mode .lax-header-nav { display: none; }
body.lax-result-mode .lax-header-cta,
.lax-header-cta[hidden] { display: none !important; }
body.lax-result-mode .lax-header-sitenav { display: flex; } .lax-hero {
position: relative;
overflow: hidden;
background: linear-gradient(114deg, #fff 39%, var(--lax-blue-50) 100%);
padding: 78px 0 55px;
border-bottom: 1px solid var(--lax-line);
}
.lax-hero::after {
content: "";
position: absolute;
right: -210px;
top: -230px;
width: 760px;
height: 760px;
border: 1px solid rgba(18, 93, 196, .14);
border-radius: 50%;
pointer-events: none;
}
.lax-hero-inner {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 28px;
position: relative;
z-index: 1;
}
.lax-hero-kicker {
display: flex;
align-items: center;
gap: 12px;
font-size: 13px;
font-weight: 600;
margin-bottom: 22px;
}
.lax-hero-kicker::before {
content: "";
height: 1px;
width: 30px;
background: var(--lax-blue);
}
.lax-hero h1 {
font-size: 51px;
line-height: 1.55;
letter-spacing: .005em;
font-weight: 700;
}
.lax-hero h1 .lax-accent {
color: var(--lax-blue-dark);
position: relative;
display: inline-block;
z-index: 1;
}
.lax-hero h1 .lax-accent::after {
content: "";
position: absolute;
bottom: 10px;
left: 1px;
right: 0;
height: 11px;
background: var(--lax-accent-soft);
z-index: -1;
}
.lax-hero-description {
margin-top: 24px;
color: var(--lax-text-soft);
max-width: 470px;
font-size: 14px;
line-height: 2.05;
}
.lax-hero-actions {
margin-top: 31px;
display: flex;
gap: 18px;
align-items: center;
flex-wrap: wrap;
}
.lax-hero .lax-button {
font-size: 15px;
padding: 18px 26px;
}
.lax-hero-meta {
display: flex;
gap: 22px;
font-size: 11px;
color: var(--lax-muted);
margin-top: 19px;
align-items: center;
}
.lax-hero-meta span {
display: flex;
align-items: center;
gap: 5px;
}
.lax-hero-meta svg {
width: 13px;
height: 13px;
color: var(--lax-blue-dark);
} .lax-hero-graphic {
height: 438px;
position: relative;
min-width: 0;
}
.lax-graphic-grid {
position: absolute;
inset: 9px -60px -20px -25px;
background-image: linear-gradient(rgba(18, 93, 196, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(18, 93, 196, .08) 1px, transparent 1px);
background-size: 35px 35px;
mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
-webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
transform: perspective(650px) rotateX(10deg) rotateZ(-5deg);
}
.lax-graphic-label {
position: absolute;
top: 12px;
left: 40px;
display: flex;
align-items: center;
gap: 9px;
font-family: var(--lax-font-en);
font-size: 10px;
color: var(--lax-muted-light);
letter-spacing: .16em;
}
.lax-graphic-label::before {
content: "";
width: 6px;
height: 6px;
background: var(--lax-blue);
border-radius: 50%;
}
.lax-orb {
position: absolute;
border: 1px solid var(--lax-blue-300);
border-radius: 50%;
width: 310px;
height: 310px;
top: 30px;
left: 165px;
}
.lax-orb::before {
content: "";
position: absolute;
width: 9px;
height: 9px;
top: 40px;
left: 42px;
border-radius: 50%;
background: var(--lax-blue);
box-shadow: 0 0 0 7px rgba(18, 93, 196, .08);
}
.lax-orb--two {
width: 390px;
height: 390px;
top: -8px;
left: 130px;
border-color: var(--lax-blue-200);
}
.lax-visual-steps {
position: absolute;
left: 17px;
right: 0;
bottom: 99px;
display: flex;
align-items: flex-end;
gap: 11px;
transform: rotate(-4deg);
}
.lax-visual-step {
position: relative;
width: 24%;
border-radius: 9px 9px 3px 3px;
background: #fff;
box-shadow: 9px 11px 0 var(--lax-blue-200), 0 14px 35px rgba(18, 52, 101, .08);
border: 1px solid var(--lax-blue-200);
padding: 14px 12px;
height: 120px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.lax-visual-step:first-child {
height: 132px;
}
.lax-visual-step:first-child .lax-icon {
display: none;
}
.lax-visual-step:nth-child(2) {
height: 162px;
background: var(--lax-blue-100);
}
.lax-visual-step:nth-child(3) {
height: 212px;
background: var(--lax-blue);
color: #fff;
border-color: var(--lax-blue);
box-shadow: 9px 11px 0 var(--lax-blue-deep), 0 18px 35px rgba(18, 52, 101, .11);
}
.lax-visual-step:nth-child(4) {
height: 257px;
background: var(--lax-navy);
color: #fff;
border-color: var(--lax-navy);
box-shadow: 9px 11px 0 var(--lax-navy-deep), 0 18px 35px rgba(18, 52, 101, .11);
}
.lax-visual-num {
font-family: var(--lax-font-en);
font-size: 32px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -.05em;
color: var(--lax-blue);
}
.lax-visual-step:nth-child(n+3) .lax-visual-num {
color: #DCE8F7;
}
.lax-visual-step strong {
font-size: 12px;
margin-top: 9px;
white-space: nowrap;
}
.lax-visual-step small {
font-size: 9px;
line-height: 1.6;
margin-top: 4px;
opacity: .75;
}
.lax-visual-step .lax-icon {
margin-top: auto;
width: 25px;
height: 25px;
opacity: .5;
}
.lax-visual-pin {
position: absolute;
background: var(--lax-accent-soft);
color: var(--lax-navy);
font-size: 9px;
font-weight: 700;
white-space: nowrap;
top: -31px;
left: 7px;
padding: 4px 11px;
border-radius: 3px;
box-shadow: 0 4px 12px rgba(120, 80, 20, .06);
}
.lax-visual-pin::after {
content: "";
position: absolute;
bottom: -5px;
left: 23px;
width: 9px;
height: 9px;
transform: rotate(45deg);
background: var(--lax-accent-soft);
}
.lax-visual-note {
position: absolute;
bottom: 2px;
left: 47px;
right: 5px;
display: flex;
gap: 14px;
align-items: center;
background: rgba(255, 255, 255, .94);
backdrop-filter: blur(6px);
border: 1px solid var(--lax-line);
border-radius: 12px;
padding: 18px 20px;
box-shadow: var(--lax-shadow);
transform: rotate(-1deg);
}
.lax-visual-note .lax-note-icon {
height: 39px;
width: 39px;
background: var(--lax-blue-100);
color: var(--lax-blue-dark);
display: grid;
place-items: center;
border-radius: 50%;
flex-shrink: 0;
}
.lax-visual-note .lax-eyebrow {
font-size: 9px;
display: block;
}
.lax-visual-note strong {
font-size: 13px;
display: block;
margin-top: 4px;
line-height: 1.6;
}
.lax-visual-note .lax-note-arrow {
margin-left: auto;
color: var(--lax-blue);
}
.lax-graphic-caption {
position: absolute;
bottom: -29px;
right: 0;
font-size: 9px;
color: var(--lax-muted-light);
} .lax-how-section {
padding: 86px 0;
}
.lax-how-layout {
display: grid;
grid-template-columns: .88fr 1.12fr;
gap: 70px;
align-items: start;
}
.lax-journey-item {
display: flex;
gap: 25px;
padding: 24px 0;
border-bottom: 1px solid var(--lax-line);
}
.lax-journey-item:first-child {
padding-top: 0;
}
.lax-journey-item .lax-journey-num {
font-size: 20px;
font-family: var(--lax-font-en);
color: var(--lax-blue);
line-height: 1.3;
padding-top: 5px;
}
.lax-journey-item h3 {
font-size: 17px;
}
.lax-journey-item p {
font-size: 12px;
color: var(--lax-muted);
margin-top: 7px;
} .lax-sample-section {
position: relative;
padding: 0 0 0;
background: #fff;
border-bottom: 1px solid var(--lax-line);
}
.lax-sample-section:focus {
outline: none;
}
.lax-sample-title {
position: relative;
text-align: center;
font-size: 34px;
font-weight: 800;
color: var(--lax-blue);
letter-spacing: .02em;
line-height: 1.4;
}
.lax-sample-title::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 1px;
background: var(--lax-line);
}
.lax-sample-title span {
position: relative;
display: inline-block;
background: #fff;
padding: 0 32px;
}
.lax-sample-figure {
margin: 40px auto 0;
max-width: 1040px;
}
.lax-sample-figure img {
display: block;
width: 100%;
height: auto;
} .lax-faq-section {
padding: 80px 0 88px;
}
.lax-faq-layout {
display: grid;
grid-template-columns: .7fr 1.3fr;
gap: 65px;
}
.lax-faq-list details {
border-bottom: 1px solid var(--lax-line);
padding: 20px 0;
}
.lax-faq-list details:first-child {
padding-top: 0;
}
.lax-faq-list summary {
font-size: 14px;
font-weight: 600;
cursor: pointer;
list-style: none;
display: flex;
gap: 14px;
align-items: start;
}
.lax-faq-list summary::before {
content: "Q";
font-family: var(--lax-font-en);
font-weight: 400;
color: var(--lax-blue);
font-size: 19px;
line-height: 1.5;
}
.lax-faq-list summary::after {
content: "+";
margin-left: auto;
color: var(--lax-blue);
font-weight: 400;
font-size: 22px;
line-height: 1;
}
.lax-faq-list details[open] summary::after {
content: "−";
}
.lax-faq-list details p {
font-size: 13px;
color: var(--lax-muted);
margin: 15px 15px 0 30px;
line-height: 1.95;
} .lax-final-cta {
background: var(--lax-ice);
padding: 54px 0;
text-align: center;
}
.lax-final-cta h2 {
font-size: 27px;
}
.lax-final-cta .lax-button {
margin-top: 22px;
}
.lax-final-cta p {
font-size: 12px;
color: var(--lax-muted);
margin-top: 10px;
} .lax-footer {
width: 100%;
padding: 30px 0;
background: #fff;
border-top: 1px solid var(--lax-line);
text-align: left;
}
.lax-footer-inner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 25px;
flex-wrap: wrap;
}
.lax-footer-brand {
display: flex;
align-items: center;
gap: 18px;
}
.lax-footer-brand > a {
flex-shrink: 0;
}
.lax-footer-logo {
width: auto;
height: 26px;
display: block;
}
.lax-footer-divider {
width: 1px;
height: 22px;
background: var(--lax-line);
}
.lax-footer-brand p {
font-size: 13px;
color: var(--lax-muted);
margin: 0;
}
.lax-footer-links {
display: flex;
align-items: center;
gap: 28px;
font-size: 13px;
color: var(--lax-muted);
}
.lax-footer-links a,
.lax-footer-links button {
font-size: 13px;
background: none;
padding: 0;
color: var(--lax-muted);
}
.lax-footer-links a:hover,
.lax-footer-links button:hover {
color: var(--lax-blue-dark);
} body.lax-wizard-mode {
background: var(--lax-bg-soft);
}
.lax-wizard-mode .lax-footer {
display: none;
}
.lax-wizard-mode .lax-header-nav {
display: none;
}
.lax-wizard-mode .lax-header-cta {
background: none;
color: var(--lax-muted);
border-color: var(--lax-line);
font-weight: 500;
}
.lax-wizard-mode .lax-header-cta:hover {
background: var(--lax-blue-100);
color: var(--lax-navy);
border-color: var(--lax-blue-300);
box-shadow: none;
}
.lax-wizard-layout {
max-width: 1190px;
margin: auto;
padding: 38px 40px 105px;
display: grid;
grid-template-columns: 248px minmax(0, 1fr);
gap: 45px;
align-items: start;
min-height: calc(100vh - 88px);
}
.lax-wizard-aside {
position: sticky;
top: 126px;
}
.lax-wizard-aside .lax-eyebrow {
font-size: 10px;
}
.lax-wizard-aside h2 {
font-size: 22px;
line-height: 1.6;
margin-top: 10px;
}
.lax-wizard-aside .lax-aside-lead {
font-size: 12px;
color: var(--lax-muted);
margin-top: 15px;
line-height: 1.9;
}
.lax-wizard-steps {
margin-top: 30px;
}
.lax-wizard-step {
position: relative;
display: flex;
gap: 15px;
padding: 15px 0;
color: var(--lax-muted-light);
}
.lax-wizard-step::after {
content: "";
width: 1px;
background: var(--lax-line);
position: absolute;
top: 47px;
left: 16px;
bottom: -11px;
}
.lax-wizard-step:last-child::after {
display: none;
}
.lax-wizard-step-number {
flex-shrink: 0;
display: grid;
place-items: center;
width: 33px;
height: 33px;
border: 1px solid var(--lax-line);
background: #fff;
border-radius: 50%;
font-size: 11px;
font-family: var(--lax-font-en);
}
.lax-wizard-step--active .lax-wizard-step-number {
background: var(--lax-blue);
border-color: var(--lax-blue);
color: #fff;
box-shadow: 0 0 0 5px rgba(18, 93, 196, .08);
}
.lax-wizard-step--done .lax-wizard-step-number {
border-color: var(--lax-blue-300);
color: var(--lax-blue-dark);
}
.lax-wizard-step--active .lax-wizard-step-text {
color: var(--lax-ink);
}
.lax-wizard-step-text strong {
display: block;
font-size: 12px;
line-height: 1.8;
font-weight: 600;
}
.lax-wizard-step-text small {
display: block;
font-size: 10px;
color: var(--lax-muted-light);
margin-top: 2px;
}
.lax-aside-note {
border-top: 1px solid var(--lax-line);
padding-top: 22px;
margin-top: 28px;
font-size: 11px;
color: var(--lax-muted);
line-height: 1.85;
}
.lax-aside-note .lax-icon {
width: 16px;
height: 16px;
color: var(--lax-blue-300);
margin-bottom: 10px;
}
.lax-save-indicator {
margin-top: 18px;
font-size: 10px;
color: var(--lax-muted);
display: flex;
align-items: center;
gap: 6px;
}
.lax-save-indicator::before {
content: "";
width: 5px;
height: 5px;
background: #57a18e;
border-radius: 50%;
}
.lax-wizard-content {
min-width: 0;
}
.lax-progress-label {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 11px;
color: var(--lax-muted);
margin-bottom: 10px;
}
.lax-progress-label b {
font-weight: 600;
color: var(--lax-text);
}
.lax-progress-track {
height: 4px;
border-radius: 3px;
background: var(--lax-line);
overflow: hidden;
}
.lax-progress-track span {
height: 100%;
display: block;
background: var(--lax-blue);
border-radius: 3px;
transition: width .25s;
}
.lax-question-card {
background: #fff;
border: 1px solid var(--lax-line);
border-radius: 13px;
padding: 31px 33px 23px;
margin-top: 22px;
box-shadow: 0 8px 28px rgba(38, 69, 92, .01);
}
.lax-question-top {
display: flex;
align-items: center;
gap: 9px;
margin-bottom: 15px;
}
.lax-question-top .lax-question-no {
font-family: var(--lax-font-en);
font-size: 12px;
font-weight: 700;
letter-spacing: .13em;
color: var(--lax-blue-dark);
margin-right: 5px;
}
.lax-badge {
font-size: 9px;
font-weight: 600;
border: 1px solid var(--lax-blue-200);
color: var(--lax-blue-dark);
border-radius: 4px;
padding: 2px 7px;
line-height: 1.6;
background: var(--lax-blue-50);
}
.lax-badge--required {
background: var(--lax-blue-100);
border-color: var(--lax-blue-100);
color: var(--lax-blue-dark);
}
.lax-question-title {
font-size: 23px;
line-height: 1.7;
letter-spacing: .01em;
font-weight: 600;
outline: none;
text-wrap: balance;
}
.lax-question-description {
font-size: 12px;
line-height: 1.95;
color: var(--lax-text-soft);
margin-top: 12px;
margin-bottom: 23px;
}
.lax-options {
border: 0;
padding: 0;
margin: 0;
display: grid;
gap: 9px;
min-width: 0;
}
.lax-options--compact {
grid-template-columns: 1fr 1fr;
}
.lax-option {
display: flex;
align-items: center;
gap: 12px;
border: 1px solid var(--lax-line);
border-radius: 7px;
padding: 13px 15px;
cursor: pointer;
font-size: 13px;
line-height: 1.8;
color: var(--lax-text);
transition: border-color .16s, background .16s;
position: relative;
min-height: 52px;
background: #fff;
}
.lax-option:hover {
background: var(--lax-blue-50);
border-color: var(--lax-blue-300);
}
.lax-option--selected {
background: var(--lax-blue-100);
border-color: var(--lax-blue);
color: var(--lax-navy);
}
.lax-option input {
appearance: none;
-webkit-appearance: none;
flex-shrink: 0;
width: 17px;
height: 17px;
border: 1px solid #BFC8D2;
border-radius: 4px;
margin: 0;
position: relative;
background: #fff;
cursor: pointer;
}
.lax-option input[type="radio"] {
border-radius: 50%;
}
.lax-option input:checked {
background: var(--lax-blue);
border-color: var(--lax-blue);
}
.lax-option input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 5px;
top: 2px;
width: 4px;
height: 8px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.lax-option input[type="radio"]:checked::after {
content: "";
position: absolute;
width: 5px;
height: 5px;
top: 5px;
left: 5px;
background: #fff;
border-radius: 50%;
}
.lax-option:has(input:focus-visible) {
outline: 3px solid var(--lax-blue);
outline-offset: 2px;
}
.lax-option input:focus-visible {
outline: none;
}
.lax-option span {
flex: 1;
min-width: 0;
}
.lax-option .lax-option-mark {
font-family: var(--lax-font-en);
font-size: 10px;
color: var(--lax-blue);
flex: none;
opacity: 0;
}
.lax-option--selected .lax-option-mark {
opacity: 1;
}
.lax-option-group-title {
font-size: 11px;
color: var(--lax-text);
font-weight: 700;
margin: 16px 0 1px;
padding-bottom: 4px;
border-bottom: 1px solid var(--lax-line);
grid-column: 1 / -1;
}
.lax-option-group-title:first-child {
margin-top: 0;
}
.lax-options--grouped {
grid-template-columns: 1fr 1fr;
gap: 9px;
}
.lax-options--grouped .lax-option {
font-size: 12px;
padding: 12px;
align-items: start;
min-height: 76px;
}
.lax-options--grouped .lax-option input {
margin-top: 4px;
}
.lax-options--grouped .lax-option--short {
grid-column: 1 / -1;
min-height: 45px;
align-items: center;
}
.lax-options--grouped .lax-option--short input {
margin-top: 0;
}
.lax-other-field {
margin-top: 14px;
padding: 13px 15px;
border-radius: 7px;
background: var(--lax-blue-50);
}
.lax-other-field label {
display: block;
font-size: 11px;
color: var(--lax-muted);
margin-bottom: 8px;
}
.lax-other-field input {
width: 100%;
font-size: 13px;
padding: 10px 12px;
border: 1px solid var(--lax-line);
border-radius: 5px;
background: #fff;
color: var(--lax-ink);
}
.lax-other-field small {
font-size: 10px;
color: var(--lax-muted-light);
display: block;
margin-top: 6px;
}
.lax-question-bottom {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 18px;
font-size: 10px;
color: var(--lax-muted-light);
}
.lax-answer-count {
color: var(--lax-blue-dark);
font-size: 11px;
}
.lax-form-error {
font-size: 12px;
color: #aa422c;
background: #fff4ee;
border-left: 3px solid #d08061;
padding: 10px 12px;
border-radius: 3px;
margin-top: 15px;
}
.lax-form-error:empty {
display: none;
}
.lax-inline-warning {
font-size: 11px;
color: #805d38;
background: #fff9ee;
padding: 12px 14px;
border: 1px solid #eee0c8;
border-radius: 6px;
margin-top: 14px;
line-height: 1.8;
}
.lax-wizard-controls {
position: sticky;
bottom: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 19px 2px 19px;
background: rgba(245, 248, 251, .96);
backdrop-filter: blur(10px);
z-index: 12;
margin-top: 4px;
}
.lax-wizard-controls .lax-button {
min-width: 170px;
font-size: 13px;
min-height: 48px;
padding: 13px 20px;
}
.lax-wizard-controls .lax-button--quiet {
min-width: 80px;
justify-content: start;
padding-left: 0;
}
.lax-contact-card + .lax-wizard-controls {
position: static;
background: transparent;
backdrop-filter: none;
}
.lax-selection-note {
font-size: 11px;
color: var(--lax-muted-light);
margin-top: 12px;
} .lax-contact-card {
padding: 31px 33px;
}
.lax-contact-intro {
margin-bottom: 25px;
}
.lax-contact-intro h1 {
font-size: 25px;
line-height: 1.7;
}
.lax-contact-intro p {
font-size: 12px;
color: var(--lax-muted);
margin-top: 13px;
}
.lax-contact-complete {
display: inline-flex;
align-items: center;
gap: 7px;
color: #287d69;
font-size: 11px;
background: #edf8f2;
border-radius: 4px;
padding: 4px 9px;
margin-bottom: 14px;
}
.lax-form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 18px;
}
.lax-field--full,
.lax-form-grid .lax-field:has(#caseCount) {
grid-column: 1 / -1;
}
.lax-field label {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 600;
margin-bottom: 8px;
}
.lax-field label .lax-required {
font-size: 9px;
font-weight: 500;
color: var(--lax-muted-light);
border: 1px solid var(--lax-line);
padding: 1px 5px;
border-radius: 3px;
}
.lax-field input,
.lax-field select,
.lax-field textarea {
width: 100%;
border: 1px solid #CBD5E0;
border-radius: 5px;
background: #fff;
padding: 12px 13px;
font-size: 13px;
line-height: 1.55;
min-height: 46px;
color: var(--lax-ink);
}
.lax-field select {
padding-right: 30px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
}
.lax-field input::placeholder {
color: #afbdc6;
}
.lax-field input.lax-invalid {
border-color: #c97156;
}
.lax-field small {
font-size: 10px;
color: var(--lax-muted-light);
display: block;
margin-top: 7px;
line-height: 1.8;
}
.lax-contact-toolbar {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 22px;
gap: 10px;
}
.lax-contact-toolbar span {
font-size: 10px;
color: var(--lax-muted-light);
}
.lax-contact-toolbar button {
font-size: 10px;
border-bottom: 1px solid var(--lax-blue-300);
color: var(--lax-blue-dark);
background: none;
padding: 3px 0;
}
.lax-privacy-box {
background: var(--lax-blue-50);
border: 1px solid var(--lax-line);
padding: 17px 19px;
margin-top: 26px;
border-radius: 7px;
font-size: 11px;
color: var(--lax-muted);
line-height: 1.9;
}
.lax-consent-label {
display: flex;
gap: 10px;
align-items: start;
margin-top: 15px;
font-size: 12px;
color: var(--lax-text);
cursor: pointer;
}
.lax-consent-label input {
width: 16px;
height: 16px;
accent-color: var(--lax-blue);
margin-top: 4px;
flex-shrink: 0;
}
.lax-consent-label button {
padding: 0;
background: none;
color: var(--lax-blue-dark);
text-decoration: underline;
text-underline-offset: 3px;
}
.lax-contact-submit {
width: 100%;
margin-top: 22px;
} .lax-hubspot-form {
position: relative;
min-height: 120px;
margin-top: 22px;
}
.lax-hubspot-form iframe {
width: 100% !important;
max-width: 100%;
border: 0;
display: block;
}
.lax-hubspot-loading {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: var(--lax-muted-light);
pointer-events: none;
}
.lax-hubspot-form--ready .lax-hubspot-loading {
display: none;
}
.lax-hubspot-error {
background: var(--lax-accent-soft);
border-radius: 7px;
padding: 18px 20px;
font-size: 12px;
line-height: 1.9;
color: var(--lax-text);
}
.lax-hubspot-error .lax-button {
margin-top: 12px;
}
.lax-contact-subnote {
font-size: 10px;
text-align: center;
color: var(--lax-muted-light);
margin-top: 12px;
}
.lax-answer-review {
margin-top: 24px;
border-top: 1px solid var(--lax-line);
padding-top: 17px;
}
.lax-answer-review summary {
font-size: 12px;
color: var(--lax-text);
cursor: pointer;
}
.lax-review-row {
display: flex;
align-items: start;
gap: 15px;
padding: 13px 0;
border-bottom: 1px solid #EEF2F6;
font-size: 11px;
}
.lax-review-row > div {
flex: 1;
min-width: 0;
}
.lax-review-row b {
font-size: 11px;
}
.lax-review-row p {
font-size: 10px;
color: var(--lax-muted);
margin-top: 5px;
overflow-wrap: anywhere;
}
.lax-review-row button {
font-size: 10px;
background: none;
color: var(--lax-blue-dark);
padding: 0;
white-space: nowrap;
} .lax-dialog {
border: 1px solid var(--lax-line);
border-radius: 15px;
padding: 35px;
max-width: 570px;
width: calc(100% - 36px);
max-height: 86vh;
color: var(--lax-ink);
box-shadow: 0 35px 100px rgba(14, 41, 59, .2);
overflow: auto;
background: #fff;
}
.lax-dialog::backdrop {
background: rgba(18, 52, 101, .4);
backdrop-filter: blur(4px);
}
.lax-dialog-close {
position: absolute;
top: 12px;
right: 13px;
width: 29px;
height: 29px;
border-radius: 50%;
background: var(--lax-blue-50);
color: var(--lax-muted);
font-size: 22px;
line-height: 1;
padding: 0;
}
.lax-dialog-eyebrow {
margin-bottom: 14px;
}
.lax-dialog-title {
font-size: 24px;
line-height: 1.6;
margin-bottom: 14px;
padding-right: 20px;
}
.lax-dialog-description {
font-size: 12px;
color: var(--lax-text-soft);
line-height: 2;
}
.lax-dialog-note {
background: var(--lax-blue-50);
padding: 14px 17px;
border-radius: 7px;
font-size: 11px;
color: var(--lax-muted);
margin-top: 17px;
line-height: 1.9;
}
.lax-dialog-actions {
display: flex;
justify-content: flex-end;
gap: 12px;
margin-top: 24px;
}
.lax-dialog-actions .lax-button {
font-size: 12px;
min-height: 45px;
padding: 12px 18px;
}
.lax-modal-fields {
display: grid;
gap: 14px;
margin-top: 23px;
}
.lax-modal-fields .lax-field textarea {
min-height: 90px;
resize: vertical;
}
.lax-success-mark {
width: 55px;
height: 55px;
background: var(--lax-blue-100);
border-radius: 50%;
display: grid;
place-items: center;
color: var(--lax-blue-dark);
margin: 5px 0 20px;
}
.lax-success-mark .lax-icon {
width: 27px;
height: 27px;
}
.lax-toast {
position: fixed;
bottom: 77px;
left: 50%;
transform: translateX(-50%) translateY(20px);
opacity: 0;
pointer-events: none;
transition: .2s;
z-index: 90;
background: var(--lax-navy);
color: #fff;
border-radius: 7px;
padding: 13px 21px;
max-width: min(90vw, 520px);
font-size: 12px;
box-shadow: 0 8px 30px rgba(24, 62, 86, .13);
}
.lax-toast--visible {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
.lax-noscript {
padding-top: 50px;
padding-bottom: 50px;
} @media (min-width: 1500px) {
.lax-hero h1 { font-size: 56px; }
.lax-hero { padding-top: 95px; padding-bottom: 66px; }
.lax-hero-graphic { height: 460px; }
.lax-container { max-width: 1290px; }
.lax-visual-step { padding: 15px; }
.lax-visual-step strong { font-size: 14px; }
.lax-visual-step small { font-size: 10px; }
.lax-visual-note strong { font-size: 15px; }
}
@media (max-width: 1150px) {
.lax-header-nav { gap: 16px; }
.lax-header-nav button { font-size: 13px; }
.lax-header-inner { padding: 18px 25px; gap: 14px; }
.lax-brand { gap: 13px; }
.lax-header-cta { font-size: 13px; padding: 10px 13px; }
.lax-hero h1 { font-size: 43px; }
.lax-hero-graphic { height: 410px; }
.lax-visual-step { padding: 12px 9px; }
.lax-visual-step strong { font-size: 11px; }
.lax-visual-step small { font-size: 8px; }
.lax-visual-note { left: 20px; right: 0; bottom: 0; padding: 17px; }
.lax-visual-note strong { font-size: 12px; }
.lax-visual-steps { gap: 8px; left: 10px; bottom: 97px; }
.lax-hero-meta { gap: 15px; }
.lax-wizard-layout { gap: 30px; grid-template-columns: 213px minmax(0, 1fr); padding-left: 30px; padding-right: 30px; }
.lax-question-card { padding: 28px; }
.lax-question-title { font-size: 22px; }
}
@media (max-width: 940px) {
.lax-header-nav { display: none; }
.lax-container { padding-left: 28px; padding-right: 28px; }
.lax-hero { padding: 55px 0 40px; }
.lax-hero-inner { gap: 20px; grid-template-columns: 1.03fr .97fr; }
.lax-hero h1 { font-size: 36px; }
.lax-hero h1 .lax-accent::after { bottom: 7px; height: 8px; }
.lax-hero-kicker { font-size: 11px; margin-bottom: 19px; }
.lax-hero-description { font-size: 12px; line-height: 1.95; }
.lax-hero .lax-button { font-size: 13px; padding: 15px 20px; gap: 14px; }
.lax-hero-actions { gap: 12px; margin-top: 23px; }
.lax-hero-actions .lax-text-link { font-size: 12px; }
.lax-hero-meta { font-size: 10px; gap: 12px; flex-wrap: wrap; }
.lax-hero-graphic { height: 365px; }
.lax-visual-step { padding: 11px 7px; height: 103px; }
.lax-visual-step:first-child { height: 116px; }
.lax-visual-step:nth-child(2) { height: 136px; }
.lax-visual-step:nth-child(3) { height: 177px; }
.lax-visual-step:nth-child(4) { height: 218px; }
.lax-visual-num { font-size: 26px; }
.lax-visual-step strong { font-size: 10px; }
.lax-visual-step small { font-size: 8px; }
.lax-visual-step .lax-icon { width: 18px; height: 18px; }
.lax-visual-steps { bottom: 89px; gap: 6px; }
.lax-visual-note { left: 6px; right: -5px; padding: 15px 13px; gap: 9px; }
.lax-visual-note strong { font-size: 10px; }
.lax-visual-note .lax-note-icon { width: 30px; height: 30px; }
.lax-visual-note .lax-icon { width: 18px; height: 18px; }
.lax-graphic-label { font-size: 8px; left: 15px; top: 10px; }
.lax-orb { left: 70px; top: 15px; width: 250px; height: 250px; }
.lax-orb--two { left: 38px; top: -18px; width: 315px; height: 315px; }
.lax-graphic-caption { bottom: -26px; font-size: 8px; }
.lax-section-title { font-size: 29px; }
.lax-how-layout { gap: 45px; }
.lax-faq-layout { gap: 40px; }
.lax-wizard-layout { grid-template-columns: 175px minmax(0, 1fr); gap: 25px; padding: 30px 25px 90px; }
.lax-wizard-aside h2 { font-size: 19px; }
.lax-wizard-aside .lax-aside-lead { font-size: 11px; }
.lax-wizard-step-text strong { font-size: 11px; }
.lax-wizard-step-text small { font-size: 9px; }
.lax-wizard-step { gap: 10px; }
.lax-question-card { padding: 24px; }
.lax-question-title { font-size: 20px; }
.lax-option { font-size: 12px; }
.lax-options--grouped { grid-template-columns: 1fr; }
.lax-options--grouped .lax-option { min-height: 50px; }
.lax-report-card { padding: 30px; grid-template-columns: 1fr 114px; gap: 22px; }
.lax-report-card h1 { font-size: 25px; }
.lax-report-stage-badge { width: 112px; height: 137px; }
.lax-report-stage-badge strong { font-size: 58px; }
.lax-foundation-card { padding: 19px; }
.lax-foundation-card h3 { font-size: 14px; }
.lax-foundation-card li { font-size: 10px; }
.lax-service-card { padding: 25px; grid-template-columns: 1fr; }
.lax-service-card > .lax-button { justify-self: start; }
.lax-consult-card { padding: 29px; gap: 25px; grid-template-columns: 1.1fr 1fr; }
.lax-consult-card h2 { font-size: 21px; }
.lax-consult-right .lax-button { font-size: 11px; padding: 13px; }
.lax-action-grid { gap: 20px; }
.lax-action-card h4 { font-size: 12px; }
.lax-action-card p { font-size: 10px; }
}
@media (max-width: 700px) {
.lax-container { padding-left: 22px; padding-right: 22px; }
.lax-header-inner { padding: 17px 20px; gap: 12px; }
.lax-brand-logo { height: 22px; }
.lax-brand { gap: 10px; }
.lax-brand-divider,
.lax-brand-caption { display: none; }
.lax-header-cta { font-size: 12px; min-height: 36px; padding: 8px 11px; gap: 8px; }
.lax-hero { padding: 41px 0 25px; }
.lax-hero-inner { grid-template-columns: 1fr; gap: 23px; }
.lax-hero h1 { font-size: 32px; line-height: 1.65; letter-spacing: .012em; }
.lax-hero h1 .lax-accent::after { bottom: 8px; }
.lax-hero-kicker { font-size: 11px; margin-bottom: 19px; }
.lax-hero-description { font-size: 12px; max-width: 500px; margin-top: 18px; }
.lax-hero-actions { margin-top: 22px; gap: 14px; }
.lax-hero .lax-button { min-height: 51px; padding: 15px 22px; font-size: 13px; }
.lax-hero-actions .lax-text-link { font-size: 11px; }
.lax-hero-meta { font-size: 10px; margin-top: 14px; gap: 16px; }
.lax-hero-graphic { width: 100%; max-width: 425px; margin: 0 auto; height: 338px; }
.lax-graphic-label { top: 9px; left: 14px; font-size: 8px; }
.lax-visual-steps { left: 13px; right: 10px; bottom: 80px; gap: 9px; }
.lax-visual-step { padding: 11px 11px; height: 95px; border-radius: 7px 7px 2px 2px; box-shadow: 6px 8px 0 var(--lax-blue-200); }
.lax-visual-step:first-child { height: 116px; }
.lax-visual-step:nth-child(2) { height: 128px; }
.lax-visual-step:nth-child(3) { height: 168px; box-shadow: 6px 8px 0 var(--lax-blue-deep); }
.lax-visual-step:nth-child(4) { height: 207px; box-shadow: 6px 8px 0 var(--lax-navy-deep); }
.lax-visual-step strong { font-size: 11px; }
.lax-visual-step small { font-size: 8px; }
.lax-visual-num { font-size: 27px; }
.lax-visual-step .lax-icon { width: 21px; height: 21px; }
.lax-visual-pin { top: -26px; padding: 3px 8px; font-size: 8px; left: 5px; }
.lax-visual-note { left: 20px; right: 13px; bottom: 4px; padding: 13px 15px; }
.lax-visual-note strong { font-size: 11px; }
.lax-visual-note .lax-note-icon { width: 30px; height: 30px; }
.lax-graphic-caption { bottom: -17px; right: 11px; }
.lax-orb { width: 240px; height: 240px; top: 10px; left: 105px; }
.lax-orb--two { width: 305px; height: 305px; top: -22px; left: 72px; }
.lax-section-title { font-size: 27px; line-height: 1.6; margin-top: 12px; }
.lax-eyebrow { font-size: 10px; }
.lax-card-top { margin-bottom: 12px; }
.lax-icon-well { width: 42px; height: 42px; }
.lax-card-line { margin-top: 16px; }
.lax-how-section { padding: 56px 0; }
.lax-how-layout { grid-template-columns: 1fr; gap: 30px; }
.lax-journey-item { gap: 20px; padding: 21px 0; }
.lax-journey-item h3 { font-size: 16px; }
.lax-journey-item p { font-size: 11px; }
.lax-faq-section { padding: 48px 0 54px; }
.lax-faq-layout { grid-template-columns: 1fr; gap: 27px; }
.lax-faq-list summary { font-size: 12px; }
.lax-faq-list details p { font-size: 11px; }
.lax-final-cta { padding: 40px 0; }
.lax-final-cta h2 { font-size: 22px; }
.lax-final-cta .lax-button { font-size: 13px; min-height: 49px; }
.lax-final-cta p { font-size: 10px; }
.lax-footer-inner { display: block; }
.lax-footer-links { align-items: flex-start; margin-top: 25px; font-size: 12px; }
.lax-footer-links a, .lax-footer-links button { font-size: 12px; }
.lax-footer { padding: 35px 0 80px; }
.lax-footer-logo { height: 22px; }
.lax-footer-brand { flex-wrap: wrap; gap: 12px; }
.lax-footer-divider { display: none; }
.lax-footer-brand p { flex-basis: 100%; }
.lax-wizard-layout { grid-template-columns: 1fr; display: block; padding: 21px 17px 75px; min-height: calc(100vh - 75px); }
.lax-wizard-aside { position: static; display: none; }
.lax-wizard-content { width: 100%; max-width: 650px; margin: auto; }
.lax-progress-label { font-size: 10px; margin-bottom: 8px; }
.lax-question-card { margin-top: 16px; padding: 23px 19px 19px; border-radius: 10px; }
.lax-question-top { gap: 7px; margin-bottom: 13px; }
.lax-question-no { font-size: 11px; }
.lax-question-title { font-size: 20px; line-height: 1.75; }
.lax-question-description { font-size: 11px; line-height: 1.9; margin-top: 11px; margin-bottom: 20px; }
.lax-option { font-size: 12px; line-height: 1.85; padding: 13px 12px; gap: 11px; min-height: 51px; }
.lax-option input { width: 17px; height: 17px; }
.lax-options { gap: 8px; }
.lax-options--compact { gap: 8px; grid-template-columns: 1fr 1fr; }
.lax-options--compact .lax-option { font-size: 11px; padding: 12px 10px; gap: 8px; }
.lax-options--compact .lax-option-mark { display: none; }
.lax-options--grouped .lax-option { font-size: 11px; padding: 12px; min-height: 49px; }
.lax-option-group-title { font-size: 10px; margin-top: 14px; }
.lax-options--grouped { grid-template-columns: 1fr; }
.lax-question-bottom { font-size: 9px; }
.lax-answer-count { font-size: 10px; }
.lax-wizard-controls { padding: 15px 0 17px; bottom: 38px; background: rgba(245, 248, 251, .96); }
.lax-wizard-controls .lax-button { min-width: 151px; min-height: 46px; font-size: 12px; }
.lax-wizard-controls .lax-button--quiet { min-width: 60px; }
.lax-inline-warning { font-size: 10px; }
.lax-selection-note { font-size: 10px; }
.lax-contact-intro h1 { font-size: 23px; }
.lax-contact-intro p { font-size: 11px; }
.lax-contact-card { padding: 23px 19px; }
.lax-form-grid { grid-template-columns: 1fr; gap: 18px; }
.lax-field--full { grid-column: auto; }
.lax-field label { font-size: 12px; }
.lax-field input,
.lax-field select { font-size: 16px; min-height: 47px; }
.lax-field small { font-size: 10px; }
.lax-privacy-box { padding: 15px; font-size: 10px; }
.lax-consent-label { font-size: 11px; }
.lax-contact-submit { font-size: 13px; }
.lax-contact-toolbar { align-items: start; }
.lax-contact-toolbar span,
.lax-contact-toolbar button { font-size: 9px; }
.lax-report-bar { padding-top: 20px; }
.lax-report-bar-inner { font-size: 9px; gap: 8px; }
.lax-report-actions { gap: 12px; }
.lax-report-actions button { font-size: 9px; gap: 4px; }
.lax-report-actions svg { width: 12px; height: 12px; }
.lax-report-hero { padding: 22px 0 25px; }
.lax-report-card { padding: 25px 23px; grid-template-columns: 1fr; gap: 19px; overflow: visible; }
.lax-report-card h1 { font-size: 24px; line-height: 1.75; }
.lax-report-stage-badge { display: none; }
.lax-report-kicker { font-size: 10px; gap: 8px; margin-bottom: 13px; }
.lax-report-reason { font-size: 11px; line-height: 1.95; margin-top: 15px; }
.lax-report-disclaimer { font-size: 9px; margin-top: 11px; }
.lax-report-section { margin-bottom: 25px; }
.lax-report-section-head { gap: 13px; display: block; margin-bottom: 17px; }
.lax-report-section-head .lax-section-title { font-size: 22px; }
.lax-report-section-head .lax-eyebrow { font-size: 9px; }
.lax-report-section-head .lax-context { display: block; font-size: 10px; margin-top: 8px; }
.lax-foundation-grid { grid-template-columns: 1fr; gap: 11px; }
.lax-foundation-card { padding: 21px; }
.lax-foundation-card h3 { font-size: 15px; margin-top: 12px; }
.lax-foundation-card li { font-size: 11px; }
.lax-foundation-card p { font-size: 10px; }
.lax-foundation-top .lax-foundation-status { font-size: 9px; }
.lax-rules-strip { padding: 14px 15px; font-size: 10px; }
.lax-theme-tab { font-size: 10px; padding: 8px 11px; }
.lax-theme-help { font-size: 9px; }
.lax-plan-intro { padding: 20px; align-items: start; gap: 13px; }
.lax-plan-intro h3 { font-size: 16px; }
.lax-plan-intro p { font-size: 10px; }
.lax-plan-intro .lax-icon-well { width: 33px; height: 33px; flex-shrink: 0; }
.lax-plan-intro svg { width: 18px; height: 18px; }
.lax-action-grid { grid-template-columns: 1fr; padding: 0 21px 23px; gap: 19px; }
.lax-action-card { padding-top: 18px; }
.lax-action-card h4 { font-size: 13px; margin-top: 8px; }
.lax-action-card p { font-size: 11px; margin-top: 7px; }
.lax-action-card .lax-action-num { font-size: 11px; }
.lax-plan-notice { font-size: 10px; padding-top: 12px; }
.lax-service-card { padding: 23px; gap: 18px; margin-top: 23px; }
.lax-service-card h3 { font-size: 19px; }
.lax-service-card p { font-size: 11px; }
.lax-service-card .lax-service-category { font-size: 10px; }
.lax-service-caveat { font-size: 9px; }
.lax-consult-card { display: block; padding: 26px; margin-top: 24px; }
.lax-consult-card h2 { font-size: 23px; }
.lax-consult-card p { font-size: 11px; }
.lax-consult-card .lax-consult-right { margin-top: 24px; }
.lax-consult-right .lax-button { font-size: 12px; min-height: 48px; }
.lax-consult-context { font-size: 9px; }
.lax-report-evidence { padding: 18px; }
.lax-report-evidence summary { font-size: 11px; }
.lax-environment-summary { font-size: 10px; padding: 15px; }
.lax-result-bottom-note { font-size: 9px; }
.lax-result-page { padding-bottom: 45px; }
.lax-report-evidence .lax-review-row { font-size: 10px; }
.lax-warning-block { padding: 15px; }
.lax-warning-block b { font-size: 11px; }
.lax-warning-block p { font-size: 10px; }
.lax-unknown-message { font-size: 10px; }
.lax-dialog-title { font-size: 22px; }
.lax-dialog-description { font-size: 11px; }
.lax-dialog { padding: 29px 23px; max-height: 88vh; }
.lax-dialog-actions { gap: 9px; }
.lax-dialog-actions .lax-button { font-size: 11px; min-height: 44px; padding: 10px 13px; }
.lax-dialog-note { font-size: 10px; }
.lax-modal-fields .lax-field input,
.lax-modal-fields .lax-field textarea { font-size: 16px; }
.lax-toast { font-size: 11px; width: max-content; max-width: 90vw; bottom: 69px; }
}
@media (max-width: 374px) {
.lax-hero h1 { font-size: 27px; }
.lax-hero-meta { gap: 10px; font-size: 9px; }
.lax-hero-actions .lax-button { width: 100%; }
.lax-hero-graphic { height: 320px; }
.lax-visual-step strong { font-size: 10px; }
.lax-visual-step { padding: 10px 8px; }
.lax-visual-note strong { font-size: 10px; }
.lax-report-card h1 { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
body.p-legal-ax *,
body.p-legal-ax *::before,
body.p-legal-ax *::after { animation: none !important; transition: none !important; }
} .lax-rp {
background: #fff;
color: var(--lax-text);
}
.lax-rp .lax-eyebrow {
font-family: var(--lax-font-en);
font-size: 11px;
letter-spacing: .22em;
color: var(--lax-blue);
font-weight: 700;
}
.lax-rp .lax-eyebrow--light {
color: #8FB8F0;
}
.lax-rp-review {
background: none;
padding: 0;
margin-top: 18px;
font-size: 11px;
color: var(--lax-blue-dark);
border-bottom: 1px solid var(--lax-blue-300);
} .lax-rp-hero {
position: relative;
padding: 56px 0 60px;
background-color: #F1F8FD;
background-image: url(//olga-legal.com/wp-content/themes/olga/files/images/legal-ai-assessment/hero-mountain.jpg);
background-image: image-set(url(//olga-legal.com/wp-content/themes/olga/files/images/legal-ai-assessment/hero-mountain.webp) type('image/webp'), url(//olga-legal.com/wp-content/themes/olga/files/images/legal-ai-assessment/hero-mountain.jpg) type('image/jpeg'));
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
overflow: hidden;
} .lax-rp-hero::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 28%;
background: linear-gradient(180deg, rgba(255, 255, 255, 0), #F1F8FD 85%);
pointer-events: none;
}
.lax-rp-hero > .lax-container {
position: relative;
z-index: 1;
}
.lax-rp-hero::before,
.lax-rp-hero::after {
z-index: 0;
} .lax-rp-hero::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, 0) 70%);
pointer-events: none;
}
.lax-rp-hero-inner {
position: relative;
display: grid;
grid-template-columns: 1fr 300px;
gap: 40px;
align-items: start;
}
.lax-rp-title-row {
display: flex;
align-items: center;
gap: 16px;
margin-top: 14px;
}
.lax-rp-title {
font-size: 24px;
font-weight: 700;
color: var(--lax-navy);
letter-spacing: .02em;
}
.lax-rp-headline {
margin-top: 22px;
font-size: 44px;
line-height: 1.5;
font-weight: 800;
color: var(--lax-navy);
letter-spacing: .01em;
}
.lax-rp-description {
margin-top: 22px;
font-size: 15px;
line-height: 2;
color: var(--lax-text);
max-width: 640px;
}
.lax-rp-current {
background: rgba(255, 255, 255, .92);
border: 1px solid #fff;
border-radius: 14px;
padding: 30px 28px 26px;
text-align: center;
box-shadow: 0 20px 50px rgba(18, 52, 101, .10);
backdrop-filter: blur(6px);
}
.lax-rp-current-label {
display: block;
font-family: var(--lax-font-en);
font-size: 12px;
letter-spacing: .22em;
font-weight: 700;
color: var(--lax-blue);
}
.lax-rp-current strong {
display: block;
font-family: var(--lax-font-en);
font-size: 84px;
line-height: 1;
font-weight: 300;
color: var(--lax-blue);
margin-top: 14px;
}
.lax-rp-current b {
display: block;
font-size: 22px;
font-weight: 700;
color: var(--lax-navy);
margin-top: 6px;
}
.lax-rp-dots {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin-top: 26px;
position: relative;
}
.lax-rp-dots::before {
content: "";
position: absolute;
left: 12.5%;
right: 12.5%;
top: 7px;
height: 2px;
background: var(--lax-line);
}
.lax-rp-dot {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.lax-rp-dot i {
width: 16px;
height: 16px;
border-radius: 50%;
background: #fff;
border: 2px solid var(--lax-line);
display: block;
}
.lax-rp-dot--done i {
border-color: var(--lax-blue-light);
}
.lax-rp-dot--current i {
background: var(--lax-blue);
border-color: var(--lax-blue);
box-shadow: 0 0 0 4px rgba(18, 93, 196, .18);
}
.lax-rp-dot small {
font-family: var(--lax-font-en);
font-size: 12px;
color: var(--lax-muted);
}
.lax-rp-dot--current small {
color: var(--lax-blue);
font-weight: 700;
} .lax-rp-steps {
list-style: none;
margin: 54px 0 0;
padding: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
position: relative;
}
.lax-rp-steps::before {
content: "";
position: absolute;
left: 12.5%;
right: 12.5%;
top: 136px; height: 2px;
background: linear-gradient(90deg, var(--lax-blue-300), var(--lax-line));
}
.lax-rp-step {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.lax-rp-step-badge {
display: inline-block;
box-sizing: border-box;
height: 28px;
line-height: 18px;
font-size: 11px;
font-weight: 700;
color: var(--lax-navy-deep);
background: var(--lax-blue-light);
border-radius: 6px;
padding: 5px 14px;
position: relative;
box-shadow: 0 2px 10px rgba(18, 52, 101, .14);
}
.lax-rp-step-badge::after {
content: "";
position: absolute;
left: 50%;
bottom: -5px;
width: 8px;
height: 8px;
background: inherit;
transform: translateX(-50%) rotate(45deg);
}
.lax-rp-step-badge--current {
color: #fff;
background: var(--lax-navy);
}
.lax-rp-step-badge--empty {
background: none;
box-shadow: none;
}
.lax-rp-step-badge--empty::after {
display: none;
}
.lax-rp-step-no {
font-family: var(--lax-font-en);
font-size: 14px;
color: var(--lax-muted);
margin-top: 14px;
}
.lax-rp-step--current .lax-rp-step-no {
color: var(--lax-blue);
font-weight: 700;
}
.lax-rp-step-icon {
position: relative;
display: block;
width: 112px;
height: 112px;
margin-top: 12px;
} .lax-rp-step-icon::before {
content: "";
position: absolute;
inset: 3px;
border-radius: 50%;
background: #fff;
}
.lax-rp-step-icon img {
position: relative;
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.lax-rp-step--current .lax-rp-step-icon {
width: 120px;
height: 120px;
margin-top: 8px;
}
.lax-rp-step b {
margin-top: 20px;
font-size: 20px;
font-weight: 700;
color: var(--lax-navy);
}
.lax-rp-step-short {
margin-top: 8px;
font-size: 13px;
color: var(--lax-text-soft);
} .lax-rp-section {
padding: 64px 0 20px;
}
.lax-rp-section--services {
padding-bottom: 72px;
}
.lax-rp-section-title {
margin-top: 12px;
font-size: 30px;
font-weight: 700;
color: var(--lax-navy);
letter-spacing: .01em;
}
.lax-rp-actions,
.lax-rp-services {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 32px;
}
.lax-rp-action,
.lax-rp-service {
background: #fff;
border: 1px solid var(--lax-line);
border-radius: 14px;
padding: 30px 28px 28px;
box-shadow: 0 12px 36px rgba(18, 52, 101, .06);
display: flex;
flex-direction: column;
}
.lax-rp-action-head {
display: flex;
align-items: center;
gap: 18px;
}
.lax-rp-action-icon {
width: 56px;
height: 56px;
border-radius: 50%;
background: var(--lax-blue-100);
color: var(--lax-blue);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.lax-rp-action-icon .lax-icon {
width: 26px;
height: 26px;
}
.lax-rp-action-no {
font-family: var(--lax-font-en);
font-size: 12px;
letter-spacing: .22em;
font-weight: 700;
color: var(--lax-blue);
}
.lax-rp-action h3,
.lax-rp-service h3 {
margin-top: 22px;
font-size: 20px;
font-weight: 700;
color: var(--lax-navy);
line-height: 1.5;
}
.lax-rp-action > p,
.lax-rp-service > p:not(.lax-rp-service-tagline) {
margin-top: 14px;
font-size: 13px;
line-height: 1.95;
color: var(--lax-text);
}
.lax-rp-action ul {
list-style: none;
margin: 22px 0 0;
padding: 20px 0 0;
border-top: 1px solid var(--lax-line);
display: grid;
gap: 12px;
}
.lax-rp-action li {
display: flex;
align-items: center;
gap: 12px;
font-size: 13px;
color: var(--lax-text);
}
.lax-rp-action li .lax-icon {
width: 20px;
height: 20px;
color: var(--lax-blue);
flex-shrink: 0;
}
.lax-rp-service {
position: relative;
padding-top: 26px;
}
.lax-rp-service h3 {
margin-top: 14px;
}
.lax-rp-service-tagline {
font-size: 12px;
font-weight: 700;
color: var(--lax-blue);
line-height: 1.6;
min-height: 2.4em;
}
.lax-rp-services-cta {
display: flex;
margin: 28px auto 0;
max-width: 800px;
width: 100%;
border-radius: 10px;
}
.lax-button--outline {
background: #fff;
color: var(--lax-blue);
border-color: var(--lax-blue);
}
.lax-button--outline:hover {
background: var(--lax-blue-50);
color: var(--lax-blue-dark);
} .lax-rp-cta {
background: #fff;
color: #fff;
padding: 24px 40px 80px;
}
.lax-rp-cta-inner {
position: relative;
overflow: hidden;
max-width: 1140px;
border-radius: 16px;
padding: 58px 64px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
background-color: var(--lax-navy);
background-image:
linear-gradient(90deg, #0B2244 0%, rgba(11, 34, 68, .96) 30%, rgba(18, 52, 101, .78) 62%, rgba(27, 70, 128, .62) 100%),
url(//olga-legal.com/wp-content/themes/olga/files/images/legal-ai-assessment/hero-mountain.jpg);
background-image:
linear-gradient(90deg, #0B2244 0%, rgba(11, 34, 68, .96) 30%, rgba(18, 52, 101, .78) 62%, rgba(27, 70, 128, .62) 100%),
image-set(url(//olga-legal.com/wp-content/themes/olga/files/images/legal-ai-assessment/hero-mountain.webp) type('image/webp'), url(//olga-legal.com/wp-content/themes/olga/files/images/legal-ai-assessment/hero-mountain.jpg) type('image/jpeg'));
background-size: cover, cover;
background-position: center, right 35%;
background-repeat: no-repeat;
background-blend-mode: multiply, normal;
box-shadow: 0 24px 60px rgba(11, 34, 68, .18);
}
.lax-rp-cta h2 {
margin-top: 16px;
font-size: 38px;
line-height: 1.45;
font-weight: 800;
color: #fff;
}
.lax-rp-cta p:not(.lax-eyebrow) {
margin-top: 18px;
font-size: 14px;
line-height: 2;
color: var(--lax-navy-text);
}
.lax-button--white {
background: #fff;
color: var(--lax-navy);
border-color: #fff;
font-size: 20px;
padding: 26px 40px;
border-radius: 10px;
min-width: 400px;
}
.lax-button--white:hover {
background: var(--lax-blue-50);
border-color: var(--lax-blue-50);
color: var(--lax-navy);
}
@media (max-width: 1150px) {
.lax-header-sitenav { gap: 12px; }
.lax-header-sitenav a { font-size: 13px; }
.lax-rp-headline { font-size: 36px; }
.lax-rp-hero-inner { grid-template-columns: 1fr 260px; }
.lax-rp-current strong { font-size: 68px; }
.lax-rp-step b { font-size: 18px; }
.lax-button--white { min-width: 0; font-size: 17px; padding: 22px 30px; }
}
@media (max-width: 940px) {
body.lax-result-mode .lax-header-sitenav a:not(.lax-header-sitecta) { display: none; }
.lax-rp-hero { padding: 40px 0 46px; background-size: cover; background-position: right top; }
.lax-rp-hero-inner { grid-template-columns: 1fr; gap: 28px; }
.lax-rp-current { max-width: 300px; }
.lax-rp-headline { font-size: 32px; }
.lax-rp-description { font-size: 14px; }
.lax-rp-steps { grid-template-columns: repeat(2, 1fr); gap: 34px 16px; margin-top: 40px; }
.lax-rp-steps::before { display: none; }
.lax-rp-actions, .lax-rp-services { grid-template-columns: 1fr; gap: 16px; }
.lax-rp-section { padding: 48px 0 12px; }
.lax-rp-section-title { font-size: 24px; }
.lax-rp-cta { padding: 12px 24px 56px; }
.lax-rp-cta-inner { flex-direction: column; align-items: stretch; gap: 28px; padding: 40px 32px; border-radius: 14px; }
.lax-rp-cta h2 { font-size: 30px; }
.lax-button--white { width: 100%; }
}
@media (max-width: 700px) {
.lax-sample-title { font-size: 24px; }
.lax-sample-title span { padding: 0 16px; }
.lax-sample-figure { margin-top: 26px; }
.lax-footer-inner { flex-direction: column; align-items: flex-start; gap: 18px; }
.lax-footer-links { gap: 18px; flex-wrap: wrap; }
.lax-rp-title { font-size: 20px; }
.lax-rp-headline { font-size: 26px; margin-top: 16px; }
.lax-rp-description { font-size: 13px; line-height: 1.95; margin-top: 16px; }
.lax-rp-current { padding: 24px 20px 22px; max-width: none; }
.lax-rp-current strong { font-size: 60px; }
.lax-rp-current b { font-size: 19px; }
.lax-rp-step-icon { width: 88px; height: 88px; }
.lax-rp-step--current .lax-rp-step-icon { width: 94px; height: 94px; }
.lax-rp-step b { font-size: 17px; margin-top: 14px; }
.lax-rp-step-short { font-size: 12px; }
.lax-rp-step-badge { font-size: 10px; padding: 4px 10px; }
.lax-rp-action, .lax-rp-service { padding: 24px 20px; }
.lax-rp-action h3, .lax-rp-service h3 { font-size: 18px; margin-top: 16px; }
.lax-rp-service h3 { margin-top: 10px; }
.lax-rp-action > p, .lax-rp-service > p:not(.lax-rp-service-tagline) { font-size: 12px; }
.lax-rp-action li { font-size: 12px; }
.lax-rp-services-cta { font-size: 14px; }
.lax-rp-section-title { font-size: 22px; }
.lax-rp-cta h2 { font-size: 26px; }
.lax-rp-cta { padding: 8px 16px 48px; }
.lax-rp-cta-inner { padding: 32px 22px; }
.lax-rp-cta p:not(.lax-eyebrow) { font-size: 13px; }
.lax-rp-cta p:not(.lax-eyebrow) br { display: none; }
.lax-button--white { font-size: 15px; padding: 18px 20px; }
}
@media print {
@page { size: A4; margin: 15mm; }
body.p-legal-ax { font-size: 10pt; background: #fff !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.lax-header,
.lax-footer,
.lax-toast,
.lax-rp-review,
.lax-rp-cta,
.lax-rp-services-cta { display: none !important; }
.lax-rp-hero { padding: 0 0 20px; background: none; }
.lax-rp-hero::before { display: none; }
.lax-rp-headline { font-size: 26px; }
.lax-rp-steps::before { top: 80px; }
.lax-rp-step-icon { width: 72px; height: 72px; }
.lax-rp-section { padding: 24px 0 0; break-inside: avoid; }
.lax-rp-actions, .lax-rp-services { grid-template-columns: repeat(3, 1fr) !important; gap: 12px; }
.lax-rp-action, .lax-rp-service { padding: 16px; box-shadow: none; }
.lax-rp-action h3, .lax-rp-service h3 { font-size: 14px; }
.lax-rp-action > p, .lax-rp-service > p:not(.lax-rp-service-tagline), .lax-rp-action li { font-size: 10px; }
}