.win-page [hidden]{display:none!important}

.win-page .win-hero{
display:block;
padding-block:var(--hero-top) var(--space-9);
background:#FFFFFF;
color:#1C2029;
--muted:#5B6170;
--faint:#697181;
--hair:#E3E6EB;
--line:#E3E6EB;
--price:#A4511E;
}

.win-hero>.container{
display:block;
min-width:0;
}

.win-page .win-hero h1{
margin:0;
max-width:100%;
color:#1C2029;
font-size:var(--text-display);
line-height:var(--lh-display);
}

.win-kicker{
display:inline-flex;
align-items:center;
gap:.4em;
width:fit-content;
max-width:100%;
margin-bottom:var(--kicker-gap);
padding:.4em .9em;
border-radius:var(--r-pill);
background:#EEF0F3;
color:#1C2029;
font-size:var(--text-sm);
font-weight:var(--weight-medium);
line-height:1;
}

.win-page .win-hero-lead{
max-width:none;
margin:var(--space-3) 0 0;
color:#5B6170;
font-size:var(--text-md);
line-height:var(--lh-body);
}

.win-hero-actions{
justify-content:flex-start;
margin-top:var(--space-4);
}

.win-page .win-hero-note{
margin-top:var(--space-4);
color:#5B6170;
font-size:var(--text-sm);
}

.win-gray{
background:#EEF0F3;
color:#1C2029;
--muted:#4F5564;
--faint:#626A78;
--hair:#E3E6EB;
--line:#E3E6EB;
--price:#A4511E;
}

.win-sand{
background:#F3EEE6;
color:#3B2F20;
--muted:#6E5E48;
--faint:#6E5E48;
--hair:#E3E6EB;
--line:#E3E6EB;
--price:#A4511E;
}

.win-sage{
background:#E8F0EC;
color:#1E3A2E;
--muted:#4A6658;
--faint:#4A6658;
--hair:#E3E6EB;
--line:#E3E6EB;
--price:#A4511E;
}

.win-section-head{
display:grid;
gap:var(--space-2);
min-width:0;
margin-bottom:var(--space-5);
}

.win-section-head>p{
max-width:64rem;
color:var(--muted);
overflow-wrap:break-word;
}

.win-page main h3{
font-size:var(--text-md);
line-height:1.4;
}

.win-page main h4{
font-size:var(--text-base);
line-height:1.5;
}

.win-table-wrap{
border-radius:var(--r-md);
}

.win-table th,
.win-table td{
text-align:left;
}

.win-table tbody th{
background:#FFFFFF;
color:#1C2029;
}

.win-after-note{
margin-top:var(--space-4);
color:var(--muted);
font-size:var(--text-sm);
line-height:var(--lh-copy);
}

.win-editions{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
}

.win-edition{
align-items:stretch;
}

.win-edition-foot{
display:flex;
flex-wrap:wrap;
align-items:baseline;
justify-content:space-between;
gap:var(--space-2) var(--space-3);
padding-top:var(--space-3);
border-top:1px solid #E3E6EB;
}

.win-edition-foot>span{
color:#5B6170;
font-size:var(--text-sm);
}

.win-edition-foot>.price{
font-size:var(--text-md);
}

.win-billing-rule{
display:grid;
gap:var(--space-2);
min-width:0;
}

.win-formula{
font-weight:var(--weight-bold);
overflow-wrap:break-word;
}

.win-page .win-period-heading{
margin-top:var(--space-5);
margin-bottom:var(--space-3);
}

.win-period-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
align-items:stretch;
}

.win-period{
display:flex;
flex-direction:column;
gap:var(--space-3);
min-width:0;
height:100%;
padding:var(--space-4);
border-radius:var(--r-md);
background:#FFFFFF;
color:#1C2029;
--muted:#5B6170;
--faint:#697181;
--hair:#E3E6EB;
--line:#E3E6EB;
--price:#A4511E;
}

.win-period dl{
display:grid;
gap:var(--space-2);
}

.win-period dl>div{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:baseline;
gap:var(--space-1) var(--space-3);
min-width:0;
}

.win-period dt{
min-width:0;
overflow-wrap:break-word;
}

.win-period dd{
margin:0;
color:#A4511E;
font-family:var(--mono);
font-size:var(--text-md);
font-weight:var(--weight-bold);
font-variant-numeric:tabular-nums;
white-space:nowrap;
}

.win-period>p{
margin-top:auto;
color:#5B6170;
font-size:var(--text-sm);
}

.win-access-list{
display:grid;
gap:0;
margin:0;
padding:0;
list-style:none;
}

.win-access-list>.win-access-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-4);
border-top:1px solid #E3E6EB;
}

.win-access-row>*{
min-width:0;
overflow-wrap:break-word;
}

.win-access-row>p{
color:#5B6170;
}

.win-step{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
height:2.5rem;
border-radius:var(--r-sm);
background:#EEF0F3;
color:#1C2029;
font-family:var(--mono);
font-size:var(--text-sm);
font-weight:var(--weight-bold);
line-height:1;
}

.win-workloads{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
}

.win-ip-copy{
display:grid;
gap:var(--space-2);
min-width:0;
}

.win-ip-copy>p{
max-width:64rem;
color:#1E3A2E;
overflow-wrap:break-word;
}

.win-page .win-final{
padding-bottom:var(--space-close);
}

.win-page .win-close{
display:grid;
grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
align-items:start;
gap:var(--space-6);
height:auto;
padding:var(--space-6);
border:0;
border-radius:var(--r-md);
background:#1E2430;
color:#F4F5F7;
--muted:#A9B0BE;
--faint:#A9B0BE;
--hair:rgba(244,245,247,.16);
--line:rgba(244,245,247,.16);
--price:#E3A878;
text-align:left;
}

.win-close-copy{
display:grid;
gap:var(--space-2);
min-width:0;
}

.win-page .win-close h2{
color:#F4F5F7;
font-size:1.6rem;
line-height:var(--lh-title);
}

.win-close-copy>p{
color:#A9B0BE;
}

.win-close-copy a:not(.c-btn){
color:#F4F5F7;
text-decoration:underline;
text-underline-offset:.2em;
}

.win-close-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-2);
min-width:0;
}

.win-close .c-btn-primary{
background:#FFFFFF;
color:#2538A6;
box-shadow:none;
}

.win-close .c-btn-primary:hover{
background:#EEF0F3;
color:#2538A6;
}

.win-close .c-btn-secondary{
background:#1E2430;
color:#F4F5F7;
border-color:color-mix(in srgb,currentColor 45%,transparent);
}

.win-close .c-btn-secondary:hover{
background:#1C2029;
color:#F4F5F7;
}

@media(max-width:64rem){
.win-page .win-close{
grid-template-columns:minmax(0,1fr);
}
}

@media(max-width:42rem){
.win-editions,
.win-workloads,
.win-period-grid{
grid-template-columns:minmax(0,1fr);
}

.win-access-list>.win-access-row{
grid-template-columns:2.25rem minmax(0,1fr);
}

.win-access-row>:nth-child(3){
grid-column:2;
}

.win-step{
width:2.25rem;
height:2.25rem;
}

.win-page .win-close{
padding:var(--space-4);
gap:var(--space-4);
}

.win-hero-actions{
align-items:stretch;
}

.win-hero-actions>.c-btn{
width:100%;
}
}