/* amberbot — shared design system for the non-home pages (about, contact, checkout, cv, 404) */
:root{
  --bg:#fbfaff; --ink:#171326; --violet:#6d4df6; --violet-soft:#efeaff;
  --gold:#e9c46a; --ok:#19c37d; --line:#e7e2f7; --muted:#5f5880; --term:#0d0b1a;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,sans-serif;line-height:1.65}

/* nav */
.site-nav{display:flex;justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto;padding:1.2rem 2rem}
.site-nav .logo{font-family:'Quicksand',sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
.site-nav .logo b{color:var(--violet)}
.site-nav .links{display:flex;gap:1.7rem;font-size:.85rem;font-weight:500;color:var(--muted);align-items:center}
.site-nav .links a{color:inherit;text-decoration:none;transition:color .15s}
.site-nav .links a:hover,.site-nav .links a.active{color:var(--violet)}
.site-nav .btn-s{background:var(--ink);color:#fff;font-size:.82rem;font-weight:600;padding:.55rem 1.1rem;border-radius:8px;text-decoration:none}

/* buttons */
.btn{font-family:'Inter',sans-serif;font-weight:600;font-size:.95rem;padding:.85rem 1.7rem;border-radius:10px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;display:inline-block;color:inherit;transition:transform .12s,box-shadow .12s}
.btn.primary{background:var(--violet);color:#fff;box-shadow:0 10px 24px rgba(109,77,246,.35)}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(109,77,246,.42)}
.btn.ghost{border-color:var(--line);background:#fff}
.btn.ghost:hover{border-color:var(--violet)}

/* page shell */
.page{max-width:820px;margin:0 auto;padding:2.4rem 2rem 3rem}
.page-hero{max-width:820px;margin:0 auto;padding:2.6rem 2rem 1.4rem}
.eyebrow{display:inline-block;background:var(--violet-soft);color:var(--violet);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .8rem;border-radius:999px;margin-bottom:1rem}
h1.page-title{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(2.1rem,4vw,3rem);letter-spacing:-.02em;line-height:1.05}
.lede{color:var(--muted);font-size:1.05rem;margin-top:.9rem;max-width:640px}

/* prose */
.prose h2{font-family:'Sora',sans-serif;font-weight:800;font-size:1.3rem;margin:2rem 0 .7rem}
.prose h3{font-family:'Sora',sans-serif;font-weight:600;font-size:1.02rem;margin:1.3rem 0 .2rem}
.prose p{color:#3d3757;margin:.6rem 0}
.prose ul{margin:.6rem 0 .9rem 1.2rem;color:#3d3757}
.prose li{margin:.3rem 0}
.prose a{color:var(--violet)}
.prose strong{color:var(--ink)}

/* cards */
.card{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:1.5rem}

/* footer */
.site-footer{border-top:1.5px solid var(--line);padding:1.4rem 2rem;max-width:1160px;margin:2rem auto 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:#a49bc4}
.site-footer .fnav{display:flex;gap:1.2rem;flex-wrap:wrap}
.site-footer a{color:var(--violet);font-weight:600;text-decoration:none}

.site-nav .menu-btn{display:none;background:none;border:1.5px solid var(--line);border-radius:8px;padding:.4rem .6rem;font-size:1.1rem;cursor:pointer;line-height:1;color:var(--ink)}
.site-mobile-menu{display:none;flex-direction:column;background:#fff;border-bottom:1.5px solid var(--line)}
.site-mobile-menu.open{display:flex}
.site-mobile-menu a{padding:.9rem 2rem;text-decoration:none;color:var(--ink);font-weight:500;border-top:1px solid var(--line)}
.site-mobile-menu a.active{color:var(--violet)}

@media (max-width:720px){
  .site-nav .links{display:none}
  .site-nav .btn-s{display:none}
  .site-nav .menu-btn{display:block}
}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}