.windows-page{
overflow-x:clip;
}
.windows-page [hidden]{
display:none!important;
}
.windows-page :where(section,article,div,li,dt,dd){
min-width:0;
}
.windows-page :where(p,li,dt,dd){
overflow-wrap:break-word;
}
.windows-page .windows-hero{
display:block;
padding-block:var(--hero-pad) var(--space-8);
background:#F6F6F3;
color:#1C1D17;
text-align:center;
--muted:#626357;
--line:#E4E4DC;
}
.windows-hero .c-kicker{
display:inline-flex;
align-items:center;
justify-content:center;
width:fit-content;
margin:0 auto var(--kicker-gap);
color:#3E3F36;
}
.windows-hero h1{
max-width:var(--width-read);
margin-inline:auto;
font-size:clamp(2rem,3.5vw,3.2rem);
line-height:1.25;
color:#1C1D17;
}
.windows-hero .c-lead{
max-width:var(--width-read);
margin:var(--space-4) auto 0;
color:#626357;
}
.windows-hero .c-actions{
justify-content:center;
margin-top:var(--action-gap);
}
.windows-section{
padding-block:var(--space-8);
}
.windows-split{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:var(--space-7);
align-items:start;
}
.windows-copy{
display:grid;
gap:var(--space-3);
align-content:start;
}
.windows-eyebrow{
font-size:var(--text-sm);
font-weight:700;
color:inherit;
}
.windows-copy>.windows-eyebrow,
.windows-section-heading>.windows-eyebrow{
margin-bottom:var(--space-1);
}
.windows-copy h2,
.windows-section-heading h2,
.windows-closing h2{
font-size:clamp(1.6rem,2.6vw,2.25rem);
line-height:var(--leading-title);
}
.windows-copy>p:not(.windows-eyebrow){
color:#3E3F36;
}
.windows-panel-heading{
display:flex;
align-items:center;
gap:var(--space-2);
}
.windows-panel-heading svg{
display:block;
width:1.25rem;
height:1.25rem;
}
.windows-edition-panel{
display:grid;
gap:var(--space-4);
padding:var(--space-5);
border-radius:var(--r-l);
background:#E8EEF3;
color:#22384A;
--muted:#22384A;
--line:#E4E4DC;
}
.windows-edition-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
align-items:stretch;
}
.windows-edition{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
padding:var(--space-4);
border-radius:var(--r-l);
background:#FFFFFF;
color:#1C1D17;
--muted:#626357;
--line:#E4E4DC;
}
.windows-edition h3,
.windows-panel-heading h3,
.windows-workload h3,
.windows-storage-panel h3,
.windows-connection-row h3{
font-size:var(--text-md);
line-height:1.4;
}
.windows-edition p{
font-size:var(--text-sm);
}
.windows-edition .windows-license-price{
font-family:var(--mono);
font-size:clamp(1.35rem,2vw,1.75rem);
line-height:1.4;
font-variant-numeric:tabular-nums;
font-weight:600;
color:#23506B;
}
.windows-license-price span{
font-family:var(--sans);
font-size:var(--text-sm);
font-weight:400;
color:#626357;
}
.windows-edition-foot{
margin-top:auto;
color:#626357;
}
.windows-panel-note{
font-size:var(--text-sm);
color:inherit;
}
.windows-language-section{
background:#EEE9F2;
color:#3D2E52;
--muted:#3D2E52;
--line:#E4E4DC;
}
.windows-language-section .windows-copy>p:not(.windows-eyebrow){
color:#3D2E52;
}
.windows-language-panel{
display:grid;
gap:var(--space-4);
padding:var(--space-5);
border-radius:var(--r-l);
background:#FFFFFF;
color:#1C1D17;
--muted:#626357;
--line:#E4E4DC;
}
.windows-language-list{
display:grid;
gap:var(--space-4);
list-style:none;
margin:0;
padding:0;
}
.windows-language-list li{
display:grid;
grid-template-columns:2.75rem minmax(0,1fr);
gap:var(--space-3);
align-items:start;
}
.windows-language-list li>div{
display:grid;
gap:var(--field-gap);
}
.windows-language-list p{
font-size:var(--text-sm);
color:#3E3F36;
}
.windows-language-code{
display:grid;
place-items:center;
width:2.75rem;
height:2.75rem;
border-radius:var(--r-m);
background:#EEE9F2;
color:#3D2E52;
font-size:var(--text-sm);
font-weight:700;
}
.windows-arrow-list{
display:grid;
gap:var(--space-3);
list-style:none;
margin:0;
padding:0;
}
.windows-arrow-list li{
position:relative;
padding-inline-start:var(--space-4);
}
.windows-arrow-list li::before{
content:"";
position:absolute;
inset-inline-start:0;
top:.65em;
width:.5rem;
height:.5rem;
border-top:1.7px solid currentColor;
border-right:1.7px solid currentColor;
transform:rotate(45deg);
}
.windows-section-heading{
display:grid;
gap:var(--space-3);
margin-bottom:var(--space-5);
}
.windows-section-heading>p:not(.windows-eyebrow){
max-width:var(--width-read);
color:inherit;
}
.windows-connection-list{
list-style:none;
margin:0;
padding:0;
}
.windows-connection-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
padding:var(--space-4);
border-bottom:1px solid var(--line);
}
.windows-connection-row:first-child{
border-top:1px solid var(--line);
}
.windows-step{
color:#626357;
font-variant-numeric:tabular-nums;
}
.windows-connection-row p{
color:#3E3F36;
}
.windows-after-list{
max-width:var(--width-read);
margin-top:var(--space-4);
color:#3E3F36;
}
.windows-workload-section{
background:#E6F0EC;
color:#1F4237;
--muted:#1F4237;
--line:#E4E4DC;
}
.windows-workload-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
align-items:start;
}
.windows-workload{
display:flex;
flex-direction:column;
gap:var(--field-gap);
padding:var(--space-5);
border-radius:var(--r-l);
background:#FFFFFF;
color:#1C1D17;
--muted:#626357;
--line:#E4E4DC;
}
.windows-workload p{
color:#3E3F36;
}
.windows-workload-note{
margin-top:var(--space-4);
}
.windows-storage-panel{
display:grid;
gap:var(--space-4);
padding:var(--space-5);
border-radius:var(--r-l);
background:#F3E9E4;
color:#5A3324;
--muted:#5A3324;
--line:#E4E4DC;
}
.windows-storage-list{
display:grid;
gap:var(--space-4);
list-style:none;
margin:0;
padding:0;
}
.windows-storage-list li{
display:grid;
gap:var(--field-gap);
}
.windows-storage-list p{
font-size:var(--text-sm);
}
.windows-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.55fr);
gap:var(--space-6);
align-items:center;
padding:var(--space-7) var(--space-6);
border-radius:var(--r-l);
background:#1C1D17;
color:#F6F6F3;
--muted:#C4C5B8;
--line:color-mix(in srgb,#F6F6F3 18%,transparent);
}
.windows-closing-copy{
display:grid;
gap:var(--space-3);
}
.windows-closing h2{
color:#F6F6F3;
}
.windows-closing p{
color:#C4C5B8;
}
.windows-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
}
.windows-closing-actions .c-btn{
border-radius:var(--radius-pill);
}
.windows-closing .c-btn--ghost{
background:#1C1D17;
color:#F6F6F3;
border-color:color-mix(in srgb,currentColor 45%,transparent);
}
.windows-closing .c-btn--ghost:hover{
background:#3E3F36;
color:#FFFFFF;
}
.windows-final-section{
padding-bottom:var(--space-10);
}
@media(max-width:64rem){
.windows-split{
gap:var(--space-5);
}
.windows-edition-grid{
grid-template-columns:minmax(0,1fr);
}
.windows-closing{
grid-template-columns:minmax(0,1fr) minmax(0,.7fr);
}
}
@media(max-width:48rem){
.windows-split,
.windows-workload-grid,
.windows-closing{
grid-template-columns:minmax(0,1fr);
}
.windows-edition-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.windows-closing-actions{
align-items:flex-start;
}
}
@media(max-width:42rem){
.windows-section{
padding-block:var(--space-7);
}
.windows-edition-grid{
grid-template-columns:minmax(0,1fr);
}
.windows-edition-panel,
.windows-language-panel,
.windows-workload,
.windows-storage-panel{
padding:var(--space-4);
}
.windows-connection-row{
grid-template-columns:2.25rem minmax(0,1fr);
}
.windows-connection-row>:nth-child(3){
grid-column:2;
}
.windows-closing{
padding:var(--space-5) var(--space-4);
}
.windows-closing-actions{
align-items:stretch;
}
.windows-final-section{
padding-bottom:var(--space-10);
}
}