.dgxi-page{
font-size:var(--text-base)
}
.dgxi-page [hidden]{
display:none!important
}
.dgxi-page :where(p,li,th,td){
font-size:var(--text-base)
}
.dgxi-page :where(h3){
font-size:var(--text-card);
line-height:var(--lh-heading)
}
.dgxi-page :where(p,h1,h2,h3,dt,dd){
overflow-wrap:break-word
}
.dgxi-hero-grid{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
align-items:start;
gap:var(--hero-gap)
}
.dgxi-hero-grid>*{
min-width:0
}
.dgxi-hero-copy{
text-align:left;
min-width:0
}
.dgxi-hero-copy h1{
font-size:var(--text-display);
line-height:var(--lh-heading);
color:#F3F4F6
}
.dgxi-hero-copy .dgxi-hero-lead{
margin-top:var(--space-4);
color:#F3F4F6
}
.dgxi-hero-copy .dgxi-hero-detail{
margin-top:var(--space-2);
color:#C7CCD5
}
.dgxi-hero-copy .c-actions{
margin-top:var(--space-4)
}
.dgxi-hero-copy .dgxi-hero-foot{
margin-top:var(--space-4);
color:#C7CCD5;
font-size:var(--text-sm)
}
.dgxi-photo{
width:100%;
overflow:hidden;
border-radius:var(--radius-stage);
background:#22252D;
color:#F3F4F6
}
.dgxi-photo--hero{
height:var(--hero-media-height)
}
.dgxi-photo img{
width:100%;
height:100%;
object-fit:cover;
object-position:center
}
.dgxi-hero-media figcaption{
margin-top:var(--space-2);
color:#C7CCD5;
font-size:var(--text-xs);
line-height:var(--lh-body)
}
.dgxi-section{
padding-block:var(--space-10)
}
.dgxi-paper{
background:#FDFDFC;
color:#1A1C22;
--muted:#4A4F5A;
--muted-small:#5B606B;
--hair:rgba(26,28,34,.12)
}
.dgxi-ice{
background:#DDE9F2;
color:#0F2A3D;
--muted:#3E5669;
--muted-small:#3E5669;
--hair:rgba(15,42,61,.18)
}
.dgxi-sand{
background:#EFEBE3;
color:#2A2620;
--muted:#5E574C;
--muted-small:#5E574C;
--hair:rgba(42,38,32,.14)
}
.dgxi-section-head{
margin-bottom:var(--space-5)
}
.dgxi-section-head>p{
max-width:58rem;
margin-top:var(--space-3)
}
.dgxi-page .dgxi-spec-table{
min-width:38rem;
display:table;
width:100%;
background:#FDFDFC;
color:#1A1C22
}
.dgxi-spec-table th:first-child{
width:24%
}
.dgxi-spec-table tbody th{
background:#FBFBF9;
color:#1A1C22
}
.dgxi-after-note{
margin-top:var(--space-4)
}
.dgxi-cost-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
align-items:stretch
}
.dgxi-cost-item{
display:flex;
flex-direction:column;
gap:var(--space-3);
min-width:0;
height:100%;
padding:var(--space-5);
border-radius:var(--radius-lg);
background:#22252D;
color:#F3F4F6;
--muted:#C7CCD5;
--muted-small:#C7CCD5;
--hair:rgba(243,244,246,.16)
}
.dgxi-cost-item>p:not(.dgxi-price){
color:#C7CCD5
}
.dgxi-cost-item>p:last-child{
margin-top:auto
}
.dgxi-cost-item .dgxi-price{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-2);
color:#DDE9F2;
font-family:var(--f-mono);
font-variant-numeric:tabular-nums
}
.dgxi-price strong{
font-size:var(--text-section);
line-height:var(--lh-heading);
font-weight:500
}
.dgxi-price span{
font-size:var(--text-sm);
color:#C7CCD5
}
.dgxi-card-foot{
margin-top:auto;
padding-top:var(--space-3);
border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);
font-size:var(--text-sm);
line-height:var(--lh-body)
}
.dgxi-download-grid{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
align-items:start;
gap:var(--space-6)
}
.dgxi-download-grid>*{
min-width:0
}
.dgxi-photo--network{
height:clamp(20rem,32vw,30rem)
}
.dgxi-network-media figcaption{
margin-top:var(--space-2);
color:#4A4F5A;
font-size:var(--text-xs);
line-height:var(--lh-body)
}
.dgxi-download-copy{
display:flex;
flex-direction:column;
gap:var(--space-3);
min-width:0
}
.dgxi-page .dgxi-download-table{
display:table;
width:100%;
min-width:0;
background:#FDFDFC;
color:#1A1C22
}
.dgxi-download-table :where(th,td){
text-align:left;
font-variant-numeric:tabular-nums
}
.dgxi-page .dgxi-download-table th:first-child{
min-width:0;
width:45%
}
.dgxi-download-table td{
font-family:var(--f-mono)
}
.dgxi-checklist{
list-style:none;
margin:0;
padding:0
}
.dgxi-checklist>.dgxi-check-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
align-items:start;
gap:var(--space-3);
padding:var(--space-5) var(--space-4);
border-top:1px solid var(--hair)
}
.dgxi-check-row>*{
min-width:0
}
.dgxi-check-number{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
height:2.5rem;
border-radius:var(--radius-sm);
background:#EFEBE3;
color:#2A2620;
font-size:var(--text-sm);
line-height:1
}
.dgxi-ending{
background:#E4E8DF;
color:#1F2A1C;
padding-bottom:var(--space-close)
}
.dgxi-page .dgxi-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.65fr);
align-items:center;
gap:var(--space-6);
padding:var(--space-7);
border-radius:var(--radius-stage);
background:#22252D;
color:#F3F4F6;
--muted:#C7CCD5;
--muted-small:#C7CCD5;
--hair:rgba(243,244,246,.16)
}
.dgxi-closing-copy{
min-width:0;
text-align:left
}
.dgxi-closing-copy h2{
font-size:var(--text-section);
line-height:var(--lh-heading);
color:#F3F4F6
}
.dgxi-closing-copy p{
margin-top:var(--space-3);
color:#C7CCD5
}
.dgxi-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
min-width:0
}
.dgxi-closing-actions .c-btn--ghost{
background:transparent;
color:#F3F4F6;
border-color:rgba(243,244,246,.45)
}
.dgxi-closing-actions .c-btn--ghost:hover{
background:#2C3039;
color:#F3F4F6
}
@media(max-width:64rem){
.dgxi-hero-grid{
grid-template-columns:minmax(0,1fr)
}
.dgxi-photo--hero{
height:clamp(20rem,55vw,34rem)
}
.dgxi-cost-grid{
grid-template-columns:minmax(0,1fr)
}
.dgxi-download-grid{
grid-template-columns:minmax(0,1fr)
}
.dgxi-page .dgxi-closing{
grid-template-columns:minmax(0,1fr)
}
.dgxi-closing-actions{
margin-top:var(--space-3)
}
}
@media(max-width:42rem){
.dgxi-section{
padding-block:var(--space-8)
}
.dgxi-section.dgxi-ending{
padding-bottom:var(--space-close)
}
.dgxi-cost-item{
padding:var(--space-4)
}
.dgxi-photo--hero{
height:20rem
}
.dgxi-photo--network{
height:20rem
}
.dgxi-checklist>.dgxi-check-row{
grid-template-columns:2.25rem minmax(0,1fr);
padding:var(--space-4) 0
}
.dgxi-check-row>:nth-child(3){
grid-column:2
}
.dgxi-check-number{
width:2.25rem;
height:2.25rem
}
.dgxi-page .dgxi-closing{
padding:var(--space-4);
gap:var(--space-4)
}
.dgxi-closing-actions{
margin-top:var(--space-3)
}
}