.use-page{
font-variant-numeric:tabular-nums;
}
.use-hero[data-hero-form="gradient-motion"] .use-hero-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:var(--space-5);
align-items:start;
}
.use-hero-grid>*,
.use-card-grid>*,
.use-price-grid>*{
min-width:0;
}
.use-hero-copy{
min-width:0;
overflow-wrap:break-word;
}
.use-hero-copy h1{
font-size:clamp(2rem,3.1vw,3.2rem);
line-height:var(--leading-title);
}
.use-hero-lead{
margin-top:var(--space-3);
}
.use-hero-note{
margin-top:var(--space-3);
margin-bottom:var(--space-3);
font-size:var(--text-sm);
color:#F3F5F6;
}
.use-handoff{
height:auto;
min-width:0;
border-radius:var(--r-m);
overflow:hidden;
background:#F1EEE7;
color:#22262A;
--mute-l:#555B60;
--hair-l:rgba(34,38,42,.14);
}
.use-handoff-head{
display:grid;
gap:var(--space-1);
padding:var(--space-3);
background:#ECEAF1;
color:#22262A;
}
.use-handoff-head>.mono{
font-size:var(--text-xs);
letter-spacing:.08em;
}
.use-handoff-head p{
color:#22262A;
font-family:var(--f-head);
font-weight:800;
font-size:var(--text-card);
line-height:1.35;
}
.use-handoff-list{
list-style:none;
margin:0;
padding-inline:var(--space-3);
}
.use-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
}
.use-row>*{
min-width:0;
overflow-wrap:break-word;
}
.use-handoff-list>.use-row{
padding-block:var(--space-3);
border-bottom:1px solid rgba(34,38,42,.14);
}
.use-handoff-list>.use-row:last-child{
border-bottom:0;
}
.use-handoff-list>.use-row{
grid-template-columns:2.5rem minmax(0,1fr);
gap:var(--space-1) var(--space-2);
}
.use-handoff-list>.use-row>:nth-child(3){
grid-column:2;
}
.use-step-number{
color:#2E6F8E;
font-size:var(--text-sm);
line-height:var(--leading-body);
}
.use-handoff-list p{
font-size:var(--text-sm);
color:#555B60;
}
.use-handoff-foot{
display:grid;
gap:var(--space-1);
padding:var(--space-3);
background:#2C3136;
color:#F3F5F6;
}
.use-handoff-foot strong{
font-size:var(--text-sm);
}
.use-handoff-foot p{
font-size:var(--text-sm);
color:#F3F5F6;
}
.use-section-head{
margin-bottom:var(--space-4);
}
.use-section-head>p{
max-width:52rem;
margin-top:var(--space-3);
}
.use-card-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
gap:var(--space-3);
}
.use-workflow-card{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
border-radius:var(--r-m);
overflow-wrap:break-word;
}
.use-card-paper{
background:#FFFFFF;
color:#22262A;
--mute-l:#555B60;
--hair-l:rgba(34,38,42,.14);
}
.use-card-sand{
background:#F1EEE7;
color:#22262A;
--mute-l:#555B60;
--hair-l:rgba(34,38,42,.14);
}
.use-card-lilac{
background:#ECEAF1;
color:#22262A;
--mute-l:#555B60;
--hair-l:rgba(34,38,42,.14);
}
.use-card-mark{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:var(--space-1);
font-size:var(--text-sm);
font-weight:700;
}
.use-card-mark svg{
width:24px;
height:24px;
color:#2E6F8E;
}
.use-workflow-card h3{
font-size:var(--text-card);
line-height:1.35;
}
.use-workflow-card>p,
.use-card-steps li,
.use-card-boundary p{
font-size:var(--text-base);
color:#555B60;
}
.use-card-steps{
display:grid;
gap:var(--space-1);
padding-inline-start:var(--space-3);
}
.use-card-steps strong{
color:#22262A;
}
.use-card-boundary{
display:grid;
gap:var(--space-1);
padding-top:var(--space-3);
border-top:1px solid rgba(34,38,42,.14);
}
.use-card-boundary>strong{
font-size:var(--text-sm);
}
.use-card-foot{
margin-top:auto;
}
.use-pill{
display:inline-flex;
align-items:center;
justify-content:center;
gap:.4em;
width:fit-content;
max-width:100%;
padding:.4em .9em;
line-height:1;
border-radius:var(--r-p);
background:#2C3136;
color:#F3F5F6;
font-size:var(--text-xs);
}
.use-fit-section{
background:#FBFBFA;
color:#22262A;
--mute-l:#555B60;
--hair-l:rgba(34,38,42,.14);
}
.use-fit-section .use-section-head>p{
color:#555B60;
}
.use-checklist{
list-style:none;
margin:0;
padding:0;
}
.use-checklist>.use-row{
padding-block:var(--space-3);
border-top:1px solid rgba(34,38,42,.14);
}
.use-checklist p{
color:#555B60;
}
.use-advisor{
padding:var(--space-3);
border-radius:var(--r-m);
background:#F1EEE7;
color:#22262A;
--mute-l:#555B60;
--hair-l:rgba(34,38,42,.14);
}
.use-advisor .table-scroll{
position:relative;
overflow-x:auto;
}
.use-advisor table{
display:table;
width:100%;
min-width:52rem;
}
.use-advisor th,
.use-advisor td{
text-align:left;
}
.use-price-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
align-items:stretch;
margin-top:var(--space-3);
}
.use-price-summary,
.use-storage-summary{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
border-radius:var(--r-m);
}
.use-price-summary{
background:#2C3136;
color:#F3F5F6;
--mute-d:#A3ACB2;
--hair-d:rgba(243,245,246,.12);
}
.use-storage-summary{
background:#ECEAF1;
color:#22262A;
--mute-l:#555B60;
--hair-l:rgba(34,38,42,.14);
}
.use-storage-summary p{
color:#555B60;
}
.use-storage-summary>.c-actions{
margin-top:auto;
}
.use-periods{
grid-template-columns:repeat(2,minmax(0,1fr));
margin-top:auto;
}
.use-periods>div{
display:grid;
gap:var(--space-1);
min-width:0;
}
.use-periods dd{
font-size:var(--text-card);
overflow-wrap:break-word;
}
.use-decision-note{
display:grid;
gap:var(--space-2);
margin-top:var(--space-4);
}
.use-decision-note p{
max-width:60rem;
color:#F3F5F6;
}
.use-close-section{
padding-bottom:var(--space-close);
}
.use-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,20rem);
align-items:center;
gap:var(--space-4);
padding:var(--space-5);
border-radius:var(--r-m);
background:#2C3136;
color:#F3F5F6;
--mute-d:#A3ACB2;
--hair-d:rgba(243,245,246,.12);
}
.use-closing .use-closing-copy{
min-width:0;
text-align:left;
}
.use-closing-copy h2{
font-size:var(--text-section);
line-height:var(--leading-title);
}
.use-closing-copy p{
margin-top:var(--space-2);
font-size:var(--text-base);
color:#F3F5F6;
}
.use-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-2);
min-width:0;
}
@media(max-width:64rem){
.use-hero[data-hero-form="gradient-motion"] .use-hero-grid{
grid-template-columns:minmax(0,1fr);
gap:var(--space-4);
}
.use-handoff{
width:100%;
}
.use-workflow-card,
.use-price-summary,
.use-storage-summary{
padding:var(--space-3);
}
.use-closing{
grid-template-columns:minmax(0,1fr);
padding:var(--space-4);
}
.use-closing-actions{
align-items:flex-start;
}
}
@media(max-width:42rem){
.use-card-grid,
.use-price-grid{
grid-template-columns:minmax(0,1fr);
}
.use-row{
grid-template-columns:2.25rem minmax(0,1fr);
}
.use-row>:nth-child(3){
grid-column:2;
}
.use-advisor{
padding:var(--space-3);
}
.use-closing{
padding:var(--space-3);
}
.use-closing-actions{
align-items:stretch;
}
.use-periods>div{
padding:var(--space-2);
}
}