.access-page [hidden]{display:none!important}
.access-page :is(section,article,div,li,dt,dd){min-width:0}
.access-page p{overflow-wrap:break-word}
.access-page h3{font-size:var(--text-md);line-height:1.4}
.access-page .access-hero{
display:block;
padding-block:var(--hero-top) var(--space-9);
background:#FFFFFF;
color:#1C2029;
--muted:#5B6170;
--faint:#697181;
--line:#E3E6EB;
--hair:#E3E6EB;
--price:#A4511E;
}
.access-page .access-hero h1{color:#1C2029;font-size:var(--text-display);line-height:var(--lh-display)}
.access-page .access-hero .access-lead{max-width:48rem;margin-top:var(--space-3);margin-inline:0;color:#5B6170}
.access-page .access-kicker{
display:inline-flex;
align-items:center;
justify-content:flex-start;
width:fit-content;
max-width:100%;
gap:var(--space-2);
margin:0 0 var(--kicker-gap);
padding:0;
color:inherit;
font-size:var(--text-sm);
font-weight:var(--weight-bold);
line-height:1.5;
}
.access-page .access-kicker::before{content:none}
.access-page .access-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--action-gap);margin-top:var(--space-4)}
.access-hero-note{max-width:48rem;margin-top:var(--space-4);color:#5B6170;font-size:var(--text-sm)}
.access-section{padding-block:var(--space-9)}
.access-gray{
background:#EEF0F3;
color:#1C2029;
--muted:#4F5564;
--faint:#626A78;
--line:#D8DDE4;
--hair:#D8DDE4;
--price:#A4511E;
}
.access-sand{
background:#F3EEE6;
color:#3B2F20;
--muted:#6E5E48;
--faint:#6E5E48;
--line:#DED6CA;
--hair:#DED6CA;
--price:#A4511E;
}
.access-dark{
background:#1E2430;
color:#F4F5F7;
--muted:#A9B0BE;
--faint:#A9B0BE;
--line:rgba(244,245,247,.16);
--hair:rgba(244,245,247,.16);
--price:#E3A878;
}
.access-head{max-width:56rem;margin-inline:0}
.access-head>h2{color:inherit}
.access-head>p:not(.access-kicker){margin-top:var(--space-2);color:var(--muted);line-height:var(--lh-copy)}
.access-head>.access-kicker{margin-top:0}
.access-rows{display:grid;gap:0;margin-top:var(--space-5);padding:0;list-style:none}
.access-rows>.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-bottom:1px solid var(--line);
}
.access-step{font-family:var(--mono);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:1.6}
.access-row>p{color:var(--muted)}
.access-note{margin-top:var(--space-4);color:var(--muted);line-height:var(--lh-copy)}
.access-card-grid{margin-top:var(--space-5)}
.access-page .access-card-grid{align-items:stretch}
.access-page .access-card-grid>.c-card{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
height:100%;
padding:var(--space-4);
background:#F4F5F7;
color:#1C2029;
--muted:#5B6170;
--line:#E3E6EB;
--price:#A4511E;
box-shadow:none;
}
.access-page .c-card p{font-size:var(--text-base);line-height:var(--lh-copy)}
.access-card-grid .access-card-foot{margin-top:auto;font-weight:var(--weight-medium)}
.access-page .access-terminal{
height:auto;
max-width:100%;
margin-top:var(--space-5);
padding:0;
overflow:hidden;
border-radius:var(--r-md);
background:#1C2029;
color:#F4F5F7;
--muted:#A9B0BE;
--line:rgba(244,245,247,.16);
--price:#E3A878;
}
.access-terminal-label{
padding:var(--space-3) var(--space-4);
background:#EEF0F3;
color:#1C2029;
--muted:#4F5564;
--line:#E3E6EB;
--price:#A4511E;
font-size:var(--text-sm);
font-weight:var(--weight-bold);
}
.access-page .access-terminal pre{
position:relative;
width:100%;
max-width:100%;
margin:0;
padding:var(--space-4);
overflow-x:auto;
border-radius:0;
background:#1C2029;
color:#F4F5F7;
}
.access-terminal pre code{color:#F4F5F7;white-space:pre}
.access-terminal-notes{display:grid;gap:var(--space-3);margin-top:var(--space-4)}
.access-terminal-notes p,.access-dark-note{color:#A9B0BE}
.access-terminal-notes strong{color:#F4F5F7}
.access-dark-note{margin-top:var(--space-4);font-size:var(--text-sm)}
.access-windows-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:start;margin-top:var(--space-5)}
.access-page .access-windows-grid>.c-card{
height:auto;
gap:var(--space-2);
padding:var(--space-4);
background:#F4F5F7;
color:#1C2029;
--muted:#5B6170;
--line:#E3E6EB;
--price:#A4511E;
box-shadow:none;
}
.access-ip-table{display:table;width:100%;text-align:left}
.access-ip-table th,.access-ip-table td{text-align:left}
.access-page .access-sand .table-scroll{position:relative;max-width:100%;margin-top:var(--space-5);overflow-x:auto}
.access-page .access-section .c-notice{margin-top:var(--space-5)}
.access-page .access-section .c-notice svg{width:var(--icon);height:var(--icon)}
.access-page .access-section .c-notice p{font-size:var(--text-base)}
.access-text-link{color:#2538A6;text-decoration:underline;text-underline-offset:.2em}
.access-text-link:hover{color:#3047C7}
.access-section:has(+ .access-final){padding-bottom:0}
.access-final{padding-bottom:var(--space-close)}
.access-final .access-closing{margin-top:0}
.access-closing{
display:grid;
grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
gap:var(--space-6);
align-items:center;
margin-top:var(--space-9);
padding:var(--space-6);
border-radius:var(--r-md);
background:#1E2430;
color:#F4F5F7;
--muted:#A9B0BE;
--faint:#A9B0BE;
--line:rgba(244,245,247,.16);
--hair:rgba(244,245,247,.16);
--price:#E3A878;
}
.access-page .access-closing-copy h2{color:#F4F5F7;font-size:1.6rem;line-height:var(--lh-title)}
.access-closing-copy p{margin-top:var(--space-2);color:#A9B0BE}
.access-page .access-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--action-gap);
margin-top:0;
}
.access-closing .c-btn-secondary{background:#1E2430;color:#F4F5F7;border-color:color-mix(in srgb,currentColor 45%,transparent)}
.access-closing .c-btn-secondary:hover{background:#1C2029;color:#FFFFFF}
@media(max-width:64rem){
.access-closing{grid-template-columns:minmax(0,1fr);align-items:start}
.access-page .access-closing-actions{max-width:100%}
}
@media(max-width:42rem){
.access-page .access-hero{padding-bottom:var(--space-7)}
.access-section{padding-top:var(--space-7);padding-bottom:var(--space-7)}
.access-rows>.access-row{grid-template-columns:2.25rem minmax(0,1fr)}
.access-row>:nth-child(3){grid-column:2}
.access-windows-grid{grid-template-columns:minmax(0,1fr)}
.access-final{padding-bottom:var(--space-close)}
.access-closing{padding:var(--space-4)}
.access-page .access-actions>.c-btn{width:100%}
.access-terminal-label{line-height:1.6}
}