/* Mainex standalone — palette zinc, accent #FF7929 */
:root{
  --zinc-50:#fafafa; --zinc-100:#f4f4f5; --zinc-200:#e4e4e7; --zinc-300:#d4d4d8;
  --zinc-400:#a1a1aa; --zinc-500:#71717a; --zinc-600:#52525b; --zinc-700:#3f3f46;
  --zinc-900:#18181b; --zinc-950:#09090b;
  --accent:#FF7929;
  --header-h:96px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}
body{font-family:'Onest',system-ui,-apple-system,sans-serif;background:#fff;color:var(--zinc-950);line-height:1.5;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:transparent;border:none;cursor:pointer}
ul{list-style:none}
.mono{font-family:'Onest',sans-serif}

/* Skip link */
.skip{position:absolute;left:-9999px;top:0;background:var(--zinc-950);color:#fff;padding:.75rem 1rem;z-index:100}
.skip:focus{left:1rem;top:1rem}

/* Header */
.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--zinc-200)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);padding:0 1.5rem}
@media(min-width:1280px){.header-inner{padding:0 6rem}}
.logo{height:1.5rem;cursor:pointer}
.logo svg{height:100%;width:auto}
.nav{display:none;align-items:center;gap:2.5rem}
@media(min-width:768px){.nav{display:flex;gap:1.5rem}}
@media(min-width:1024px){.nav{gap:2rem}}
@media(min-width:1280px){.nav{gap:2.5rem}}
.nav-btn{font-family:'Onest',sans-serif;font-size:.875rem;color:var(--zinc-500);text-transform:uppercase;letter-spacing:.05em;transition:color .2s}
.nav-btn:hover{color:var(--accent)}
.nav-divider{width:1px;height:1rem;background:var(--zinc-200);margin:0 .5rem}
.lang-toggle{display:flex;align-items:center;gap:.375rem;font-family:'Onest',sans-serif;font-size:.875rem;text-transform:uppercase;color:var(--zinc-950);transition:color .2s}
.lang-toggle:hover{color:var(--accent)}
.lang-toggle .active{color:var(--zinc-950)}
.lang-toggle .inactive{color:var(--zinc-400)}
.lang-toggle .sep{color:var(--zinc-300)}
.menu-btn{display:flex;color:var(--zinc-950)}
@media(min-width:768px){.menu-btn{display:none}}
.mobile-menu{display:none;position:fixed;inset:var(--header-h) 0 0 0;background:#fff;border-top:1px solid var(--zinc-300);z-index:40;overflow:hidden;padding:2rem}
.mobile-menu.open{display:flex;flex-direction:column}
.mobile-menu .nav-btn{padding:1rem 0;font-size:1rem;text-align:left}
.mobile-menu .mm-bottom{margin-top:2rem;border-top:1px solid var(--zinc-100);padding-top:2rem}

/* Section base */
section{border-bottom:1px solid var(--zinc-200)}
.w-full{width:100%}
.eyebrow{display:block;font-family:'Onest',sans-serif;font-size:.75rem;color:var(--zinc-400);text-transform:uppercase;letter-spacing:.15em;margin-bottom:2rem}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--zinc-950)}
.h1{font-size:2.25rem}
.h2{font-size:1.875rem}
.h3{font-size:1.5rem}
.h4{font-size:1.25rem}
@media(min-width:768px){.h1{font-size:3rem}.h2{font-size:3rem}}
@media(min-width:1024px){.h1{font-size:3.75rem}.h2{font-size:3.75rem}}
@media(min-width:1280px){.h1{font-size:4.5rem}}
p{color:var(--zinc-500)}
.lead{font-size:1.125rem;line-height:1.7;color:var(--zinc-500)}
@media(min-width:768px){.lead{font-size:1.25rem}}
.muted{color:var(--zinc-500);font-size:.875rem;line-height:1.65}

/* Hero */
.hero-grid{display:grid;grid-template-columns:1fr}
@media(min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr}}
.hero-left{padding:5rem 1.5rem;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--zinc-200)}
@media(min-width:1024px){.hero-left{padding:6rem 3rem;border-bottom:0}}
@media(min-width:1280px){.hero-left{padding:10rem 6rem}}
.badge-dot{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}
.badge-dot .dot{width:.5rem;height:.5rem;border-radius:9999px;background:var(--accent)}
.badge-dot span:last-child{font-family:'Onest',sans-serif;font-size:.75rem;color:var(--zinc-400);text-transform:uppercase;letter-spacing:.15em}
.hero-left h1{margin-bottom:2.5rem}
.hero-left .lead{margin-bottom:3rem;max-width:32rem}
.hero-grid-2{display:grid;grid-template-columns:1fr;gap:2.5rem;padding-top:2.5rem;border-top:1px solid var(--zinc-100)}
@media(min-width:768px){.hero-grid-2{grid-template-columns:1fr 1fr}}
.hero-grid-2 .label{font-family:'Onest',sans-serif;font-size:.75rem;color:var(--zinc-400);text-transform:uppercase;margin-bottom:.75rem}
.hero-right{position:relative;display:flex;align-items:center;justify-content:center;min-height:600px;border-left:0;padding:3rem 1.5rem;background:#fff}
@media(min-width:1024px){.hero-right{border-left:1px solid var(--zinc-200);padding:0}}
.phone{position:relative;width:340px;max-width:calc(100vw - 3rem);aspect-ratio:1/2;background:var(--zinc-950);border-radius:2.5rem;border:8px solid var(--zinc-900);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden;outline:1px solid rgba(24,24,27,.5)}
@media(min-width:1024px){.phone{border-radius:3.5rem}}
.phone-bg{position:absolute;inset:0;opacity:.8;background-size:cover;background-position:center;background-image:url('../img/app-interface.svg')}
.phone-card{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);padding:1.25rem;border-radius:1rem;color:#fff}
.phone-card .row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}
.phone-card .pulse{width:.5rem;height:.5rem;border-radius:9999px;background:#22c55e;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
.phone-card .label{font-family:'Onest',sans-serif;font-size:.75rem;text-transform:uppercase;color:rgba(255,255,255,.9)}
.phone-card .title{font-size:.875rem;font-weight:500}

/* Hero bottom bar */
.hero-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2.5rem;padding:2.5rem 1.5rem;background:rgba(250,250,250,.5);border-top:1px solid var(--zinc-200);color:var(--zinc-400)}
@media(min-width:1024px){.hero-bar{padding:2.5rem 3rem}}
@media(min-width:1280px){.hero-bar{padding:2.5rem 6rem}}
.hero-bar span{font-family:'Onest',sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;display:flex;align-items:center;gap:.5rem}
.hero-bar .slash{display:none}
@media(min-width:640px){.hero-bar .slash{display:block}}

/* Mission */
.mission-head{padding:3rem 1.5rem;border-bottom:1px solid var(--zinc-200)}
@media(min-width:1024px){.mission-head{padding:3rem}}
@media(min-width:1280px){.mission-head{padding:6rem}}
.mission-head .h2{margin-bottom:2.5rem;max-width:64rem}
.mission-head .lead{max-width:48rem}
.cells-3{display:grid;grid-template-columns:1fr}
@media(min-width:768px){.cells-3{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.cells-3{grid-template-columns:1fr 1fr 1fr}}
.cell{padding:3rem 1.5rem;transition:background-color .3s;border-top:1px solid var(--zinc-200)}
@media(min-width:768px){.cell{border-top:0;border-left:1px solid var(--zinc-200)}.cells-3 > .cell:first-child{border-left:0}}
@media(min-width:1024px){.cell{padding:3rem}}
@media(min-width:1280px){.cell{padding:6rem}}
.cell:hover{background:var(--zinc-50)}
.cell.values{background:var(--zinc-50)}
.cell h3{margin-bottom:1.5rem;font-size:1.5rem}
.cell h4{margin-bottom:1rem;font-size:1.25rem}
.icon-circle{width:3rem;height:3rem;border-radius:9999px;border:1px solid var(--zinc-200);display:flex;align-items:center;justify-content:center;color:var(--zinc-900);margin-bottom:2rem;transition:all .2s}
.cell:hover .icon-circle{border-color:var(--accent);color:var(--accent)}

/* Operations */
.bg-zinc-50{background:var(--zinc-50)}
.op-head{padding:3rem 1.5rem;border-bottom:1px solid var(--zinc-200)}
@media(min-width:1024px){.op-head{padding:6rem}}
.op-item{padding:3rem 1.5rem;transition:background-color .3s;border-top:1px solid var(--zinc-200)}
@media(min-width:768px){.op-item{border-top:0;border-left:1px solid var(--zinc-200)}.cells-3 > .op-item:first-child{border-left:0}}
@media(min-width:1024px){.op-item{padding:6rem}}
.op-item:hover{background:#fff}
.op-num{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}
.op-num span{font-family:'Onest',sans-serif;font-size:.75rem;color:var(--zinc-300)}
.op-num .line{height:1px;flex:1;background:var(--zinc-200)}
.op-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}
.op-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:var(--zinc-600);line-height:1.65}
.op-list svg{color:var(--accent);flex-shrink:0;margin-top:.25rem}

/* Roadmap */
.year-row{display:flex;flex-direction:column;border-bottom:1px solid var(--zinc-200)}
@media(min-width:1024px){.year-row{flex-direction:row}}
.year-row:last-child{border-bottom:0}
.year-label{padding:3rem 1.5rem;background:var(--zinc-50);border-bottom:1px solid var(--zinc-200)}
@media(min-width:1024px){.year-label{width:25%;padding:6rem;border-bottom:0;border-right:1px solid var(--zinc-200)}}
.year-label span{font-size:3rem;font-weight:700;letter-spacing:-.04em;color:var(--zinc-950)}
@media(min-width:768px){.year-label span{font-size:3.75rem}}
.year-items{flex:1;padding:3rem 1.5rem}
@media(min-width:1024px){.year-items{padding:6rem}}
.year-items ul{display:grid;grid-template-columns:1fr;gap:2rem 3rem}
@media(min-width:768px){.year-items ul{grid-template-columns:1fr 1fr}}
.year-items li{display:flex;align-items:flex-start;gap:1rem}
.check{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.375rem;border-radius:9999px;border:1px solid var(--zinc-300);display:flex;align-items:center;justify-content:center;color:transparent}
.check.done{border-color:var(--accent);background:var(--accent);color:#fff}
.year-items .label{font-size:1.125rem;font-weight:500;color:var(--zinc-500)}
.year-items .label.done{color:var(--zinc-900)}
.year-items .tag{display:block;font-family:'Onest',sans-serif;font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem}

/* MobileApp */
.app-grid{display:grid;grid-template-columns:1fr}
@media(min-width:1024px){.app-grid{grid-template-columns:1fr 1fr}}
.app-left{position:relative;background:var(--zinc-900);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:600px;padding:3rem 1.5rem;border-bottom:1px solid var(--zinc-200)}
@media(min-width:1024px){.app-left{padding:5rem 0;border-bottom:0;border-right:1px solid var(--zinc-200)}}
.app-left::before{content:"";position:absolute;inset:0;opacity:.2;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.15) 1px,transparent 0);background-size:40px 40px}
.app-phone{position:relative;width:300px;max-width:calc(100vw - 3rem);aspect-ratio:1/2;background:var(--zinc-950);border-radius:2.5rem;border:8px solid rgba(170,170,170,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);overflow:hidden;outline:1px solid rgba(255,255,255,.1)}
.app-phone img{width:100%;height:100%;object-fit:cover;opacity:.9}
.app-right{padding:3rem 1.5rem;background:var(--zinc-50);display:flex;flex-direction:column;justify-content:center}
@media(min-width:1024px){.app-right{padding:3rem}}
@media(min-width:1280px){.app-right{padding:6rem}}
.app-features{display:flex;flex-direction:column;gap:3rem;margin:4rem 0}
.app-feature-row{display:flex;flex-direction:column;gap:3rem}
@media(min-width:640px){.app-feature-row{flex-direction:row}}
.app-feature{flex:1;min-width:0}
.app-feature .num{font-family:'Onest',sans-serif;font-size:.75rem;color:var(--zinc-300);margin-bottom:1rem}
.app-feature h4{font-size:1.125rem;margin-bottom:.75rem}
.app-stores{display:flex;flex-direction:column;gap:1rem}
.store-btns{display:flex;flex-direction:column;gap:1rem}
@media(min-width:640px){.store-btns{flex-direction:row}}
.store-btn{flex:1;padding:.75rem 1.5rem;border:1px solid var(--zinc-200);background:#fff;border-radius:.5rem;opacity:.5;cursor:not-allowed;display:flex;align-items:center;gap:.75rem}
.store-btn .small{display:block;font-size:.625rem;color:var(--zinc-500);text-transform:uppercase;letter-spacing:.05em}
.store-btn .big{display:block;font-size:.875rem;font-weight:700;color:var(--zinc-950)}
.app-stores .note{font-family:'Onest',sans-serif;font-size:.875rem;color:var(--zinc-400);text-align:center;margin-top:1rem}

/* Policies */
.pol-head{display:flex;flex-direction:column;border-bottom:1px solid var(--zinc-200)}
@media(min-width:1024px){.pol-head{flex-direction:row}}
.pol-head .a{padding:3rem 1.5rem;border-bottom:1px solid var(--zinc-200)}
@media(min-width:1024px){.pol-head .a{width:33.333%;padding:3rem;border-bottom:0;border-right:1px solid var(--zinc-200)}}
@media(min-width:1280px){.pol-head .a{padding:6rem}}
.pol-head .b{padding:3rem 1.5rem;background:var(--zinc-50);display:flex;flex-direction:column;justify-content:center}
@media(min-width:1024px){.pol-head .b{width:66.666%;padding:3rem}}
@media(min-width:1280px){.pol-head .b{padding:6rem}}
.pol-head .b p{margin-bottom:2rem;max-width:42rem;font-size:1.125rem;color:var(--zinc-500);line-height:1.65}
@media(min-width:768px){.pol-head .b p{font-size:1.25rem}}
.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,121,41,.1);border:1px solid rgba(255,121,41,.2);border-radius:9999px;align-self:flex-start;color:var(--accent);font-family:'Onest',sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.pol-features{display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--zinc-200)}
@media(min-width:768px){.pol-features{grid-template-columns:1fr 1fr 1fr}}
.pol-feature{padding:3rem 1.5rem;transition:background-color .3s;border-top:1px solid var(--zinc-200)}
@media(min-width:768px){.pol-feature{border-top:0;border-left:1px solid var(--zinc-200)}.pol-features > .pol-feature:first-child{border-left:0}}
@media(min-width:1024px){.pol-feature{padding:3rem}}
@media(min-width:1280px){.pol-feature{padding:6rem}}
.pol-feature:hover{background:var(--zinc-50)}
.pol-feature .id{font-size:2.25rem;font-weight:700;color:var(--zinc-200);margin-bottom:1.5rem}
.pol-feature h4{font-size:1.125rem;margin-bottom:1rem}
.doc-rows{display:flex;flex-direction:column}
.doc-row{display:flex;flex-direction:column;border-top:1px solid var(--zinc-200)}
@media(min-width:768px){.doc-row{flex-direction:row}}
.doc-row:first-child{border-top:0}
.doc-link{flex:1;min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.5rem;transition:background-color .2s;border-top:1px solid var(--zinc-200)}
@media(min-width:768px){.doc-link{border-top:0;border-left:1px solid var(--zinc-200);align-items:center}.doc-row > .doc-link:first-child{border-left:0}}
@media(min-width:1024px){.doc-link{padding:3rem}}
@media(min-width:1280px){.doc-link{padding:4rem 6rem}}
.doc-link:hover{background:var(--zinc-50)}
.doc-link .left{flex:1;min-width:0;display:flex;align-items:flex-start;gap:1rem}
@media(min-width:1024px){.doc-link .left{align-items:center}}
.doc-link .ic{padding:.75rem;background:var(--zinc-100);border-radius:.5rem;color:var(--zinc-400);flex-shrink:0;transition:all .2s}
.doc-link:hover .ic{background:rgba(255,121,41,.1);color:var(--accent)}
.doc-link .name{flex:1;color:var(--zinc-700);font-weight:500;word-break:break-word;min-width:0;transition:color .2s}
.doc-link:hover .name{color:var(--zinc-950)}
.doc-link .right{display:flex;align-items:center;gap:1rem;margin-top:.5rem}
@media(min-width:1024px){.doc-link .right{margin-top:0}}
.doc-link .pdf{font-family:'Onest',sans-serif;font-size:.75rem;color:var(--zinc-400);text-transform:uppercase;background:var(--zinc-100);padding:.25rem .5rem;border-radius:.25rem}

/* QuickStart */
.qs-head{display:flex;flex-direction:column;border-bottom:1px solid var(--zinc-200)}
@media(min-width:1024px){.qs-head{flex-direction:row}}
.qs-head .a{padding:3rem 1.5rem;border-bottom:1px solid var(--zinc-200)}
@media(min-width:1024px){.qs-head .a{width:50%;padding:3rem;border-bottom:0;border-right:1px solid var(--zinc-200)}}
@media(min-width:1280px){.qs-head .a{padding:6rem}}
.qs-head .b{padding:3rem 1.5rem;background:#fff;display:flex;align-items:center}
@media(min-width:1024px){.qs-head .b{width:50%;padding:3rem}}
@media(min-width:1280px){.qs-head .b{padding:6rem}}
.qs-grid{display:grid;grid-template-columns:1fr}
@media(min-width:768px){.qs-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.qs-grid{grid-template-columns:repeat(4,1fr)}}
.qs-step{position:relative;overflow:hidden;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;padding:3rem 1.5rem;transition:background-color .3s;border-top:1px solid var(--zinc-200)}
@media(min-width:768px){.qs-step{border-top:0;border-left:1px solid var(--zinc-200)}.qs-grid > .qs-step:first-child{border-left:0}}
@media(min-width:1024px){
  .qs-step{padding:3rem 2rem}
  .qs-grid > .qs-step:first-child{padding-left:3rem;padding-right:2rem}
  .qs-grid > .qs-step:last-child{padding-left:2rem;padding-right:3rem}
}
@media(min-width:1280px){
  .qs-grid > .qs-step:first-child{padding-left:6rem}
  .qs-grid > .qs-step:last-child{padding-right:6rem}
}
.qs-step:hover{background:#fff}
.qs-step .big-num{position:absolute;top:1.5rem;right:2rem;font-size:9rem;font-weight:700;color:rgba(244,244,245,.5);user-select:none;pointer-events:none;line-height:1}
.qs-step .ic{position:relative;z-index:1;width:3.5rem;height:3.5rem;border-radius:9999px;border:1px solid var(--zinc-200);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--zinc-900);margin-bottom:2.5rem;transition:all .2s}
.qs-step:hover .ic{border-color:var(--accent);color:var(--accent)}
.qs-step h4{position:relative;z-index:1;margin-bottom:1rem;font-size:1.25rem}

/* Partners */
.partners-grid{display:flex;flex-direction:column}
@media(min-width:1024px){.partners-grid{flex-direction:row}}
.partners-left{padding:3rem 1.5rem;border-bottom:1px solid var(--zinc-200)}
@media(min-width:1024px){.partners-left{width:50%;padding:6rem;border-bottom:0;border-right:1px solid var(--zinc-200)}}
.partners-left p{margin-top:2rem;font-size:1.125rem;color:var(--zinc-500);line-height:1.65;max-width:32rem}
.partners-right{background:#fff;display:flex;flex-direction:column}
@media(min-width:1024px){.partners-right{width:50%}}
.partners-cta{display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;transition:background-color .2s;flex:1;width:100%}
@media(min-width:1024px){.partners-cta{padding:6rem}}
.partners-cta:hover{background:var(--zinc-50)}
.partners-cta .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.partners-cta .top h4{font-family:'Onest',sans-serif;font-size:.75rem;color:var(--zinc-400);text-transform:uppercase;letter-spacing:.15em;font-weight:400}
.partners-cta .email{font-size:1.5rem;font-weight:700;color:var(--zinc-950);word-break:break-all}
@media(min-width:768px){.partners-cta .email{font-size:2.25rem}}

/* Footer */
.footer{background:#fff;border-top:1px solid var(--zinc-200)}
.footer-top{display:flex;flex-direction:column;gap:3rem;padding:3rem 1.5rem;border-bottom:1px solid var(--zinc-200)}
@media(min-width:768px){.footer-top{flex-direction:row}}
@media(min-width:1024px){.footer-top{padding:6rem}}
.footer-col{flex:1}
.footer-col h4{font-family:'Onest',sans-serif;font-size:.75rem;color:var(--zinc-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-weight:400}
.footer-col .legal{font-family:'Onest',sans-serif;font-size:.875rem;color:var(--zinc-500)}
.footer-col .legal p{margin-bottom:.25rem}
.footer-col .docs-grid{display:grid;grid-template-columns:1fr;gap:.75rem 2rem;font-size:.875rem;color:var(--zinc-700)}
@media(min-width:640px){.footer-col .docs-grid{grid-template-columns:1fr 1fr}}
.footer-col .docs-grid a:hover{color:var(--accent)}
.footer-col .email-info{font-size:.875rem;color:var(--zinc-700)}
.footer-col .email-info .lbl{color:var(--zinc-400);font-size:.75rem;margin-bottom:.25rem}
.footer-col .email-info a{font-weight:500}
.footer-col .email-info a:hover{color:var(--accent)}
.footer-bottom{padding:3rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}
@media(min-width:768px){.footer-bottom{flex-direction:row;align-items:center}}
@media(min-width:1024px){.footer-bottom{padding:3rem 6rem}}
.footer-bottom .copy,.footer-bottom .links{font-family:'Onest',sans-serif;font-size:.75rem;color:var(--zinc-400)}
.footer-bottom .links{display:flex;align-items:center;gap:1rem}
.footer-bottom .links a:hover{color:var(--accent)}
.footer-logo{height:1.25rem;margin-bottom:2rem}

/* Sitemap / 404 page */
.page-min{min-height:100vh;background:var(--zinc-50)}
.page-wrap{padding:4rem 1.5rem}
@media(min-width:1024px){.page-wrap{padding:6rem}}
.sm-list{display:flex;flex-direction:column;gap:.75rem}
.sm-list a,.sm-list .row{display:flex;align-items:center;gap:.5rem;color:var(--zinc-700);font-size:.875rem;transition:color .2s}
.sm-list a:hover{color:var(--accent)}
.sm-list .dot{width:.375rem;height:.375rem;border-radius:9999px;background:var(--zinc-300)}
.sm-list .path{margin-left:auto;font-family:'Onest',sans-serif;font-size:.75rem;color:var(--zinc-300)}
.notfound{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}
.notfound .center{text-align:center}
.notfound .big{display:block;font-size:9rem;font-weight:700;color:var(--zinc-100);user-select:none;margin-bottom:1rem;line-height:1}
.notfound h1{font-size:2rem;margin-bottom:1rem}
.notfound p{margin-bottom:2rem;max-width:28rem;margin-left:auto;margin-right:auto}
.btn-dark{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--zinc-950);color:#fff;border-radius:.5rem;font-family:'Onest',sans-serif;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;transition:background-color .2s}
.btn-dark:hover{background:var(--zinc-700)}

/* Reveal */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease-out,transform .7s ease-out}
.reveal.in{opacity:1;transform:translateY(0)}

/* Utilities */
.divider{height:1px;background:var(--zinc-200)}
b{font-weight:700;color:var(--zinc-700)}