/* Erbium — shared design system */
*{box-sizing:border-box;}
body{margin:0;}
html,body{overflow-x:hidden;}
.site{width:100%;background:#FBF6EF;font-family:'Manrope',system-ui,sans-serif;color:#101222;-webkit-font-smoothing:antialiased;}
.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto;}
.display{font-family:'Bricolage Grotesque','Manrope',sans-serif;}
h1,h2,h3{margin:0;font-family:'Bricolage Grotesque','Manrope',sans-serif;font-weight:800;letter-spacing:-0.03em;color:#101222;}
p{margin:0;line-height:1.6;}
a{text-decoration:none;color:inherit;}
.pink{color:#d41467;}
.muted{color:#686c7c;}
.section{padding:100px 0;position:relative;}
.section-sm{padding:72px 0;position:relative;}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:0.12em;color:#d41467;}
.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;border-radius:999px;padding:16px 30px;cursor:pointer;border:none;line-height:1;letter-spacing:-0.01em;}
.btn-primary{background:#d41467;color:#fff;box-shadow:0 12px 26px -8px rgba(212,20,103,0.5);}
.btn-primary:hover{background:#ae0c52;color:#fff;}
.btn-lg{font-size:17px;padding:17px 32px;}
.btn-ghost{background:transparent;color:#101222;border:1.5px solid #dcd3c6;}
.btn-ghost:hover{border-color:#101222;}
.tlink{font-weight:800;font-size:15px;color:#101222;display:inline-flex;align-items:center;gap:9px;}
.tlink:hover{color:#d41467;}
.hl{position:relative;display:inline-block;z-index:0;}
.hl>i{position:absolute;left:-6px;right:-6px;bottom:0.06em;height:0.42em;background:#ffd0e3;border-radius:7px;transform:rotate(-1.5deg);z-index:-1;font-style:normal;}
.tag{display:inline-flex;align-items:center;gap:7px;background:#101222;color:#fff;font-size:12px;font-weight:800;letter-spacing:0.06em;padding:7px 14px;border-radius:999px;}
.card{background:#fff;border:1px solid #efe7dc;border-radius:18px;}
.dot{position:absolute;border-radius:50%;z-index:1;}
.logos{display:flex;align-items:center;gap:24px;flex-wrap:wrap;opacity:0.72;}
.logos span{font-weight:800;font-size:18px;color:#515565;}

/* header */
.topnav{border-bottom:1px solid rgba(16,18,34,0.08);position:sticky;top:0;background:rgba(251,246,239,0.88);backdrop-filter:blur(18px);z-index:50;}
.topnav .bar{display:flex;align-items:center;justify-content:space-between;height:72px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand .mark{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:linear-gradient(140deg,#ef2a7e,#b90d58);box-shadow:0 6px 16px rgba(212,20,103,0.22);}
.brand .mark span{width:12px;height:12px;border:2px solid #fff;border-radius:50%;display:block;}
.brand .word{font-weight:800;font-size:20px;letter-spacing:-0.03em;color:#101222;font-family:'Bricolage Grotesque','Manrope',sans-serif;}
.mainnav{display:flex;align-items:center;gap:28px;}
.mainnav a{color:#515565;font-size:13px;font-weight:700;}
.mainnav a:hover,.mainnav a.active{color:#d41467;}
.navactions{display:flex;align-items:center;gap:16px;}
.navactions .login{color:#515565;font-size:13px;font-weight:700;}
.navactions .login:hover{color:#d41467;}

/* footer */
.foot{background:#141019;color:#cfc9d6;padding:72px 0 36px;}
.foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;}
.foot .word{font-family:'Bricolage Grotesque','Manrope',sans-serif;font-weight:800;font-size:20px;color:#fff;letter-spacing:-0.03em;}
.foot h4{font-size:12px;font-weight:800;letter-spacing:0.1em;color:#8c84a0;text-transform:uppercase;margin:0 0 16px;}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.foot ul a{color:#cfc9d6;font-size:14px;font-weight:600;}
.foot ul a:hover{color:#fff;}
.foot .legal{margin-top:48px;padding-top:24px;border-top:1px solid #2c2436;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#8c84a0;font-size:13px;font-weight:600;}

/* pricing */
.ptable{display:flex;gap:24px;flex-wrap:wrap;align-items:stretch;}
.ptier{flex:1 1 340px;background:#fff;border:1px solid #efe7dc;border-radius:22px;padding:36px;display:flex;flex-direction:column;}
.ptier.feature{border:2px solid #d41467;position:relative;}
.ptier .price{font-family:'Bricolage Grotesque','Manrope',sans-serif;font-weight:800;letter-spacing:-0.03em;}
.plist{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;}
.plist li{display:flex;gap:10px;align-items:flex-start;color:#45484f;font-weight:500;font-size:15px;line-height:1.45;}
.plist li b{color:#101222;font-weight:800;}
.check{color:#088263;font-weight:800;flex:none;}
.prow{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-bottom:1px solid #efe7dc;}
.prow:last-child{border-bottom:none;}

/* faq / form */
.faq .q{padding:24px 0;border-top:1px solid #efe7dc;}
.faq .q:last-child{border-bottom:1px solid #efe7dc;}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;}
.field label{font-size:13px;font-weight:800;color:#101222;}
.field input,.field select,.field textarea{font-family:'Manrope',sans-serif;font-size:15px;padding:13px 15px;border:1.5px solid #e4dccf;border-radius:11px;background:#fff;color:#101222;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#d41467;}

@media (max-width:860px){
  .mainnav{display:none;}
  .navactions .login{display:none;}
  .foot .cols{grid-template-columns:1fr 1fr;}
}
@media (max-width:520px){
  .foot .cols{grid-template-columns:1fr;}
}