/* palettes.in: about, contact, pricing, auth and legal pages */
.num{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.num div{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);padding:20px;border-top:6px solid var(--c)}
.num b{display:block;font:800 clamp(34px,4.5vw,52px)/1 var(--hd);letter-spacing:-.04em}.num span{color:var(--mut);font-size:14px}
.bels{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.bel{text-align:left;background:var(--sf);border:1px solid var(--bd);border-radius:28px;padding:16px 16px 24px;transition:transform .2s,border-color .2s}
.bel:hover{transform:translateY(-4px);border-color:var(--ink)}.bel .strip{margin-bottom:18px}.bel h3{font-size:24px;margin:0 6px 8px}.bel p{color:var(--mut);margin:0 6px}
.ind{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.ind button{border:0;border-radius:20px;height:140px;padding:14px;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;font:700 18px var(--hd);transition:transform .2s}
.ind button:hover{transform:translateY(-4px) rotate(-1deg)}.ind small{font:600 12px var(--bd2);opacity:.8}
.cta{background:var(--ink);color:var(--bg);border-radius:36px;padding:64px 28px;text-align:center;position:relative;overflow:hidden}
.cta h2{font-size:clamp(34px,5.5vw,64px);max-width:14ch;margin:0 auto 24px}.cta .btn{background:var(--bg);color:var(--ink);border-color:var(--bg)}.cta .btn.o{background:transparent;color:var(--bg);border-color:#666}
.cta .band{display:flex;height:10px;position:absolute;left:0;right:0;bottom:0}.cta .band i{flex:1}
.steps{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.st{border-top:3px solid var(--ink);padding-top:18px}.st h3{font-size:25px;margin:8px 0}.st p{color:var(--mut)}.st .n{font:800 15px var(--hd);color:var(--mut)}
.ct{display:grid;gap:22px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}@media(max-width:860px){.ct{grid-template-columns:minmax(0,1fr)}}
.side{display:grid;gap:18px}.side .panel{padding:22px}.side h3{font-size:21px}
.fx{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:18px}@media(max-width:560px){.fx{grid-template-columns:minmax(0,1fr)}}
.chk{display:flex;gap:10px;align-items:center;margin-top:14px;font-size:15px;color:var(--mut)}.chk input{width:18px;height:18px;accent-color:var(--ink)}
.plans{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.pl{background:var(--sf);border:1px solid var(--bd);border-radius:28px;padding:32px;display:flex;flex-direction:column;transition:box-shadow .3s}
.pl.pro{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pl.pro li::before{background:var(--bg)!important}.pl.pro .btn{background:var(--bg);color:var(--ink);border-color:var(--bg)}
.pl.hi{box-shadow:0 0 0 4px var(--a),var(--sh)}
.pl h3{font-size:24px}.pr{font:800 48px var(--hd);letter-spacing:-.04em;margin:10px 0 2px}.pr small{font:500 15px var(--bd2);opacity:.65;letter-spacing:0}
.pl ul{list-style:none;padding:0;margin:20px 0 28px;flex:1}.pl li{padding:6px 0 6px 22px;position:relative;font-size:15px}.pl li::before{content:"";position:absolute;left:0;top:14px;width:10px;height:10px;border-radius:3px;background:var(--ink)}
.cmp td,.cmp th{white-space:nowrap}.cmp tbody th{font:600 15px var(--bd2)}
.au{display:grid;gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;min-height:560px}@media(max-width:860px){.au{grid-template-columns:minmax(0,1fr)}.ap{min-height:200px}}
.ap{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--sh)}.aps{position:absolute;inset:0;display:flex}.aps i{flex:1;transition:background .9s}
.apc{position:absolute;left:0;right:0;bottom:0;padding:28px;background:linear-gradient(transparent,rgba(0,0,0,.55));color:#fff}.apc b{display:block;font:800 clamp(28px,4vw,44px)/1.05 var(--hd);letter-spacing:-.03em}.apc span{opacity:.9}
.au .panel{display:flex;flex-direction:column;justify-content:center;padding:36px}.fs{display:grid;gap:16px;margin-top:20px}
.pw{display:flex;gap:8px}.meter{display:flex;gap:6px;margin:10px 0 6px}.meter i{flex:1;height:8px;border-radius:99px;background:var(--bd);transition:background .3s}
.lg{display:grid;gap:44px;grid-template-columns:200px minmax(0,1fr);align-items:start}@media(max-width:860px){.lg{grid-template-columns:minmax(0,1fr)}.toc{display:none}}
.toc{position:sticky;top:92px;display:flex;flex-direction:column;gap:2px;font-size:14px}.toc a{padding:6px 12px;border-left:3px solid var(--bd);color:var(--mut)}.toc a:hover{color:var(--ink);border-color:var(--ink)}
.sum{background:var(--sf);border:1px solid var(--bd);border-left:6px solid var(--a);border-radius:18px;padding:18px 22px;margin-bottom:8px}.sum b{font:700 18px var(--hd)}.sum p{margin:6px 0 0}
.prose h2{scroll-margin-top:90px}.prose code{background:var(--sf);border:1px solid var(--bd);border-radius:6px;padding:1px 6px;font-size:14px}