.cmp-page{
overflow-x:clip;
}
.cmp-page [hidden]{
display:none!important;
}
.cmp-page .cmp-hero{
background:#FFFFFF;
color:#1C1B22;
--muted:#5E5C68;
--line:#E6E5EA;
}
.cmp-page .cmp-hero-grid{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
align-items:start;
gap:var(--space-6);
}
.cmp-hero-grid>*{
min-width:0;
}
.cmp-page .cmp-hero-copy{
min-width:0;
text-align:left;
}
.cmp-hero-copy h1{
color:#1C1B22;
font-size:var(--text-display);
line-height:var(--lh-display);
overflow-wrap:break-word;
}
.cmp-hero-copy .cmp-lead{
margin-top:var(--space-3);
color:#1C1B22;
font-size:var(--text-lg);
line-height:var(--lh-body);
}
.cmp-hero-copy .cmp-hero-detail{
margin-top:var(--space-2);
color:#5E5C68;
}
.cmp-hero-copy .c-actions{
justify-content:flex-start;
margin-top:var(--space-3);
}
.cmp-hero-copy .cmp-hero-note{
margin-top:var(--space-3);
color:#5E5C68;
font-size:var(--text-sm);
}
.cmp-decision{
min-width:0;
height:auto;
border-radius:var(--radius-lg);
overflow:hidden;
background:#F1F0FA;
color:#2A2650;
--muted:#5D5986;
--line:#E6E5EA;
}
.cmp-decision-head{
display:flex;
align-items:center;
gap:var(--space-2);
padding:var(--space-3);
background:#F1F0FA;
color:#2A2650;
--muted:#5D5986;
--line:#E6E5EA;
}
.cmp-decision-head svg{
display:block;
width:var(--space-3);
height:var(--space-3);
}
.cmp-decision-head p{
font-family:var(--f-head);
font-weight:500;
}
.cmp-decision-body{
display:grid;
gap:var(--space-3);
padding:0 var(--space-3) var(--space-3);
min-width:0;
}
.cmp-message{
display:grid;
gap:var(--field-gap);
min-width:0;
padding:var(--space-3);
border-radius:var(--radius-md);
}
.cmp-message-question{
background:#FFFFFF;
color:#1C1B22;
--muted:#5E5C68;
--line:#E6E5EA;
}
.cmp-message-answer{
background:#EEF7F0;
color:#1E3A2A;
--muted:#4B6A57;
--line:#E6E5EA;
}
.cmp-message p{
overflow-wrap:break-word;
}
.cmp-message .text-xs{
color:var(--muted);
}
.cmp-decision-facts{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:var(--field-gap);
}
.cmp-decision-facts>div{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:baseline;
gap:var(--field-gap) var(--space-2);
min-width:0;
}
.cmp-decision-facts dt{
flex:1 0 auto;
min-width:min(100%,4.5rem);
font-size:var(--text-sm);
}
.cmp-decision-facts dd{
flex:0 0 auto;
min-width:0;
margin:0;
font-size:var(--text-sm);
white-space:nowrap;
}
.cmp-decision-caption{
font-size:var(--text-xs);
color:#5D5986;
}
.cmp-section-intro{
max-width:none;
margin-bottom:var(--space-4);
}
.cmp-section-intro h2{
max-width:100%;
}
.cmp-section-intro>p{
max-width:56rem;
margin-top:var(--space-2);
color:var(--muted);
}
.cmp-page .c-kicker{
display:inline-flex;
align-items:center;
gap:.4em;
width:fit-content;
line-height:1;
padding:.4em .9em;
margin-bottom:var(--space-3);
}
.cmp-table-scroll{
max-width:100%;
}
.cmp-table{
min-width:60rem;
}
.cmp-table th:first-child{
width:16%;
}
.cmp-table td{
width:28%;
}
.cmp-table caption,
.cmp-price-table caption{
padding:var(--space-3);
background:#FFFFFF;
color:#5E5C68;
text-align:left;
caption-side:bottom;
font-size:var(--text-xs);
line-height:var(--lh-small);
}
.cmp-table-note,
.cmp-data-note{
margin-top:var(--space-3);
}
.cmp-page .cmp-sla{
display:grid;
grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
gap:var(--space-5);
padding:var(--space-4);
border-radius:var(--radius-lg);
background:#F1F0FA;
color:#2A2650;
--muted:#5D5986;
--line:#E6E5EA;
}
.cmp-sla>*{
min-width:0;
}
.cmp-sla-value{
display:flex;
flex-direction:column;
gap:var(--space-2);
}
.cmp-sla-label{
font-size:var(--text-sm);
}
.cmp-page .cmp-sla-number{
font-size:var(--text-display);
line-height:var(--lh-display);
color:#2A2650;
}
.cmp-sla-number span{
font-size:var(--text-section);
}
.cmp-sla-value>p:not(.cmp-sla-number){
font-size:var(--text-sm);
}
.cmp-sla-calculation{
overflow-wrap:break-word;
color:#5D5986;
}
.cmp-sla-explanation>p{
margin-top:var(--space-2);
color:#5D5986;
}
.cmp-sla-explanation h3{
font-size:var(--text-lg);
}
.cmp-claim-steps{
display:grid;
gap:0;
list-style:none;
margin:var(--space-4) 0 0;
padding:0;
}
.cmp-number-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
padding-block:var(--space-3);
border-bottom:1px solid #E6E5EA;
}
.cmp-number-row>*{
min-width:0;
}
.cmp-number-row h3{
font-size:var(--text-lg);
}
.cmp-number-row p{
color:#5E5C68;
}
.cmp-step-number{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
height:2.5rem;
border-radius:var(--radius-pill);
background:#F5F5F7;
color:#1C1B22;
font-size:var(--text-sm);
line-height:1;
}
.cmp-section-note{
margin-top:var(--space-3);
color:#4B6A57;
}
.cmp-section-note a:not(.c-btn){
color:#1E3A2A;
text-decoration:underline;
text-underline-offset:.2em;
}
.cmp-data-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.cmp-period-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
align-items:stretch;
gap:var(--space-3);
}
.cmp-period-grid>*{
min-width:0;
}
.cmp-price-summary{
display:grid;
gap:var(--space-3);
margin-top:var(--space-6);
}
.cmp-price-summary>p{
max-width:56rem;
color:#5E5C68;
font-size:var(--text-sm);
}
.cmp-price-table{
min-width:45rem;
}
.cmp-price-table th:first-child{
width:36%;
}
.cmp-price-table th .mono{
display:inline-block;
margin-top:var(--field-gap);
font-size:var(--text-xs);
font-weight:400;
}
.cmp-page .cmp-end{
padding-top:var(--space-8);
padding-bottom:var(--space-close);
}
.cmp-page .cmp-close{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.6fr);
align-items:center;
gap:var(--space-5);
padding:var(--space-6);
border-radius:var(--radius-lg);
background:#1C1B22;
color:#FFFFFF;
--muted:#D1CEDB;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}
.cmp-close>*{
min-width:0;
}
.cmp-page .cmp-close h2{
color:#FFFFFF;
font-size:var(--text-section);
line-height:var(--lh-display);
}
.cmp-page .cmp-close-copy p{
margin-top:var(--space-2);
color:#D1CEDB;
font-size:var(--text-base);
}
.cmp-page .cmp-close-actions{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--space-2);
margin:0;
}
.cmp-page .cmp-close-actions .c-btn--primary{
background:#FFFFFF;
color:#1C1B22;
border-color:#FFFFFF;
}
.cmp-page .cmp-close-actions .c-btn--primary:hover{
background:#F5F5F7;
color:#1C1B22;
border-color:#F5F5F7;
}
.cmp-page .cmp-close-actions .c-btn--secondary{
background:transparent;
color:#FFFFFF;
border-color:color-mix(in srgb,#FFFFFF 45%,transparent);
}
.cmp-page .cmp-close-actions .c-btn--secondary:hover{
background:#FFFFFF;
color:#1C1B22;
border-color:#FFFFFF;
}
@media(max-width:64rem){
.cmp-page .cmp-hero-grid{
grid-template-columns:minmax(0,1fr);
gap:var(--space-5);
}
.cmp-page .cmp-sla{
grid-template-columns:minmax(0,1fr);
}
.cmp-page .cmp-close{
grid-template-columns:minmax(0,1fr);
padding:var(--space-4);
}
.cmp-page .cmp-close-actions{
align-items:flex-start;
}
.cmp-page .cmp-close-actions>.c-btn{
max-width:100%;
}
}
@media(max-width:42rem){
.cmp-page .cmp-hero-copy h1{
font-size:var(--text-display);
}
.cmp-hero-copy .cmp-lead{
font-size:var(--text-base);
}
.cmp-data-grid{
grid-template-columns:minmax(0,1fr);
}
.cmp-number-row{
grid-template-columns:2.25rem minmax(0,1fr);
gap:var(--space-3);
}
.cmp-number-row>:nth-child(3){
grid-column:2;
}
.cmp-step-number{
width:2.25rem;
height:2.25rem;
}
.cmp-page .cmp-sla{
padding:var(--space-3);
gap:var(--space-4);
}
.cmp-page .cmp-close{
padding:var(--space-3);
}
.cmp-page .cmp-close-actions{
align-items:stretch;
}
.cmp-decision,
.cmp-decision-body{
height:auto;
}
}