.smartadm{--ink:#171713;--paper:#f0eee8;--acid:#d2f36b;background:var(--ink);color:var(--paper);font-family:Manrope,system-ui,sans-serif}.smartadm a{color:inherit}.sa-header{border-bottom:1px solid #ffffff19;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(1.25rem,6vw,6rem);display:flex}.sa-brand{letter-spacing:-.06em;align-items:center;gap:.65rem;font-size:1.15rem;font-weight:700;display:flex}.sa-brand>span:last-child>span{color:#9c9c90}.sa-mark{border:1px solid var(--acid);width:30px;height:30px;color:var(--acid);border-radius:50%;place-items:center;font-family:Georgia,serif;display:grid}.sa-login{font-size:.8rem;font-weight:600}.sa-login:hover{color:var(--acid)}.sa-hero{grid-template-columns:1fr .84fr;align-items:center;gap:4rem;min-height:680px;padding:clamp(5rem,12vh,9rem) clamp(1.25rem,12vw,12rem);display:grid;position:relative;overflow:hidden}.sa-copy{z-index:1;max-width:590px}.sa-eyebrow{letter-spacing:.12em;color:#b2b0a6;font-size:.65rem}.sa-eyebrow:first-letter{color:var(--acid)}.sa-hero h1,.sa-how h2,.sa-end h2{letter-spacing:-.075em;margin:1.7rem 0 1.5rem;font-size:clamp(3.4rem,6.5vw,6.5rem);font-weight:500;line-height:.99}.sa-hero h1 em,.sa-how h2 em,.sa-end h2 em{letter-spacing:-.065em;color:var(--acid);font-family:Playfair Display,Georgia,serif;font-weight:500}.sa-intro{color:#b2b0a6;max-width:440px;margin-bottom:2rem;font-size:.98rem;line-height:1.8}.sa-button{background:var(--acid);gap:2.5rem;padding:1rem 1.15rem;font-size:.8rem;font-weight:700;display:inline-flex;color:var(--ink)!important}.sa-button:hover{filter:brightness(1.07);text-decoration:none}.sa-note,.sa-index{color:#77776d;letter-spacing:.1em;margin-top:3.4rem;font:.6rem DM Mono,monospace}.sa-card{color:#27271f;background:#e9e5d9;justify-self:center;width:100%;max-width:410px;padding:12px;transform:rotate(2deg);box-shadow:0 35px 100px #0008}.sa-card-top,.sa-card-bottom{letter-spacing:.08em;justify-content:space-between;padding:.5rem .3rem;font:.55rem DM Mono,monospace;display:flex}.sa-art{background:linear-gradient(145deg,#a5aa89,#d9bd96 58%,#775e49);height:300px;position:relative;overflow:hidden}.sa-art i{background:#f2ddaa;border-radius:50%;width:125px;height:125px;position:absolute;top:36px;right:50px}.sa-art b{background:linear-gradient(100deg,#5b5142,#aa9678 48%,#5c5144);border-radius:42% 42% 20% 20%;width:130px;height:200px;position:absolute;bottom:-14px;left:31%;box-shadow:20px 25px 30px #28241955}.sa-art small{color:#fff;font:.55rem DM Mono,monospace;position:absolute;top:1rem;left:1rem}.sa-card-copy{padding:1.35rem .8rem}.sa-card-copy small{color:#858477;font:.52rem DM Mono,monospace}.sa-card-copy h2{margin:.55rem 0 0;font-size:1.2rem;line-height:1.2}.sa-card-bottom{color:#767568;border-top:1px solid #c8c5b9}.sa-index{margin:0;position:absolute;bottom:1.5rem;left:clamp(1.25rem,6vw,6rem)}.sa-how{background:var(--paper);color:var(--ink);grid-template-columns:.9fr 1.1fr;gap:5rem;padding:clamp(5rem,11vw,9rem) clamp(1.25rem,12vw,12rem);display:grid}.sa-how .sa-eyebrow{color:#77766e}.sa-how h2{margin-top:1.5rem;font-size:clamp(3rem,5vw,5rem)}.sa-how h2 em{color:#727e4d}.sa-steps article{border-bottom:1px solid #17171320;grid-template-columns:42px 1fr 24px;gap:1rem;padding:1.6rem 0;display:grid}.sa-steps small{color:#7f806f;font:.65rem DM Mono,monospace}.sa-steps h3{margin:0 0 .35rem;font-size:1.1rem}.sa-steps p{color:#74746b;margin:0;font-size:.82rem;line-height:1.7}.sa-steps b{color:#7c865b}.sa-end{text-align:center;background:#25261e;padding:6rem 1.25rem 7rem}.sa-end .sa-eyebrow{display:block}.sa-end h2{font-size:clamp(3rem,6vw,5.5rem)}.sa-light{background:var(--paper)}.sa-footer{color:#8c8b80;border-top:1px solid #ffffff19;justify-content:space-between;gap:1.5rem;padding:1.5rem 6vw;font-size:.68rem;display:flex}.sa-footer .sa-brand{color:var(--paper)}@media (width<=850px){.sa-hero{grid-template-columns:1fr;gap:4rem;padding:5rem 8vw}.sa-card{justify-self:center}.sa-how{grid-template-columns:1fr;gap:2rem;padding-left:8vw;padding-right:8vw}}@media (width<=520px){.sa-header{height:70px;padding:0 1.2rem}.sa-hero{padding:4rem 1.25rem 5rem}.sa-hero h1{font-size:clamp(3.1rem,14vw,4.4rem)}.sa-art{height:250px}.sa-how{padding:4.5rem 1.25rem}.sa-steps article{grid-template-columns:30px 1fr 20px;gap:.7rem}.sa-footer{flex-wrap:wrap}.sa-footer>span:nth-child(2){order:3;width:100%}}
