/* ─────────────────────────────────────────────────────────────────
   board-builder-tour.css — Platform-page section styles (this page only).
   Extracted from the inline <style> in board-builder.html on 2026-06-04
   to drop the page under 1000 lines. Loaded AFTER board-builder.css so
   the cascade order is unchanged. Reuses --amber/--bb-* tokens.
   ───────────────────────────────────────────────────────────────── */
/* ── Page-tour additions (this page only). Reuses brand tokens: --amber,
   .container, .bb-eyebrow, .bb-section-head, .rv reveals. No new globals. ── */
.bb-tour{padding:5.5rem 0;position:relative;background:var(--bb-surface-dark)}
.bb-tour-alt{background:#1b1825}
/* bb-tour is a dark section — the shared light-theme section head needs light text (mirrors .bb-gallery) */
.bb-tour .bb-section-head h2{color:#fff}
.bb-tour .bb-section-sub{color:rgba(255,255,255,0.72)}
.bb-tour-feature{
  display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;
  max-width:1040px;margin:0 auto 5.5rem;
}
.bb-tour-feature:last-child{margin-bottom:0}
.bb-tour-feature.bb-flip .bb-tour-copy{order:2}
.bb-tour-feature.bb-flip .bb-tour-visual{order:1}
.bb-tour-tag{
  display:inline-flex;align-items:center;gap:0.5rem;font-size:0.74rem;font-weight:700;
  letter-spacing:0.12em;text-transform:uppercase;color:var(--amber);margin-bottom:1rem;
}
.bb-tour-copy h3{
  font-family:'Fraunces',serif;font-size:clamp(1.65rem,3.4vw,2.3rem);line-height:1.08;
  font-weight:600;margin:0 0 1rem;color:#fff;letter-spacing:-0.01em;
}
.bb-tour-copy h3 em{font-style:italic;color:var(--amber)}
.bb-tour-copy>p{font-size:1.06rem;line-height:1.65;color:rgba(255,255,255,0.74);margin:0 0 1.4rem}
.bb-tour-list{list-style:none;margin:0;padding:0;display:grid;gap:0.7rem}
.bb-tour-list li{
  display:flex;gap:0.7rem;font-size:0.96rem;line-height:1.5;color:rgba(255,255,255,0.82);
}
.bb-tour-list li::before{content:"✓";color:var(--amber);font-weight:800;flex:none}
.bb-tour-cta{
  display:inline-flex;align-items:center;gap:0.4rem;margin-top:1.6rem;color:var(--amber);
  font-weight:700;font-size:0.95rem;text-decoration:none;border-bottom:1px solid transparent;
}
.bb-tour-cta:hover{border-bottom-color:var(--amber)}
.bb-tour-visual{
  position:relative;border-radius:22px;padding:1.6rem;min-height:240px;
  background:linear-gradient(160deg,rgba(255,255,255,0.05),rgba(255,255,255,0.015));
  border:1px solid rgba(255,255,255,0.09);
  box-shadow:0 30px 70px -30px rgba(0,0,0,0.6);
}
/* Editor mock */
.bb-editor-toolbar{display:flex;gap:0.45rem;flex-wrap:wrap;margin-bottom:1rem}
.bb-editor-toolbar span{
  font-size:0.72rem;font-weight:600;color:rgba(255,255,255,0.7);
  background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);
  border-radius:8px;padding:0.32rem 0.6rem;white-space:nowrap;
}
.bb-editor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.55rem}
.bb-mock-tile{
  border-radius:12px;padding:0.7rem 0.4rem;text-align:center;color:#fff;font-weight:700;
  font-size:0.72rem;border:1.5px solid rgba(255,255,255,0.18);
  display:flex;flex-direction:column;align-items:center;gap:0.25rem;
}
.bb-mock-tile .e{font-size:1.35rem;line-height:1}
.bb-c-verb{background:rgba(76,175,80,0.22);border-color:rgba(76,175,80,0.5)}
.bb-c-noun{background:rgba(255,152,0,0.2);border-color:rgba(255,152,0,0.5)}
.bb-c-adj{background:rgba(33,150,243,0.2);border-color:rgba(33,150,243,0.5)}
.bb-c-social{background:rgba(233,30,99,0.2);border-color:rgba(233,30,99,0.5)}
.bb-c-folder{background:rgba(156,39,176,0.22);border-color:rgba(156,39,176,0.5)}
.bb-mock-tile.bb-span2{grid-column:span 2}
.bb-mock-sel{box-shadow:0 0 0 2px var(--amber),0 0 0 5px rgba(255,179,71,0.3)}
/* Symbol chips */
.bb-symbol-chips{display:flex;flex-wrap:wrap;gap:0.55rem}
.bb-symbol-chips span{
  font-size:0.84rem;font-weight:600;color:rgba(255,255,255,0.82);
  background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);
  border-radius:100px;padding:0.45rem 0.95rem;
}
.bb-symbol-chips span.up{color:var(--amber);border-color:rgba(255,179,71,0.4)}
/* Phone preview frames */
.bb-preview-row{display:flex;gap:1rem;align-items:flex-end;justify-content:center}
.bb-phone{
  border:2px solid rgba(255,255,255,0.18);border-radius:18px;background:rgba(0,0,0,0.3);
  padding:0.5rem;width:108px;
}
.bb-phone.bb-tablet{width:150px}
.bb-phone-screen{display:grid;grid-template-columns:repeat(3,1fr);gap:0.3rem}
.bb-phone .bb-mock-tile{font-size:0.55rem;padding:0.45rem 0.2rem}
.bb-phone .bb-mock-tile .e{font-size:0.95rem}
.bb-phone-label{text-align:center;font-size:0.68rem;color:rgba(255,255,255,0.6);margin-top:0.45rem}
/* Templates strip */
.bb-tpl-strip{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;max-width:760px;margin:0 auto}
.bb-tpl-strip span{
  font-size:0.82rem;font-weight:600;color:rgba(255,255,255,0.8);
  background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);
  border-radius:100px;padding:0.5rem 1rem;
}
/* Import logos / formats */
.bb-fmt-list{display:flex;flex-wrap:wrap;gap:0.55rem}
.bb-fmt-list span{
  font-size:0.84rem;font-weight:600;color:rgba(255,255,255,0.8);
  background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);
  border-radius:8px;padding:0.4rem 0.85rem;
}
.bb-fmt-badge{
  display:inline-block;font-size:0.72rem;font-weight:800;letter-spacing:0.08em;
  color:#0c0c0c;background:var(--amber);border-radius:6px;padding:0.25rem 0.6rem;margin-bottom:0.9rem;
}
/* Feature matrix */
.bb-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1000px;margin:0 auto}
.bb-matrix-card{
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;padding:1.4rem;
}
.bb-matrix-card .ic{font-size:1.6rem;display:block;margin-bottom:0.6rem}
.bb-matrix-card h4{margin:0 0 0.4rem;font-size:1.02rem;color:#fff;font-weight:700}
.bb-matrix-card p{margin:0;font-size:0.9rem;line-height:1.5;color:rgba(255,255,255,0.68)}
/* ── Freedom showcase (this page only). Bold, high-impact band right after
   the hero. Reuses --amber, .container, .rv reveals — no new globals. ── */
.bb-freedom{position:relative;padding:5rem 0 4.5rem;overflow:hidden;background:var(--bb-surface-dark)}
.bb-freedom::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(60% 80% at 12% 0%, rgba(255,179,71,0.10), transparent 60%),
    radial-gradient(55% 80% at 92% 100%, rgba(255,179,71,0.07), transparent 60%);
}
.bb-freedom .container{position:relative;z-index:1}
.bb-freedom-head{max-width:760px;margin:0 auto 3rem;text-align:center}
.bb-freedom-eyebrow{
  display:inline-flex;align-items:center;gap:0.5rem;font-size:0.74rem;font-weight:800;
  letter-spacing:0.16em;text-transform:uppercase;color:var(--amber);margin-bottom:1.1rem;
  border:1px solid rgba(255,179,71,0.4);border-radius:100px;padding:0.4rem 1rem;
  background:rgba(255,179,71,0.07);
}
.bb-freedom-head h2{
  font-family:'Fraunces',serif;font-size:clamp(2rem,5vw,3.3rem);line-height:1.04;
  font-weight:700;margin:0 0 1rem;color:#fff;letter-spacing:-0.015em;
}
.bb-freedom-head h2 em{font-style:italic;color:var(--amber)}
.bb-freedom-head p{font-size:1.12rem;line-height:1.6;color:rgba(255,255,255,0.76);margin:0}
.bb-freedom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;max-width:960px;margin:0 auto}
.bb-freedom-card{
  position:relative;border-radius:20px;padding:2rem 1.7rem;
  background:linear-gradient(165deg,rgba(255,255,255,0.05),rgba(255,255,255,0.015));
  border:1px solid rgba(255,255,255,0.1);
  box-shadow:0 30px 70px -40px rgba(0,0,0,0.6);
}
.bb-freedom-card .bb-freedom-ic{
  width:52px;height:52px;border-radius:14px;display:grid;place-items:center;
  font-size:1.6rem;margin-bottom:1.1rem;
  background:rgba(255,179,71,0.12);border:1px solid rgba(255,179,71,0.35);
}
.bb-freedom-kicker{
  display:inline-block;font-size:0.68rem;font-weight:800;letter-spacing:0.1em;
  text-transform:uppercase;color:#0c0c0c;background:var(--amber);
  border-radius:6px;padding:0.22rem 0.55rem;margin-bottom:0.85rem;
}
.bb-freedom-card h3{
  font-family:'Fraunces',serif;font-size:1.4rem;line-height:1.1;font-weight:600;
  margin:0 0 0.7rem;color:#fff;letter-spacing:-0.01em;
}
.bb-freedom-card p{font-size:0.97rem;line-height:1.6;color:rgba(255,255,255,0.76);margin:0 0 0.9rem}
.bb-freedom-card p:last-child{margin-bottom:0}
.bb-freedom-fineprint{font-size:0.82rem;color:rgba(255,255,255,0.55);line-height:1.5}
.bb-freedom-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.2rem}
.bb-freedom-tags span{
  font-size:0.74rem;font-weight:700;color:rgba(255,255,255,0.82);
  background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);
  border-radius:7px;padding:0.28rem 0.6rem;
}
.bb-freedom-cta{text-align:center;margin-top:3rem}
.bb-freedom-cta-line{
  font-size:1.05rem;font-weight:600;color:rgba(255,255,255,0.86);margin:0 0 1.3rem;
}
.bb-freedom-cta-line em{font-style:italic;color:var(--amber)}
@media(max-width:880px){
  .bb-freedom-grid{grid-template-columns:1fr;gap:1.2rem;max-width:520px}
}
/* AI panel */
.bb-ai-modes{display:grid;gap:0.8rem}
.bb-ai-mode{
  display:flex;gap:0.85rem;align-items:flex-start;
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);
  border-radius:12px;padding:0.9rem 1rem;
}
.bb-ai-mode .n{
  flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;
  background:var(--amber);color:#0c0c0c;font-weight:800;font-size:0.85rem;
}
.bb-ai-mode b{display:block;color:#fff;font-size:0.95rem;margin-bottom:0.15rem}
.bb-ai-mode small{color:rgba(255,255,255,0.66);font-size:0.84rem;line-height:1.45}
@media(max-width:820px){
  .bb-tour-feature{grid-template-columns:1fr;gap:1.8rem;margin-bottom:4rem}
  .bb-tour-feature.bb-flip .bb-tour-copy{order:1}
  .bb-tour-feature.bb-flip .bb-tour-visual{order:2}
  .bb-matrix{grid-template-columns:1fr}
}
/* ── Anywhere band (this page only). Bold, prominent — sits right under the
   hero. Reuses --amber, .container, .rv reveals — no new globals. ── */
.bb-anywhere{position:relative;padding:5rem 0 4.5rem;overflow:hidden;
  background:var(--bb-surface-dark);border-top:1px solid rgba(255,179,71,0.16);
  border-bottom:1px solid rgba(255,179,71,0.16)}
.bb-anywhere::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(70% 90% at 85% 10%, rgba(255,179,71,0.12), transparent 62%);
}
.bb-anywhere .container{position:relative;z-index:1}
.bb-anywhere-grid{
  display:grid;grid-template-columns:1.15fr 0.85fr;gap:3.2rem;align-items:center;
  max-width:1040px;margin:0 auto;
}
.bb-anywhere-eyebrow{
  display:inline-flex;align-items:center;gap:0.5rem;font-size:0.74rem;font-weight:800;
  letter-spacing:0.16em;text-transform:uppercase;color:var(--amber);margin-bottom:1.1rem;
  border:1px solid rgba(255,179,71,0.4);border-radius:100px;padding:0.4rem 1rem;
  background:rgba(255,179,71,0.07);
}
.bb-anywhere-copy h2{
  font-family:'Fraunces',serif;font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.04;
  font-weight:700;margin:0 0 0.4rem;color:#fff;letter-spacing:-0.015em;
}
.bb-anywhere-copy h2 em{font-style:italic;color:var(--amber)}
.bb-anywhere-subline{
  font-family:'Fraunces',serif;font-size:clamp(1.05rem,2.4vw,1.45rem);font-weight:500;
  color:rgba(255,255,255,0.7);margin:0 0 1.3rem;letter-spacing:0.01em;
}
.bb-anywhere-copy>p{font-size:1.08rem;line-height:1.65;color:rgba(255,255,255,0.78);margin:0 0 1.7rem}
.bb-anywhere-copy>p strong{color:#fff}
.bb-anywhere-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0.9rem;margin-bottom:1.7rem}
.bb-anywhere-card{
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);
  border-radius:14px;padding:1.1rem 1rem;
}
.bb-anywhere-card .ic{font-size:1.5rem;display:block;margin-bottom:0.5rem}
.bb-anywhere-card b{display:block;color:#fff;font-size:0.96rem;font-weight:700;margin-bottom:0.25rem}
.bb-anywhere-card small{color:rgba(255,255,255,0.66);font-size:0.82rem;line-height:1.4;display:block}
.bb-anywhere-fine{font-size:0.86rem;color:rgba(255,255,255,0.58);line-height:1.5;margin:0 0 1.5rem}
.bb-anywhere-fine b{color:var(--amber);font-weight:700}
.bb-anywhere-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem}
.bb-anywhere-qr{
  width:188px;height:188px;border-radius:20px;padding:18px;
  background:#fff;box-shadow:0 30px 70px -30px rgba(0,0,0,0.65);
}
.bb-anywhere-qr svg{display:block;width:100%;height:100%}
.bb-anywhere-qr-label{
  font-size:0.84rem;font-weight:700;color:rgba(255,255,255,0.78);letter-spacing:0.02em;
  text-align:center;
}
.bb-anywhere-qr-label em{font-style:normal;color:var(--amber)}
@media(max-width:880px){
  .bb-anywhere-grid{grid-template-columns:1fr;gap:2.4rem;max-width:560px}
  .bb-anywhere-visual{order:-1}
}
@media(max-width:560px){
  .bb-anywhere-cards{grid-template-columns:1fr}
}
/* ── TinkySeal band (this page only). Sits after Anywhere. Reuses --amber,
   .container, .rv reveals — no new globals. ── */
.ts-seal{position:relative;padding:5rem 0 4.5rem;overflow:hidden;
  background:var(--bb-surface-dark);border-top:1px solid rgba(255,179,71,0.18);
  border-bottom:1px solid rgba(255,179,71,0.18)}
.ts-seal::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(75% 95% at 12% 8%, rgba(255,179,71,0.13), transparent 60%);
}
.ts-seal .container{position:relative;z-index:1;max-width:1040px}
.ts-seal-head{text-align:center;max-width:760px;margin:0 auto 2.6rem}
.ts-seal-eyebrow{
  display:inline-flex;align-items:center;gap:0.5rem;font-size:0.74rem;font-weight:800;
  letter-spacing:0.16em;text-transform:uppercase;color:var(--amber);margin-bottom:1.1rem;
  border:1px solid rgba(255,179,71,0.4);border-radius:100px;padding:0.4rem 1rem;
  background:rgba(255,179,71,0.07);
}
.ts-seal-head h2{
  font-family:'Fraunces',serif;font-size:clamp(2rem,4.6vw,3rem);line-height:1.05;
  font-weight:700;margin:0 0 0.6rem;color:#fff;letter-spacing:-0.015em;
}
.ts-seal-head h2 em{font-style:italic;color:var(--amber)}
.ts-seal-cards{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;margin:0 auto 2rem;
}
.ts-seal-card{
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);
  border-radius:16px;padding:1.5rem 1.4rem;
}
.ts-seal-card .ic{font-size:1.7rem;display:block;margin-bottom:0.7rem}
.ts-seal-card h3{
  font-family:'Fraunces',serif;font-size:1.18rem;font-weight:700;color:#fff;
  margin:0 0 0.55rem;letter-spacing:-0.01em;
}
.ts-seal-card p{font-size:0.98rem;line-height:1.6;color:rgba(255,255,255,0.76);margin:0}
.ts-seal-card p strong{color:#fff}
.ts-seal-card.ts-seal-wedge{grid-column:1 / -1;background:rgba(255,179,71,0.07);
  border-color:rgba(255,179,71,0.32)}
.ts-seal-card.ts-seal-wedge h3 em{font-style:italic;color:var(--amber)}
.ts-seal-card p em{font-style:normal;color:var(--amber);font-weight:600}
.ts-seal-pilot{
  max-width:820px;margin:0 auto;display:flex;gap:0.7rem;align-items:flex-start;
  background:rgba(255,255,255,0.03);border:1px dashed rgba(255,255,255,0.2);
  border-radius:12px;padding:1rem 1.2rem;
}
.ts-seal-pilot .ic{font-size:1.1rem;flex:none;line-height:1.5}
.ts-seal-pilot p{font-size:0.85rem;line-height:1.55;color:rgba(255,255,255,0.6);margin:0}
.ts-seal-pilot p b{color:var(--amber);font-weight:700}
@media(max-width:760px){
  .ts-seal-cards{grid-template-columns:1fr}
}