.home-page{
--muted:#625D66;
--faint:#716A74;
}
.home-page [hidden]{
display:none!important;
}
.home-page :where(article,aside,section,dl,dt,dd,li){
min-width:0;
}
.home-page p{
overflow-wrap:break-word;
}
.home-hero[data-hero-form="data-band"]{
padding-block:var(--space-hero) var(--space-5);
background:#FCFBF9;
background-image:linear-gradient(116deg,#FCFBF9 30%,#F4ECE1 55%,#FCFBF9 78%);
color:#262126;
--muted:#625D66;
--line:#ECE7E2;
}
.home-hero-head{
text-align:center;
}
.home-eyebrow{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-1);
width:fit-content;
max-width:100%;
margin-inline:auto;
margin-bottom:var(--space-3);
padding:.4375rem .875rem;
border-radius:var(--r-pill);
background:#F2EFE7;
color:#2B2820;
font-size:var(--text-xs);
font-weight:var(--weight-label);
line-height:var(--lh-small);
letter-spacing:.08em;
}
.home-eyebrow i{
width:.375rem;
height:.375rem;
border-radius:var(--r-pill);
background:#2B2820;
color:#2B2820;
flex:none;
}
.home-hero-head h1{
font-size:var(--text-display);
line-height:var(--lh-heading);
letter-spacing:-.045em;
color:#262126;
}
.home-hero-sub{
max-width:45rem;
margin:var(--space-3) auto 0;
color:#625D66;
}
.home-hero-head .home-hero-actions{
justify-content:center;
margin-top:var(--space-action);
margin-bottom:var(--space-4);
}
.home-data-band{
display:grid;
grid-template-columns:1fr 1.5fr 1.3fr .6fr;
gap:var(--space-3);
padding-block:var(--space-3);
margin-top:var(--space-5);
margin-bottom:var(--space-5);
border-block:1px solid #ECE7E2;
text-align:center;
}
.home-data-band>div{
display:flex;
flex-direction:column;
gap:var(--space-1);
min-width:0;
padding:var(--space-2);
border-radius:var(--r-md);
background:var(--sand);
color:var(--sand-ink);
}
.home-data-band dt{
font-size:var(--text-xs);
color:#716A74;
}
.home-data-band dd{
font-size:var(--text-sm);
font-weight:var(--weight-label);
font-variant-numeric:tabular-nums;
color:#262126;
overflow-wrap:break-word;
}
.home-art-container{
padding-bottom:var(--space-3);
}
.home-hero .hero-art.home-art{
position:relative;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:start;
gap:var(--space-4);
height:auto;
min-height:0;
width:100%;
max-width:none;
margin:0;
padding:var(--space-3) 0;
border:0;
border-radius:0;
background:transparent;
color:#262126;
overflow:visible;
transform:none;
isolation:isolate;
}
.home-art-backdrop{
position:absolute;
inset:var(--space-5) var(--space-3) var(--space-3);
z-index:-1;
border-radius:var(--r-island);
background:#F2EFE7;
color:#2B2820;
pointer-events:none;
}
.home-nameplate-group{
position:relative;
display:flex;
flex-direction:column;
gap:var(--space-2);
min-width:0;
}
.home-nameplate,
.home-port-window{
width:100%;
max-width:none;
height:auto;
min-width:0;
padding:var(--space-4);
border-radius:var(--r-lg);
background:#FFFFFF;
color:#262126;
--ink:#262126;
--muted:#625D66;
--line:#ECE7E2;
box-shadow:var(--shadow-window);
}
.home-port-window{
margin-top:var(--space-4);
}
.home-window-title{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:var(--space-1) var(--space-2);
font-size:var(--text-sm);
font-weight:var(--weight-label);
}
.home-node-code{
font-family:var(--f-mono);
font-size:var(--text-xs);
color:#716A74;
}
.home-processor{
display:flex;
align-items:center;
gap:var(--space-2);
margin-block:var(--space-3);
}
.home-processor>div{
display:flex;
flex-direction:column;
gap:var(--space-1);
min-width:0;
}
.home-processor strong{
font-family:var(--f-head);
font-size:var(--text-lg);
line-height:var(--lh-tight);
}
.home-processor span{
font-size:var(--text-xs);
color:#625D66;
}
.home-cpu-mark{
width:4rem;
height:4rem;
}
.home-machine-fields{
display:grid;
}
.home-machine-fields>div{
display:flex;
flex-wrap:wrap;
align-items:baseline;
justify-content:space-between;
gap:var(--space-1) var(--space-2);
padding-block:var(--space-2);
border-top:1px solid #ECE7E2;
min-width:0;
}
.home-machine-fields dt,
.home-machine-fields dd{
font-size:var(--text-sm);
line-height:var(--lh-small);
min-width:0;
overflow-wrap:break-word;
}
.home-machine-fields dt{
color:#625D66;
}
.home-machine-fields dd{
font-family:var(--f-mono);
font-weight:var(--weight-label);
font-variant-numeric:tabular-nums;
text-align:right;
}
.home-memory-tags{
display:flex;
flex-wrap:wrap;
gap:var(--space-1);
}
.home-memory-tags span,
.home-port-options span{
display:inline-flex;
align-items:center;
justify-content:center;
width:fit-content;
padding:.4em .9em;
border-radius:var(--r-pill);
background:#F2EFE7;
color:#2B2820;
font-family:var(--f-mono);
font-size:var(--text-xs);
line-height:1.5;
}
.home-zen-ticket{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-1);
width:fit-content;
max-width:100%;
margin-left:var(--space-3);
padding:.5em 1em;
border:1px solid #ECE7E2;
border-radius:var(--r-pill);
background:#FFFFFF;
color:#625D66;
font-size:var(--text-xs);
line-height:1;
box-shadow:var(--shadow-card);
}
.home-zen-ticket i,
.home-slot-status i{
width:.375rem;
height:.375rem;
border-radius:var(--r-pill);
background:#9C2A8C;
color:#FFFFFF;
flex:none;
}
.home-slot-status{
display:inline-flex;
align-items:center;
gap:var(--space-1);
font-family:var(--f-mono);
font-size:var(--text-xs);
color:#625D66;
}
.home-panel-heading{
margin-block:var(--space-3) var(--space-2);
font-size:var(--text-sm);
font-weight:var(--weight-label);
line-height:var(--lh-tight);
letter-spacing:0;
}
.home-mini-slots{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:var(--space-1);
}
.home-mini-slot{
display:flex;
flex-direction:column;
gap:var(--space-1);
min-width:0;
padding:var(--space-2) var(--space-1);
border-radius:var(--r-sm);
background:#F2EFE7;
color:#2B2820;
text-align:center;
}
.home-mini-slot>span{
font-family:var(--f-mono);
font-size:var(--text-xs);
}
.home-mini-slot strong{
font-family:var(--f-mono);
font-size:var(--text-lg);
line-height:var(--lh-tight);
}
.home-mini-slot small{
font-size:var(--text-xs);
color:#6A6455;
}
.home-mini-slot--empty{
background:#E5EDF0;
color:#1F3036;
}
.home-mini-slot--empty small{
color:#53666D;
}
.home-port-options{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
gap:var(--space-1);
}
.home-bandwidth-scale{
margin-top:var(--space-2);
}
.home-bandwidth-scale svg{
width:100%;
height:2rem;
}
.home-bandwidth-scale>div{
display:flex;
justify-content:space-between;
gap:var(--space-1);
padding-inline:var(--space-2);
font-size:var(--text-xs);
color:#625D66;
}
.home-ip-line{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:baseline;
gap:var(--space-1) var(--space-2);
margin-top:var(--space-3);
padding-top:var(--space-3);
border-top:1px solid #ECE7E2;
font-size:var(--text-sm);
}
.home-ip-line>span{
color:#625D66;
}
.home-ip-line strong{
font-size:var(--text-sm);
font-weight:var(--weight-label);
}
.home-ip-line b{
font-family:var(--f-mono);
font-size:var(--text-lg);
color:#262126;
}
.home-lede{
max-width:40rem;
margin-top:var(--space-3);
font-size:var(--text-base);
line-height:var(--lh-body);
color:var(--muted);
}
.home-what,
.home-faq{
display:grid;
grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);
gap:var(--space-5);
align-items:start;
}
.home-statements{
display:grid;
list-style:none;
margin:0;
padding:0;
}
.home-statements li{
display:grid;
grid-template-columns:2.5rem minmax(0,1fr);
gap:var(--space-3);
padding-block:var(--space-3);
border-top:1px solid #ECE7E2;
font-family:var(--f-head);
font-size:clamp(1.25rem,2vw,1.75rem);
font-weight:700;
line-height:1.35;
letter-spacing:-.025em;
}
.home-statements li:last-child{
border-bottom:1px solid #ECE7E2;
}
.home-statements li>span{
font-family:var(--f-mono);
font-size:var(--text-xs);
line-height:var(--lh-small);
color:#716A74;
}
.home-statements em{
font-style:normal;
color:#625D66;
font-weight:600;
}
.home-island-section{
padding:0;
}
.home-disk,
.home-os{
padding:var(--space-5) var(--space-4);
border-radius:var(--r-island);
}
.home-disk{
background:#E5EDF0;
color:#1F3036;
--muted:#53666D;
--line:#CBD9DE;
}
.home-disk h2,
.home-disk h3{
color:#1F3036;
}
.home-kicker{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-1);
width:fit-content;
max-width:100%;
padding:.4375rem .875rem;
margin-bottom:var(--space-3);
border-radius:var(--r-pill);
font-size:var(--text-xs);
line-height:var(--lh-small);
font-weight:var(--weight-label);
letter-spacing:.08em;
}
.home-kicker--white{
background:#FFFFFF;
color:#1F3036;
--muted:#53666D;
--line:#ECE7E2;
}
.home-disk-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,17rem);
gap:var(--space-3);
align-items:start;
margin-top:var(--space-4);
}
.home-slots{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:var(--space-2);
align-content:start;
}
.home-slot{
display:flex;
flex-direction:column;
gap:var(--space-3);
justify-content:space-between;
min-width:0;
padding:var(--space-3);
border-radius:var(--r-md);
background:#FFFFFF;
color:#1F3036;
--muted:#53666D;
--line:#ECE7E2;
}
.home-slot-id{
font-family:var(--f-mono);
font-size:var(--text-xs);
color:#53666D;
}
.home-slot>strong{
font-family:var(--f-head);
font-size:var(--text-lg);
line-height:var(--lh-tight);
letter-spacing:-.025em;
overflow-wrap:break-word;
}
.home-slot-tag{
display:inline-flex;
align-items:center;
gap:var(--space-1);
font-size:var(--text-xs);
line-height:var(--lh-small);
font-weight:var(--weight-label);
}
.home-slot-tag i{
width:.4375rem;
height:.4375rem;
border-radius:var(--r-pill);
background:#9C2A8C;
color:#FFFFFF;
flex:none;
}
.home-slot--empty{
background:#E5EDF0;
color:#1F3036;
outline:1px dashed #948B94;
outline-offset:-1px;
}
.home-slot--empty .home-slot-tag i{
background:#53666D;
color:#FFFFFF;
}
.home-disk-brace{
grid-column:span 2;
padding:var(--space-3);
border-radius:var(--r-md);
font-size:var(--text-sm);
line-height:var(--lh-small);
}
.home-disk-brace b{
font-family:var(--f-mono);
font-weight:var(--weight-label);
}
.home-disk-brace--base{
background:#1F3036;
color:#E5EDF0;
--muted:#E5EDF0;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}
.home-disk-brace--extra{
background:#FFFFFF;
color:#1F3036;
--muted:#53666D;
--line:#ECE7E2;
}
.home-disk-aside{
padding:var(--space-3);
border-radius:var(--r-md);
background:#FFFFFF;
color:#1F3036;
--muted:#53666D;
--line:#ECE7E2;
}
.home-disk-aside>p{
margin-top:var(--space-1);
font-size:var(--text-sm);
color:#53666D;
}
.home-disk-aside ul{
display:grid;
list-style:none;
padding:0;
margin-top:var(--space-3);
}
.home-disk-aside li{
display:grid;
grid-template-columns:1rem minmax(0,1fr);
gap:var(--space-2);
padding-block:var(--space-2);
border-top:1px solid #ECE7E2;
}
.home-disk-aside li>span{
font-family:var(--f-mono);
font-size:var(--text-xs);
color:#53666D;
}
.home-disk-aside li strong{
font-size:var(--text-sm);
}
.home-disk-aside li p{
margin-top:var(--space-1);
font-size:var(--text-sm);
color:#53666D;
}
.home-cpu-top{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-5);
align-items:end;
}
.home-cpu-top>.home-lede{
margin-top:0;
}
.home-cpu-numbers{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:var(--space-3);
margin-top:var(--space-5);
}
.home-cpu-numbers>div{
min-width:0;
}
.home-cpu-numbers>div+div{
padding-left:var(--space-3);
border-left:1px solid #ECE7E2;
}
.home-cpu-numbers dd{
font-family:var(--f-head);
font-size:clamp(2rem,4vw,3.5rem);
font-weight:var(--weight-heading);
line-height:var(--lh-heading);
letter-spacing:-.04em;
font-variant-numeric:tabular-nums;
}
.home-cpu-numbers small{
margin-left:var(--space-1);
font-size:var(--text-lg);
color:#625D66;
}
.home-cpu-numbers dt{
margin-top:var(--space-2);
font-size:var(--text-sm);
color:#625D66;
}
.home-memory-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-2);
align-items:start;
margin-top:var(--space-5);
}
.home-memory-card{
padding:var(--space-3);
border-radius:var(--r-md);
}
.home-memory-card p{
margin-top:var(--space-1);
font-size:var(--text-sm);
color:var(--muted);
}
.home-memory-card--sand{
background:#F2EFE7;
color:#2B2820;
--muted:#6A6455;
--line:#ECE7E2;
}
.home-memory-card--sage{
background:#E9EFE3;
color:#26331C;
--muted:#5A6650;
--line:#D1DDC7;
}
.home-memory-card--apricot{
background:#F4ECE1;
color:#3A2A1A;
--muted:#75604A;
--line:#E1D4C3;
}
.home-memory-chips{
display:flex;
flex-wrap:wrap;
gap:var(--space-1);
margin-top:var(--space-2);
}
.home-memory-chips span{
display:inline-flex;
align-items:center;
justify-content:center;
padding:.4em .9em;
border-radius:var(--r-pill);
background:#FFFFFF;
color:#2B2820;
font-family:var(--f-mono);
font-size:var(--text-xs);
line-height:1;
}
.home-process-section{
padding-block:var(--space-6);
background:#1A1418;
color:#F4EEF2;
--muted:#B8AEB5;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}
.home-process-head{
text-align:center;
}
.home-process-head h2{
color:#FFFFFF;
}
.home-process-head p{
margin-top:var(--space-2);
color:#B8AEB5;
}
.home-process{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
list-style:none;
margin:var(--space-5) 0 0;
padding:0;
}
.home-process>li{
display:flex;
flex-direction:column;
gap:var(--space-3);
min-width:0;
}
.home-process-panel{
display:flex;
flex-direction:column;
gap:var(--space-1);
flex:1;
min-height:12rem;
padding:var(--space-3);
border-radius:var(--r-md);
background:#352C33;
color:#F4EEF2;
--muted:#B8AEB5;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}
.home-process-item{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
gap:var(--space-1);
padding:var(--space-1) var(--space-2);
border-radius:var(--r-sm);
background:#463B43;
color:#F4EEF2;
font-family:var(--f-mono);
font-size:var(--text-xs);
}
.home-process-item>span{
min-width:0;
overflow-wrap:break-word;
}
.home-process-item b{
color:#F4EEF2;
font-weight:var(--weight-label);
}
.home-process-line{
height:.625rem;
width:70%;
border-radius:var(--r-pill);
background:#554A52;
color:#F4EEF2;
}
.home-process-line--short{
width:45%;
}
.home-process-usd{
margin-top:auto;
font-family:var(--f-mono);
font-size:1.75rem;
font-weight:var(--weight-label);
line-height:var(--lh-tight);
color:#FFFFFF;
}
.home-process-key{
display:flex;
gap:var(--space-1);
margin-top:auto;
}
.home-process-key i{
flex:1;
height:1.875rem;
border-radius:var(--r-sm);
background:#554A52;
color:#F4EEF2;
}
.home-process-key i:first-child{
background:#9C2A8C;
color:#FFFFFF;
}
.home-process-label{
display:flex;
flex-direction:column;
gap:var(--space-1);
}
.home-process-label>span{
font-family:var(--f-mono);
font-size:var(--text-xs);
color:#B8AEB5;
}
.home-process-label h3{
color:#FFFFFF;
}
.home-work-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
align-items:stretch;
margin-top:var(--space-5);
}
.home-work-card{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
border-radius:var(--r-lg);
}
.home-work-tag{
font-family:var(--f-mono);
font-size:var(--text-xs);
line-height:var(--lh-small);
color:var(--muted);
overflow-wrap:break-word;
}
.home-work-card p{
color:var(--muted);
}
.home-work-card--sand{
background:#F2EFE7;
color:#2B2820;
--muted:#6A6455;
--line:#ECE7E2;
}
.home-work-card--fog{
background:#E5EDF0;
color:#1F3036;
--muted:#53666D;
--line:#CBD9DE;
}
.home-work-card--sage{
background:#E9EFE3;
color:#26331C;
--muted:#5A6650;
--line:#D1DDC7;
}
.home-work-card--apricot{
background:#F4ECE1;
color:#3A2A1A;
--muted:#75604A;
--line:#E1D4C3;
}
.home-work-facts{
display:flex;
flex-wrap:wrap;
gap:var(--space-1);
margin-top:auto;
}
.home-work-facts span{
display:inline-flex;
align-items:center;
justify-content:center;
padding:.4em .9em;
border-radius:var(--r-pill);
background:#FFFFFF;
color:#262126;
font-size:var(--text-xs);
font-weight:var(--weight-label);
line-height:var(--lh-small);
}
.home-os{
background:#F2EFE7;
color:#2B2820;
--muted:#6A6455;
--line:#ECE7E2;
}
.home-os h2{
color:#2B2820;
}
.home-os-list{
display:grid;
margin-top:var(--space-4);
padding:var(--space-1) var(--space-3);
border-radius:var(--r-md);
background:#FFFFFF;
color:#2B2820;
--muted:#6A6455;
--line:#ECE7E2;
}
.home-os-list>div{
display:grid;
grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);
align-items:center;
gap:var(--space-3);
padding-block:var(--space-3);
}
.home-os-list>div+div{
border-top:1px solid #ECE7E2;
}
.home-os-list dt{
font-weight:var(--weight-label);
}
.home-os-list dd{
display:flex;
flex-wrap:wrap;
gap:var(--space-1);
}
.home-os-list dd span{
display:inline-flex;
align-items:center;
justify-content:center;
padding:.4em .9em;
border-radius:var(--r-pill);
background:#F2EFE7;
color:#2B2820;
font-family:var(--f-mono);
font-size:var(--text-xs);
line-height:var(--lh-small);
}
.home-os-windows{
display:flex;
justify-content:space-between;
align-items:center;
gap:var(--space-3);
margin-top:var(--space-3);
padding:var(--space-3);
border-radius:var(--r-md);
background:#FFFFFF;
color:#2B2820;
--muted:#6A6455;
--line:#ECE7E2;
}
.home-os-windows p{
min-width:0;
font-size:var(--text-sm);
}
.home-os-windows a{
flex:0 0 auto;
}
.home-os-note{
margin-top:var(--space-3);
font-size:var(--text-sm);
color:#6A6455;
}
.home-network{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-3);
padding-block:var(--space-4);
border-block:1px solid #ECE7E2;
}
.home-network-title{
font-size:var(--text-sm);
line-height:var(--lh-small);
letter-spacing:0;
font-weight:var(--weight-label);
color:#625D66;
}
.home-network-city{
font-family:var(--f-head);
font-size:1.75rem;
line-height:var(--lh-tight);
letter-spacing:-.035em;
}
.home-network-bits{
display:flex;
flex-wrap:wrap;
gap:var(--space-1);
}
.home-network-bits span{
display:inline-flex;
align-items:center;
justify-content:center;
padding:.5em 1em;
border-radius:var(--r-pill);
background:#E5EDF0;
color:#1F3036;
font-size:var(--text-sm);
line-height:var(--lh-small);
}
.home-inline-price{
font-family:var(--f-mono);
font-variant-numeric:tabular-nums;
color:#1E4D57;
}
.home-plans{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
align-items:stretch;
margin-top:var(--space-5);
}
.home-plan{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
border-radius:var(--r-lg);
background:#FFFFFF;
color:#262126;
--ink:#262126;
--muted:#625D66;
--line:#ECE7E2;
box-shadow:var(--shadow-card);
}
.home-plan-sku{
font-family:var(--f-mono);
font-size:var(--text-xs);
line-height:var(--lh-small);
color:#716A74;
}
.home-plan-price{
font-family:var(--f-mono);
font-size:var(--text-section);
font-weight:var(--weight-label);
font-variant-numeric:tabular-nums;
line-height:var(--lh-heading);
letter-spacing:-.035em;
color:#1E4D57;
}
.home-plan-price small{
margin-left:var(--space-1);
font-size:var(--text-base);
font-weight:400;
letter-spacing:0;
color:#1E4D57;
}
.home-plan-specs{
display:grid;
width:100%;
}
.home-plan-specs>div{
display:grid;
grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);
gap:var(--space-2);
padding-block:var(--space-2);
border-top:1px solid #ECE7E2;
}
.home-plan-specs dt,
.home-plan-specs dd{
min-width:0;
font-size:var(--text-sm);
overflow-wrap:break-word;
}
.home-plan-specs dt{
color:#625D66;
}
.home-plan-specs dd{
font-family:var(--f-mono);
font-variant-numeric:tabular-nums;
text-align:right;
}
.home-plan-note{
font-size:var(--text-sm);
color:#625D66;
}
.home-plan>.c-actions{
margin-top:auto;
}
.home-catalog-note{
margin-top:var(--space-3);
font-size:var(--text-sm);
color:#625D66;
}
.home-faq-list>div{
padding-block:var(--space-3);
border-top:1px solid #ECE7E2;
}
.home-faq-list>div:last-child{
border-bottom:1px solid #ECE7E2;
}
.home-faq-list dt{
font-family:var(--f-head);
font-size:var(--text-lg);
font-weight:var(--weight-label);
line-height:var(--lh-tight);
letter-spacing:-.02em;
}
.home-faq-list dd{
margin-top:var(--space-1);
color:#625D66;
}
.home-blog__grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));
gap:var(--space-3);
align-items:stretch;
margin-top:var(--space-4);
}
.home-blog__grid:not(:has(>a:not([hidden]))){
margin-top:0;
}
.home-blog__card{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-3);
border-radius:var(--r-lg);
background:#F2EFE7;
color:#2B2820;
--muted:#6A6455;
--line:#ECE7E2;
transition:box-shadow var(--duration);
}
.home-blog__card>.c-badge{
align-self:flex-start;
background:#FFFFFF;
color:#2B2820;
}
.home-blog__card p{
font-size:var(--text-sm);
color:#6A6455;
}
.home-blog__card:hover{
box-shadow:var(--shadow-card);
}
.home-blog__empty{
margin-top:var(--space-3);
padding:var(--space-3);
border-radius:var(--r-md);
background:#F2EFE7;
color:#2B2820;
--muted:#6A6455;
--line:#ECE7E2;
}
.home-go-cards{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
gap:var(--space-3);
align-items:stretch;
}
.home-go-card{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-5) var(--space-4);
border-radius:var(--r-lg);
transition:box-shadow var(--duration);
}
.home-go-card--dark{
background:#1A1418;
color:#FFFFFF;
--muted:#B8AEB5;
--line:color-mix(in srgb,#FFFFFF 18%,transparent);
}
.home-go-card--apricot{
background:#F4ECE1;
color:#3A2A1A;
--muted:#75604A;
--line:#E1D4C3;
}
.home-go-small{
font-size:var(--text-sm);
line-height:var(--lh-small);
color:var(--muted);
}
.home-go-card h2{
font-size:var(--text-section);
line-height:var(--lh-heading);
color:inherit;
}
.home-go-from{
margin-top:var(--space-2);
font-family:var(--f-mono);
font-size:var(--text-lg);
font-weight:var(--weight-label);
color:#FFFFFF;
font-variant-numeric:tabular-nums;
}
.home-go-arrow{
display:inline-flex;
align-items:center;
gap:var(--space-1);
margin-top:auto;
font-size:var(--text-base);
line-height:var(--lh-small);
font-weight:var(--weight-label);
}
.home-go-card--dark .home-go-arrow{
color:#FFFFFF;
}
.home-go-card--apricot .home-go-arrow{
color:#9C2A8C;
}
.home-go-card:hover{
box-shadow:var(--shadow-window);
}
.home-footnote{
margin-top:var(--space-3);
text-align:center;
font-size:var(--text-sm);
color:#625D66;
}
.home-footnote b{
font-weight:var(--weight-label);
color:#262126;
}
@media(max-width:64rem){
.home-hero .hero-art.home-art{
gap:var(--space-3);
}
.home-nameplate,
.home-port-window{
padding:var(--space-3);
}
.home-disk-grid{
grid-template-columns:minmax(0,1fr);
}
.home-disk-aside ul{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-3);
}
.home-cpu-top{
gap:var(--space-4);
}
.home-memory-grid{
grid-template-columns:minmax(0,1fr);
margin-top:var(--space-4);
}
.home-cpu-numbers dd{
font-size:2.5rem;
}
.home-process{
gap:var(--space-3);
}
.home-work-card,
.home-plan{
padding:var(--space-3);
}
.home-what,
.home-faq{
gap:var(--space-4);
}
}
@media(max-width:48rem){
.home-data-band{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.home-mini-slots{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.home-slots{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.home-disk-brace{
grid-column:1/-1;
}
}
@media(max-width:42rem){
.home-hero-head h1 br{
display:none;
}
.home-hero-sub{
margin-top:var(--space-3);
}
.home-hero-actions{
margin-block:var(--space-3) var(--space-4);
}
.home-hero-actions>.c-btn{
width:100%;
}
.home-data-band{
gap:var(--space-3) var(--space-2);
margin-block:var(--space-4);
}
.home-hero .hero-art.home-art{
display:grid;
grid-template-columns:minmax(0,1fr);
width:min(calc(100% - var(--gutter)*2),100%);
height:auto;
margin-inline:auto;
padding:0;
gap:var(--space-4);
overflow:visible;
transform:none;
}
.home-art-container{
width:100%;
}
.home-art>.home-nameplate-group,
.home-art>.home-port-window{
grid-column:1;
width:auto;
height:auto;
min-height:0;
max-width:none;
margin-top:0;
translate:none!important;
transform:none;
}
.home-art-backdrop{
display:none;
}
.home-nameplate,
.home-port-window{
padding:var(--space-3);
}
.home-nameplate{
overflow:visible;
}
.home-mini-slots{
grid-template-columns:repeat(4,minmax(0,1fr));
}
.home-mini-slot{
padding-inline:var(--space-1);
}
.home-mini-slot small{
font-size:var(--text-xs);
}
.home-what,
.home-faq,
.home-cpu-top,
.home-work-grid,
.home-plans,
.home-go-cards{
grid-template-columns:minmax(0,1fr);
gap:var(--space-3);
}
.home-statements li{
gap:var(--space-2);
font-size:var(--text-lg);
}
.home-disk,
.home-os{
padding:var(--space-4) var(--space-3);
}
.home-disk-aside ul{
grid-template-columns:minmax(0,1fr);
gap:0;
}
.home-cpu-top>.home-lede{
margin-top:0;
}
.home-cpu-numbers{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
margin-top:var(--space-4);
}
.home-cpu-numbers>div+div{
padding-left:0;
border-left:0;
}
.home-cpu-numbers dd{
font-size:2.5rem;
}
.home-cpu-numbers small{
font-size:var(--text-base);
}
.home-process-section{
padding-block:var(--space-5);
}
.home-process{
grid-template-columns:minmax(0,1fr);
gap:var(--space-4);
margin-top:var(--space-4);
}
.home-process-panel{
min-height:0;
height:auto;
gap:var(--space-2);
}
.home-process-usd{
margin-top:var(--space-3);
}
.home-process-key{
margin-top:var(--space-2);
}
.home-work-grid,
.home-plans{
margin-top:var(--space-4);
}
.home-os-list>div{
grid-template-columns:minmax(0,1fr);
gap:var(--space-1);
}
.home-os-windows{
flex-direction:column;
align-items:flex-start;
gap:var(--space-2);
}
.home-network{
gap:var(--space-2);
}
.home-network-title{
flex-basis:100%;
}
.home-plan-price{
font-size:2.5rem;
}
.home-go-card{
padding:var(--space-4) var(--space-3);
}
.home-go-card h2{
font-size:2rem;
}
.home-footnote{
text-align:left;
}
}
@media(max-width:23rem){
.home-mini-slots{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.home-data-band{
grid-template-columns:minmax(0,1fr);
text-align:left;
}
.home-processor{
align-items:flex-start;
}
.home-cpu-mark{
width:3rem;
height:3rem;
}
.home-disk,
.home-os{
padding-inline:var(--space-3);
}
.home-slots{
grid-template-columns:minmax(0,1fr);
}
.home-plan-specs>div{
grid-template-columns:minmax(0,1fr);
gap:var(--space-1);
}
.home-plan-specs dd{
text-align:left;
}
}
@media(prefers-reduced-motion:reduce){
.home-art [data-home-parallax]{
translate:none!important;
}
.home-go-card,
.home-blog__card{
transition:none;
}
}