/* Bolt Deals — blog / resources styling (brand-matched to the main site) */
:root{
  --bg:#05070b; --bg2:#080b12; --ink:#0c1017;
  --card:rgba(148,163,184,.05); --border:rgba(148,163,184,.14); --border2:rgba(65,171,236,.4);
  --text:#eaf0f8; --muted:#93a1b3; --dim:#5d6a7c;
  --blue:#3aa6e8; --blue2:#1f6fd6; --green:#2fd08c;
  --grad:linear-gradient(93deg,#8ecdf7,#3aa6e8 45%,#1f6fd6);
  --disp:'Bricolage Grotesque',sans-serif; --body:'Inter',sans-serif; --mono:'IBM Plex Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* nav */
.bnav{position:sticky;top:0;z-index:100;background:rgba(5,7,11,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.bnav .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.bnav .logo img{height:30px;display:block}
.bnav .bnav-links{display:flex;align-items:center;gap:28px}
.bnav .bnav-links a{color:var(--muted);font-size:14px;font-weight:500}
.bnav .bnav-links a:hover{color:var(--text);text-decoration:none}
.bnav .btn{background:var(--grad);color:#03080e;font-weight:700;padding:11px 20px;border-radius:99px;font-size:14px}
.bnav .btn:hover{text-decoration:none;filter:brightness(1.06)}
@media(max-width:720px){.bnav .bnav-links a:not(.btn){display:none}}

/* article shell */
.article{max-width:760px;margin:0 auto;padding:56px 24px 40px}
.crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--dim);margin-bottom:22px}
.crumbs a{color:var(--muted)}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}
.article h1{font-family:var(--disp);font-weight:800;font-size:clamp(32px,5vw,52px);line-height:1.06;letter-spacing:-.02em;margin-bottom:20px}
.article .lede{font-size:20px;color:var(--muted);line-height:1.55;margin-bottom:28px}
.byline{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:38px;font-size:14px;color:var(--muted)}
.byline .ava{width:40px;height:40px;border-radius:50%;background:var(--grad);color:#03080e;font-family:var(--disp);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px;flex:none}
.byline b{color:var(--text)}
.byline .meta-dot{color:var(--dim)}

/* long-form body */
.body{font-size:17.5px;line-height:1.75;color:#d4dce6}
.body h2{font-family:var(--disp);font-weight:700;font-size:clamp(24px,3.4vw,32px);letter-spacing:-.01em;color:var(--text);margin:48px 0 16px;line-height:1.15}
.body h3{font-family:var(--disp);font-weight:600;font-size:21px;color:var(--text);margin:34px 0 12px}
.body p{margin:0 0 20px}
.body ul,.body ol{margin:0 0 22px;padding-left:24px}
.body li{margin-bottom:10px}
.body strong{color:var(--text);font-weight:600}
.body a{border-bottom:1px solid rgba(58,166,232,.35)}
.body blockquote{border-left:3px solid var(--blue);background:var(--card);padding:16px 22px;border-radius:0 12px 12px 0;margin:26px 0;color:var(--text);font-size:18px}
.body table{width:100%;border-collapse:collapse;margin:26px 0;font-size:15px}
.body th,.body td{border:1px solid var(--border);padding:11px 14px;text-align:left}
.body th{background:var(--card);font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.body img{max-width:100%;border-radius:14px;border:1px solid var(--border);margin:26px 0;display:block}

/* callout / key-stat box */
.callout{background:linear-gradient(120deg,rgba(58,166,232,.09),rgba(31,111,214,.03));border:1px solid var(--border2);border-radius:16px;padding:24px 26px;margin:30px 0}
.callout b{color:var(--blue)}
.keystat{font-family:var(--disp);font-weight:800;font-size:38px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;margin-bottom:6px}

/* inline CTA block */
.cta-block{background:radial-gradient(120% 140% at 0% 0%,rgba(58,166,232,.14),transparent 60%),var(--ink);border:1px solid var(--border2);border-radius:20px;padding:36px 32px;margin:44px 0;text-align:center}
.cta-block h3{font-family:var(--disp);font-weight:800;font-size:clamp(22px,3vw,30px);margin-bottom:10px;color:var(--text)}
.cta-block p{color:var(--muted);max-width:520px;margin:0 auto 22px}
.cta-block .btn{display:inline-flex;align-items:center;gap:9px;background:var(--grad);color:#03080e;font-weight:700;padding:16px 34px;border-radius:99px;font-size:16px}
.cta-block .btn:hover{text-decoration:none;filter:brightness(1.06)}
.cta-block small{display:block;margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}

/* author bio + related */
.abio{display:flex;gap:18px;align-items:flex-start;border:1px solid var(--border);border-radius:16px;padding:24px;margin:44px 0 0;background:var(--card)}
.abio .ava{width:56px;height:56px;border-radius:50%;background:var(--grad);color:#03080e;font-family:var(--disp);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.abio b{color:var(--text);font-size:16px}
.abio p{color:var(--muted);font-size:14.5px;margin:6px 0 0;line-height:1.55}
.abio a{font-size:13px}
.related{margin:48px 0 0}
.related h4{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.related a{display:block;padding:15px 18px;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;color:var(--text);font-weight:500;transition:border-color .2s}
.related a:hover{border-color:var(--border2);text-decoration:none}

/* blog index / hub */
.hub-hero{padding:70px 24px 30px;text-align:center;max-width:820px;margin:0 auto}
.hub-hero h1{font-family:var(--disp);font-weight:800;font-size:clamp(34px,5.5vw,58px);letter-spacing:-.02em;line-height:1.05;margin-bottom:18px}
.hub-hero h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hub-hero p{font-size:19px;color:var(--muted);max-width:620px;margin:0 auto}
.pillar{margin:52px 0}
.pillar h2{font-family:var(--disp);font-weight:700;font-size:26px;margin-bottom:6px}
.pillar .psub{color:var(--muted);font-size:15px;margin-bottom:22px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.pcard{display:block;border:1px solid var(--border);border-radius:16px;padding:24px;background:var(--card);transition:border-color .2s,transform .2s}
.pcard:hover{border-color:var(--border2);transform:translateY(-2px);text-decoration:none}
.pcard .tag{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.pcard h3{font-family:var(--disp);font-weight:600;font-size:20px;color:var(--text);line-height:1.25;margin-bottom:8px}
.pcard p{color:var(--muted);font-size:14.5px;line-height:1.55}

/* footer */
.bfoot{border-top:1px solid var(--border);margin-top:70px;padding:40px 0;color:var(--dim);font-size:13px}
.bfoot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center}
.bfoot a{color:var(--muted)}

/* Typeform popup — force a fixed fullscreen modal */
.tf-v1-popup{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center;justify-content:center;background:rgba(2,4,8,.74)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.tf-v1-popup .tf-v1-iframe-wrapper{position:relative!important;width:min(760px,94vw)!important;height:min(88vh,880px)!important;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 120px rgba(0,0,0,.6)}
.tf-v1-popup iframe{width:100%!important;height:100%!important;border:0!important;display:block!important}
.tf-v1-popup .tf-v1-close{position:absolute!important;top:12px;right:12px;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:20px;line-height:38px;text-align:center;cursor:pointer}
@media(max-width:600px){.tf-v1-popup{background:#fff!important}.tf-v1-popup .tf-v1-iframe-wrapper{width:100vw!important;height:100dvh!important;border-radius:0!important;box-shadow:none}}