:root{
  --bg: #070a12;
  --panel: rgba(255,255,255,.06);
  --panel2: rgba(255,255,255,.08);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.70);
  --muted2: rgba(255,255,255,.55);
  --border: rgba(255,255,255,.14);
  --shadow: 0 18px 45px rgba(0,0,0,.45);

  --brand: #26d6b2;
  --brand2: #7bdcff;
  --warn: #ffd37a;

  --radius: 16px;
  --radius2: 22px;

  --container: 1120px;
  --navH: 74px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html.wc-lock, html.wc-lock body{overflow:hidden}
body{
  margin:0;
  font-family:"Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(1000px 600px at 20% -20%, rgba(38,214,178,.20), transparent 60%),
    radial-gradient(900px 540px at 85% 10%, rgba(123,220,255,.18), transparent 60%),
    radial-gradient(800px 520px at 50% 110%, rgba(255,211,122,.12), transparent 55%),
    var(--bg);
  letter-spacing:-.01em;
}

a{color:inherit; text-decoration:none}

.wc-container{
  width:min(var(--container), calc(100% - 40px));
  margin:0 auto;
}

.wc-skip{
  position:absolute;
  top:8px; left:8px;
  transform:translateY(-200%);
  padding:10px 12px;
  background:rgba(255,255,255,.10);
  border:1px solid var(--border);
  border-radius:12px;
  color:var(--text);
  z-index:9999;
}
.wc-skip:focus{transform:translateY(0)}

.wc-muted{color:var(--muted)}

/* Nav */
.wc-nav{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter: blur(10px);
  background: rgba(7,10,18,.65);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.wc-nav-inner{
  height:var(--navH);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.wc-brand{
  display:flex; align-items:center; gap:10px;
}
.wc-brand-name{
  font-weight:800;
  letter-spacing:-.02em;
}
.wc-brand-logo{
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
}

.wc-nav-links{
  display:none;
  gap:18px;
  color:var(--muted);
  font-weight:600;
}
.wc-nav-links a{
  padding:8px 10px;
  border-radius:12px;
  transition: background .15s ease, color .15s ease;
}
.wc-nav-links a:hover{
  background: rgba(255,255,255,.06);
  color: var(--text);
}

.wc-nav-cta{
  display:flex; align-items:center; gap:10px;
}

.wc-burger{
  display:inline-flex;
  flex-direction:column;
  gap:5px;
  width:42px; height:42px;
  align-items:center; justify-content:center;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  cursor:pointer;
}
.wc-burger span{
  display:block;
  width:18px; height:2px;
  background: rgba(255,255,255,.85);
  border-radius:2px;
}

.wc-nav-drawer{
  border-top:1px solid rgba(255,255,255,.10);
  background: rgba(7,10,18,.92);
}
.wc-drawer-inner{
  padding:16px 0 18px;
  display:grid;
  gap:10px;
}
.wc-drawer-inner a{
  padding:10px 12px;
  border-radius:14px;
  color:var(--muted);
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
}
.wc-drawer-actions{
  display:flex; gap:10px; padding-top:6px;
}

/* Buttons */
.wc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 14px;
  border-radius:14px;
  font-weight:800;
  letter-spacing:-.01em;
  border:1px solid transparent;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease, color .12s ease;
  user-select:none;
}
.wc-btn:active{transform: translateY(1px)}

.wc-btn-primary{
  background: linear-gradient(135deg, rgba(38,214,178,1), rgba(123,220,255,1));
  color:#061018;
  border: 1px solid rgba(38,214,178,.34);
  box-shadow: 0 12px 30px rgba(38,214,178,.22);
  position: relative;
  isolation: isolate;
}
.wc-btn-primary:hover{box-shadow: 0 18px 36px rgba(38,214,178,.26)}
.wc-btn-primary:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(38,214,178,.18), 0 18px 36px rgba(38,214,178,.26);
}
.wc-btn-primary::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(38,214,178,.42), rgba(123,220,255,.38));
  opacity:0;
  z-index:-1;
  filter: blur(10px);
  transition: opacity .12s ease;
}
.wc-btn-primary:hover::before{opacity:1}

.wc-btn-soft{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.14);
  color: rgba(255,255,255,.92);
}
.wc-btn-soft:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
}

.wc-btn-ghost{
  background: transparent;
  border-color: rgba(255,255,255,.18);
  color: rgba(255,255,255,.92);
}
.wc-btn-ghost:hover{
  background: rgba(255,255,255,.06);
}

/* Hero */
.wc-hero{
  padding: 56px 0 28px;
}
.wc-hero-grid{
  display:grid;
  gap:26px;
}
.wc-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.82);
  font-weight:700;
}
.wc-hero-copy h1{
  margin:14px 0 10px;
  font-size: clamp(2.0rem, 2.8vw + 1rem, 3.4rem);
  line-height: 1.02;
  letter-spacing: -0.04em;
}
.wc-lead{
  margin:0;
  font-size: 1.05rem;
  line-height:1.55;
  color: rgba(255,255,255,.80);
  max-width: 58ch;
}
.wc-hero-ctas{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 18px;
}
.wc-hero-scheme{
  margin-top: 14px;
  display:grid;
  gap:10px;
  max-width: 60ch;
}
.wc-scheme-card{
  display:flex;
  gap:12px;
  align-items:center;
  padding: 12px 12px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.10);
}
.wc-scheme-ic{
  width:42px; height:42px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.90);
  flex: 0 0 42px;
}
.wc-scheme-card strong{letter-spacing:-.02em}
.wc-hero-badges{
  list-style:none;
  padding:0;
  margin: 18px 0 0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.wc-hero-badges li{
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.75);
  font-weight:700;
  font-size:.92rem;
}
.wc-hero-mini{
  margin: 12px 0 0;
  color: rgba(255,255,255,.72);
}
.wc-link-inline{
  color: rgba(255,255,255,.92);
  font-weight:900;
  border-bottom: 1px solid rgba(255,255,255,.22);
}
.wc-link-inline:hover{border-bottom-color: rgba(255,255,255,.45)}

.wc-hero-visual{
  min-height: 360px;
}
.wc-hero-note{
  margin-top:10px;
  font-size:.92rem;
}

/* Mock */
.wc-mock{
  border-radius: var(--radius2);
  border:1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow: var(--shadow);
  overflow:hidden;
}
.wc-mock-top{
  height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.18);
}
.dot{width:10px; height:10px; border-radius:999px; display:inline-block; opacity:.9}
.dot-r{background:#ff6b6b}
.dot-y{background:#ffd166}
.dot-g{background:#4ade80}
.wc-mock-title{
  margin-left:10px;
  color: rgba(255,255,255,.72);
  font-weight:700;
  font-size:.92rem;
}
.wc-mock-body{
  padding:14px;
  display:grid;
  gap:12px;
}
.wc-mock-col{display:grid; gap:12px}
.wc-mock-card{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  padding: 12px 12px 12px;
  position:relative;
}
.wc-mock-card-h{
  font-weight:800;
  color: rgba(255,255,255,.86);
  margin-bottom:10px;
}
.wc-mock-lines .ln{
  height:10px;
  border-radius: 10px;
  background: rgba(255,255,255,.10);
  margin-top:8px;
}
.w90{width:90%}
.w75{width:75%}
.w60{width:60%}
.wc-mock-steps .step{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.12);
  margin-top:8px;
}
.wc-mock-steps .step span{
  width:8px; height:8px; border-radius:999px;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
}
.wc-mock-steps .step b{
  font-size:.95rem;
  letter-spacing:-.01em;
}
.wc-mock-editor .wc-mock-md{
  display:grid;
  gap:8px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: rgba(255,255,255,.84);
  font-size:.92rem;
  line-height:1.45;
}
.md-h{color: rgba(123,220,255,.92)}
.md-li{color: rgba(255,211,122,.88)}
.md-t{color: rgba(255,255,255,.78)}
.wc-mock-pill{
  position:absolute;
  right:12px; bottom:12px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(38,214,178,.10);
  color: rgba(255,255,255,.86);
  font-weight:800;
  font-size:.86rem;
}

/* Sections */
.wc-section{
  padding: 54px 0;
}
.wc-section-slim{
  padding: 22px 0 6px;
}
.wc-section-alt{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.00));
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.wc-section-head{
  max-width: 72ch;
}
.wc-section-head h2{
  margin:0;
  font-size: clamp(1.5rem, 1.2vw + 1.2rem, 2.2rem);
  letter-spacing:-.03em;
  line-height:1.1;
}
.wc-section-head p{margin:10px 0 0; line-height:1.6}

/* Split blocks */
.wc-split{
  display:grid;
  gap:14px;
  margin-top: 18px;
}
.wc-split-copy h2{margin:0; letter-spacing:-.03em; line-height:1.1}
.wc-split-copy p{margin:10px 0 0; line-height:1.6}
.wc-split-media{min-width:0}
.wc-chat-img{
  width:100%;
  height:auto;
  display:block;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.02);
  box-shadow: var(--shadow);
}

/* Screenshot frame (prompts page) */
.wc-shot{
  margin: 0;
  border-radius: 22px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(520px 240px at 65% 0%, rgba(123,220,255,.10), transparent 60%),
    rgba(0,0,0,.12);
  box-shadow: var(--shadow);
  padding: 12px;
}
.wc-shot-img{
  display:block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.10);
}
.wc-shot-link{
  display:block;
  position:relative;
  border-radius: 16px;
  outline: none;
}
.wc-shot-link:focus-visible{
  box-shadow: 0 0 0 4px rgba(38,214,178,.16);
}
.wc-shot-hint{
  position:absolute;
  left: 12px;
  bottom: 12px;
  padding: 8px 10px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.42);
  color: rgba(255,255,255,.88);
  font-weight: 900;
  font-size: .92rem;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  opacity: .92;
  transition: opacity .12s ease, transform .12s ease, background .12s ease;
}
.wc-shot-link:hover .wc-shot-hint{
  opacity: 1;
  transform: translateY(-1px);
  background: rgba(0,0,0,.52);
}

/* Visual section helpers */
.wc-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top: 12px;
}
.wc-chip{
  padding:8px 10px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.78);
  font-weight: 800;
  font-size: .92rem;
}
.wc-visual-grid{
  margin-top: 12px;
  display:grid;
  grid-template-columns: 1fr;
  gap:10px;
}
.wc-mini-card{
  display:flex;
  gap:12px;
  align-items:center;
  padding: 12px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.10);
}
.wc-mini-ic{
  width:42px; height:42px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.92);
  flex: 0 0 42px;
}
.wc-visual-flow{
  margin-top: 12px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.wc-flow-pill{
  display:flex;
  align-items:center;
  gap:8px;
  padding: 10px 12px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.86);
  font-weight: 900;
  letter-spacing:-.01em;
}
.wc-flow-pill-hi{
  border-color: rgba(38,214,178,.26);
  background: rgba(38,214,178,.10);
}
.wc-flow-pill-ic .wc-ic{width:18px; height:18px}
.wc-flow-dot{
  width:8px; height:8px;
  border-radius: 999px;
  background: rgba(255,255,255,.28);
}

.wc-checklist{
  list-style:none;
  padding:0;
  margin: 14px 0 0;
  display:grid;
  gap:10px;
}
.wc-checklist li{
  position:relative;
  padding-left: 28px;
  color: rgba(255,255,255,.80);
  line-height:1.45;
  font-weight:700;
}
.wc-checklist li:before{
  content:"";
  position:absolute;
  left:0; top:4px;
  width:18px; height:18px;
  border-radius: 7px;
  background: rgba(38,214,178,.18);
  border:1px solid rgba(38,214,178,.28);
}
.wc-checklist li:after{
  content:"";
  position:absolute;
  left:5px; top:9px;
  width:8px; height:4px;
  border-left:2px solid rgba(255,255,255,.92);
  border-bottom:2px solid rgba(255,255,255,.92);
  transform: rotate(-45deg);
}

/* Pricing */
.wc-pricing{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
}
.wc-price-card{
  border-radius: 22px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.10);
  padding: 16px;
}
.wc-price-main{
  border-color: rgba(38,214,178,.28);
  background:
    radial-gradient(600px 260px at 20% 0%, rgba(38,214,178,.16), transparent 60%),
    rgba(0,0,0,.10);
}
.wc-price-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.wc-price-top h3{margin:0 0 6px; letter-spacing:-.02em}
.wc-price-top p{margin:0; line-height:1.55}
.wc-price-kicker{
  display:inline-flex;
  padding:6px 10px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.76);
  font-weight: 900;
  font-size: .86rem;
  margin-bottom: 10px;
}
.wc-price-tag{
  text-align:right;
  white-space:nowrap;
}
.wc-price{
  font-size: 1.55rem;
  font-weight: 900;
  letter-spacing: -0.03em;
}
.wc-price-list{
  list-style:none;
  padding:0;
  margin: 14px 0 12px;
  display:grid;
  gap:10px;
}
.wc-price-list li{
  padding-left: 26px;
  position:relative;
  color: rgba(255,255,255,.80);
  line-height:1.45;
  font-weight:700;
}
.wc-price-list li:before{
  content:"";
  position:absolute;
  left:0; top:5px;
  width:16px; height:16px;
  border-radius: 6px;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  opacity:.85;
}
.wc-price-note{
  margin-top: 10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.wc-price-trust{margin:8px 0 14px}
.wc-price-cta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 12px;
}

.wc-price-usage{
  background:
    radial-gradient(520px 240px at 80% 0%, rgba(123,220,255,.14), transparent 60%),
    rgba(0,0,0,.10);
}
.wc-usage-gauge{
  margin-top: 12px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding: 12px;
}
.wc-usage-track{
  height: 12px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.12);
  overflow:hidden;
}
.wc-usage-track span{
  display:block;
  height:100%;
  width: 56%;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  border-radius: 999px;
  opacity:.9;
}
.wc-usage-labels{
  margin-top: 8px;
  display:flex;
  justify-content:space-between;
  color: rgba(255,255,255,.60);
  font-weight: 800;
  font-size: .86rem;
}
.wc-ex{
  margin-top: 12px;
  display:grid;
  gap:10px;
}
.wc-ex-row{
  padding: 16px 16px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.wc-ex-total{
  font-weight: 900;
  letter-spacing: -0.02em;
  color: rgba(255,255,255,.92);
}
.wc-price-mini{
  margin-top: 12px;
  line-height:1.55;
}

/* Pay scheme + examples strip */
.wc-pay-scheme,
.wc-pay-strip{
  margin-top: 16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.wc-pay-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px 14px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.10);
}
.wc-pay-ic{
  width:42px; height:42px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.92);
  flex: 0 0 42px;
}
.wc-pay-plus{
  width:34px;
  height:34px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.62);
  font-weight: 900;
}

.wc-pay-approx{
  width:34px;
  height:34px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.78);
}
.wc-pay-approx-ic .wc-ic{width:18px; height:18px}

.wc-ex-card{
  flex: 1 1 320px;
  min-width: min(520px, 100%);
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.10);
  padding: 12px;
}
.wc-ex-card .wc-ex{margin-top: 0}
.wc-ex-card .wc-price-mini{margin-top: 10px}

/* Lead form */
.wc-lead-form{
  border-radius: 22px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(520px 240px at 70% 0%, rgba(123,220,255,.12), transparent 60%),
    rgba(255,255,255,.04);
  padding: 16px;
  box-shadow: var(--shadow);
}
.wc-form-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
}
.wc-field label{
  display:block;
  font-weight: 900;
  margin: 0 0 8px;
  color: rgba(255,255,255,.86);
}
.wc-field input,
.wc-field select{
  width:100%;
  height: 44px;
  padding: 10px 12px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.92);
  outline:none;
}
.wc-field input::placeholder{color: rgba(255,255,255,.45)}
.wc-field input:focus,
.wc-field select:focus{
  border-color: rgba(123,220,255,.38);
  box-shadow: 0 0 0 4px rgba(123,220,255,.12);
}
.wc-err{
  margin-top: 8px;
  color: rgba(255,211,122,.92);
  font-weight: 800;
  line-height:1.35;
  font-size: .92rem;
}
.wc-err-box{
  padding: 10px 12px;
  border-radius: 14px;
  border:1px solid rgba(255,211,122,.22);
  background: rgba(255,211,122,.10);
}
.wc-btn-full{width:100%}
.wc-form-note{margin:10px 0 0; line-height:1.55}

.wc-form-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom: 12px;
}
.wc-form-head-left{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.wc-form-badge{
  display:inline-flex;
  width:max-content;
  padding:6px 10px;
  border-radius: 999px;
  border:1px solid rgba(38,214,178,.26);
  background: rgba(38,214,178,.10);
  color: rgba(255,255,255,.86);
  font-weight: 900;
  font-size: .86rem;
}
.wc-form-head-right{
  font-weight: 800;
  font-size: .92rem;
  margin-top: 6px;
}
.wc-form-foot{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:baseline;
  justify-content:space-between;
}

/* Sticky CTA (mobile) */
.wc-sticky-cta{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 12px;
  z-index: 60;
  padding: 0 12px;
}
.wc-sticky-cta-inner{
  width: min(var(--container), calc(100% - 24px));
  margin: 0 auto;
  border-radius: 22px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(7,10,18,.72);
  backdrop-filter: blur(10px);
  box-shadow: var(--shadow);
  padding: 12px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.wc-sticky-cta-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
}
@media (min-width: 860px){
  .wc-sticky-cta{display:none !important}
}

.wc-lead-steps{
  margin-top: 14px;
  display:grid;
  grid-template-columns: 1fr;
  gap:10px;
}
.wc-lead-step{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.10);
  font-weight: 900;
  color: rgba(255,255,255,.86);
}
.wc-tag-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top: 10px;
}
.wc-tag{
  padding:8px 10px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.78);
  font-weight: 800;
}

#lead-form:target .wc-lead-form{
  animation: wcPulse .9s ease;
}
@keyframes wcPulse{
  0%{box-shadow: 0 0 0 0 rgba(38,214,178,.0), var(--shadow)}
  35%{box-shadow: 0 0 0 6px rgba(38,214,178,.16), var(--shadow)}
  100%{box-shadow: 0 0 0 0 rgba(38,214,178,.0), var(--shadow)}
}

.wc-problem-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
  margin-top: 18px;
}
.wc-problem{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding: 16px 16px;
}
.wc-problem-compact .wc-problem{
  padding: 14px 14px;
}
.wc-problem-top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom: 6px;
}
.wc-problem-top h3{margin:0; letter-spacing:-.02em}
.wc-problem-ic{
  width:36px; height:36px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.88);
}
.wc-problem h3{margin:0 0 6px; letter-spacing:-.02em}
.wc-problem p{margin:0; line-height:1.55}

.wc-solution-steps{
  display:grid;
  gap:12px;
  margin-top: 18px;
}

/* One-line flow diagram */
.wc-flow{
  display:flex;
  gap:10px;
  align-items:stretch;
  overflow:auto;
  padding: 6px 2px 10px;
  scrollbar-width: none;
}
.wc-flow::-webkit-scrollbar{width:0; height:0}
.wc-flow-node{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px 12px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.10);
  min-width: 240px;
}
.wc-flow-node-hi{
  border-color: rgba(38,214,178,.26);
  background: rgba(38,214,178,.08);
}
.wc-flow-ic{
  width:42px; height:42px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.92);
  flex: 0 0 42px;
}
.wc-flow-arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  color: rgba(255,255,255,.45);
  font-weight:900;
}
.wc-step{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding: 16px;
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.12);
}
.wc-step-n{
  width:36px; height:36px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color:#061018;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  flex: 0 0 36px;
}
.wc-step h3{margin:0 0 6px}
.wc-step p{margin:0; line-height:1.55}

.wc-callout{
  margin-top: 16px;
  padding: 16px;
  border-radius: var(--radius);
  border:1px solid rgba(38,214,178,.25);
  background: rgba(38,214,178,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.wc-callout-inner{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:baseline;
}
.wc-link{
  font-weight:900;
  color: rgba(255,255,255,.92);
  border-bottom: 1px solid rgba(255,255,255,.22);
}
.wc-link:hover{border-bottom-color: rgba(255,255,255,.45)}

.wc-benefits{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
}
.wc-benefit{
  border-radius: var(--radius);
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding: 16px;
}
.wc-benefit-top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom: 6px;
}
.wc-benefit h3{margin:0 0 6px}
.wc-benefit p{margin:0; line-height:1.55}

/* Before/after */
.wc-compare{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
}
.wc-compare-col{
  border-radius: 22px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.10);
  padding: 16px;
}
.wc-compare-col-hi{
  border-color: rgba(38,214,178,.26);
  background: rgba(38,214,178,.08);
}
.wc-compare-title{
  font-weight: 900;
  letter-spacing:-.02em;
  margin-bottom: 12px;
}
.wc-compare-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
  color: rgba(255,255,255,.82);
  font-weight: 700;
}
.wc-compare-list li{
  display:flex;
  align-items:center;
  gap:10px;
  line-height:1.45;
}
.wc-compare-list .ok,
.wc-compare-list .x{
  width:18px; height:18px;
  border-radius: 7px;
  flex: 0 0 18px;
  position:relative;
}
.wc-compare-list .ok{
  background: rgba(38,214,178,.18);
  border:1px solid rgba(38,214,178,.30);
}
.wc-compare-list .ok:after{
  content:""; position:absolute;
  left:5px; top:6px;
  width:7px; height:4px;
  border-left:2px solid rgba(255,255,255,.92);
  border-bottom:2px solid rgba(255,255,255,.92);
  transform: rotate(-45deg);
}
.wc-compare-list .x{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
}
.wc-compare-list .x:before,
.wc-compare-list .x:after{
  content:""; position:absolute;
  left:4px; top:8px;
  width:10px; height:2px;
  background: rgba(255,255,255,.68);
  border-radius:2px;
}
.wc-compare-list .x:before{transform: rotate(45deg)}
.wc-compare-list .x:after{transform: rotate(-45deg)}

.wc-features{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
}

/* Panel map */
.wc-map{
  margin-top: 16px;
  display:grid;
  grid-template-columns: 1fr;
  gap:10px;
}
.wc-map-node{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px 12px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.10);
}
.wc-map-ic{
  width:42px; height:42px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.92);
  flex: 0 0 42px;
}
.wc-feature-card{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.10);
  padding: 16px;
}
.wc-feature-ic{
  width:44px; height:44px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom: 10px;
  color: rgba(255,255,255,.90);
}
.wc-feature-card h3{margin:0 0 6px}
.wc-feature-card p{margin:0; line-height:1.55}

.wc-ic{width:22px; height:22px}
.wc-ic-sm{width:18px; height:18px}

.wc-how{
  margin-top:18px;
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
}
.wc-how-item{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding: 16px;
}
.wc-how-item h3{margin:0 0 6px}
.wc-how-item p{margin:0; line-height:1.55}

.wc-faqs{
  margin-top:18px;
  display:grid;
  grid-template-columns: 1fr;
  gap:10px;
}

/* Stepper (new How it works) */
.wc-stepper{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
}
.wc-stepper-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 14px;
  border-radius: 22px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.10);
}
.wc-stepper-ic{
  width:46px; height:46px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.92);
  flex: 0 0 46px;
}
.wc-stepper-line{display:none}

.wc-proof{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
}
.wc-proof-card{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding: 16px;
}
.wc-proof-kpi{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
}
.wc-proof-label{
  color: rgba(255,255,255,.70);
  font-weight:800;
  font-size:.92rem;
}
.wc-proof-value{
  letter-spacing:-.02em;
  font-size:1.25rem;
}
.wc-proof-bar{
  height:10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.12);
  overflow:hidden;
  margin: 12px 0 10px;
}
.wc-proof-bar span{
  display:block;
  height:100%;
  border-radius:999px;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  opacity:.95;
}
.wc-proof-card p{margin:0; line-height:1.55}

.wc-spark{
  margin: 10px 0 8px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.12);
  padding: 8px 10px;
}
.wc-spark svg{width:100%; height:32px; display:block}
.wc-faq{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.10);
  overflow:hidden;
}
.wc-faq summary{
  cursor:pointer;
  list-style:none;
  padding: 14px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-weight:900;
  letter-spacing:-.01em;
}
.wc-faq summary::-webkit-details-marker{display:none}
.wc-faq-body{padding: 0 14px 14px}
.wc-faq-ic{
  width:36px; height:36px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.85);
  transition: transform .18s ease;
}
details[open] .wc-faq-ic{transform: rotate(90deg)}

.wc-final{
  padding: 54px 0 70px;
}
.wc-final-inner{
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(700px 260px at 25% 0%, rgba(38,214,178,.18), transparent 60%),
    radial-gradient(700px 260px at 75% 0%, rgba(123,220,255,.16), transparent 60%),
    rgba(255,255,255,.04);
  padding: 26px 18px;
  box-shadow: var(--shadow);
}
.wc-final-inner h2{
  margin:0 0 8px;
  letter-spacing:-.03em;
}
.wc-final-inner p{margin:0; max-width: 70ch; line-height:1.6}

/* Footer */
.wc-footer{
  border-top:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.12);
  padding: 26px 0;
}
.wc-footer-inner{
  display:grid;
  gap:18px;
}
.wc-footer-brand{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom: 8px;
}
.wc-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 12px;
}
.wc-footer-links a{
  color: rgba(255,255,255,.78);
  border-bottom: 1px solid rgba(255,255,255,.14);
}
.wc-footer-links a:hover{border-bottom-color: rgba(255,255,255,.38)}

/* Reveal */
.reveal{opacity:0; transform: translateY(10px); transition: opacity .5s ease, transform .5s ease}
.reveal.is-in{opacity:1; transform: translateY(0)}

@media (min-width: 860px){
  .wc-nav-links{display:flex}
  .wc-burger{display:none}
  .wc-hero{padding: 72px 0 42px}
  .wc-hero-grid{grid-template-columns: 1.05fr .95fr; align-items:start}
  .wc-hero-scheme{grid-template-columns: 1fr; }
  .wc-mock-body{grid-template-columns: 1fr 1fr}
  .wc-problem-grid{grid-template-columns: 1fr 1fr}
  .wc-flow{overflow: visible; padding: 0}
  .wc-flow-node{min-width: 0; flex: 1 1 0}
  .wc-visual-grid{grid-template-columns: 1fr 1fr}
  .wc-compare{grid-template-columns: 1fr 1fr}
  .wc-benefits{grid-template-columns: 1fr 1fr}
  .wc-map{grid-template-columns: 1fr 1fr 1fr}
  .wc-features{grid-template-columns: 1fr 1fr 1fr}
  .wc-proof{grid-template-columns: 1fr 1fr 1fr}
  .wc-faqs{grid-template-columns: 1fr 1fr}
  .wc-split{grid-template-columns: 1fr 1fr; align-items:start; gap:18px}
  .wc-pricing{grid-template-columns: 1.15fr .85fr}
  .wc-form-grid{grid-template-columns: 1fr 1fr}
  .wc-footer-inner{grid-template-columns: 1.2fr .9fr .7fr; align-items:start}
  .wc-final-inner{padding: 30px 28px}

  .wc-stepper{
    grid-template-columns: 1fr 44px 1fr 44px 1fr 44px 1fr;
    gap:0;
    align-items:stretch;
  }
  .wc-stepper-item{height:100%}
  .wc-stepper-line{
    display:block;
    width:44px;
    position:relative;
  }
  .wc-stepper-line:before{
    content:""; position:absolute;
    left: 50%; top: 50%;
    width: 30px; height: 2px;
    background: rgba(255,255,255,.18);
    transform: translate(-50%, -50%);
    border-radius: 2px;
  }
}