.hero h1{font-size:clamp(2.25rem,4.17vw,3.75rem)}
.home-secondary{
background:#FFFFFF;
color:#1C1D17;
border-color:color-mix(in srgb,#1C1D17 24%,transparent);
border-radius:var(--radius-pill);
}
.home-secondary:hover{
background:#F6F6F3;
color:#1C1D17;
box-shadow:var(--shadow-hover);
}
.home-art-note{
margin-top:var(--space-4);
font-size:var(--text-sm);
line-height:var(--leading-body);
color:#626357;
text-align:center;
}
.home-network{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-3);
width:100%;
min-width:0;
}
.home-network__item{
display:grid;
align-content:start;
justify-items:start;
gap:var(--field-gap);
min-width:0;
padding:var(--space-3) 0;
}
.home-network__item strong{
font-family:var(--mono);
font-size:var(--text-sm);
font-variant-numeric:tabular-nums;
overflow-wrap:break-word;
}
.home-network__item small{
font-size:var(--text-xs);
line-height:var(--leading-control);
color:#626357;
}
.home-network__dot{
display:block;
width:1.125rem;
height:1.125rem;
border:1.5px solid var(--control-line);
border-radius:var(--radius-pill);
background:#FFFFFF;
color:#1C1D17;
}
.home-network__item--included .home-network__dot{
background:#6A6B1E;
color:#FFFFFF;
border-color:#6A6B1E;
box-shadow:inset 0 0 0 4px #FFFFFF;
}
.logos{
padding:var(--space-8) 0 0;
}
.logos .wrap{
display:grid;
grid-template-columns:minmax(0,12.5rem) minmax(0,1fr);
align-items:center;
gap:var(--space-5);
}
.logos .lead{
font-size:var(--text-base);
font-weight:700;
line-height:var(--leading-control);
color:#1C1D17;
min-width:0;
}
.logos .lead span{
display:block;
margin-top:var(--field-gap);
font-weight:500;
color:#3E3F36;
}
.logos .lead svg{
display:block;
width:4rem;
height:1.375rem;
margin-top:var(--field-gap);
color:#6A6B1E;
}
.marks{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-2);
min-width:0;
}
.marks span{
display:inline-flex;
align-items:center;
justify-content:center;
max-width:100%;
padding:var(--space-3) var(--space-4);
background:#FFFFFF;
color:#3E3F36;
border-radius:var(--r-m);
font-size:var(--text-base);
line-height:var(--leading-control);
letter-spacing:-.02em;
overflow-wrap:break-word;
}
.m1,.m3,.m6{
font-weight:800;
}
.m2,.m4,.m7{
font-weight:600;
}
.m5{
font-family:var(--mono);
font-weight:700;
}
.logos .note{
width:min(calc(100% - var(--gutter)*2),var(--width-standard));
margin:var(--space-4) auto 0;
text-align:center;
font-size:var(--text-sm);
color:#626357;
}
section.block{
padding:var(--space-10) 0 0;
}
.home-head{
min-width:0;
}
.home-head .lede{
max-width:var(--width-read);
margin-inline:auto;
}
.h2{
font-size:clamp(1.75rem,3vw,var(--text-section));
line-height:var(--leading-title);
font-weight:800;
letter-spacing:-.025em;
margin:0;
color:inherit;
}
.lede{
font-size:var(--text-md);
color:inherit;
margin-top:var(--space-4);
line-height:var(--leading-copy);
}
.cards3{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
margin-top:var(--space-7);
align-items:start;
}
.card{
min-width:0;
display:flex;
flex-direction:column;
gap:var(--space-3);
height:auto;
background:#FFFFFF;
color:#1C1D17;
--muted:#626357;
--line:#E4E4DC;
border-radius:var(--r-l);
padding:var(--space-5);
box-shadow:var(--shadow-card);
transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease);
}
.card:hover{
transform:translateY(-3px);
box-shadow:var(--shadow-hover);
}
.card .kick{
align-self:flex-start;
}
.card h3{
font-size:var(--text-lg);
line-height:1.35;
font-weight:800;
letter-spacing:-.014em;
color:#1C1D17;
}
.card p{
color:#3E3F36;
font-size:var(--text-base);
line-height:var(--leading-body);
}
.row-cta{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:var(--space-3);
margin-top:var(--space-5);
}
.panel{
border-radius:var(--r-xl);
padding:var(--space-9) var(--space-5);
width:min(calc(100% - var(--gutter)*2),var(--width-standard));
margin-inline:auto;
}
.panel>.wrap{
width:100%;
max-width:none;
}
.p1{
background:#E8EEF3;
color:#22384A;
--muted:#4A6074;
--line:#D5DFE7;
--control-line:#748493;
}
.p2{
background:#EEE9F2;
color:#3D2E52;
--muted:#5E5172;
--line:#DED6E5;
--control-line:#8A7A9B;
}
.p3{
background:#E6F0EC;
color:#1F4237;
--muted:#3F6356;
--line:#D2E2DB;
--control-line:#738D81;
}
.p1 .h2,.p1 .label{
color:#22384A;
}
.p2 .h2,.p2 .label{
color:#3D2E52;
}
.p3 .h2{
color:#1F4237;
}
.split{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:var(--space-8);
align-items:start;
}
.split>*{
min-width:0;
}
.split .label{
font-size:var(--text-base);
line-height:var(--leading-body);
font-weight:700;
margin-bottom:var(--kicker-gap);
}
.arrows{
list-style:none;
margin:var(--space-4) 0 0;
padding:0;
display:grid;
gap:var(--space-3);
}
.arrows li{
display:grid;
grid-template-columns:1.375rem minmax(0,1fr);
gap:var(--space-2);
align-items:start;
font-size:var(--text-base);
line-height:var(--leading-body);
min-width:0;
overflow-wrap:break-word;
}
.arrows li:before{
content:"→";
font-family:var(--mono);
color:inherit;
line-height:var(--leading-body);
}
.home-copy{
margin-top:var(--space-4);
font-size:var(--text-base);
line-height:var(--leading-body);
color:inherit;
}
.home-actions{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
gap:var(--space-3);
margin-top:var(--space-5);
}
.plate{
background:#FFFFFF;
color:#1C1D17;
--muted:#626357;
--line:#E4E4DC;
--control-line:#898B7E;
border-radius:var(--r-l);
padding:var(--space-5);
box-shadow:var(--shadow-stage);
background-image:radial-gradient(circle at 1rem 1rem,#E4E4DC 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 1rem) 1rem,#E4E4DC 3px,transparent 3.5px),radial-gradient(circle at 1rem calc(100% - 1rem),#E4E4DC 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 1rem) calc(100% - 1rem),#E4E4DC 3px,transparent 3.5px);
min-width:0;
}
.plate-head{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:baseline;
gap:var(--space-2);
padding:0 var(--space-2) var(--space-4);
font-size:var(--text-xs);
line-height:var(--leading-body);
color:#626357;
}
.plate-head span{display:inline-flex;align-items:center;padding:.4em .8em;border-radius:var(--radius-pill);background:#FFFFFF;color:#1C1D17}
.plate-head b{
font-family:var(--sans);
font-size:var(--text-md);
line-height:var(--leading-control);
letter-spacing:-.02em;
color:#1C1D17;
font-weight:800;
}
.plate dl{
display:grid;
grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
background:#F6F6F3;
color:#1C1D17;
border-radius:var(--r-m);
overflow:hidden;
}
.plate dt,.plate dd{
padding:var(--space-3);
font-size:var(--text-sm);
line-height:var(--leading-body);
overflow-wrap:break-word;
min-width:0;
}
.plate dl>:nth-child(4n+3),.plate dl>:nth-child(4n+4){
background:#FFFFFF;
color:#1C1D17;
}
.plate dt{
font-weight:700;
color:#3E3F36;
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:var(--space-2);
}
.plate dt small{
font-family:var(--mono);
font-size:var(--text-xs);
line-height:var(--leading-control);
color:#626357;
font-weight:500;
}
.plate dd{
font-family:var(--mono);
color:#1C1D17;
font-weight:600;
font-variant-numeric:tabular-nums;
}
.plate-foot{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
gap:var(--space-2);
padding:var(--space-3) var(--space-2) 0;
font-family:var(--mono);
font-size:var(--text-xs);
line-height:var(--leading-body);
color:#626357;
}
.plate-foot span{
min-width:0;
padding:.4em .8em;
border-radius:var(--radius-pill);
background:var(--white);
color:#626357;
overflow-wrap:break-word;
}
.shot{
display:flex;
flex-direction:column;
gap:var(--space-4);
background:#FFFFFF;
color:#1C1D17;
--muted:#626357;
--line:#E4E4DC;
--control-line:#898B7E;
border-radius:var(--r-l);
padding:var(--space-4);
box-shadow:var(--shadow-card);
height:auto;
min-width:0;
}
.shot-in{
background:#F6F6F3;
color:#1C1D17;
--muted:#626357;
--line:#E4E4DC;
border-radius:var(--r-m);
padding:var(--space-4);
min-width:0;
}
.shot-title{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
gap:var(--field-gap);
font-size:var(--text-sm);
line-height:var(--leading-body);
font-weight:800;
margin-bottom:var(--space-3);
}
.shot-title span{
font-family:var(--mono);
font-size:var(--text-xs);
line-height:var(--leading-control);
color:#626357;
font-weight:500;
}
.bays{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:var(--space-2);
}
.bay{
min-width:0;
border-radius:var(--r-m);
padding:var(--space-3);
display:flex;
flex-direction:column;
gap:var(--field-gap);
font-size:var(--text-sm);
line-height:var(--leading-body);
}
.bay small{
font-family:var(--mono);
font-size:var(--text-xs);
line-height:var(--leading-control);
}
.bay b{
font-family:var(--mono);
font-size:var(--text-base);
line-height:var(--leading-body);
font-variant-numeric:tabular-nums;
}
.bay.on{
background:#E8EEF3;
color:#22384A;
border:1px solid #D5DFE7;
}
.bay.off{
background:#FFFFFF;
color:#626357;
border:1px dashed #898B7E;
}
.bay-note{
display:flex;
flex-wrap:wrap;
gap:var(--space-2);
margin-top:var(--space-3);
font-size:var(--text-sm);
line-height:var(--leading-body);
color:#3E3F36;
}
.bay-note span{
display:inline-flex;
align-items:center;
gap:.4em;
background:#FFFFFF;
color:#3E3F36;
border-radius:var(--radius-pill);
padding:.4em .9em;
line-height:1.4;
}
.iplist{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:var(--space-2);
}
.iplist li{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
gap:var(--space-2);
padding:var(--space-3);
background:#FFFFFF;
color:#1C1D17;
border-radius:var(--r-m);
align-items:center;
font-size:var(--text-sm);
line-height:var(--leading-body);
min-width:0;
}
.iplist li>*{
min-width:0;
overflow-wrap:break-word;
}
.iplist li.more{
background:#F6F6F3;
color:#626357;
border:1px dashed #E4E4DC;
}
.iplist code{
font-family:var(--mono);
font-size:var(--text-xs);
line-height:var(--leading-body);
font-weight:700;
color:#1C1D17;
}
.iplist .ok{
display:inline-flex;
align-items:center;
justify-content:center;
width:fit-content;
font-size:var(--text-xs);
line-height:1;
font-weight:700;
background:#E6F0EC;
color:#1F4237;
border-radius:var(--radius-pill);
padding:.4em .9em;
}
.caption{
font-size:var(--text-sm);
line-height:var(--leading-body);
color:#3E3F36;
}
.home-protocols{
display:flex;
flex-wrap:wrap;
gap:var(--space-2);
margin-bottom:var(--space-4);
}
.home-protocols span{
padding:var(--space-2) var(--space-3);
background:#FFFFFF;
color:#3E3F36;
border-radius:var(--r-m);
font-size:var(--text-sm);
font-weight:700;
}
.home-credentials{
display:grid;
gap:var(--space-3);
}
.home-credentials>div{
display:grid;
grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
gap:var(--space-3);
align-items:center;
min-width:0;
}
.home-credentials dt{
font-size:var(--text-sm);
font-weight:700;
color:#3E3F36;
min-width:0;
overflow-wrap:break-word;
}
.home-credentials dd{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:var(--field-gap);
padding:var(--space-3);
background:#FFFFFF;
color:#626357;
border-radius:var(--r-m);
font-size:var(--text-xs);
min-width:0;
overflow-wrap:break-word;
}
.home-placeholder{
display:block;
width:6rem;
max-width:100%;
height:var(--space-2);
background:#E4E4DC;
color:#1C1D17;
border-radius:var(--radius-pill);
}
.cred>.btn{
align-self:flex-start;
}
.plans{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
margin-top:var(--space-7);
align-items:stretch;
}
.plan{
min-width:0;
background:#FFFFFF;
color:#1C1D17;
--muted:#626357;
--line:#E4E4DC;
--control-line:#898B7E;
border-radius:var(--r-l);
padding:var(--space-5);
box-shadow:var(--shadow-card);
display:flex;
flex-direction:column;
gap:var(--space-4);
height:100%;
align-items:stretch;
}
.plan-top{
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
gap:var(--space-3);
}
.plan-top>div{
min-width:0;
}
.plan .sku{
font-family:var(--mono);
font-size:var(--text-xs);
line-height:var(--leading-body);
color:#626357;
}
.plan h3{
font-size:var(--text-lg);
line-height:1.35;
font-weight:800;
margin-top:var(--field-gap);
letter-spacing:-.014em;
color:#1C1D17;
}
.plan .amt{
display:flex;
flex-direction:column;
gap:var(--field-gap);
text-align:right;
}
.plan .amt b{
font-size:2.25rem;
line-height:var(--leading-title);
letter-spacing:-.025em;
}
.plan .amt span{
font-size:var(--text-sm);
line-height:var(--leading-body);
color:#626357;
}
.plan dl{
display:grid;
grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);
width:100%;
background:#F6F6F3;
color:#1C1D17;
border-radius:var(--r-m);
padding:var(--space-2) 0;
}
.plan dt,.plan dd{
padding:var(--space-2) var(--space-4);
font-size:var(--text-sm);
line-height:var(--leading-body);
overflow-wrap:break-word;
min-width:0;
}
.plan dt{
color:#626357;
font-weight:600;
}
.plan dd{
font-family:var(--mono);
font-weight:600;
color:#1C1D17;
}
.plan .fit{
font-size:var(--text-sm);
line-height:var(--leading-body);
color:#3E3F36;
}
.plan-foot{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
gap:var(--space-3);
margin-top:auto;
}
.plan-foot>span{
font-size:var(--text-sm);
color:#626357;
}
.home-model-note{
margin-top:var(--space-4);
font-size:var(--text-base);
line-height:var(--leading-body);
color:#3E3F36;
}
.who{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:var(--space-3);
margin-top:var(--space-7);
align-items:stretch;
}
.who a{
min-width:0;
border-radius:var(--r-l);
padding:var(--space-4);
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease);
}
.who a:hover{
transform:translateY(-3px);
box-shadow:var(--shadow-hover);
}
.who h3{
font-size:var(--text-md);
line-height:1.4;
font-weight:800;
color:inherit;
}
.who p{
font-size:var(--text-sm);
line-height:var(--leading-body);
}
.who .go{
margin-top:auto;
font-size:var(--text-sm);
line-height:var(--leading-body);
font-weight:700;
overflow-wrap:break-word;
}
.w1{
background:#E8EEF3;
color:#22384A;
--muted:#4A6074;
--line:#D5DFE7;
}
.w2{
background:#EEE9F2;
color:#3D2E52;
--muted:#5E5172;
--line:#DED6E5;
}
.w3{
background:#E6F0EC;
color:#1F4237;
--muted:#3F6356;
--line:#D2E2DB;
}
.w4{
background:#F3E9E4;
color:#5A3324;
--muted:#6A4738;
--line:#E8D9D0;
}
.faq{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
margin-top:var(--space-7);
align-items:stretch;
}
.faq>div{
display:flex;
flex-direction:column;
gap:var(--field-gap);
min-width:0;
background:#FFFFFF;
color:#1C1D17;
--muted:#626357;
--line:#E4E4DC;
border-radius:var(--r-l);
padding:var(--space-4);
}
.faq h3{
font-size:var(--text-md);
line-height:var(--leading-control);
font-weight:800;
color:#1C1D17;
}
.faq p{
font-size:var(--text-sm);
line-height:var(--leading-body);
color:#3E3F36;
}
.home-check-note{
margin-top:var(--space-4);
color:#1F4237;
font-size:var(--text-base);
line-height:var(--leading-body);
}
.home-blog__grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
gap:var(--space-4);
align-items:stretch;
}
.home-blog__grid:has(.home-blog__card:not([hidden])){
margin-top:var(--space-7);
}
.home-blog__card{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-5);
background:#FFFFFF;
color:#1C1D17;
--muted:#626357;
--line:#E4E4DC;
border-radius:var(--r-l);
box-shadow:var(--shadow-card);
transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease);
}
.home-blog__card:hover{
transform:translateY(-3px);
box-shadow:var(--shadow-hover);
}
.home-blog__card .pill{
display:inline-flex;
align-items:center;
gap:.4em;
width:fit-content;
max-width:100%;
padding:.4em .9em;
line-height:1;
background:#E8EEF3;
color:#22384A;
border-radius:var(--radius-pill);
font-size:var(--text-xs);
}
.home-blog__card h3{
font-size:var(--text-lg);
line-height:1.35;
}
.home-blog__card p{
font-size:var(--text-sm);
line-height:var(--leading-body);
color:#3E3F36;
}
.home-blog__empty{
margin-top:var(--space-5);
padding:var(--space-4);
background:#FFFFFF;
color:#3E3F36;
border-radius:var(--r-l);
text-align:center;
}
.home-blog__empty a{
color:#1C1D17;
font-weight:700;
text-decoration:underline;
text-underline-offset:.2em;
}
.home-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(12rem,.34fr);
align-items:center;
gap:var(--space-8);
padding:var(--space-8) var(--space-6);
background:#1C1D17;
color:#F6F6F3;
--muted:#C4C5B8;
--line:color-mix(in srgb,#F6F6F3 18%,transparent);
--control-line:#898B7E;
border-radius:var(--r-xl);
}
.home-closing>*{
min-width:0;
}
.home-closing__copy{
display:flex;
flex-direction:column;
gap:var(--space-3);
}
.home-closing__kicker{
width:fit-content;
font-size:var(--text-sm);
font-weight:700;
line-height:var(--leading-control);
color:#C4C5B8;
}
.home-closing h2{
font-size:clamp(1.75rem,3vw,var(--text-section));
line-height:var(--leading-title);
color:#F6F6F3;
}
.home-closing__price{
display:inline-block;
font-family:var(--mono);
font-variant-numeric:tabular-nums;
color:#E8EEF3;
}
.home-closing__copy>p{
color:#C4C5B8;
}
.home-closing__copy .home-closing__note{
font-family:var(--mono);
font-size:var(--text-sm);
color:#C4C5B8;
}
.home-closing__actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
}
.home-closing__secondary{
background:#1C1D17;
color:#F6F6F3;
border-color:color-mix(in srgb,#F6F6F3 40%,transparent);
}
.home-closing__secondary:hover{
background:#3E3F36;
color:#FFFFFF;
}
.home-blog [hidden]{
display:none!important;
}
@media(max-width:80rem){
.split{
gap:var(--space-6);
}
.who{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.plan .amt{
text-align:left;
}
}
@media(max-width:64rem){
.logos .wrap{
grid-template-columns:minmax(0,1fr);
}
.cards3{
grid-template-columns:minmax(0,1fr);
}
.split{
grid-template-columns:minmax(0,1fr);
}
.split>.shot{
order:1;
}
.split>.shot+div{
order:0;
}
.plans{
grid-template-columns:minmax(0,1fr);
}
.home-closing{
gap:var(--space-5);
}
}
@media(max-width:42rem){
.panel{
padding:var(--space-8) var(--space-4);
}
.split{
gap:var(--space-5);
}
.card,.plan,.plate,.home-blog__card{
padding:var(--space-4);
}
.plate dl{
grid-template-columns:minmax(0,1fr);
}
.plate dt{
padding-bottom:var(--space-1);
}
.plate dd{
padding-top:var(--space-1);
}
.plate dl>:nth-child(n){
background:#F6F6F3;
color:#1C1D17;
}
.plate dl>:nth-child(4n+3),.plate dl>:nth-child(4n+4){
background:#FFFFFF;
color:#1C1D17;
}
.who,.faq{
grid-template-columns:minmax(0,1fr);
}
.shot,.shot-in{
padding:var(--space-4);
}
.bays{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.iplist li{
grid-template-columns:minmax(0,1fr);
gap:var(--field-gap);
}
.home-credentials>div{
grid-template-columns:minmax(0,1fr);
gap:var(--field-gap);
}
.plan dl{
grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
}
.plan dt,.plan dd{
padding-inline:var(--space-3);
}
.home-network{
gap:var(--space-2);
}
.home-network__item strong{
font-size:var(--text-xs);
}
.home-closing{
grid-template-columns:minmax(0,1fr);
padding:var(--space-6) var(--space-4);
}
.home-closing__actions{
align-items:stretch;
}
}
@media(prefers-reduced-motion:reduce){
.card,.who a,.home-blog__card{
transition:none;
}
.card:hover,.who a:hover,.home-blog__card:hover{
transform:none;
}
}