/* Simplok — shared base & chrome styles. Loaded on every page before the page-specific inline <style>. */

*{box-sizing:border-box;margin:0;padding:0}

.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:'Plus Jakarta Sans';font-weight:600;font-size:.95rem;padding:.85rem 1.5rem;border-radius:999px;transition:.2s;cursor:pointer;border:1.5px solid transparent}

.btn-p{background:var(--accent-grad);background-size:140% 140%;color:#fff;border:none}

.nav{display:flex;align-items:center;justify-content:space-between;height:70px}

.navlinks{display:flex;gap:1.7rem;align-items:center}

.navlinks a.nav-cta{color:#fff}

.menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--ink);cursor:pointer}

.foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:30px}

footer .brand{margin-bottom:12px}

footer p{font-size:.9rem;color:var(--ink-3);max-width:270px}

footer h5{font-family:'Plus Jakarta Sans';color:var(--ink);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}

footer ul{list-style:none}

footer ul li{margin-bottom:9px}

footer ul li a:hover{color:var(--blue)}

.foot-bottom{border-top:1px solid var(--line);margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.85rem;color:var(--ink-3)}

.demo-flag{background:var(--bg-3);color:var(--ink-2);text-align:center;font-size:.78rem;padding:7px 16px;font-family:'Plus Jakarta Sans';border-bottom:1px solid var(--line)}

.hasdrop{position:relative;display:inline-flex;align-items:center}

.hasdrop::after{content:"";position:absolute;top:100%;left:-12px;right:-12px;height:22px}

.dropdown{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(6px);min-width:280px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px rgba(22,35,58,.16);padding:8px;opacity:0;visibility:hidden;transition:.18s;z-index:60;text-align:left}

.hasdrop:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

.dropdown a{display:block;padding:.55rem .8rem;border-radius:9px;font-family:'Plus Jakarta Sans';font-size:.9rem;font-weight:600;color:var(--ink-2);white-space:nowrap}

.dropdown a:hover{background:var(--bg-2);color:var(--blue)}

@media(max-width:900px){.dropdown{display:none}}

.ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}

.ic{color:var(--blue)}

.badge .ic{color:#fff}

.badge .ic svg{width:14px;height:14px;stroke-width:2}

.brand svg,.brand .brandlogo{height:26px;width:auto;display:block}

/* aurora backdrops */
  @keyframes aurora1{0%,100%{background-position:0% 0%,100% 0%,50% 100%,0% 100%}50%{background-position:28% 26%,74% 22%,44% 66%,16% 56%}}

/* brand logo image */
  .brand img{height:26px;width:auto;display:block}

footer .brand img{height:30px}