/* site.css — shared base for home.css and pricing.css (link this file first) */

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

html{scroll-behavior:smooth;}

body{font-family:var(--sans);font-size:16px;line-height:1.65;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;}

a{text-decoration:none;}



.container{max-width:1100px;margin:0 auto;padding:0 28px;}



nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);}

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

.nav-logo-mark{width:30px;height:30px;background:var(--accent);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:white;letter-spacing:-.5px;}

.nav-logo-text{font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-.3px;}

.nav-links{display:flex;align-items:center;gap:4px;list-style:none;}

.nav-links a{font-size:14px;color:var(--ink-3);padding:7px 11px;border-radius:6px;transition:color .14s,background .14s;}

.nav-actions{display:flex;align-items:center;gap:8px;}



.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--sans);font-size:14px;font-weight:500;padding:9px 20px;border-radius:var(--r);border:none;cursor:pointer;transition:all .15s;white-space:nowrap;letter-spacing:-.1px;}

.btn-lg{font-size:15px;padding:13px 28px;}

.btn-xl{font-size:16px;padding:15px 34px;border-radius:10px;}

.btn-ghost{color:var(--ink-3);background:transparent;}
.btn-ghost:hover{color:var(--ink);background:var(--surface);}
.btn-primary:hover{background:var(--accent-dk);}

.btn-white{background:white;color:var(--ink);font-weight:600;}
.btn-white:hover{background:#f3f4f6;}

.btn-ghost-white{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);border:1.5px solid rgba(255,255,255,.12);}
.btn-ghost-white:hover{background:rgba(255,255,255,.14);color:white;}

.plan-feats{flex:1;margin-bottom:28px;}

.cta-inner{text-align:center;}

.cta-buttons{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;}

.cta-note{margin-top:18px;font-size:11.5px;color:rgba(255,255,255,.2);}

.footer-logo-mark{width:26px;height:26px;background:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white;}

.footer-logo-text{font-size:14px;font-weight:600;color:var(--ink);}