.page-main{width:min(46rem,100% - 2.5rem);margin-inline:auto;padding-block:clamp(2rem,6vw,4rem) 5rem}.page-main.wide{width:min(76rem,100% - 2.5rem)}.page-title{letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(2rem,1.2rem + 2.6vw,3rem);font-weight:700;line-height:1.08}.page-lede{max-width:56ch;color:var(--ink-2);margin:0 0 2rem;font-size:1.1rem}.capy{width:6.5rem;height:auto;margin-bottom:1.25rem;display:block}.page-main h2{letter-spacing:-.02em;margin:2.75rem 0 .75rem;font-size:1.45rem;font-weight:700}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{border-top:1px solid var(--line);counter-increment:step;grid-template-columns:2.25rem minmax(0,1fr);gap:1rem;padding-block:1.1rem;display:grid}.steps li:last-child{border-bottom:1px solid var(--line)}.steps li:before{content:counter(step);border:1.5px solid var(--ink);background:var(--card);border-radius:.4rem;place-items:center;width:2.25rem;height:2.25rem;font-weight:700;display:grid}.steps h3{margin:0;font-size:1.05rem;font-weight:700}.steps p{color:var(--ink-2);margin:.2rem 0 0}.page-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.5rem;display:flex}.callout{border:1.5px solid var(--ink);background:var(--card);box-shadow:4px 4px 0 var(--klippi);border-radius:.5rem;margin:1.5rem 0 0;padding:1rem 1.25rem}.pricing-faq{margin-top:1rem}.how-list{max-width:62ch;margin:0;padding-left:1.25rem}.how-list li{margin-block:.4rem}.page-body{width:min(60rem,100% - 2.5rem);margin-inline:auto;padding-block:2rem 5rem}.auth-card{border:1.5px solid var(--ink);background:var(--card);max-width:28rem;box-shadow:5px 5px 0 var(--ink);border-radius:.5rem;margin:2rem auto 0;padding:2rem}.auth-card h1{letter-spacing:-.025em;margin:0 0 .75rem;font-size:1.85rem;font-weight:700;line-height:1.1}.auth-card p{color:var(--ink-2);margin:0 0 1.5rem;line-height:1.6}.auth-icon{width:2rem;height:2rem;color:var(--klippi-deep);margin-bottom:1rem}.auth-form{gap:.6rem;display:grid}.auth-form input,.auth-form button{height:3rem}.form-error{color:var(--destructive);margin:.9rem 0 0;font-size:.85rem}.account-stack{gap:1rem;display:grid}.account-card{border:1px solid var(--ink);background:var(--card);border-radius:.5rem;padding:1.75rem}.account-card h1{letter-spacing:-.025em;overflow-wrap:anywhere;margin:.35rem 0;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;line-height:1.1}.account-card h2{letter-spacing:-.02em;margin:.35rem 0 .6rem;font-size:1.6rem;font-weight:700;line-height:1.15}.account-card .plans{margin-top:1rem}.account-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.eyebrow{color:var(--ink-2);font-size:.85rem;font-weight:600}.small{font-size:.8rem}.warn{color:var(--destructive);margin:.25rem 0;font-weight:600}.notice{border:1px solid var(--ink);background:color-mix(in oklab, var(--klippi) 30%, var(--card));border-radius:.5rem;margin:0;padding:1rem 1.25rem}.usage{gap:.4rem;margin-top:1.25rem;display:grid}.usage p{margin:0}.meter{gap:.35rem;display:grid;position:relative}.meter:before{content:"";background:var(--secondary);border-radius:999px;height:.5rem}.meter i{background:var(--klippi);height:.5rem;box-shadow:inset 0 0 0 1px var(--ink);border-radius:999px;position:absolute;top:0;left:0}.meter small{color:var(--ink-2)}.account-actions{justify-items:start;gap:.35rem;margin-top:1.5rem;display:grid}.account-card.danger{border-color:var(--destructive)}.danger-form{gap:.6rem;max-width:30rem;margin-top:1rem;display:grid}.danger-form label{overflow-wrap:anywhere;font-size:.85rem}@media (width<=760px){.auth-card,.account-card{padding:1.35rem}}
