/* Full styles for redesigned Sofia UK page — original styles.css untouched */

/* === Existing styles (unchanged) === */
:root{
  --bg:#0a0f1e;
  --surface:#111827;
  --line:#1e3a5f;
  --text:#f1f5f9;
  --muted:#94a3b8;
  --signal:#cf142b;
  --signal-2:#e0243c;
  --blue:#1d3f8f;
  --blue-light:#3b5fb8;
  --white:#ffffff;
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-mono:'Space Mono',ui-monospace,SFMono-Regular,monospace;
  --font-body:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:var(--font-body);
  background:radial-gradient(1200px 600px at 50% -10%, rgba(29,63,143,.12), transparent 60%), var(--bg);
  color:var(--text);
  min-height:100vh;
  display:flex;flex-direction:column;align-items:center;
  padding:18px 16px 80px;
}
.topbar{
  width:100%;max-width:760px;display:flex;justify-content:space-between;align-items:center;
  font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;color:var(--muted);
  text-transform:uppercase;margin:0 auto 14px;
}
.topbar .live{display:flex;align-items:center;gap:7px;color:var(--signal);}
.topbar .live i{width:7px;height:7px;border-radius:50%;background:var(--signal);animation:pulse 1.8s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(207,20,43,.5)}70%{box-shadow:0 0 0 9px rgba(207,20,43,0)}100%{box-shadow:0 0 0 0 rgba(207,20,43,0)}}
.lang-row{align-self:stretch;max-width:760px;width:100%;margin:0 auto 26px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.lang-btn{background:var(--surface);color:var(--muted);border:1px solid var(--line);padding:7px 11px;border-radius:20px;cursor:pointer;font-size:.8rem;line-height:1;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);}
.lang-btn span{font-size:.74rem;}
.lang-btn:hover{border-color:var(--blue-light);}
.lang-btn.active{background:var(--signal);color:var(--white);border-color:var(--signal);font-weight:700;}
.kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;color:var(--blue-light);text-transform:uppercase;margin:0 auto 10px;max-width:760px;width:100%;}
header{text-align:center;max-width:680px;margin-bottom:8px;}
header h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2.1rem,6vw,3.4rem);line-height:1.04;letter-spacing:-.02em;margin-bottom:14px;}
header h1 span{color:var(--signal);}
header p{color:var(--muted);font-size:1.05rem;line-height:1.55;}
.waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:64px;margin:22px auto 0;max-width:680px;width:100%;opacity:.9;}
.waveform span{display:block;width:4px;border-radius:3px;background:linear-gradient(var(--signal),var(--blue-light));height:var(--h);animation:eq 1.2s ease-in-out infinite;transform-origin:bottom;}
@keyframes eq{0%,100%{height:22%}50%{height:100%}}
.listen{text-align:center;max-width:680px;width:100%;margin:8px 0 26px;}
.listen h3{font-family:var(--font-display);color:var(--text);margin-bottom:14px;font-size:1.15rem;font-weight:700;}
.audio-row{display:flex;align-items:center;gap:12px;justify-content:center;margin:10px 0;}
.audio-row span{font-size:1.6rem;}
.gate,.callback{width:100%;max-width:460px;margin:0 auto 26px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:14px;padding:22px;}
.gate h3,.callback h3{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:1.1rem;font-weight:700;}
.gate-sub{color:var(--muted);font-size:.88rem;margin-bottom:14px;}
.gate-form,.cb-form{display:flex;flex-direction:column;gap:10px;}
.gate-form input,.cb-form input,.cb-form select{background:var(--bg);border:1px solid var(--line);color:var(--text);padding:12px 14px;border-radius:10px;font-size:1rem;width:100%;font-family:var(--font-body);}
.gate-form input:focus,.cb-form input:focus,.cb-form select:focus{outline:none;border-color:var(--blue-light);}
.consent{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.85rem;}
.consent input{width:auto;}
.talk-btn{background:linear-gradient(135deg,var(--signal),var(--signal-2));color:var(--white);border:none;border-radius:50px;padding:14px 28px;font-size:1.05rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px;font-family:var(--font-display);box-shadow:0 10px 30px rgba(207,20,43,.3);}
.talk-btn:hover{transform:translateY(-1px);}
.talk-btn:disabled{opacity:.6;cursor:default;transform:none;}
.status-line{color:var(--muted);font-size:.9rem;margin-top:12px;min-height:18px;text-align:center;}
.calls-demo{text-align:center;max-width:680px;width:100%;margin:8px 0 34px;}
.calls-demo h3{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:1.2rem;font-weight:700;}
.calls-note{color:var(--muted);font-size:.9rem;line-height:1.45;margin-bottom:20px;}
.call-list{display:flex;flex-direction:column;gap:14px;text-align:left;}
.call-item{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;}
.call-flag{font-size:1.6rem;flex-shrink:0;line-height:1;}
.call-meta{flex:1;min-width:0;}
.call-title{color:var(--signal);font-weight:600;font-size:.98rem;font-family:var(--font-display);}
.call-sub{color:var(--muted);font-size:.82rem;line-height:1.35;margin-top:2px;}
.call-item .player{flex:1 1 150px;min-width:140px;}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1000px;width:100%;margin-bottom:40px;}
.card{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:14px;padding:22px;}
.card h3{color:var(--text);font-family:var(--font-display);font-size:1.05rem;margin-bottom:8px;font-weight:700;}
.card p{color:var(--muted);font-size:.92rem;line-height:1.45;}
.how-it-works{max-width:700px;width:100%;margin-bottom:40px;}
.how-it-works h2{font-family:var(--font-display);text-align:center;margin-bottom:20px;color:var(--text);font-weight:700;font-size:1.6rem;}
.steps{display:flex;flex-direction:column;gap:14px;}
.step{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border-radius:12px;padding:16px 20px;border:1px solid var(--line);}
.step .num{background:var(--signal);color:#0a0a0c;font-weight:700;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-mono);}
.step p{color:var(--muted);font-size:.95rem;line-height:1.4;}
.pricing{max-width:900px;width:100%;margin-bottom:40px;text-align:center;}
.pricing h2{font-family:var(--font-display);margin-bottom:6px;color:var(--text);font-weight:700;font-size:1.6rem;}
.pricing-note{color:var(--muted);font-size:.95rem;margin-bottom:22px;}
.price-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;}
.price-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px 24px;flex:1;min-width:220px;position:relative;overflow:hidden;}
.price-card:first-child{border-top:3px solid var(--blue);}
.price-card.featured{background:linear-gradient(160deg,rgba(1,33,105,.12),var(--surface));border-color:rgba(1,33,105,.5);}
.price-card h3{color:var(--text);font-family:var(--font-display);font-size:1.1rem;margin-bottom:10px;font-weight:700;}
.price{font-size:2.2rem;font-weight:800;color:var(--text);margin-bottom:8px;font-family:var(--font-display);letter-spacing:-.02em;}
.price span{font-size:1rem;color:var(--muted);font-weight:600;font-family:var(--font-body);}
.price-card p{color:var(--muted);font-size:.92rem;line-height:1.45;}
.badge{position:absolute;top:12px;right:12px;background:var(--blue);color:var(--signal);border:2px solid var(--white);font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:20px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;}
footer{color:var(--muted);font-size:.85rem;text-align:center;margin-top:20px;font-family:var(--font-mono);letter-spacing:.05em;}
.leads{max-width:680px;width:100%;margin:24px auto 0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 16px;}
.leads summary{cursor:pointer;color:var(--muted);font-size:.9rem;font-family:var(--font-mono);}
.leads pre{color:var(--text);font-size:.78rem;white-space:pre-wrap;margin-top:10px;max-height:240px;overflow:auto;font-family:var(--font-mono);}
.vapi-btn { display: none !important; }
.sofia-face{width:96px;height:96px;margin:0 auto 18px;filter:drop-shadow(0 10px 26px rgba(207,20,43,.35));animation:bob 3.4s ease-in-out infinite;}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.biz-contact{font-family:var(--font-mono);font-size:.8rem;color:var(--muted);text-align:center;margin-top:10px;}
.wa-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:50px;padding:9px 18px;cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s;}
.wa-btn:hover{border-color:var(--signal);color:var(--signal);}
.wa-btn[aria-disabled="true"]{opacity:.55;cursor:default;}
.wa-soon{font-size:.65rem;color:var(--muted);font-weight:400;margin-left:4px;}
.wa-note{font-size:.78rem;color:var(--muted);margin-top:6px;}
.tri-edge{position:fixed;top:0;left:0;right:0;height:4px;z-index:50;background:var(--edge);}
body.pulsing .tri-edge{animation:edgePulse 2s ease-in-out infinite;}
@keyframes edgePulse{0%,100%{box-shadow:0 0 6px var(--pulse);}50%{box-shadow:0 0 22px var(--pulse);}}
:root{--pulse:#cf142b;--edge:linear-gradient(90deg,#1d3f8f 0%,#ffffff 50%,#cf142b 100%);}
.player{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:9px 14px;width:100%;}
.play{width:42px;height:42px;border-radius:50%;border:none;background:var(--signal);color:var(--white);font-size:.7rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(207,20,43,.35);}
.play:hover{transform:scale(1.05);}
.peq{display:flex;align-items:flex-end;gap:2px;height:30px;flex:1;min-width:0;}
.peq span{display:block;width:3px;border-radius:2px;background:var(--line);height:var(--h);transition:background .2s;}
.peq span.on{background:linear-gradient(var(--signal),var(--blue-light));}
.player.playing .peq span.on{animation:eq .9s ease-in-out infinite;}
.ptime{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);white-space:nowrap;flex-shrink:0;}
@media (max-width:800px){.cards{grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px){
  .cards{grid-template-columns:1fr;}
  .call-item{flex-wrap:wrap;}
  .call-item .player{width:100%;flex-basis:100%;}
  .topbar{font-size:.62rem;}
}

/* === New sections for redesign === */

/* Problem section */
.problem{
  max-width:680px;width:100%;margin:0 auto 40px;text-align:center;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:30px 24px;border-top:3px solid var(--signal);
}
.problem h2{font-family:var(--font-display);color:var(--text);margin-bottom:10px;font-size:1.35rem;font-weight:700;}
.problem p{color:var(--muted);font-size:1rem;line-height:1.6;}

/* Trust section */
.trust{max-width:1000px;width:100%;margin-bottom:40px;}
.trust h2{font-family:var(--font-display);text-align:center;margin-bottom:20px;color:var(--text);font-weight:700;font-size:1.6rem;}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.trust-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;text-align:center;}
.trust-icon{font-size:2rem;margin-bottom:10px;}
.trust-item h4{color:var(--text);font-family:var(--font-display);font-size:1rem;margin-bottom:6px;font-weight:700;}
.trust-item p{color:var(--muted);font-size:.88rem;line-height:1.45;}

/* FAQ */
.faq{max-width:700px;width:100%;margin:0 auto 40px;}
.faq h2{font-family:var(--font-display);text-align:center;margin-bottom:20px;color:var(--text);font-weight:700;font-size:1.6rem;}
.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden;}
.faq-item summary{padding:16px 20px;cursor:pointer;color:var(--text);font-family:var(--font-display);font-weight:600;font-size:.98rem;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+';font-size:1.4rem;color:var(--signal);font-weight:700;}
.faq-item[open] summary::after{content:'−';}
.faq-item p{padding:0 20px 18px;color:var(--muted);font-size:.92rem;line-height:1.55;}

/* CTA strip */
.cta-strip{max-width:680px;width:100%;margin:0 auto 40px;text-align:center;background:linear-gradient(160deg,rgba(207,20,43,.12),var(--surface));border:1px solid rgba(207,20,43,.3);border-radius:16px;padding:30px 24px;}
.cta-strip h2{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:1.5rem;font-weight:700;}
.cta-strip p{color:var(--muted);font-size:1rem;line-height:1.5;}

@media (max-width:800px){
  .trust-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:480px){
  .trust-grid{grid-template-columns:1fr;}
  .price-row{flex-direction:column;align-items:center;}
  .price-card{min-width:100%;}
}