@font-face{font-family:'Public Sans';src:url('/fonts/public-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Public Sans';src:url('/fonts/public-sans-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Public Sans';src:url('/fonts/public-sans-800.woff2') format('woff2');font-weight:800;font-display:swap}

:root{--paper:#F6F8FA;--ink:#172C32;--slate:#52636B;--blue:#2457C5;--mist:#E7EDF0;--white:#FFFFFF}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.65 'Public Sans',sans-serif}
a{color:var(--blue);text-underline-offset:5px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:800;line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
p{max-width:65ch}
p+p{margin-top:18px}
button{font:600 16px/1.4 'Public Sans',sans-serif}
.site-wrap{width:min(1328px,100%);margin-inline:auto;padding-inline:48px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:32px}
.wordmark{display:inline-flex;align-items:center;gap:14px;color:var(--ink);font-weight:800;font-size:18px;letter-spacing:-.6px;text-decoration:none}
.maker-mark{width:12px;height:12px;background:var(--blue)}
.site-header nav,.site-footer nav{display:flex;gap:30px;align-items:center}
.site-header nav a{font-size:15px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.site-header nav a:hover{text-decoration:underline}
.company-intro{display:grid;grid-template-columns:1.13fr 1fr;gap:64px;background:var(--blue);color:var(--white);padding:70px 64px 84px;clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) calc(100% - 28px),calc(100% - 28px) 100%,0 100%)}
.company-intro h1{font-size:clamp(60px,6.2vw,80px);line-height:1.02;letter-spacing:-.065em;align-self:start}
.intro-copy{padding-top:3px;max-width:370px}
.intro-statement{font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:600;margin-bottom:24px}
.intro-copy>p:not(.intro-statement){font-size:17px;line-height:1.65}
.light-link{display:inline-block;color:var(--white);font-size:15px;font-weight:600;margin-top:24px;padding-block:5px}
.company-intro a:focus-visible{outline-color:var(--white);outline-offset:4px}
.product-discovery,.overview-sample{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:72px;align-items:start;padding-block:100px}
.context{font-size:14px;color:var(--slate);margin-bottom:20px}
.product-copy h2{font-size:40px;max-width:10em}
.product-copy>p:not(.context){font-size:17px;color:var(--slate);line-height:1.7;margin-top:22px}
.product-copy h2+p{color:var(--ink)!important;font-size:24px!important;line-height:1.35!important;letter-spacing:-.6px}
.button-link{display:inline-block;background:var(--blue);color:var(--white);padding:14px 20px;margin-top:30px;font-size:15px;font-weight:600;text-decoration:none;border-radius:4px}
.button-link:hover{background:var(--ink)}
.comparison{margin:0;min-width:0;background:var(--white);border:1px solid var(--mist);border-radius:8px;overflow:hidden}
.comparison figcaption{padding:24px 26px 22px}
.comparison figcaption strong{display:block;font-size:18px;font-weight:600;letter-spacing:-.45px}
.comparison figcaption span{display:block;font-size:13px;color:var(--slate);margin-top:5px}
.comparison table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums}
.comparison thead th{background:var(--mist);color:var(--slate);font-size:12px;font-weight:600;padding:10px 16px;text-align:left}
.comparison thead th:first-child{width:22%}
.comparison tbody th,.comparison td{padding:24px 16px;border-bottom:1px solid var(--mist);text-align:left;vertical-align:top}
.comparison tbody th{font-size:16px;font-weight:600}
.comparison tbody th span{display:block;color:var(--slate);font-size:12px;font-weight:400;margin-top:5px}
.comparison code{font:inherit;font-size:13px;white-space:nowrap;letter-spacing:-.35px}
.comparison .changed-value{background:var(--paper);color:var(--blue);font-weight:600;border-left:3px solid var(--blue)}
.change-label{display:block;color:var(--slate);font-size:11px;font-weight:400;margin-top:7px}
.sample-result{display:flex;align-items:start;gap:13px;padding:22px 26px;font-size:13px;line-height:1.7}
.sample-result strong{font-weight:600}
.result-marker{flex:0 0 9px;height:9px;background:var(--blue);margin-top:6px}
.sample-note{font-size:12px;color:var(--slate);line-height:1.65;padding:0 26px 22px;max-width:none}
.maker-note{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:56px 0 64px;border-top:1px solid var(--mist)}
.maker-note h2{font-size:34px}
.maker-note p{font-size:16px;color:var(--slate)}
.site-footer{border-top:1px solid var(--mist);padding:32px 0 40px;display:flex;align-items:center;flex-wrap:wrap;gap:20px 32px;font-size:13px}
.footer-name{font-weight:800;letter-spacing:-.3px;margin-right:auto}
.site-footer a{color:var(--slate)}
.site-footer nav{gap:22px}
.product-intro{padding:64px 0 62px;border-bottom:1px solid var(--mist)}
.product-intro h1{font-size:clamp(42px,5.3vw,68px);max-width:16em}
.product-lead{font-size:32px;line-height:1.25;letter-spacing:-1px;margin-top:28px}
.product-summary{display:grid;grid-template-columns:1.1fr 1fr;gap:96px;margin-top:34px}
.product-summary>p{font-size:17px;color:var(--slate)}
.install-state button{border:1px solid var(--slate);border-radius:4px;background:var(--mist);color:var(--slate);padding:15px 22px;cursor:not-allowed;opacity:1}
.install-state p{font-size:13px;color:var(--slate);margin-top:12px;max-width:36ch}
.overview-sample{padding-block:64px 80px}
.overview-sample h2{font-size:34px;margin-bottom:24px}
.overview-sample>div>p{font-size:17px;color:var(--slate)}
.text-link{font-size:16px;overflow-wrap:anywhere;display:inline-block;padding-block:8px}
.maker-note .text-link{margin-top:12px}
.legal-note{margin-top:20px}
.skip-link{position:absolute;left:24px;top:-100px;padding:10px 18px;background:var(--white);z-index:10}
.skip-link:focus{top:12px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Existing legal documents retain their published markup and readable layout. */
.container{max-width:1000px;margin:auto;padding:0 24px}
.container header{padding:40px 0 28px;border-bottom:1px solid var(--mist)}
.container header h1{font-size:36px;margin-bottom:12px}
.container .section{padding:30px 0}
.container h2{font-size:26px;margin:24px 0 16px}
.container p,.container li{font-size:16px}
.container li{margin-bottom:10px}
.container footer{padding:24px 0 40px;border-top:1px solid var(--mist);font-size:14px}
.container footer p{margin-bottom:14px}

@media(min-width:1600px){.site-wrap{padding-inline:48px}.company-intro{padding-top:80px;padding-bottom:94px}}
@media(max-width:1000px){
  .site-wrap{padding-inline:32px}
  .company-intro{padding:48px 40px 64px;gap:40px;grid-template-columns:1fr 1fr}
  .company-intro h1{font-size:60px}
  .intro-statement{font-size:25px}
  .product-discovery,.overview-sample{gap:32px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding-block:64px}
  .product-copy h2{font-size:32px}
  .comparison figcaption{padding:20px}
  .comparison tbody th,.comparison td{padding:20px 10px}
  .comparison thead th{padding-inline:10px}
  .comparison code{font-size:13px}
  .sample-result{padding:20px}
  .sample-note{padding:0 20px 20px}
  .maker-note{gap:40px}
  .product-summary{gap:40px}
}
@media(max-width:700px){
  .site-wrap{padding-inline:20px}
  .site-header{align-items:start;flex-direction:column;gap:5px;padding:24px 0 20px}
  .site-header nav{gap:24px}
  .wordmark{font-size:18px}
  .site-header nav a{font-size:14px}
  .company-intro{grid-template-columns:1fr;gap:32px;padding:38px 28px 54px}
  .company-intro h1{font-size:58px}
  .intro-copy{max-width:none;padding:0}
  .intro-statement{font-size:26px;margin-bottom:18px}
  .intro-copy>p:not(.intro-statement){font-size:16px}
  .light-link{font-size:14px;margin-top:18px}
  .product-discovery,.overview-sample{grid-template-columns:1fr;gap:34px;padding-block:48px}
  .product-copy h2{font-size:36px}
  .product-copy>p:not(.context){font-size:16px}
  .context{font-size:13px;margin-bottom:16px}
  .button-link{margin-top:24px;font-size:14px}
  .comparison figcaption strong{font-size:17px}
  .comparison figcaption span{font-size:12px}
  .comparison table{font-size:15px}
  .comparison code{font-size:12px}
  .comparison tbody th,.comparison td{padding-block:22px}
  .change-label{font-size:11px}
  .maker-note{grid-template-columns:1fr;gap:24px;padding-block:36px 44px}
  .maker-note h2,.overview-sample h2{font-size:30px}
  .site-footer{flex-direction:column;align-items:start;gap:16px;padding-block:28px}
  .site-footer nav a{display:inline-block;padding-block:8px}
  .product-intro{padding-block:32px 40px}
  .product-intro h1{font-size:44px}
  .product-lead{font-size:28px;margin-top:22px}
  .product-summary{grid-template-columns:1fr;gap:28px;margin-top:24px}
  .product-summary>p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Product journey: the comparison leads; plans stay specific to this extension. */
.product-page .product-intro{padding-bottom:28px}
.product-page .product-lead{font-size:26px;color:var(--slate);margin-top:20px}
.journey-nav{display:flex;flex-wrap:wrap;gap:8px 30px;margin-top:26px}
.journey-nav a{display:inline-block;font-size:14px;padding-block:10px}
.journey-sample{padding-block:48px 72px;gap:64px}
.journey-sample .install-state{margin-top:28px}
.sample-explanation{border-top:1px solid var(--mist);font-size:14px;margin:0 26px 22px}
.sample-explanation summary{cursor:pointer;color:var(--blue);font-weight:600;padding-block:16px;min-height:48px}
.sample-explanation summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.sample-explanation>div{padding:10px 0 6px;color:var(--slate)}
.sample-explanation p+p{margin-top:12px}
.sample-explanation code{font-size:13px}
.journey-section{padding-block:64px 72px;border-top:1px solid var(--mist)}
.section-intro{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;align-items:start;margin-bottom:40px}
.section-intro h2{font-size:36px}
.section-intro>p{font-size:17px;color:var(--slate);max-width:58ch}
.workflow-steps{list-style:none;counter-reset:workflow;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0}
.workflow-steps li{counter-increment:workflow;border-top:2px solid var(--blue);padding-top:20px}
.workflow-steps li::before{content:counter(workflow);display:block;color:var(--blue);font-weight:600;font-size:16px;margin-bottom:24px}
.workflow-steps h3{font-size:22px;letter-spacing:-.7px;margin-bottom:14px}
.workflow-steps p{font-size:16px;color:var(--slate)}
.plan-comparison{margin-left:calc((100% - 64px)*.41 + 64px)}
.plans-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums}
.plans-table th,.plans-table td{padding:18px 16px;border-bottom:1px solid var(--mist);text-align:left;vertical-align:top}
.plans-table th:first-child,.plans-table thead td{width:40%;padding-left:0}
.plans-table th{font-weight:600}
.plans-table thead th{font-size:21px;background:var(--mist)}
.plans-table td:last-child{background:var(--white)}
.plan-price strong{font-size:27px;font-weight:800;letter-spacing:-1px;white-space:nowrap}
.plan-price strong span{font-size:14px;font-weight:400;letter-spacing:0}
.monthly-price{display:block;font-size:14px;margin-top:8px}
.plan-note{font-size:14px;color:var(--slate);margin-top:22px}
.plan-note+.plan-note{margin-top:12px}
.capability-list{margin:0}
.capability-list>div{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;padding-block:22px;border-top:1px solid var(--mist)}
.capability-list dt{font-weight:600;font-size:17px}
.capability-list dd{margin:0;font-size:16px;color:var(--slate);max-width:60ch}
@media(max-width:1000px){
  .journey-sample,.section-intro,.capability-list>div{gap:32px}
  .section-intro h2{font-size:32px}
  .workflow-steps{gap:24px}
  .plan-comparison{margin-left:0;max-width:800px}
}
@media(max-width:700px){
  .product-page .product-lead{font-size:22px;line-height:1.4}
  .journey-nav{gap:0 24px;margin-top:20px}
  .journey-nav a{font-size:13px}
  .journey-sample{padding-block:36px 48px}
  .sample-explanation{margin-inline:20px}
  .journey-section{padding-block:40px 48px}
  .section-intro{grid-template-columns:1fr;gap:22px;margin-bottom:30px}
  .section-intro h2{font-size:30px}
  .section-intro>p{font-size:16px}
  .workflow-steps{grid-template-columns:1fr;gap:28px}
  .workflow-steps li{position:relative;padding:20px 0 0 38px}
  .workflow-steps li::before{position:absolute;left:0;top:19px;margin:0}
  .workflow-steps h3{font-size:21px;margin-bottom:10px}
  .plans-table{font-size:13px}
  .plans-table th,.plans-table td{padding:16px 8px}
  .plans-table th:first-child,.plans-table thead td{width:38%}
  .plans-table thead th{font-size:19px}
  .plan-price strong{font-size:23px}
  .plan-price strong span,.monthly-price{font-size:12px}
  .capability-list>div{grid-template-columns:1fr;gap:10px;padding-block:22px}
}