/* ═══════════════════════════════════════════════════════════════
   SisiFoBe — Zero Budget Launch · Premium Dark UI
   Unique DOM Architecture v1.0 · sfb- prefix namespace
   backdrop-filter glassmorphism + radial-gradient neon glows
═══════════════════════════════════════════════════════════════ */

/* ── ROOT TOKENS ─────────────────────────────────────────────── */
:root {
  --sfb-bg-base:        #0a0a0c;
  --sfb-bg-surface:     #0d0d14;
  --sfb-bg-elevated:    #12121e;
  --sfb-bg-card:        rgba(255,255,255,0.035);
  --sfb-bg-card-h:      rgba(255,255,255,0.06);

  --sfb-neon-r:         #ff2255;
  --sfb-neon-r-dim:     rgba(255,34,85,0.15);
  --sfb-neon-r-glow:    rgba(255,34,85,0.28);
  --sfb-neon-b:         #2563ff;
  --sfb-neon-b-dim:     rgba(37,99,255,0.15);
  --sfb-neon-b-glow:    rgba(37,99,255,0.25);

  --sfb-glass-edge:     rgba(255,255,255,0.08);
  --sfb-glass-edge-h:   rgba(255,255,255,0.16);

  --sfb-txt-hi:         #f0f4ff;
  --sfb-txt-md:         #9aaabf;
  --sfb-txt-lo:         #48566a;

  --sfb-shadow-r: 0 0 60px var(--sfb-neon-r-glow), 0 0 120px rgba(255,34,85,.1);
  --sfb-shadow-b: 0 0 60px var(--sfb-neon-b-glow), 0 0 120px rgba(37,99,255,.1);
  --sfb-shadow-card: 0 24px 64px rgba(0,0,0,.45);

  --sfb-r-xs: 8px;
  --sfb-r-sm: 12px;
  --sfb-r:    18px;
  --sfb-r-lg: 24px;
  --sfb-r-xl: 32px;

  --sfb-ease: cubic-bezier(.4,0,.2,1);
  --sfb-tr:   all .32s var(--sfb-ease);

  --sfb-font: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

/* ── RESET ───────────────────────────────────────────────────── */
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; font-size:16px; }
body{
  font-family:var(--sfb-font);
  background:var(--sfb-bg-base);
  color:var(--sfb-txt-hi);
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{ color:inherit; text-decoration:none; }
button{ font-family:var(--sfb-font); }
ul,ol{ list-style:none; }

/* ── NAV ─────────────────────────────────────────────────────── */
[data-sfb-ui="nav-glass"]{
  position:fixed; top:0; left:0; right:0; z-index:1000;
  padding:.9rem 2rem;
  backdrop-filter:blur(24px) saturate(180%);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  background:rgba(10,10,12,.8);
  border-bottom:1px solid var(--sfb-glass-edge);
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.sfb-nav-logo{
  display:flex; align-items:center; gap:.5rem; text-decoration:none;
}
.sfb-nav-logo-text{
  font-size:1.1rem; font-weight:800; letter-spacing:-.02em; color:var(--sfb-txt-hi);
}
.sfb-nav-logo-dot{
  width:8px; height:8px; border-radius:50%;
  background:var(--sfb-neon-r);
  box-shadow:0 0 10px var(--sfb-neon-r-glow);
}
.sfb-nav-cta{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.5rem 1.25rem;
  background:linear-gradient(135deg,var(--sfb-neon-r),#b8002e);
  color:#fff; border:none; border-radius:var(--sfb-r-sm);
  font-size:.875rem; font-weight:700; cursor:pointer; text-decoration:none;
  transition:var(--sfb-tr);
  box-shadow:0 0 22px var(--sfb-neon-r-glow);
}
.sfb-nav-cta:hover{ transform:translateY(-1px); box-shadow:0 0 36px var(--sfb-neon-r-glow); }

/* ── HERO ─────────────────────────────────────────────────────── */
[data-sfb-ui="hero-glass"]{
  min-height:100vh; padding:8rem 2rem 5rem;
  position:relative; display:flex; flex-direction:column;
  align-items:center; overflow:hidden;
}
[data-sfb-ui="hero-glass"]::before{
  content:''; position:absolute; top:-15%; left:50%; transform:translateX(-50%);
  width:min(90vw,900px); height:min(90vw,900px);
  background:radial-gradient(ellipse,rgba(255,34,85,.11) 0%,transparent 60%);
  pointer-events:none;
}
[data-sfb-ui="hero-glass"]::after{
  content:''; position:absolute; bottom:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,var(--sfb-glass-edge),transparent);
}
.sfb-hero-badge{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.35rem 1rem;
  background:var(--sfb-neon-r-dim); border:1px solid rgba(255,34,85,.22);
  border-radius:100px; font-size:.78rem; font-weight:600; color:var(--sfb-neon-r);
  text-transform:uppercase; letter-spacing:.08em; margin-bottom:1.75rem;
}
.sfb-hero-badge-dot{
  width:6px; height:6px; border-radius:50%; background:var(--sfb-neon-r);
  animation:sfb-blink 1.8s ease-in-out infinite;
}
.sfb-hero-title{
  font-size:clamp(2.4rem,5.5vw,4.5rem);
  font-weight:900; line-height:1.08; letter-spacing:-.035em;
  text-align:center; max-width:860px; margin-bottom:1.5rem;
}
.sfb-hero-title em{
  font-style:normal;
  background:linear-gradient(135deg,var(--sfb-neon-r) 20%,var(--sfb-neon-b));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}
.sfb-hero-sub{
  font-size:clamp(1rem,1.8vw,1.2rem); color:var(--sfb-txt-md);
  text-align:center; max-width:580px; margin-bottom:2.5rem; line-height:1.7;
}
.sfb-hero-actions{
  display:flex; align-items:center; gap:1rem; flex-wrap:wrap;
  justify-content:center; margin-bottom:4rem;
}
.sfb-btn-primary{
  display:inline-flex; align-items:center; gap:.625rem;
  padding:.9rem 2.2rem;
  background:linear-gradient(135deg,var(--sfb-neon-r),#b8002e);
  color:#fff; border:none; border-radius:var(--sfb-r);
  font-size:1.0625rem; font-weight:700; cursor:pointer; text-decoration:none;
  transition:var(--sfb-tr); box-shadow:var(--sfb-shadow-r);
  letter-spacing:-.01em;
}
.sfb-btn-primary:hover{ transform:translateY(-2px); box-shadow:0 0 80px rgba(255,34,85,.42); }
.sfb-btn-ghost{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.875rem 1.75rem;
  background:transparent; color:var(--sfb-txt-hi);
  border:1px solid var(--sfb-glass-edge); border-radius:var(--sfb-r);
  font-size:1rem; font-weight:500; cursor:pointer; text-decoration:none;
  transition:var(--sfb-tr);
}
.sfb-btn-ghost:hover{ border-color:var(--sfb-glass-edge-h); background:var(--sfb-bg-card); }

/* ── HERO MOSAIC ─────────────────────────────────────────────── */
[data-sfb-ui="hero-mosaic"]{
  width:100%; max-width:1080px;
  display:grid; grid-template-columns:repeat(12,1fr);
  grid-template-rows:auto; gap:.875rem; position:relative;
}
[data-sfb-ui="hero-mosaic"]::after{
  content:''; position:absolute; inset:-60px;
  background:radial-gradient(ellipse at 50% 100%,rgba(37,99,255,.09) 0%,transparent 55%);
  pointer-events:none;
}
[data-sfb-tile="a"]{ grid-column:span 5; grid-row:span 2; min-height:280px; }
[data-sfb-tile="b"]{ grid-column:span 4; min-height:132px; }
[data-sfb-tile="c"]{ grid-column:span 3; grid-row:span 2; min-height:280px; }
[data-sfb-tile="d"]{ grid-column:span 7; min-height:132px; }
[data-sfb-tile="e"]{ grid-column:span 4; min-height:132px; }
[data-sfb-tile="f"]{ grid-column:span 5; min-height:132px; }

.sfb-mosaic-tile{
  background:var(--sfb-bg-card); border:1px solid var(--sfb-glass-edge);
  border-radius:var(--sfb-r); overflow:hidden; position:relative;
  transition:var(--sfb-tr); display:flex; align-items:center; justify-content:center;
}
.sfb-mosaic-tile:hover{
  border-color:var(--sfb-glass-edge-h); transform:translateY(-3px);
  background:var(--sfb-bg-card-h);
  box-shadow:0 20px 50px rgba(0,0,0,.3);
}
.sfb-mosaic-tile svg{ width:100%; height:100%; position:absolute; inset:0; }

/* ── TRUST STRIP ─────────────────────────────────────────────── */
[data-sfb-ui="trust-strip"]{
  padding:3rem 2rem; border-bottom:1px solid var(--sfb-glass-edge);
  display:flex; flex-direction:column; align-items:center; gap:1.75rem;
}
.sfb-trust-label{
  font-size:.75rem; text-transform:uppercase; letter-spacing:.14em;
  color:var(--sfb-txt-lo); font-weight:600;
}
.sfb-trust-logos{
  display:flex; align-items:center; justify-content:center;
  gap:3rem; flex-wrap:wrap; opacity:.4; filter:grayscale(1);
}

/* ── SECTION CHROME ─────────────────────────────────────────── */
.sfb-section-wrap{ max-width:1120px; margin:0 auto; padding:0 2rem; }
.sfb-section-head{ text-align:center; margin-bottom:3.5rem; }
.sfb-eyebrow{
  display:inline-block; font-size:.78rem; text-transform:uppercase;
  letter-spacing:.14em; font-weight:700; margin-bottom:.875rem;
}
.sfb-eyebrow-r{ color:var(--sfb-neon-r); }
.sfb-eyebrow-b{ color:var(--sfb-neon-b); }
.sfb-h2{
  font-size:clamp(1.8rem,4vw,3rem); font-weight:800;
  letter-spacing:-.03em; line-height:1.15; margin-bottom:.875rem;
}
.sfb-lead{
  font-size:1.05rem; color:var(--sfb-txt-md); max-width:560px;
  margin:0 auto; line-height:1.72;
}

/* ── LEARN GRID ─────────────────────────────────────────────── */
[data-sfb-ui="learn-grid"]{
  padding:6.5rem 2rem; background:var(--sfb-bg-surface); position:relative; overflow:hidden;
}
[data-sfb-ui="learn-grid"]::before{
  content:''; position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:600px; height:600px;
  background:radial-gradient(ellipse,rgba(37,99,255,.07) 0%,transparent 65%);
  pointer-events:none;
}
.sfb-cards-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(315px,1fr)); gap:1.25rem;
}
[data-sfb-card="glow-variant"]{
  background:var(--sfb-bg-card); border:1px solid var(--sfb-glass-edge);
  border-radius:var(--sfb-r-lg); padding:2rem 1.875rem;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  transition:var(--sfb-tr); position:relative; overflow:hidden;
}
[data-sfb-card="glow-variant"]::after{
  content:''; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(37,99,255,.35),transparent);
  opacity:0; transition:var(--sfb-tr);
}
[data-sfb-card="glow-variant"]:hover{
  border-color:rgba(37,99,255,.28);
  background:rgba(37,99,255,.04);
  transform:translateY(-5px);
  box-shadow:var(--sfb-shadow-card),0 0 40px rgba(37,99,255,.07);
}
[data-sfb-card="glow-variant"]:hover::after{ opacity:1; }
.sfb-card-icon{
  width:52px; height:52px;
  background:var(--sfb-neon-b-dim); border:1px solid var(--sfb-glass-edge);
  border-radius:var(--sfb-r-sm); display:flex; align-items:center;
  justify-content:center; margin-bottom:1.25rem;
}
.sfb-card-icon svg{ width:26px; height:26px; }
.sfb-card-num{
  font-size:.72rem; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:var(--sfb-neon-b); margin-bottom:.5rem;
}
.sfb-card-title{
  font-size:1.0625rem; font-weight:700; margin-bottom:.625rem;
  line-height:1.35; letter-spacing:-.02em;
}
.sfb-card-desc{
  font-size:.9125rem; color:var(--sfb-txt-md); line-height:1.65;
}

/* ── ROADMAP STEPS ──────────────────────────────────────────── */
[data-sfb-ui="roadmap-steps"]{
  padding:6.5rem 2rem; position:relative; overflow:hidden;
}
[data-sfb-ui="roadmap-steps"]::before{
  content:''; position:absolute; left:50%; top:0; bottom:0;
  width:1px; background:var(--sfb-glass-edge);
  transform:translateX(-50%); pointer-events:none;
}
[data-sfb-step]{
  display:grid; grid-template-columns:1fr 1fr; gap:5rem;
  align-items:center; margin-bottom:7.5rem;
  max-width:1120px; margin-left:auto; margin-right:auto;
  position:relative;
}
[data-sfb-step]:last-child{ margin-bottom:0; }
[data-sfb-step="odd"] .sfb-step-content{ order:1; }
[data-sfb-step="odd"] .sfb-step-visual{ order:2; }
[data-sfb-step="even"] .sfb-step-visual{ order:1; }
[data-sfb-step="even"] .sfb-step-content{ order:2; }
.sfb-step-num{
  font-size:.75rem; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--sfb-neon-r); margin-bottom:.875rem;
}
.sfb-step-title{
  font-size:clamp(1.5rem,2.8vw,2.2rem); font-weight:800;
  letter-spacing:-.03em; line-height:1.18; margin-bottom:.875rem;
}
.sfb-step-desc{
  font-size:.9375rem; color:var(--sfb-txt-md); line-height:1.72; margin-bottom:1.5rem;
}
.sfb-step-list{ display:flex; flex-direction:column; gap:.6rem; }
.sfb-step-list li{
  display:flex; align-items:flex-start; gap:.625rem;
  font-size:.9rem; color:var(--sfb-txt-md);
}
.sfb-step-list li::before{
  content:''; display:block; width:6px; height:6px; min-width:6px;
  border-radius:50%; background:var(--sfb-neon-r); margin-top:.45em;
}
.sfb-step-visual{
  background:var(--sfb-bg-card); border:1px solid var(--sfb-glass-edge);
  border-radius:var(--sfb-r-xl); overflow:hidden; aspect-ratio:4/3;
  display:flex; align-items:center; justify-content:center;
  position:relative; backdrop-filter:blur(10px);
}
.sfb-step-visual svg{ width:88%; height:88%; }

/* ── MID CTA BANNER ─────────────────────────────────────────── */
[data-sfb-ui="cta-banner"]{
  padding:5rem 2rem; text-align:center; position:relative; overflow:hidden;
  border-top:1px solid var(--sfb-glass-edge); border-bottom:1px solid var(--sfb-glass-edge);
}
[data-sfb-ui="cta-banner"]::before{
  content:''; position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:800px; height:260px;
  background:radial-gradient(ellipse,rgba(255,34,85,.1) 0%,transparent 60%);
  pointer-events:none;
}

/* ── TESTIMONIALS ─────────────────────────────────────────────── */
[data-sfb-ui="testimonials"]{
  padding:6.5rem 2rem; background:var(--sfb-bg-surface);
}
.sfb-testimonials-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:1.25rem; max-width:1120px; margin:0 auto;
}
[data-sfb-card="testimonial"]{
  background:var(--sfb-bg-card); border:1px solid var(--sfb-glass-edge);
  border-radius:var(--sfb-r-lg); padding:2rem 1.875rem;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  transition:var(--sfb-tr); position:relative; overflow:hidden;
}
[data-sfb-card="testimonial"]:hover{
  border-color:rgba(255,34,85,.22); transform:translateY(-4px);
  box-shadow:var(--sfb-shadow-card),0 0 40px rgba(255,34,85,.06);
}
.sfb-stars{ display:flex; gap:.25rem; margin-bottom:1.25rem; }
.sfb-result-badge{
  display:inline-flex; align-items:center; gap:.375rem;
  padding:.3rem .8rem;
  background:rgba(255,34,85,.1); border:1px solid rgba(255,34,85,.2);
  border-radius:100px; font-size:.78rem; font-weight:700; color:var(--sfb-neon-r);
  margin-bottom:1.125rem;
}
.sfb-testi-text{
  font-size:.9375rem; line-height:1.7; color:var(--sfb-txt-md);
  margin-bottom:1.5rem; font-style:italic;
}
.sfb-testi-author{ display:flex; align-items:center; gap:.75rem; }
.sfb-author-ava{
  width:44px; height:44px; border-radius:50%;
  background:linear-gradient(135deg,var(--sfb-neon-r-dim),var(--sfb-neon-b-dim));
  border:1px solid var(--sfb-glass-edge);
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:1rem; color:var(--sfb-txt-hi); flex-shrink:0;
}
.sfb-author-name{ font-size:.9375rem; font-weight:700; }
.sfb-author-role{ font-size:.8rem; color:var(--sfb-txt-lo); }

/* ── LEAD FORM SECTION ──────────────────────────────────────── */
[data-sfb-ui="lead-form-cta"]{
  padding:6.5rem 2rem; position:relative; overflow:hidden;
}
[data-sfb-ui="lead-form-cta"]::before{
  content:''; position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:700px; height:700px;
  background:radial-gradient(ellipse,rgba(255,34,85,.09) 0%,transparent 58%);
  pointer-events:none;
}
[data-sfb-card="lead-form-glass"]{
  max-width:580px; margin:0 auto;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,34,85,.22);
  border-radius:var(--sfb-r-xl); padding:3rem 2.75rem;
  backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);
  position:relative; overflow:hidden;
  box-shadow:var(--sfb-shadow-r),inset 0 1px 0 rgba(255,255,255,.05);
}
[data-sfb-card="lead-form-glass"]::before{
  content:''; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,34,85,.5),transparent);
}
.sfb-form-badge{
  display:inline-flex; align-items:center; gap:.375rem;
  padding:.3rem .875rem;
  background:rgba(255,34,85,.1); border:1px solid rgba(255,34,85,.22);
  border-radius:100px; font-size:.74rem; font-weight:700;
  color:var(--sfb-neon-r); text-transform:uppercase; letter-spacing:.09em;
  margin-bottom:1.25rem;
}
.sfb-form-title{
  font-size:clamp(1.5rem,2.8vw,2rem); font-weight:800;
  letter-spacing:-.03em; line-height:1.18; margin-bottom:.75rem;
}
.sfb-form-sub{
  font-size:.9125rem; color:var(--sfb-txt-md);
  margin-bottom:1.75rem; line-height:1.65;
}
.sfb-form-perks{
  display:flex; flex-direction:column; gap:.5rem; margin-bottom:2rem;
}
.sfb-form-perks li{
  display:flex; align-items:center; gap:.625rem;
  font-size:.875rem; color:var(--sfb-txt-md);
}
.sfb-form-perks li svg{ flex-shrink:0; }
.sfb-field-group{ display:flex; flex-direction:column; gap:.875rem; margin-bottom:1.125rem; }
.sfb-field{ display:flex; flex-direction:column; gap:.35rem; }
.sfb-field label{ font-size:.78rem; font-weight:600; color:var(--sfb-txt-md); letter-spacing:.02em; }
.sfb-field input{
  padding:.875rem 1rem;
  background:rgba(255,255,255,.04); border:1px solid var(--sfb-glass-edge);
  border-radius:var(--sfb-r-sm); color:var(--sfb-txt-hi);
  font-size:.9375rem; font-family:var(--sfb-font);
  transition:var(--sfb-tr); outline:none;
}
.sfb-field input:focus{
  border-color:rgba(255,34,85,.5);
  background:rgba(255,34,85,.03);
  box-shadow:0 0 0 3px rgba(255,34,85,.1);
}
.sfb-field input::placeholder{ color:var(--sfb-txt-lo); }
.sfb-checkbox-wrap{
  display:flex; align-items:flex-start; gap:.75rem; margin-bottom:1.5rem;
}
.sfb-checkbox-wrap input[type="checkbox"]{
  width:17px; height:17px; min-width:17px;
  accent-color:var(--sfb-neon-r); cursor:pointer; margin-top:3px;
}
.sfb-checkbox-wrap label{
  font-size:.8rem; color:var(--sfb-txt-md); line-height:1.5; cursor:pointer;
}
.sfb-checkbox-wrap a{ color:var(--sfb-neon-r); }
.sfb-checkbox-wrap a:hover{ text-decoration:underline; }
.sfb-btn-submit{
  width:100%; padding:1.0625rem;
  background:linear-gradient(135deg,var(--sfb-neon-r),#b8002e);
  color:#fff; border:none; border-radius:var(--sfb-r);
  font-size:1.05rem; font-weight:700; cursor:pointer; transition:var(--sfb-tr);
  box-shadow:var(--sfb-shadow-r); letter-spacing:-.01em;
  display:flex; align-items:center; justify-content:center; gap:.5rem;
  font-family:var(--sfb-font);
}
.sfb-btn-submit:hover{ transform:translateY(-2px); box-shadow:0 0 90px rgba(255,34,85,.45); }
.sfb-form-note{ font-size:.73rem; color:var(--sfb-txt-lo); text-align:center; margin-top:.875rem; line-height:1.5; }

/* ── FAQ ─────────────────────────────────────────────────────── */
[data-sfb-ui="faq-accordion"]{
  padding:6.5rem 2rem; background:var(--sfb-bg-surface);
}
.sfb-faq-list{ max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:.75rem; }
[data-sfb-faq-item]{
  background:var(--sfb-bg-card); border:1px solid var(--sfb-glass-edge);
  border-radius:var(--sfb-r); overflow:hidden; transition:border-color .25s var(--sfb-ease);
}
[data-sfb-faq-item].is-open{ border-color:rgba(37,99,255,.28); }
[data-sfb-faq-item].is-open .sfb-faq-icon{ transform:rotate(45deg); background:var(--sfb-neon-b-dim); border-color:rgba(37,99,255,.3); }
.sfb-faq-trigger{
  width:100%; background:none; border:none; padding:1.25rem 1.5rem;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  cursor:pointer; color:var(--sfb-txt-hi); font-size:.975rem; font-weight:600;
  text-align:left; font-family:var(--sfb-font); transition:var(--sfb-tr);
  letter-spacing:-.01em;
}
.sfb-faq-icon{
  flex-shrink:0; width:24px; height:24px; border-radius:50%;
  background:var(--sfb-bg-card); border:1px solid var(--sfb-glass-edge);
  display:flex; align-items:center; justify-content:center;
  transition:var(--sfb-tr); color:var(--sfb-neon-b);
}
.sfb-faq-body{
  max-height:0; overflow:hidden;
  transition:max-height .42s cubic-bezier(.4,0,.2,1),padding .42s var(--sfb-ease);
}
[data-sfb-faq-item].is-open .sfb-faq-body{ max-height:400px; }
.sfb-faq-body p{
  padding:0 1.5rem 1.5rem; font-size:.9125rem; color:var(--sfb-txt-md); line-height:1.72;
}

/* ── FOOTER ─────────────────────────────────────────────────── */
[data-sfb-ui="main-footer"]{
  padding:5rem 2rem 2rem; background:var(--sfb-bg-base);
  border-top:1px solid var(--sfb-glass-edge); position:relative; overflow:hidden;
}
[data-sfb-ui="main-footer"]::after{
  content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%);
  width:100%; height:280px;
  background:radial-gradient(ellipse at 50% 100%,rgba(255,34,85,.055) 0%,transparent 55%);
  pointer-events:none;
}
.sfb-footer-inner{ max-width:1120px; margin:0 auto; }
.sfb-footer-top{
  display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:3rem;
  padding-bottom:3rem; border-bottom:1px solid var(--sfb-glass-edge); margin-bottom:1rem;
}
.sfb-footer-brand-desc{
  font-size:.875rem; color:var(--sfb-txt-lo); line-height:1.7;
  margin:.875rem 0; max-width:260px;
}
.sfb-footer-col h4{
  font-size:.75rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  color:var(--sfb-txt-lo); margin-bottom:1.125rem;
}
.sfb-footer-col ul{ display:flex; flex-direction:column; gap:.625rem; }
.sfb-footer-col ul li a{
  font-size:.875rem; color:var(--sfb-txt-md); transition:color .2s;
}
.sfb-footer-col ul li a:hover{ color:var(--sfb-txt-hi); }
.sfb-footer-contact-item{
  font-size:.875rem; color:var(--sfb-txt-md); line-height:1.6; margin-bottom:.375rem;
}
.sfb-footer-contact-item a{ color:var(--sfb-txt-md); transition:color .2s; }
.sfb-footer-contact-item a:hover{ color:var(--sfb-txt-hi); }
.sfb-footer-wordmark{
  font-size:clamp(3.5rem,11vw,9rem); font-weight:900;
  letter-spacing:.22em; text-align:center; color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.07);
  user-select:none; line-height:1; padding:.5rem 0 1rem;
  position:relative;
}
.sfb-footer-bottom{
  display:flex; align-items:center; justify-content:space-between;
  gap:1rem; flex-wrap:wrap; padding-top:1.5rem; border-top:1px solid var(--sfb-glass-edge);
}
.sfb-footer-bottom p{ font-size:.78rem; color:var(--sfb-txt-lo); }
.sfb-footer-legal{ display:flex; gap:1.5rem; flex-wrap:wrap; }
.sfb-footer-legal a{ font-size:.78rem; color:var(--sfb-txt-lo); transition:color .2s; }
.sfb-footer-legal a:hover{ color:var(--sfb-txt-md); }

/* ── COOKIE CONSENT ─────────────────────────────────────────── */
[data-sfb-ui="cookie-banner"]{
  position:fixed; bottom:1.5rem; left:50%; transform:translateX(-50%);
  z-index:9000; width:calc(100% - 3rem); max-width:680px;
  background:rgba(12,12,20,.93); border:1px solid var(--sfb-glass-edge);
  border-radius:var(--sfb-r-lg); backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  padding:1.25rem 1.5rem;
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
  box-shadow:0 20px 60px rgba(0,0,0,.55); transition:var(--sfb-tr);
}
[data-sfb-ui="cookie-banner"].sfb-hidden{
  opacity:0; transform:translateX(-50%) translateY(20px); pointer-events:none;
}
[data-sfb-ui="cookie-banner"] p{
  font-size:.84rem; color:var(--sfb-txt-md); line-height:1.55; flex:1;
}
[data-sfb-ui="cookie-banner"] p a{ color:var(--sfb-neon-r); }
.sfb-cookie-accept{
  flex-shrink:0; padding:.6rem 1.4rem;
  background:linear-gradient(135deg,var(--sfb-neon-r),#b8002e);
  color:#fff; border:none; border-radius:var(--sfb-r-xs);
  font-size:.84rem; font-weight:700; cursor:pointer; transition:var(--sfb-tr);
  font-family:var(--sfb-font); white-space:nowrap;
}
.sfb-cookie-accept:hover{ box-shadow:0 0 20px rgba(255,34,85,.45); }

/* ── LEGAL PAGES ─────────────────────────────────────────────── */
[data-sfb-ui="legal-page"]{
  min-height:100vh; padding:8rem 2rem 5rem;
  background:var(--sfb-bg-base);
}
.sfb-legal-wrap{
  max-width:800px; margin:0 auto;
  background:var(--sfb-bg-card); border:1px solid var(--sfb-glass-edge);
  border-radius:var(--sfb-r-lg); padding:3rem 3.5rem;
  backdrop-filter:blur(12px);
}
.sfb-legal-wrap h1{
  font-size:2rem; font-weight:800; letter-spacing:-.03em;
  margin-bottom:.5rem;
}
.sfb-legal-wrap .sfb-legal-date{ font-size:.84rem; color:var(--sfb-txt-lo); margin-bottom:2rem; }
.sfb-legal-wrap h2{
  font-size:1.15rem; font-weight:700; margin:2rem 0 .75rem;
  color:var(--sfb-txt-hi); letter-spacing:-.02em;
}
.sfb-legal-wrap p{
  font-size:.9375rem; color:var(--sfb-txt-md); line-height:1.75; margin-bottom:1rem;
}
.sfb-legal-wrap ul{
  list-style:disc; padding-left:1.5rem;
  display:flex; flex-direction:column; gap:.5rem; margin-bottom:1rem;
}
.sfb-legal-wrap ul li{ font-size:.9375rem; color:var(--sfb-txt-md); line-height:1.7; }
.sfb-legal-back{
  display:inline-flex; align-items:center; gap:.5rem; margin-top:2.5rem;
  padding:.75rem 1.75rem;
  background:linear-gradient(135deg,var(--sfb-neon-r),#b8002e);
  color:#fff; border-radius:var(--sfb-r); font-weight:700; transition:var(--sfb-tr);
}
.sfb-legal-back:hover{ box-shadow:var(--sfb-shadow-r); transform:translateY(-1px); }

/* ── THANKS PAGE ─────────────────────────────────────────────── */
[data-sfb-ui="thanks-page"]{
  min-height:100vh; display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  padding:6rem 2rem; position:relative; overflow:hidden;
}
[data-sfb-ui="thanks-page"]::before{
  content:''; position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:min(80vw,700px); height:min(80vw,700px);
  background:radial-gradient(ellipse,rgba(37,99,255,.1) 0%,transparent 60%);
  pointer-events:none;
}
[data-sfb-card="thanks-card"]{
  max-width:540px; width:100%; text-align:center;
  background:var(--sfb-bg-card); border:1px solid rgba(37,99,255,.22);
  border-radius:var(--sfb-r-xl); padding:3.5rem 3rem;
  backdrop-filter:blur(24px); position:relative; overflow:hidden;
  box-shadow:var(--sfb-shadow-b),inset 0 1px 0 rgba(255,255,255,.06);
}
[data-sfb-card="thanks-card"]::before{
  content:''; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(37,99,255,.5),transparent);
}
.sfb-thanks-icon{
  width:72px; height:72px; margin:0 auto 1.5rem;
  background:var(--sfb-neon-b-dim); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
}
.sfb-thanks-title{
  font-size:1.875rem; font-weight:800; letter-spacing:-.03em; margin-bottom:.75rem;
}
.sfb-thanks-sub{
  font-size:1rem; color:var(--sfb-txt-md); line-height:1.68; margin-bottom:2.5rem;
}
.sfb-btn-home{
  display:inline-flex; align-items:center; justify-content:center; gap:.625rem;
  width:100%; padding:1.0625rem;
  background:linear-gradient(135deg,var(--sfb-neon-b),#1040cc);
  color:#fff; border:none; border-radius:var(--sfb-r);
  font-size:1.05rem; font-weight:700; text-decoration:none; transition:var(--sfb-tr);
  box-shadow:var(--sfb-shadow-b); letter-spacing:-.01em;
}
.sfb-btn-home:hover{ transform:translateY(-2px); box-shadow:0 0 90px rgba(37,99,255,.45); }

/* ── SCROLL REVEAL ───────────────────────────────────────────── */
[data-sfb-reveal]{
  opacity:0; transform:translateY(22px);
  transition:opacity .65s var(--sfb-ease), transform .65s var(--sfb-ease);
}
[data-sfb-reveal].sfb-vis{ opacity:1; transform:translateY(0); }
[data-sfb-reveal="d1"]{ transition-delay:.1s; }
[data-sfb-reveal="d2"]{ transition-delay:.2s; }
[data-sfb-reveal="d3"]{ transition-delay:.3s; }
[data-sfb-reveal="d4"]{ transition-delay:.4s; }
[data-sfb-reveal="d5"]{ transition-delay:.5s; }

/* ── KEYFRAMES ───────────────────────────────────────────────── */
@keyframes sfb-blink{
  0%,100%{ opacity:1; } 50%{ opacity:.35; }
}
@keyframes sfb-float-in{
  from{ opacity:0; transform:translateY(28px); }
  to{ opacity:1; transform:translateY(0); }
}
.sfb-animate{ animation:sfb-float-in .7s var(--sfb-ease) both; }
.sfb-animate.d1{ animation-delay:.15s; }
.sfb-animate.d2{ animation-delay:.3s; }
.sfb-animate.d3{ animation-delay:.45s; }

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media(max-width:1024px){
  .sfb-footer-top{ grid-template-columns:1fr 1fr; }
  [data-sfb-step]{ grid-template-columns:1fr; gap:2.5rem; margin-bottom:5rem; }
  [data-sfb-step="odd"] .sfb-step-visual,
  [data-sfb-step="even"] .sfb-step-visual{ order:1; }
  [data-sfb-step="odd"] .sfb-step-content,
  [data-sfb-step="even"] .sfb-step-content{ order:2; }
  [data-sfb-ui="roadmap-steps"]::before{ display:none; }
}
@media(max-width:768px){
  [data-sfb-ui="hero-glass"]{ padding:7rem 1.25rem 4rem; }
  [data-sfb-tile="a"]{ grid-column:span 12; grid-row:span 1; min-height:200px; }
  [data-sfb-tile="b"]{ grid-column:span 6; min-height:130px; }
  [data-sfb-tile="c"]{ grid-column:span 6; grid-row:span 1; min-height:130px; }
  [data-sfb-tile="d"]{ grid-column:span 12; }
  [data-sfb-tile="e"]{ grid-column:span 6; }
  [data-sfb-tile="f"]{ grid-column:span 6; }
  .sfb-hero-actions{ flex-direction:column; align-items:stretch; }
  .sfb-btn-primary,.sfb-btn-ghost{ justify-content:center; }
  .sfb-footer-top{ grid-template-columns:1fr; gap:2rem; }
  [data-sfb-ui="cookie-banner"]{ flex-direction:column; align-items:stretch; text-align:center; }
  [data-sfb-card="lead-form-glass"]{ padding:2rem 1.5rem; }
  .sfb-legal-wrap{ padding:2rem 1.5rem; }
  [data-sfb-ui="nav-glass"]{ padding:.875rem 1.25rem; }
}
@media(max-width:480px){
  [data-sfb-tile="b"],[data-sfb-tile="c"],[data-sfb-tile="e"],[data-sfb-tile="f"]{
    grid-column:span 12;
  }
  .sfb-cards-grid{ grid-template-columns:1fr; }
  .sfb-testimonials-grid{ grid-template-columns:1fr; }
}