.page:has(.gov-hero){
max-width:1120px;
}
.gov-section{
text-align:left;
}
.gov-hero,
.gov-head,
.gov-stats{
text-align:center;
}
.gov-hero-text{
max-width:900px;
margin:0 auto;
}
.gov-head .gov-intro{
margin-left:auto;
margin-right:auto;
}
.page>.gov-stats{
margin-top:var(--gp3);
}
.page>.gov-section{
margin-top:var(--gp4);
}
.gov-hero{
display:grid;
gap:40px;
}
.gov-hero-text>*+*{
margin-top:var(--gp2);
}
.gov-hero h1,
.gov-hero .lead{
text-align:center;
}
.gov-name,
.gov-kicker{
display:block;
font-family:var(--ff1);
font-size:18px;
font-weight:800;
letter-spacing:.08em;
line-height:1.3;
text-transform:uppercase;
color:var(--cl1);
}
.gov-name{
margin-bottom:12px;
}
.gov-actions{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:12px;
}
.gov-actions .plan-action{
font-size:18px;
}
.gov-actions .plan-action.is-quiet{
background:var(--bg4);
color:var(--tx1);
}
.gov-actions .plan-action.is-quiet:hover{
background:var(--bg5);
}
.gov-status{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:8px 12px;
color:var(--tx2);
font-size:18px;
}
.gov-sample{
width:100%;
max-width:760px;
margin:0 auto;
text-align:left;
padding:28px;
background:var(--bg2);
font-size:18px;
}
.gov-sample figcaption{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:8px 12px;
margin-bottom:20px;
color:var(--tx2);
font-size:16px;
font-weight:700;
}
.gov-chip,
.gov-tag,
.gov-soon{
display:inline-block;
padding:4px 12px;
border-radius:var(--br9);
background:var(--bg4);
color:var(--tx1);
font-size:16px;
font-weight:700;
line-height:1.3;
white-space:nowrap;
}
.gov-turn+.gov-turn{
margin-top:16px;
}
.gov-who{
color:var(--tx2);
font-size:16px;
font-weight:700;
}
.gov-sample mark{
padding:0 4px;
background:var(--hl1);
color:var(--hl2);
}
.gov-edit,
.gov-flag,
.gov-sample-note{
margin-top:4px;
color:var(--tx2);
font-size:16px;
}
.gov-flag::before{
content:"";
display:inline-block;
width:10px;
height:10px;
margin-right:8px;
border-radius:50%;
background:var(--cl1);
}
.gov-sample-note{
margin-top:20px;
}
.gov-stats{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:32px 24px;
margin-bottom:0;
padding:0;
list-style:none;
color:var(--tx2);
font-size:18px;
line-height:1.4;
}
.gov-stats strong{
display:block;
margin-bottom:6px;
font-family:var(--ff2);
font-size:48px;
font-weight:800;
letter-spacing:var(--ls1);
line-height:1;
color:var(--tx1);
}
.gov-section>*+*{
margin-top:40px;
}
.gov-head>*+*{
margin-top:16px;
}
.gov-head h2{
font-size:36px;
}
.gov-intro{
max-width:760px;
color:var(--tx2);
font-size:18px;
}
.gov-period{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:8px;
}
.gov-period button{
padding:10px 20px;
border-radius:var(--br9);
background:var(--bg2);
color:var(--tx1);
font-size:18px;
font-weight:700;
}
.gov-period button[aria-pressed=false]:hover{
background:var(--bg5);
}
.gov-period button[aria-pressed=true]{
background:var(--cl2);
color:var(--tx4);
}
.gov-section>.gov-plans{
margin-top:24px;
}
.gov-plans{
display:grid;
gap:24px;
margin-bottom:0;
padding:0;
list-style:none;
}
.gov-plan{
display:flex;
flex-direction:column;
padding:32px;
background:var(--bg2);
}
.gov-plan.is-featured{
background:var(--bg4);
}
.gov-plan.is-featured .gov-soon{
background:var(--bg1);
}
.gov-plan>*+*{
margin-top:12px;
}
.gov-plan h3{
margin:0;
font-size:24px;
line-height:1.3;
}
.gov-fit,
.gov-per,
.gov-save{
color:var(--tx2);
font-size:18px;
}
.gov-save{
font-weight:700;
}
.gov-price{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:4px 10px;
}
.gov-plan .gov-price{
margin-top:20px;
}
.gov-amount{
font-family:var(--ff2);
font-size:64px;
font-weight:800;
letter-spacing:var(--ls1);
line-height:1;
}
.gov-facts,
.gov-planned{
display:grid;
align-content:start;
gap:10px;
margin-bottom:0;
padding-left:0;
list-style:none;
font-size:18px;
}
.gov-plan .gov-facts{
flex:1;
margin-top:24px;
}
.gov-facts li,
.gov-planned li{
position:relative;
padding-left:28px;
color:var(--tx2);
}
.gov-facts strong{
color:var(--tx1);
}
.gov-facts li::before,
.gov-planned li::before{
content:"";
pointer-events:none;
position:absolute;
left:2px;
top:.45em;
width:12px;
height:12px;
border-radius:50%;
background:var(--cl4);
}
.gov-planned li::before{
background:none;
box-shadow:inset 0 0 0 2px var(--tx2);
}
.gov-facts .gov-soon{
margin-left:6px;
padding:2px 10px;
}
.gov-plan .plan-action{
align-self:flex-start;
margin-top:28px;
font-size:18px;
}
.gov-section>.gov-more{
margin-top:24px;
}
.gov-more{
color:var(--tx2);
font-size:18px;
}
.gov-link{
padding:0;
background:none;
color:var(--cl1);
font-weight:700;
}
.gov-link:hover{
text-decoration:underline;
text-decoration-color:var(--cl1);
text-decoration-thickness:2px;
text-underline-offset:3px;
}
.gov-points,
.gov-flow,
.gov-demo ul{
display:grid;
gap:32px 48px;
margin-bottom:0;
padding:0;
list-style:none;
}
.gov-section>.gov-points{
margin-top:var(--gp3);
}
.gov-points h3,
.gov-flow h3,
.gov-demo h3,
.gov-split h3{
margin:0;
font-size:22px;
line-height:1.3;
}
.gov-points p,
.gov-flow p,
.gov-demo p,
.gov-split p{
margin-top:8px;
color:var(--tx2);
font-size:18px;
}
.gov-fine{
max-width:860px;
color:var(--tx2);
font-size:16px;
}
.gov-secure-top{
display:grid;
gap:32px;
}
.gov-secure-status{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px 12px;
font-size:18px;
font-weight:700;
}
.gov-secure-price{
display:grid;
align-content:start;
justify-items:start;
gap:16px;
padding:32px;
background:var(--bg2);
color:var(--tx2);
font-size:18px;
}
.gov-secure-price .gov-amount{
color:var(--tx1);
font-size:48px;
}
.gov-secure-price .plan-action{
font-size:18px;
}
.gov-section>.gov-flow{
margin-top:var(--gp3);
}
.gov-flow{
counter-reset:flow;
}
.gov-flow li{
counter-increment:flow;
}
.gov-flow li::before{
content:"0" counter(flow);
display:block;
margin-bottom:8px;
font-family:var(--ff2);
font-size:44px;
font-weight:800;
line-height:1;
color:var(--cl1);
}
.gov-section>.gov-demo,
.gov-section>.gov-split{
margin-top:var(--gp3);
}
.gov-demo ul{
gap:16px 48px;
margin-top:24px;
color:var(--tx2);
font-size:18px;
}
.gov-demo strong{
display:block;
color:var(--tx1);
}
.gov-split{
display:grid;
gap:40px 72px;
}
.gov-split h3+*{
margin-top:16px;
}
.gov-split p+p{
margin-top:16px;
}
.gov-request{
display:grid;
gap:40px;
}
.gov-section.gov-request>*+*{
margin-top:0;
}
.gov-head a{
color:var(--cl1);
font-weight:600;
}
.gov-form,
.gov-confirm{
display:grid;
gap:16px;
padding:32px;
background:var(--bg2);
}
.gov-form label{
display:grid;
gap:6px;
font-size:18px;
font-weight:700;
}
.gov-optional{
color:var(--tx2);
font-weight:var(--fw2);
}
.gov-form :is(input,select,textarea){
width:100%;
min-width:0;
margin:0;
padding:14px 18px;
border:0;
border-radius:var(--br1);
background:var(--bg1);
color:var(--tx1);
font:inherit;
font-size:18px;
font-weight:var(--fw2);
line-height:1.6;
-webkit-appearance:none;
appearance:none;
}
.gov-form select{
padding-right:48px;
background:var(--bg1) var(--ar1) right 18px center/14px no-repeat;
}
.gov-form .plan-action,
.gov-confirm .plan-action{
justify-self:start;
font-size:18px;
}
.gov-trap{
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip-path:inset(50%);
white-space:nowrap;
}
.gov-confirm-text,
.gov-form-status,
.gov-confirm-status{
font-size:18px;
}
.gov-form-status,
.gov-confirm-status{
font-weight:700;
}
.gov-form-status:empty,
.gov-confirm-status:empty{
display:none;
}
.gov-form-status.is-error,
.gov-confirm-status.is-error{
color:var(--cl5);
}
@media (min-width:700px){
.gov-plans,
.gov-demo ul,
.gov-flow{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (min-width:960px){
.gov-hero{
gap:48px;
}
.gov-head h2{
font-size:44px;
}
.gov-stats{
grid-template-columns:repeat(4,minmax(0,1fr));
}
.gov-stats strong{
font-size:56px;
}
.gov-points,
.gov-demo ul{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.gov-flow{
grid-template-columns:repeat(4,minmax(0,1fr));
}
.gov-secure-top,
.gov-split,
.gov-request{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:start;
gap:72px;
}
.gov-secure-top{
grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
align-items:end;
}
.gov-secure-top .gov-head,
.gov-request .gov-head{
text-align:left;
}
.gov-request .gov-head{
grid-row:1/span 2;
}
.gov-request>:not(.gov-head){
grid-column:2;
}
}
@media (min-width:1200px){
.gov-hero h1{
font-size:76px;
}
.gov-stats strong{
font-size:64px;
}
.gov-demo ul{
grid-template-columns:repeat(4,minmax(0,1fr));
}
}
@media (max-width:560px){
.gov-name,
.gov-kicker{
font-size:16px;
}
.gov-sample,
.gov-form,
.gov-confirm,
.gov-plan,
.gov-secure-price{
padding:20px;
}
.gov-amount{
font-size:52px;
}
.gov-stats{
gap:32px 16px;
}
.gov-stats strong{
font-size:40px;
}
.gov-period button{
padding:10px 16px;
}
}