.ab-page{
font-variant-numeric:tabular-nums;
}
.ab-page [hidden]{
display:none!important;
}
.ab-hero{
padding-top:var(--hero-top);
background:#FFFFFF;
color:#1A1418;
--muted:#6F676C;
--line:#ECE8EA;
}
.ab-hero-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:var(--space-8);
align-items:start;
}
.ab-hero-grid>*{
min-width:0;
}
.ab-copy{
min-width:0;
text-align:left;
}
.ab-copy h1{
font-size:clamp(2rem,3.6vw,3.2rem);
line-height:var(--lh-display);
overflow-wrap:break-word;
}
.ab-hero-lead{
margin-top:var(--space-4);
font-size:var(--text-lg);
line-height:var(--lh-body);
max-width:36rem;
}
.ab-hero-note{
margin-top:var(--space-4);
font-size:var(--text-sm);
line-height:var(--lh-small);
color:#6F676C;
}
.ab-ticket{
height:auto;
min-width:0;
border-radius:var(--radius-xl);
overflow:hidden;
background:#F4F2EE;
color:#2A2824;
--muted:#6B665E;
--line:#DCD8D0;
text-align:left;
}
.ab-ticket-top{
display:flex;
flex-direction:column;
gap:var(--space-3);
padding:var(--space-5);
background:#E1EBE3;
color:#1F3A2A;
--muted:#4D6A58;
--line:color-mix(in srgb,#1F3A2A 18%,transparent);
}
.ab-ticket-label{
font-size:var(--text-xs);
line-height:var(--lh-small);
}
.ab-ticket-top h2{
font-size:var(--text-card);
line-height:var(--lh-heading);
}
.ab-ticket-top p{
font-size:var(--text-sm);
line-height:var(--lh-body);
}
.ab-ticket-lines{
margin:0;
padding-inline:var(--space-5);
}
.ab-ticket-lines>div{
display:grid;
grid-template-columns:minmax(0,5.5rem) minmax(0,1fr);
gap:var(--space-3);
padding-block:var(--space-4);
border-bottom:1px solid #DCD8D0;
min-width:0;
}
.ab-ticket-lines dt,
.ab-ticket-lines dd{
min-width:0;
margin:0;
overflow-wrap:break-word;
font-size:var(--text-sm);
line-height:var(--lh-body);
}
.ab-ticket-lines dt{
color:#6B665E;
}
.ab-ticket-bottom{
display:flex;
flex-wrap:wrap;
align-items:baseline;
justify-content:space-between;
gap:var(--space-3);
padding:var(--space-4) var(--space-5);
}
.ab-ticket-bottom>span{
font-size:var(--text-sm);
line-height:var(--lh-small);
}
.ab-ticket-bottom strong{
font-size:var(--text-reading);
line-height:var(--lh-heading);
font-weight:500;
}
.ab-ticket-bottom small{
font-size:var(--text-sm);
line-height:var(--lh-small);
}
.ab-section-head{
margin-bottom:var(--space-5);
}
.ab-section-head>p{
max-width:52rem;
margin-top:var(--space-3);
}
.ab-story-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:var(--space-8);
align-items:start;
}
.ab-story-grid>*{
min-width:0;
}
.ab-quote{
padding:var(--space-5);
border-radius:var(--radius-lg);
background:#F8E3D0;
color:#4A2A14;
--muted:#7A5A43;
--line:color-mix(in srgb,#4A2A14 18%,transparent);
}
.ab-quote p{
font-family:var(--font-heading);
font-size:var(--text-reading);
line-height:var(--lh-body);
}
.ab-quote footer{
margin-top:var(--space-4);
font-size:var(--text-sm);
line-height:var(--lh-body);
color:#7A5A43;
}
.ab-prose{
display:grid;
gap:var(--space-3);
min-width:0;
}
.ab-prices{
margin:0;
}
.ab-coverage,
.ab-support-note{
margin-top:var(--space-5);
padding:var(--space-5);
border-radius:var(--radius-lg);
background:#F4F2EE;
color:#2A2824;
--muted:#6B665E;
--line:#DCD8D0;
}
.ab-coverage>p,
.ab-support-note>p{
margin-top:var(--space-2);
}
.ab-migration{
gap:var(--space-4);
}
.ab-step{
font-family:var(--font-mono);
font-size:var(--text-sm);
line-height:var(--lh-small);
}
.ab-list{
display:grid;
gap:var(--space-2);
margin:0;
padding-inline-start:var(--space-4);
}
.ab-list li{
font-size:var(--text-sm);
line-height:var(--lh-body);
}
.ab-outcome{
font-size:var(--text-sm);
line-height:var(--lh-body);
}
.ab-migration-note{
margin-top:var(--space-4);
}
.ab-support-note a:not(.c-btn){
color:#86396A;
}
.ab-end{
padding-bottom:var(--space-close);
}
.ab-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.45fr);
align-items:center;
gap:var(--space-7);
padding:var(--space-8);
border-radius:var(--radius-xl);
background:#1A1418;
color:#FFFFFF;
--muted:#D0C5CC;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}
.ab-closing-copy,
.ab-closing-actions{
min-width:0;
}
.ab-closing-copy h2{
font-size:var(--text-section);
line-height:var(--lh-heading);
}
.ab-closing-copy p{
margin-top:var(--space-3);
font-size:var(--text-base);
line-height:var(--lh-body);
color:#D0C5CC;
}
.ab-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
}
.ab-closing-actions .c-btn--secondary{
background:#FFFFFF;
color:#1A1418;
border-color:#FFFFFF;
}
.ab-closing-actions .c-btn--secondary:hover{
background:#F4F2EE;
color:#2A2824;
border-color:#F4F2EE;
}
.ab-closing-actions .c-btn--ghost{
background:transparent;
color:#FFFFFF;
border-color:color-mix(in srgb,currentColor 45%,transparent);
}
.ab-closing-actions .c-btn--ghost:hover{
background:#3B3237;
color:#FFFFFF;
border-color:color-mix(in srgb,currentColor 45%,transparent);
}
@media(max-width:64rem){
.ab-hero-grid{
grid-template-columns:minmax(0,1fr);
gap:var(--space-6);
}
.ab-story-grid{
gap:var(--space-5);
}
.ab-closing{
padding:var(--space-6);
grid-template-columns:minmax(0,1fr) minmax(0,.6fr);
gap:var(--space-5);
}
}
@media(max-width:42rem){
.ab-copy h1{
font-size:2rem;
}
.ab-story-grid{
grid-template-columns:minmax(0,1fr);
}
.ab-ticket-top,
.ab-quote,
.ab-coverage,
.ab-support-note{
padding:var(--space-4);
}
.ab-ticket-lines{
padding-inline:var(--space-4);
}
.ab-ticket-bottom{
padding-inline:var(--space-4);
}
.ab-ticket-lines>div{
grid-template-columns:minmax(0,1fr);
gap:var(--space-2);
}
.ab-closing{
grid-template-columns:minmax(0,1fr);
padding:var(--space-4);
gap:var(--space-4);
}
.ab-closing-actions{
margin-top:var(--space-3);
}
}