/* ── Base — aliases to global :root tokens (defined in app-normalize.css) ── */
.bst-wrap{
	--bg:     #000;
	--bg2:    #080808;
	--bg3:    #111;
	--purple: #C8FF00;
	--purple2:#E8FF88;
	--glow:   rgba(200,255,0,.12);
	--glow2:  rgba(200,255,0,.08);
	--green:  var(--bh-green,  #22c55e);
	--blue:   var(--bh-blue,   #3b82f6);
	--yellow: var(--bh-yellow, #eab308);
	--red:    var(--bh-red,    #ef4444);
	--text:   #F0EDE8;
	--text2:  rgba(240,237,232,.5);
	--muted:  rgba(240,237,232,.22);
	--border: rgba(255,255,255,.07);
	--border2:rgba(255,255,255,.12);
	--radius:    0px;
	--radius-sm: 0px;
	font-family:'Manrope',system-ui,sans-serif;
	color:var(--text);background:var(--bg);
	padding:40px 20px 80px;max-width:1140px;margin:0 auto;
}
.bst-wrap *{box-sizing:border-box;}

/* ── Header ── */
.bst-header{text-align:center;padding:0 0 32px;}
.bst-header__eyebrow{
	display:inline-flex;align-items:center;gap:6px;
	font-size:10px;letter-spacing:.18em;text-transform:uppercase;
	color:var(--purple2);margin-bottom:14px;
}
.bst-header__title{
	font-size:clamp(26px,5vw,46px);font-weight:800;
	font-family:'Syne',sans-serif;text-transform:uppercase;
	margin:0 0 12px;letter-spacing:-0.04em;
	color:#F0EDE8;
	text-wrap:balance;
}
.bst-header__sub{color:var(--text2);font-size:14px;max-width:540px;margin:0 auto 20px;line-height:1.65;}

/* ── Header pills ── */
.bst-header__pills{
	display:flex;align-items:center;justify-content:center;
	flex-wrap:wrap;gap:8px;margin-top:4px;
}
.bst-header__pill{
	font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
	padding:4px 12px;border-radius:0;
	background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
	color:rgba(255,255,255,.45);
}

/* ── Urgency banner ── */
.bst-urgency-banner{display:flex;align-items:center;gap:10px;padding:11px 18px;border-radius:0;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);font-size:13px;color:rgba(255,255,255,.75);margin-bottom:18px;flex-wrap:wrap}
.bst-urgency-banner svg{color:#f59e0b;flex-shrink:0}
.bst-urgency-banner strong{color:#fbbf24}
.bst-urgency-banner__cta{margin-left:auto;color:#fbbf24;font-weight:600;text-decoration:none;font-size:12px;white-space:nowrap}
.bst-urgency-banner__cta:hover{color:#fde68a}
.bst-urgency-banner__close{margin-left:4px;background:none;border:none;color:rgba(255,255,255,.3);cursor:pointer;font-size:16px;padding:0 2px;line-height:1;flex-shrink:0}
.bst-urgency-banner__close:hover{color:rgba(255,255,255,.6)}

/* ── Trial banner ── */
.bst-trial-banner{display:flex;align-items:center;gap:10px;padding:11px 18px;border-radius:0;background:rgba(200,255,0,.06);border:1px solid rgba(200,255,0,.12);font-size:13px;color:rgba(255,255,255,.7);margin-bottom:18px;flex-wrap:wrap}
.bst-trial-banner svg{color:#C8FF00;flex-shrink:0}
.bst-trial-banner strong{color:#E8FF88}
.bst-trial-banner__cta{margin-left:auto;color:#C8FF00;font-weight:600;text-decoration:none;font-size:12px;white-space:nowrap}
.bst-trial-banner__cta:hover{color:#E8FF88}

/* ── Plan banner ── */
.bst-plan-banner{
	display:flex;align-items:center;justify-content:space-between;gap:16px;
	padding:14px 20px;border-radius:var(--radius-sm);
	border:1px solid var(--border2);margin-bottom:32px;
	background:var(--bg2);
}
.bst-plan-banner--free{border-color:rgba(34,197,94,.2);}
.bst-plan-banner--creator,.bst-plan-banner--artist{border-color:rgba(59,130,246,.25);}
.bst-plan-banner--studio,.bst-plan-banner--pro{border-color:rgba(200,255,0,.15);background:linear-gradient(90deg,rgba(200,255,0,.04),var(--bg2));}
.bst-plan-banner--label{border-color:rgba(200,255,0,.35);background:linear-gradient(90deg,rgba(200,255,0,.08),var(--bg2));}
.bst-plan-banner__left{display:flex;align-items:center;gap:14px;flex:1;min-width:0;}
.bst-plan-banner__badge{
	font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
	padding:3px 10px;border-radius:0;white-space:nowrap;flex-shrink:0;
}
.bst-plan-banner--free .bst-plan-banner__badge{background:rgba(34,197,94,.15);color:var(--green);}
.bst-plan-banner--creator .bst-plan-banner__badge,.bst-plan-banner--artist .bst-plan-banner__badge{background:rgba(59,130,246,.15);color:#60a5fa;}
.bst-plan-banner--studio .bst-plan-banner__badge,.bst-plan-banner--pro .bst-plan-banner__badge{background:rgba(200,255,0,.1);color:var(--purple2);}
.bst-plan-banner--label .bst-plan-banner__badge{background:rgba(200,255,0,.2);color:#60b4fa;}
.bst-plan-banner__info{display:flex;align-items:center;gap:10px;flex:1;min-width:0;}
.bst-plan-banner__uses{font-size:12px;color:var(--text2);white-space:nowrap;}
.bst-plan-banner__bar{
	flex:1;height:4px;background:var(--bg3);border-radius:0;overflow:hidden;
	min-width:60px;max-width:160px;
}
.bst-plan-banner__fill{height:100%;background:var(--green);border-radius:0;transition:width .4s;}
.bst-plan-banner__fill--yellow{background:var(--yellow);}
.bst-plan-banner__fill--red{background:var(--red);}
.bst-plan-banner__expiry{font-size:11px;color:var(--muted);white-space:nowrap;}
.bst-plan-banner__upgrade{
	display:inline-flex;align-items:center;gap:6px;
	padding:8px 16px;border-radius:0;
	background:var(--purple);color:#000;
	font-size:11px;font-weight:700;letter-spacing:.04em;
	text-decoration:none;white-space:nowrap;flex-shrink:0;
	transition:background .15s cubic-bezier(0.19,1,0.22,1),transform .14s cubic-bezier(0.19,1,0.22,1),box-shadow .15s cubic-bezier(0.19,1,0.22,1);
}
.bst-plan-banner__upgrade:hover{background:var(--purple2);transform:translateY(-1px);}
.bst-plan-banner__upgrade:active{transform:scale(0.97);}

/* Drafts toggle button sits next to upgrade in the plan banner */
.bst-plan-banner{gap:10px;}

/* ── Grid ── */
.bst-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(268px,1fr));
	gap:16px;margin-bottom:64px;
}

/* ── Card ── */
.bst-card{
	background:var(--bg2);border:1px solid var(--border);
	border-radius:var(--radius);overflow:hidden;cursor:pointer;
	transition:transform .22s cubic-bezier(0.19,1,0.22,1),
	           border-color .22s cubic-bezier(0.19,1,0.22,1),
	           box-shadow .22s cubic-bezier(0.19,1,0.22,1);
	display:flex;flex-direction:column;contain:layout style;
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
}
@media (hover:hover) and (pointer:fine){
.bst-card:hover,.bst-card:focus-visible{
	transform:translateY(-4px) scale(1.01);
	border-color:rgba(200,255,0,.22);
	box-shadow:0 12px 40px var(--glow),0 2px 8px rgba(8,7,14,.6),inset 0 1px 0 rgba(255,255,255,0.08);
	outline:none;will-change:transform;
}
}
.bst-card:focus-visible{outline:2px solid rgba(200,255,0,.6);outline-offset:2px;}
.bst-card:active{transform:scale(0.97);transition-duration:100ms;}
.bst-card--locked{opacity:.72;}
.bst-card--locked:hover{
	border-color:rgba(255,255,255,.14);
	box-shadow:0 8px 24px rgba(8,7,14,.5);
}
.bst-card--soon{opacity:.55;cursor:default;}
.bst-card--soon:hover{
	transform:none;border-color:var(--border);box-shadow:none;
}

/* Card preview */
.bst-card__preview{
	position:relative;height:96px;overflow:hidden;
	display:flex;align-items:center;justify-content:center;
}
.bst-card__preview--purple{background:linear-gradient(135deg,rgba(200,255,0,.12),rgba(200,255,0,.12));}
.bst-card__preview--blue{background:linear-gradient(135deg,rgba(59,130,246,.28),rgba(200,255,0,.12));}
.bst-card__preview--green{background:linear-gradient(135deg,rgba(34,197,94,.22),rgba(16,185,129,.1));}
.bst-card__preview--yellow{background:linear-gradient(135deg,rgba(234,179,8,.22),rgba(249,115,22,.1));}
.bst-card__preview--pink{background:linear-gradient(135deg,rgba(236,72,153,.28),rgba(168,85,247,.14));}
.bst-card__preview--orange{background:linear-gradient(135deg,rgba(249,115,22,.28),rgba(234,179,8,.1));}
.bst-card__preview--cyan{background:linear-gradient(135deg,rgba(6,182,212,.22),rgba(200,255,0,.12));}
.bst-card__preview--teal{background:linear-gradient(135deg,rgba(20,184,166,.26),rgba(6,182,212,.1));}
.bst-card__preview--amber{background:linear-gradient(135deg,rgba(245,158,11,.28),rgba(251,191,36,.1));}

/* Lock overlay */
.bst-card__lock{
	position:absolute;inset:0;display:flex;flex-direction:column;
	align-items:center;justify-content:center;gap:4px;
	background:rgba(8,7,14,.6);
	backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
	color:rgba(255,255,255,.45);
}
.bst-card__lock span{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}

/* Coming soon overlay */
.bst-card__soon-overlay{
	position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;
	background:rgba(8,7,14,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
	color:rgba(255,255,255,.4);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
}

/* Card body */
.bst-card__body{padding:14px 16px 18px;display:flex;flex-direction:column;flex:1;}
.bst-card__meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.bst-card__io{font-size:10px;color:var(--muted);letter-spacing:.04em;}
.bst-card__name{font-size:15px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em;}
.bst-card__tag{font-size:12px;color:var(--text2);margin:0 0 8px;line-height:1.4;}
.bst-card__desc{font-size:11px;color:var(--muted);line-height:1.55;margin:0 0 14px;flex:1;}
.bst-card__btn{
	align-self:flex-start;padding:7px 16px;border-radius:0;border:none;cursor:pointer;
	font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.04em;
	background:var(--purple);color:#000;
	transition:background .15s,transform .1s,box-shadow .15s;
}
.bst-card__btn:hover{background:var(--purple2);box-shadow:0 4px 16px var(--glow);}
.bst-card__btn:active{transform:scale(.96);}
.bst-card__btn--upgrade{
	background:rgba(255,255,255,.07);color:var(--text2);
	border:1px solid var(--border2);
}
.bst-card__btn--upgrade:hover{background:rgba(255,255,255,.12);box-shadow:none;}
.bst-card__btn--soon{
	display:inline-block;
	font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
	color:var(--muted);cursor:default;
	padding:6px 0;
}

/* ── Badges ── */
.bst-badge{
	display:inline-block;padding:2px 8px;border-radius:0;
	font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
}
.bst-badge--free{background:rgba(34,197,94,.13);color:#4ade80;}
.bst-badge--creator,.bst-badge--artist{background:rgba(59,130,246,.13);color:#60a5fa;}
.bst-badge--studio,.bst-badge--pro{background:rgba(168,85,247,.13);color:#C8FF00;}
.bst-badge--label{background:rgba(200,255,0,.13);color:#60b4fa;}
.bst-badge--lg{font-size:10px;padding:3px 10px;}

/* ── Plans ── */
.bst-plans{margin-top:16px;}
.bst-plans__header{text-align:center;margin-bottom:32px;}
.bst-plans__eyebrow{
	font-size:10px;letter-spacing:.18em;text-transform:uppercase;
	color:var(--purple2);margin-bottom:10px;
}
.bst-plans__title{font-size:clamp(22px,4vw,34px);font-weight:800;font-family:'Syne',sans-serif;text-transform:uppercase;margin:0 0 10px;letter-spacing:-0.04em;text-wrap:balance;color:#F0EDE8;}
.bst-plans__sub{font-size:13px;color:var(--text2);max-width:480px;margin:0 auto 20px;}

/* ── Plans vs comparison row ── */
.bst-plans__vs{
	display:flex;align-items:center;justify-content:center;
	flex-wrap:wrap;gap:10px;margin-bottom:28px;
	font-size:11px;color:rgba(255,255,255,.35);
}
.bst-plans__vs-item{
	padding:4px 12px;border-radius:0;
	background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
}
.bst-plans__vs-item--bh{
	background:rgba(200,255,0,.08);border-color:rgba(200,255,0,.2);
	color:rgba(200,255,0,.9);
}
.bst-plans__vs-item--bh strong{color:#C8FF00;}
.bst-plans__vs-sep{color:rgba(255,255,255,.18);font-size:10px;}

.bst-plans__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}

.bst-plan{
	background:var(--bg2);border:1px solid var(--border);
	border-radius:var(--radius);padding:24px 18px 20px;
	position:relative;display:flex;flex-direction:column;gap:0;
	transition:border-color .22s cubic-bezier(0.19,1,0.22,1),box-shadow .22s cubic-bezier(0.19,1,0.22,1),transform .22s cubic-bezier(0.19,1,0.22,1);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
}
.bst-plan:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(8,7,14,.5),inset 0 1px 0 rgba(255,255,255,0.08);}
.bst-plan--popular{
	border-color:rgba(200,255,0,.18);
	box-shadow:0 0 0 1px rgba(200,255,0,.1),0 8px 32px var(--glow);
}
.bst-plan--current{border-color:rgba(34,197,94,.35);}
.bst-plan--studio,.bst-plan--pro{
	background:linear-gradient(160deg,rgba(200,255,0,.04),var(--bg2));
}
.bst-plan--label{
	background:linear-gradient(160deg,rgba(200,255,0,.07),var(--bg2));
}

.bst-plan__badge{
	position:absolute;top:-12px;left:50%;transform:translateX(-50%);
	font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
	padding:3px 14px;border-radius:0;white-space:nowrap;
	background:var(--purple);color:#000;
}
.bst-plan__badge--active{background:rgba(34,197,94,.2);color:var(--green);}

.bst-plan__top{margin-bottom:22px;}
.bst-plan__name{font-size:16px;font-weight:800;font-family:'Syne',sans-serif;text-transform:uppercase;letter-spacing:-0.02em;margin-bottom:6px;}
.bst-plan__price{
	font-size:28px;font-weight:800;font-family:'Syne',sans-serif;letter-spacing:-0.04em;
	color:var(--text);margin-bottom:4px;
}
.bst-plan__price span{font-size:13px;color:var(--text2);font-weight:400;letter-spacing:0;}
.bst-plan__uses{font-size:11px;color:var(--text2);}

.bst-plan__features{
	list-style:none;padding:0;margin:0 0 24px;
	display:flex;flex-direction:column;gap:8px;flex:1;
}
.bst-plan__features li{
	display:flex;align-items:flex-start;gap:8px;
	font-size:12px;color:var(--text2);line-height:1.4;
}
.bst-plan__features svg{
	color:var(--green);flex-shrink:0;margin-top:1px;
}
.bst-plan--creator .bst-plan__features svg,.bst-plan--artist .bst-plan__features svg{color:#60a5fa;}
.bst-plan--studio .bst-plan__features svg,.bst-plan--pro .bst-plan__features svg{color:var(--purple2);}
.bst-plan--label .bst-plan__features svg{color:#60b4fa;}

.bst-plan__cta{
	display:block;text-align:center;padding:11px;border-radius:0;
	font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.04em;
	text-decoration:none;border:none;cursor:pointer;
	transition:filter .14s cubic-bezier(0.19,1,0.22,1),transform .14s cubic-bezier(0.19,1,0.22,1),box-shadow .14s cubic-bezier(0.19,1,0.22,1);
}
.bst-plan__cta:hover{transform:translateY(-1px);}
.bst-plan__cta:active{transform:scale(0.97);}
.bst-plan__cta--free{background:rgba(255,255,255,.07);color:var(--text2);border:1px solid var(--border2);}
.bst-plan__cta--free:hover{background:rgba(255,255,255,.12);filter:none;}
.bst-plan__cta--creator,.bst-plan__cta--artist{background:var(--blue);color:#fff;}
.bst-plan__cta--creator:hover,.bst-plan__cta--artist:hover{filter:brightness(1.12);box-shadow:0 4px 20px rgba(59,130,246,.35);}
.bst-plan__cta--studio,.bst-plan__cta--pro{
	background:#C8FF00;color:#000;
}
.bst-plan__cta--studio:hover,.bst-plan__cta--pro:hover{filter:brightness(1.1);box-shadow:0 4px 20px var(--glow);}
.bst-plan__cta--label{background:#C8FF00;color:#000;}
.bst-plan__cta--label:hover{filter:brightness(1.1);box-shadow:0 4px 20px rgba(200,255,0,.35);}
.bst-plan__cta--active{background:rgba(34,197,94,.1);color:var(--green);cursor:default;}
.bst-plan__cta--active:hover{transform:none;}

/* ── Modal animations ── */
@keyframes bst-bg-in{from{opacity:0;}to{opacity:1;}}
@keyframes bst-modal-in{
	from{opacity:0;transform:translate(-50%,-50%) scale(.93);}
	to{opacity:1;transform:translate(-50%,-50%) scale(1);}
}
@keyframes bst-modal-in-mobile{
	from{opacity:0;transform:translateY(24px);}
	to{opacity:1;transform:translateY(0);}
}
@keyframes bst-hero-pulse{
	0%,100%{opacity:.3;}
	50%{opacity:.55;}
}

/* ── Modal background ── */
.bst-modal-bg{
	display:none;position:fixed;inset:0;
	background:rgba(0,0,0,.75);z-index:100000;
	backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.bst-modal-bg--open{display:block;animation:bst-bg-in .18s cubic-bezier(0.19,1,0.22,1) forwards;}

/* ── Modals ── */
.bst-modal{
	display:none;position:fixed;top:50%;left:50%;
	transform:translate(-50%,-50%) scale(.95);
	width:min(580px,94vw);max-height:90vh;overflow-y:auto;
	background:var(--bg2);border:1px solid var(--border2);
	border-radius:0;z-index:100001;
	scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;
	-webkit-overflow-scrolling:touch;
}
.bst-modal--open{
	display:block;
	animation:bst-modal-in .25s cubic-bezier(.18,0,.18,1) forwards;
}

/* Modal close */
.bst-modal__close{
	position:sticky;top:12px;float:right;margin:12px 12px 0 0;
	width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;
	background:rgba(255,255,255,.09);color:var(--text2);
	display:flex;align-items:center;justify-content:center;
	transition:background .15s,color .15s;z-index:2;flex-shrink:0;
}
.bst-modal__close:hover{background:rgba(255,255,255,.17);color:var(--text);}

/* Modal hero */
.bst-modal__hero{
	padding:36px 24px 24px;display:flex;flex-direction:column;
	align-items:center;gap:14px;position:relative;overflow:hidden;
}
.bst-modal__hero-glow{
	position:absolute;inset:0;opacity:.35;
	animation:bst-hero-pulse 4s cubic-bezier(0.45,0,0.55,1) infinite;
}
.bst-modal__hero--purple{background:linear-gradient(145deg,rgba(200,255,0,.15),rgba(200,255,0,.12));}
.bst-modal__hero--purple .bst-modal__hero-glow{background:radial-gradient(ellipse at 50% 0%,rgba(168,85,247,.6),transparent 70%);}
.bst-modal__hero--blue{background:linear-gradient(145deg,rgba(59,130,246,.32),rgba(200,255,0,.12));}
.bst-modal__hero--blue .bst-modal__hero-glow{background:radial-gradient(ellipse at 50% 0%,rgba(96,165,250,.6),transparent 70%);}
.bst-modal__hero--green{background:linear-gradient(145deg,rgba(34,197,94,.25),rgba(16,185,129,.1));}
.bst-modal__hero--green .bst-modal__hero-glow{background:radial-gradient(ellipse at 50% 0%,rgba(74,222,128,.55),transparent 70%);}
.bst-modal__hero--yellow{background:linear-gradient(145deg,rgba(234,179,8,.25),rgba(249,115,22,.1));}
.bst-modal__hero--yellow .bst-modal__hero-glow{background:radial-gradient(ellipse at 50% 0%,rgba(250,204,21,.55),transparent 70%);}
.bst-modal__hero--pink{background:linear-gradient(145deg,rgba(236,72,153,.32),rgba(168,85,247,.18));}
.bst-modal__hero--pink .bst-modal__hero-glow{background:radial-gradient(ellipse at 50% 0%,rgba(244,114,182,.6),transparent 70%);}
.bst-modal__hero--orange{background:linear-gradient(145deg,rgba(249,115,22,.32),rgba(234,179,8,.12));}
.bst-modal__hero--orange .bst-modal__hero-glow{background:radial-gradient(ellipse at 50% 0%,rgba(251,146,60,.6),transparent 70%);}
.bst-modal__hero--cyan{background:linear-gradient(145deg,rgba(6,182,212,.28),rgba(200,255,0,.12));}
.bst-modal__hero--cyan .bst-modal__hero-glow{background:radial-gradient(ellipse at 50% 0%,rgba(34,211,238,.55),transparent 70%);}
.bst-modal__hero--teal{background:linear-gradient(145deg,rgba(20,184,166,.32),rgba(6,182,212,.12));}
.bst-modal__hero--teal .bst-modal__hero-glow{background:radial-gradient(ellipse at 50% 0%,rgba(45,212,191,.6),transparent 70%);}
.bst-modal__hero--amber{background:linear-gradient(145deg,rgba(245,158,11,.32),rgba(251,191,36,.12));}
.bst-modal__hero--amber .bst-modal__hero-glow{background:radial-gradient(ellipse at 50% 0%,rgba(252,211,77,.65),transparent 70%);}

.bst-modal__hero-info{text-align:center;position:relative;z-index:1;}
.bst-modal__title{font-size:24px;font-weight:800;font-family:'Syne',sans-serif;text-transform:uppercase;margin:8px 0 4px;letter-spacing:-0.04em;}
.bst-modal__tag{font-size:13px;color:var(--text2);margin:0;line-height:1.4;}

/* Modal body */
.bst-modal__body{padding:22px 26px 28px;}
.bst-modal__io{display:none;}/* replaced by bst-modal__io-flow */
.bst-modal__desc{font-size:13px;color:var(--text2);line-height:1.68;margin:0 0 22px;}

/* Steps */
.bst-modal__steps{margin-bottom:26px;}
.bst-modal__steps-title{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:12px;}
.bst-modal__step{
	display:flex;gap:14px;align-items:flex-start;
	padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);
}
.bst-modal__step:last-child{border-bottom:none;}
.bst-modal__step-num{
	width:24px;height:24px;border-radius:50%;
	background:rgba(200,255,0,.1);border:1px solid rgba(200,255,0,.12);
	color:var(--purple2);font-size:11px;font-weight:700;
	display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.bst-modal__step-text{font-size:12px;color:var(--text2);line-height:1.55;padding-top:4px;}

/* CTA */
.bst-modal__cta-wrap{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;}
.bst-modal__cta{
	flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
	padding:14px 20px;border-radius:0;
	font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;
	text-decoration:none;transition:filter .14s cubic-bezier(0.19,1,0.22,1),transform .14s cubic-bezier(0.19,1,0.22,1),box-shadow .14s cubic-bezier(0.19,1,0.22,1);
	min-height:50px;
}
.bst-modal__cta:active{transform:scale(.97);}
.bst-modal__cta--open{
	background:#C8FF00;color:#000;
}
.bst-modal__cta--open:hover{filter:brightness(1.12);box-shadow:0 6px 24px var(--glow);}
.bst-modal__cta--upgrade{
	background:#C8FF00;color:#000;
	flex-direction:column;gap:2px;
}
.bst-modal__cta--upgrade:hover{filter:brightness(1.08);box-shadow:0 6px 24px rgba(200,255,0,.15);}
.bst-modal__cta-label{font-size:13px;font-weight:700;}
.bst-modal__cta-price{font-size:11px;font-weight:400;opacity:.8;}
.bst-modal__cta--login{background:rgba(255,255,255,.1);color:var(--text);}
.bst-modal__cta--login:hover{background:rgba(255,255,255,.16);}
.bst-modal__cta--soon{
	background:rgba(255,255,255,.05);color:var(--muted);
	cursor:default;border:1px dashed rgba(255,255,255,.12);
	font-size:12px;font-weight:600;
}
.bst-modal__cta--studio-alt{margin-top:8px;background:linear-gradient(135deg,#C8FF00,#0284c7)!important}
.bst-modal__secondary{
	padding:14px 18px;border-radius:0;min-height:50px;
	border:1px solid var(--border2);background:transparent;
	color:var(--text2);font-family:inherit;font-size:12px;
	cursor:pointer;transition:background .15s cubic-bezier(0.19,1,0.22,1),color .15s,transform .14s cubic-bezier(0.19,1,0.22,1);
}
.bst-modal__secondary:hover{background:rgba(255,255,255,.06);color:var(--text);}
.bst-modal__secondary:active{transform:scale(0.97);}

/* ── Modal accent bar (top stripe in tool color) ── */
.bst-modal__accent{
	height:3px;width:100%;
	background:var(--tc,#C8FF00);
	border-radius:0;
	flex-shrink:0;
}

/* ── IO flow chips ── */
.bst-modal__io-flow{
	display:flex;align-items:center;justify-content:center;
	gap:6px;flex-wrap:wrap;
	margin-bottom:18px;
}
.bst-io-chip{
	padding:5px 12px;border-radius:0;
	font-size:11px;font-weight:600;letter-spacing:.03em;
	white-space:nowrap;
}
.bst-io-chip--in{
	background:rgba(255,255,255,.07);
	border:1px solid rgba(255,255,255,.12);
	color:rgba(255,255,255,.7);
}
.bst-io-chip--mid{
	background:color-mix(in srgb,var(--tc,#C8FF00) 18%,transparent);
	border:1px solid color-mix(in srgb,var(--tc,#C8FF00) 35%,transparent);
	color:var(--tc,#C8FF00);
}
.bst-io-chip--out{
	background:rgba(255,255,255,.04);
	border:1px solid rgba(255,255,255,.08);
	color:rgba(255,255,255,.45);
}
.bst-io-arrow{
	font-size:14px;color:rgba(255,255,255,.2);
	line-height:1;flex-shrink:0;
}

/* ── Features list ── */
.bst-modal__features{
	list-style:none;margin:0 0 22px;padding:0;
	display:flex;flex-direction:column;gap:7px;
}
.bst-modal__features li{
	display:flex;align-items:baseline;gap:8px;
	font-size:12px;color:rgba(255,255,255,.65);line-height:1.4;
}
.bst-modal__features li::before{
	content:'✓';
	color:var(--tc,#C8FF00);
	font-weight:700;font-size:11px;
	flex-shrink:0;
}

/* ── Steps: use tool color for numbers ── */
.bst-modal__step-num{
	background:color-mix(in srgb,var(--tc,#C8FF00) 20%,transparent) !important;
	border-color:color-mix(in srgb,var(--tc,#C8FF00) 35%,transparent) !important;
	color:var(--tc,#C8FF00) !important;
}

/* ── Usage meter ── */
.bst-modal__usage{
	margin-bottom:16px;padding:10px 14px;
	background:rgba(255,255,255,.03);
	border:1px solid rgba(255,255,255,.07);
	border-radius:0;
}
.bst-modal__usage-row{
	display:flex;justify-content:space-between;align-items:center;
	margin-bottom:7px;
}
.bst-modal__usage-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.3);}
.bst-modal__usage-count{font-size:11px;font-weight:600;color:rgba(255,255,255,.5);}
.bst-modal__usage-track{
	height:3px;border-radius:0;
	background:rgba(255,255,255,.08);overflow:hidden;
}
.bst-modal__usage-fill{
	height:100%;border-radius:0;
	background:var(--tc,#C8FF00);
	transition:width .38s cubic-bezier(0.23, 1, 0.32, 1);
}

/* ── Locked state: unlock intro + list ── */
.bst-modal__unlock-intro{
	display:flex;align-items:center;gap:6px;
	font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
	color:rgba(255,255,255,.35);
	margin-bottom:10px;
}
.bst-modal__unlock-list{
	list-style:none;margin:0 0 14px;padding:0;
	display:flex;flex-direction:column;gap:5px;
}
.bst-modal__unlock-list li{
	display:flex;align-items:baseline;gap:7px;
	font-size:12px;color:rgba(255,255,255,.5);
}
.bst-modal__unlock-list li::before{
	content:'→';color:rgba(255,255,255,.25);font-size:10px;flex-shrink:0;
}

/* ── Open CTA: bigger + arrow animation ── */
.bst-modal__cta--tool-open{
	background:linear-gradient(90deg,var(--tc,#C8FF00),color-mix(in srgb,var(--tc,#C8FF00) 70%,#C8FF00)) !important;
	font-size:14px !important;padding:16px 24px !important;
	position:relative;overflow:hidden;
}
.bst-modal__cta--tool-open::before{
	content:'';position:absolute;inset:0;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
	transform:translateX(-100%);
	transition:transform .4s cubic-bezier(0.23, 1, 0.32, 1);
}
.bst-modal__cta--tool-open:hover::before{transform:translateX(100%);}
.bst-cta-arrow{transition:transform .18s cubic-bezier(0.23, 1, 0.32, 1);}
.bst-modal__cta--tool-open:hover .bst-cta-arrow{transform:translateX(4px);}

/* ── Mastering plans mini-grid ── */
.bst-mastering-plans{margin-bottom:20px;}
.bst-mastering-plans__label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:10px;}
.bst-mastering-plans__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.bst-mplan{
	display:flex;flex-direction:column;gap:3px;
	background:var(--bg3);border:1px solid var(--border);border-radius:0;
	padding:12px 10px 10px;text-decoration:none;
	transition:border-color .22s cubic-bezier(0.19,1,0.22,1),background .22s cubic-bezier(0.19,1,0.22,1),transform .22s cubic-bezier(0.19,1,0.22,1);
	position:relative;overflow:hidden;
}
.bst-mplan:active{transform:scale(0.97);}
.bst-mplan:hover{border-color:var(--border2);background:rgba(255,255,255,.04);text-decoration:none;}
.bst-mplan--featured{border-color:rgba(59,130,246,.3);background:linear-gradient(155deg,rgba(59,130,246,.08),var(--bg3));}
.bst-mplan--featured:hover{border-color:rgba(59,130,246,.55);}
.bst-mplan--analog{border-color:rgba(212,168,67,.18);}
.bst-mplan--analog:hover{border-color:rgba(212,168,67,.4);}
.bst-mplan__badge{
	position:absolute;top:6px;right:7px;
	font-size:7px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
	background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.22);
	padding:1px 5px;border-radius:0;
}
.bst-mplan__tier{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.bst-mplan--featured .bst-mplan__tier{color:#60a5fa;}
.bst-mplan--analog .bst-mplan__tier{color:rgba(212,168,67,.75);}
.bst-mplan__price{
	font-size:18px;font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1;margin:2px 0;
}
.bst-mplan__price span{font-size:10px;font-weight:400;color:var(--muted);}
.bst-mplan__desc{font-size:9px;color:var(--muted);letter-spacing:.03em;line-height:1.4;}

/* Mastering credits */
.bst-mastering-credits{
	display:flex;align-items:center;gap:6px;margin-top:10px;
	font-size:11px;color:rgba(6,182,212,.85);letter-spacing:.03em;
}
.bst-mastering-credits--plan{color:rgba(34,197,94,.85);}
.bst-mcredit-dot{
	width:7px;height:7px;border-radius:50%;
	background:rgba(6,182,212,.85);box-shadow:0 0 5px rgba(6,182,212,.5);
}
.bst-mastering-credits__lbl{font-weight:600;}

/* ── Preview SVG animations ── */
.bst-prev-svg{width:100%;height:100%;padding:4px;position:relative;z-index:1;}

/* ── SVG animations — only run when card is in viewport (.bst-anim-active) ── */

/* Waveform */
.bst-bar{fill:rgba(200,255,0,.6);}
@keyframes bst-bar-pulse{0%,100%{transform:scaleY(1);}50%{transform:scaleY(.45);}}
.bst-anim-active.bst-card__preview--purple .bst-bar,
.bst-modal__hero--purple .bst-bar{transform-origin:center;animation:bst-bar-pulse 1.2s cubic-bezier(0.45,0,0.55,1) infinite;}

/* Piano */
.bst-key{fill:rgba(59,130,246,.14);stroke:rgba(59,130,246,.22);stroke-width:.5;}
.bst-key--on{fill:rgba(59,130,246,.75);}
@keyframes bst-key-flash{0%,80%,100%{fill:rgba(59,130,246,.75);}40%{fill:rgba(99,162,255,.95);}}
.bst-anim-active.bst-card__preview--blue .bst-key--on,
.bst-modal__hero--blue .bst-key--on{animation:bst-key-flash 1.8s cubic-bezier(0.45,0,0.55,1) infinite;}

/* Analyzer */
.bst-freq{fill:rgba(34,197,94,.65);}
@keyframes bst-freq-grow{0%,100%{transform:scaleY(1);}50%{transform:scaleY(.55);}}
.bst-anim-active.bst-card__preview--green .bst-freq,
.bst-modal__hero--green .bst-freq{transform-origin:bottom;animation:bst-freq-grow 1.5s cubic-bezier(0.45,0,0.55,1) infinite;}

/* Lyrics */
.bst-lyric-line{fill:rgba(234,179,8,.45);}
@keyframes bst-lyric-in{from{width:0;}to{}}
.bst-anim-active.bst-card__preview--yellow .bst-lyric-line,
.bst-modal__hero--yellow .bst-lyric-line{animation:bst-lyric-in .6s ease-out forwards;}

/* Cover */
@keyframes bst-cover-spin{from{filter:hue-rotate(0deg);}to{filter:hue-rotate(360deg);}}
.bst-cover-bg{transform-origin:center;}
.bst-anim-active.bst-card__preview--pink .bst-cover-bg,
.bst-modal__hero--pink .bst-cover-bg{animation:bst-cover-spin 8s linear infinite;}
.bst-cover-line{fill:rgba(255,255,255,.28);}
@keyframes bst-cover-line-pulse{0%,100%{opacity:.28;}50%{opacity:.65;}}
.bst-anim-active.bst-card__preview--pink .bst-cover-line,
.bst-modal__hero--pink .bst-cover-line{animation:bst-cover-line-pulse 2s cubic-bezier(0.45,0,0.55,1) infinite;}

/* Stems */
.bst-stem-bg{fill:rgba(249,115,22,.1);}
.bst-stem-fill{fill:rgba(249,115,22,.65);}
@keyframes bst-stem-appear{from{width:0;}to{}}
.bst-anim-active.bst-card__preview--orange .bst-stem-fill,
.bst-modal__hero--orange .bst-stem-fill{animation:bst-stem-appear .7s ease-out forwards;}

/* EQ */
.bst-eq-line{stroke:rgba(6,182,212,.85);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.bst-eq-ref{stroke:rgba(255,255,255,.1);stroke-width:1;stroke-dasharray:3 3;}
@keyframes bst-eq-wave{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.bst-anim-active.bst-card__preview--cyan .bst-eq-line,
.bst-modal__hero--cyan .bst-eq-line{animation:bst-eq-wave 2.5s cubic-bezier(0.45,0,0.55,1) infinite;}

/* Denoise (teal) */
.bst-noise-bar{fill:rgba(20,184,166,.32);}
.bst-clean-bar{fill:rgba(45,212,191,.85);}
@keyframes bst-noise-flicker{0%,100%{transform:scaleY(1);opacity:.32;}30%{transform:scaleY(.25);opacity:.15;}65%{transform:scaleY(.6);opacity:.28;}}
@keyframes bst-clean-pulse{0%,100%{transform:scaleY(1);}50%{transform:scaleY(.5);}}
.bst-anim-active.bst-card__preview--teal .bst-noise-bar,
.bst-modal__hero--teal .bst-noise-bar{transform-origin:bottom;animation:bst-noise-flicker .45s cubic-bezier(0.45,0,0.55,1) infinite;}
.bst-anim-active.bst-card__preview--teal .bst-clean-bar,
.bst-modal__hero--teal .bst-clean-bar{transform-origin:center;animation:bst-clean-pulse 1.4s cubic-bezier(0.45,0,0.55,1) infinite;}

/* Bass Boost (amber) */
.bst-flat-bar{fill:rgba(245,158,11,.28);}
.bst-bass-bar{fill:rgba(251,191,36,.9);}
@keyframes bst-flat-idle{0%,100%{transform:scaleY(1);opacity:.28;}50%{transform:scaleY(.8);opacity:.2;}}
@keyframes bst-bass-pump{0%,100%{transform:scaleY(1);}50%{transform:scaleY(1.3);}}
.bst-anim-active.bst-card__preview--amber .bst-flat-bar,
.bst-modal__hero--amber .bst-flat-bar{transform-origin:center;animation:bst-flat-idle 1.2s cubic-bezier(0.45,0,0.55,1) infinite;}
.bst-anim-active.bst-card__preview--amber .bst-bass-bar,
.bst-modal__hero--amber .bst-bass-bar{transform-origin:bottom;animation:bst-bass-pump .8s cubic-bezier(0.45,0,0.55,1) infinite;}

/* ── Plans responsive ── */
@media(max-width:1060px){
	.bst-plans__grid{grid-template-columns:repeat(2,1fr);}
	.bst-plan{padding:26px 20px 22px;}
}
@media(max-width:560px){
	.bst-plans__grid{grid-template-columns:1fr 1fr;}
	.bst-plan--label{grid-column:span 2;}
}

/* ── Mobile ── */
@media(max-width:600px){
	.bst-wrap{padding:24px 14px 56px;}
	.bst-header__title{font-size:26px;}
	.bst-plan-banner{flex-wrap:wrap;gap:12px;}
	.bst-plan-banner__info{flex-wrap:wrap;}
	.bst-plan-banner__bar{max-width:100px;}
	.bst-grid{grid-template-columns:1fr 1fr;gap:10px;}
	.bst-card__preview{height:74px;}
	.bst-card__body{padding:10px 12px 14px;}
	.bst-card__name{font-size:13px;}
	.bst-card__tag,.bst-card__desc{display:none;}
	.bst-card__btn{font-size:10px;padding:6px 12px;}
	/* Modal mobile — fullscreen sheet, no blur (GPU cost) */
	.bst-modal-bg{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,.85);}
	.bst-modal{
		inset:0;width:100%;max-height:none;
		border-radius:0;transform:none;
		border:none;overflow-y:auto;
	}
	.bst-modal--open{
		animation:bst-modal-in-mobile .28s cubic-bezier(.18,0,.18,1) forwards;
	}
	.bst-modal__hero{padding:24px 16px 18px;}
	.bst-modal__title{font-size:20px;}
	.bst-modal__body{padding:14px 16px 20px;}
	.bst-modal__io-flow{gap:4px;}.bst-io-chip{font-size:10px;padding:4px 9px;}
	.bst-modal__cta-wrap{flex-direction:column;}
	.bst-modal__cta,.bst-modal__secondary{min-height:46px;}
	.bst-modal__steps{margin-bottom:18px;}
}
@media(max-width:480px){
	.bst-mastering-plans__grid{grid-template-columns:1fr;}
	.bst-mplan{flex-direction:row;align-items:center;gap:10px;padding:10px 12px;}
	.bst-mplan__price{font-size:15px;}
}
@media(max-width:420px){
	.bst-grid{grid-template-columns:1fr;}
}
@media(max-width:380px){
	.bst-plans__grid{grid-template-columns:1fr;}
	.bst-plan--label{grid-column:span 1;}
	.bst-modal__io-flow{flex-direction:column;}
}

/* ── Bottom CTA ── */
.bst-bottom-cta{
	display:flex;align-items:center;justify-content:center;
	flex-wrap:wrap;gap:16px;
	margin-top:40px;padding:28px 24px;
	border-radius:var(--radius);
	background:rgba(255,255,255,.03);
	border:1px solid rgba(255,255,255,.07);
	text-align:center;
}
.bst-bottom-cta__stat{
	display:flex;flex-direction:column;align-items:center;gap:2px;
	font-size:22px;font-weight:700;color:rgba(255,255,255,.4);
	letter-spacing:-.02em;
}
.bst-bottom-cta__stat span{
	font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;
	color:rgba(255,255,255,.25);
}
.bst-bottom-cta__stat--bh{
	color:#fff;
}
.bst-bottom-cta__stat--bh span{color:rgba(255,255,255,.5);}
.bst-bottom-cta__arrow{
	font-size:20px;color:rgba(200,255,0,.5);font-weight:700;
}
.bst-bottom-cta__btn{
	padding:12px 28px;border-radius:0;
	background:linear-gradient(135deg,#C8FF00,#7c3aed);
	color:#fff;font-weight:700;font-size:13px;letter-spacing:.03em;
	text-decoration:none;
	transition:filter .18s cubic-bezier(0.19,1,0.22,1),transform .18s cubic-bezier(0.19,1,0.22,1);
	white-space:nowrap;
}
.bst-bottom-cta__btn:hover{filter:brightness(1.12);transform:translateY(-1px);}
.bst-bottom-cta__btn:active{transform:scale(0.97);}

/* ── Accessibility / battery: disable decorative animations ── */
@media(prefers-reduced-motion:reduce){
	.bst-card{transition:border-color .15s,box-shadow .15s;}
	.bst-card:hover,.bst-card:focus-visible{transform:none;}
	.bst-bar,.bst-key--on,.bst-freq,.bst-lyric-line,
	.bst-cover-bg,.bst-cover-line,.bst-stem-fill,.bst-eq-line,
	.bst-modal__hero-glow{animation:none;}
	.bst-modal--open,.bst-modal-bg--open{animation:none;}
}

/* ── Audio Tool embedded form ── */
.bst-audio-tool{
	display:flex;flex-direction:column;gap:12px;
	margin-top:16px;width:100%;
}
.bst-at-dropzone{
	display:flex;flex-direction:column;align-items:center;justify-content:center;
	gap:8px;padding:28px 20px;
	border:1.5px dashed rgba(255,255,255,.18);
	border-radius:0;
	background:rgba(255,255,255,.03);
	cursor:pointer;
	transition:border-color .22s cubic-bezier(0.19,1,0.22,1),background .22s cubic-bezier(0.19,1,0.22,1);
}
.bst-at-dropzone:hover,.bst-at-dropzone--over{
	border-color:rgba(255,255,255,.35);
	background:rgba(255,255,255,.06);
}
.bst-at-drop-icon{color:rgba(255,255,255,.4);margin-bottom:4px;}
.bst-at-drop-label{font-size:13px;color:rgba(255,255,255,.7);margin:0;text-align:center;}
.bst-at-browse{color:var(--tc,#C8FF00);cursor:pointer;text-decoration:underline;}
.bst-at-drop-hint{font-size:11px;color:rgba(255,255,255,.3);margin:0;}

.bst-at-file-info{
	display:flex;align-items:center;gap:8px;
	padding:10px 14px;
	border-radius:0;
	background:rgba(255,255,255,.05);
	border:1px solid rgba(255,255,255,.1);
}
.bst-at-file-info svg{color:rgba(255,255,255,.5);flex-shrink:0;}
.bst-at-file-name{
	flex:1;font-size:12px;color:rgba(255,255,255,.8);
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.bst-at-remove{
	background:none;border:none;color:rgba(255,255,255,.4);
	font-size:18px;line-height:1;cursor:pointer;padding:0 2px;
	transition:color .15s;
}
.bst-at-remove:hover{color:rgba(255,255,255,.8);}

.bst-at-controls{padding:2px 0;display:flex;flex-direction:column;gap:8px;}
.bst-at-range-row{
	display:flex;align-items:center;gap:8px;
}
.bst-at-range-label{font-size:11px;color:rgba(255,255,255,.4);white-space:nowrap;}
.bst-at-range{
	flex:1;accent-color:var(--tc,#C8FF00);height:4px;cursor:pointer;
}
.bst-at-range-val{
	font-size:11px;color:var(--tc,#C8FF00);font-weight:600;
	min-width:42px;text-align:right;white-space:nowrap;
}

/* Select controls (mastering_ai) */
.bst-at-select-row{
	display:flex;align-items:center;gap:10px;
}
.bst-at-select-label{
	font-size:11px;color:rgba(255,255,255,.5);white-space:nowrap;min-width:52px;
}
.bst-at-select{
	flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
	border-radius:0;color:rgba(255,255,255,.85);font-size:12px;
	padding:7px 10px;outline:none;cursor:pointer;
	-webkit-appearance:none;appearance:none;
}
.bst-at-select:focus{border-color:var(--tc,#C8FF00);}

/* Mastering result */
.bst-ma-result{
	display:flex;flex-direction:column;gap:12px;
	padding:14px;border-radius:0;
	background:rgba(255,255,255,.03);
	border:1px solid var(--border2,rgba(255,255,255,.12));
}
.bst-ma-lufs{
	display:flex;align-items:center;justify-content:center;gap:14px;
}
.bst-ma-lufs-stat{
	display:flex;flex-direction:column;align-items:center;gap:3px;
}
.bst-ma-lufs-val{
	font-size:17px;font-weight:700;color:rgba(255,255,255,.5);
	line-height:1;letter-spacing:-.3px;
}
.bst-ma-lufs-val--ok{color:var(--tc,#22c55e);}
.bst-ma-lufs-label{
	font-size:10px;color:rgba(255,255,255,.35);
	text-transform:uppercase;letter-spacing:.6px;
}

.bst-at-process-btn{
	width:100%;padding:12px;border-radius:0;border:none;
	background:var(--tc,#C8FF00);
	color:#fff;font-size:13px;font-weight:700;letter-spacing:.03em;
	cursor:pointer;transition:filter .18s cubic-bezier(0.19,1,0.22,1),transform .18s cubic-bezier(0.19,1,0.22,1),opacity .18s;
}
.bst-at-process-btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);}
.bst-at-process-btn:active:not(:disabled){transform:scale(0.97);}
.bst-at-process-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none;}

.bst-at-status{display:flex;flex-direction:column;gap:8px;padding:4px 0;}
.bst-at-progress{
	height:4px;border-radius:0;
	background:rgba(255,255,255,.1);overflow:hidden;
}
.bst-at-progress-bar{
	height:100%;width:0%;
	background:var(--tc,#C8FF00);
	border-radius:0;
	transition:width .55s cubic-bezier(0.23, 1, 0.32, 1);
}
.bst-at-status-text{font-size:12px;color:rgba(255,255,255,.5);margin:0;text-align:center;}

.bst-at-result{
	display:flex;align-items:center;gap:10px;
	padding:10px 14px;border-radius:0;
	background:rgba(34,197,94,.08);
	border:1px solid rgba(34,197,94,.2);
}
.bst-at-result>span{font-size:12px;color:rgba(255,255,255,.7);flex:1;}
.bst-at-download-btn{
	display:inline-flex;align-items:center;gap:6px;
	padding:7px 14px;border-radius:0;
	background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);
	color:#22c55e;font-size:12px;font-weight:600;
	text-decoration:none;
	transition:background .15s,border-color .15s;
	white-space:nowrap;
}
.bst-at-download-btn:hover{background:rgba(34,197,94,.25);border-color:rgba(34,197,94,.5);}

.bst-at-error{
	display:flex;align-items:center;gap:8px;
	padding:10px 14px;border-radius:0;
	background:rgba(248,113,113,.08);
	border:1px solid rgba(248,113,113,.2);
}
.bst-at-error>span{font-size:12px;color:rgba(248,113,113,.9);}

.bst-at-fullpage-link{
	display:block;text-align:center;
	font-size:11px;color:rgba(255,255,255,.35);
	text-decoration:none;padding:6px 0 2px;
	transition:color .15s;
}
.bst-at-fullpage-link:hover{color:var(--tc,rgba(255,255,255,.7));}

/* ── Beat Intel result ── */
.bst-bi-result{
	display:flex;flex-direction:column;gap:16px;
	padding:16px;border-radius:0;
	background:rgba(255,255,255,.03);
	border:1px solid var(--border2,rgba(255,255,255,.12));
}
.bst-bi-stats{
	display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.bst-bi-stat{
	display:flex;flex-direction:column;align-items:center;gap:4px;
	padding:12px 8px;border-radius:0;
	background:rgba(255,255,255,.04);
	border:1px solid var(--border,rgba(255,255,255,.07));
}
.bst-bi-stat-val{
	font-size:20px;font-weight:700;
	color:var(--tc,#C8FF00);
	line-height:1;letter-spacing:-.5px;
}
.bst-bi-stat-label{
	font-size:10px;font-weight:500;
	color:var(--text2,rgba(255,255,255,.5));
	text-transform:uppercase;letter-spacing:.6px;
}
.bst-bi-meters{
	display:flex;flex-direction:column;gap:10px;
}
.bst-bi-meter{
	display:grid;grid-template-columns:90px 1fr;
	align-items:center;gap:10px;
}
.bst-bi-meter-label{
	font-size:11px;color:var(--text2,rgba(255,255,255,.5));
	text-align:right;white-space:nowrap;
}
.bst-bi-meter-track{
	height:6px;border-radius:999px;
	background:rgba(255,255,255,.08);
	overflow:hidden;
}
.bst-bi-meter-fill{
	height:100%;border-radius:999px;
	background:var(--tc,#C8FF00);
	width:0%;
	transition:width .6s cubic-bezier(.4,0,.2,1);
}

/* ════════════════════════════════════════════════
   TOP ZONE — header + status area
   ════════════════════════════════════════════════ */
.bst-top-zone {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.bst-top-zone__main {
  /* contains: header + banners + plan banner + drafts */
}

/* Tighten header when inside top zone */
.bst-top-zone .bst-header {
  padding-bottom: 20px;
}

/* ════════════════════════════════════════════════
   SECTIONS — tools / plans
   ════════════════════════════════════════════════ */
.bst-section {
  display: flex;
  flex-direction: column;
}
.bst-section--tools {
  padding-top: 4px;
  margin-bottom: 0;
}
.bst-section--plans {
  padding-top: 0;
}

/* Section header row */
.bst-section-hd {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 0 16px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  margin-bottom: 20px;
}
.bst-section-hd__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.35);
}
.bst-section-hd__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 18px;
  padding: 0 6px;
  border-radius: 0;
  background: rgba(255,255,255,.07);
  font-size: 10px;
  font-weight: 700;
  color: rgba(255,255,255,.4);
  letter-spacing: 0;
}
.bst-section-hd__note {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .04em;
  color: rgba(34,197,94,.65);
  margin-left: auto;
}

/* ── Section divider (———  PRICING  ———) ── */
.bst-section-divider {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 52px 0 48px;
  color: rgba(255,255,255,.18);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.bst-section-divider::before,
.bst-section-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(255,255,255,.07);
}
.bst-section-divider span {
  flex-shrink: 0;
  padding: 4px 14px;
  border-radius: 0;
  border: 1px solid rgba(255,255,255,.07);
  color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.02);
}

/* Remove old margin that now belongs to the divider */
.bst-section--plans .bst-plans {
  margin-top: 0;
}

/* Bottom CTA stays inside plans section */
.bst-section--plans .bst-bottom-cta {
  margin-top: 32px;
}

/* ── Responsive ── */
@media(max-width:600px) {
  .bst-section-divider {
    margin: 36px 0 32px;
  }
  .bst-section-hd {
    padding-bottom: 12px;
    margin-bottom: 16px;
  }
}
