/* Design 22 — Conversion Playground */
:root{--paper:#f4f0e6;--ink:#12141a;--purple:#6d5af0;--acid:#dfff44;--pink:#ff8bc8;--blue:#b9e7f2;--line:#c9c4b8}
*{box-sizing:border-box}.cp{font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);overflow:hidden}.cp h1,.cp h2,.cp h3,.cp p{margin-top:0}.cp em{font-family:Georgia,serif;font-weight:400}.cp-header{height:70px;padding:0 4vw;display:flex;align-items:center;border-bottom:1px solid var(--ink);background:var(--paper);position:relative;z-index:30}.cp-logo{display:flex;gap:9px;align-items:center;color:var(--ink);text-decoration:none}.cp-logo b{font-size:28px}.cp-logo span,.cp-header nav a,.cp-cta{font-size:8px;font-weight:900;letter-spacing:.12em}.cp-header nav{margin-left:auto;display:flex;gap:24px}.cp-header nav a,.cp-cta{color:var(--ink);text-decoration:none}.cp-cta{margin-left:28px;background:var(--ink);color:#fff;padding:13px 16px}.cp-hero{min-height:860px;padding:85px 5vw 70px;display:grid;grid-template-columns:.95fr 1.05fr;gap:6vw;align-items:center;position:relative}.cp-hero-meta{position:absolute;top:24px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:7px;font-weight:900;letter-spacing:.13em;color:#696b72}.eyebrow,.section-copy>span,.booking-copy>span,.memory-copy>span,.pricing-copy>span{font-size:8px;font-weight:900;letter-spacing:.16em;color:var(--purple)}.cp-hero h1,.section-copy h2,.editorial-copy h2,.booking-copy h2,.memory-copy h2,.pricing-copy h2,.cp-final h2{font-size:clamp(62px,7.2vw,112px);line-height:.84;letter-spacing:-.07em;margin:24px 0}.cp-hero h1 em,.section-copy h2 em,.editorial-copy h2 em,.booking-copy h2 em,.memory-copy h2 em,.pricing-copy h2 em,.cp-final h2 em{color:var(--purple)}.cp-hero-copy>p{max-width:560px;line-height:1.7;font-size:15px}.hero-actions{display:flex;gap:10px;margin-top:28px}.hero-actions a{border:2px solid var(--ink);padding:14px 16px;color:var(--ink);text-decoration:none;font-size:8px;font-weight:900}.hero-actions .primary{background:var(--acid)}.cp-playcard{border:2px solid var(--ink);background:#fff;box-shadow:16px 16px 0 var(--purple);transform:rotate(1deg)}.playcard-top{height:48px;border-bottom:2px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--acid);font-size:7px;font-weight:900;letter-spacing:.12em}.playcard-window{padding:28px;min-height:540px;position:relative}.play-visitor{display:flex;gap:12px;align-items:flex-start}.avatar{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-content:center;font-size:8px}.play-visitor small{font-size:7px;color:#777}.play-visitor b{display:block;margin-top:5px;font-size:14px}.play-nello{display:flex;align-items:center;gap:15px;margin:45px 0 25px}.play-nello img{width:95px}.nello-bubble{background:var(--purple);color:#fff;padding:15px 18px;border-radius:18px 18px 18px 4px;font-size:12px;font-weight:900}.play-choices{display:grid;gap:8px;margin-left:110px}.play-choices button{border:2px solid var(--ink);background:#fff;padding:13px;text-align:left;font-weight:900;cursor:pointer}.play-choices button:hover{background:var(--acid)}.play-output{position:absolute;left:28px;right:28px;bottom:24px;display:grid;grid-template-columns:auto 1fr 1fr auto 1fr;align-items:center;gap:10px;border-top:2px solid var(--ink);padding-top:15px;font-size:7px}.play-output i{height:1px;background:var(--line)}.play-output b{font-size:9px}.cp-break{height:64px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;font-size:9px;font-weight:900;letter-spacing:.12em}.cp-break i{font-style:normal;color:var(--acid)}.cp-playground{padding:110px 6vw;background:#fff}.section-copy{max-width:900px}.section-copy h2 em{color:var(--purple)}.section-copy p{max-width:600px;line-height:1.7}.journey-machine{margin-top:65px;border:2px solid var(--ink);display:grid;grid-template-columns:1.1fr .9fr;min-height:560px}.machine-left{background:var(--ink);color:#fff;padding:30px}.machine-label{font-size:7px;letter-spacing:.14em;color:#848c9b}.record-card{height:430px;margin-top:25px;border:1px solid #555d6d;padding:24px;display:flex;flex-direction:column}.record-head{display:flex;justify-content:space-between;font-size:7px;color:#7d8797}.record-head b{color:var(--acid)}.record-card h3{font-size:42px;line-height:.9;margin:auto 0}.record-fields{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #555d6d}.record-fields div{padding:14px;border-right:1px solid #555d6d}.record-fields small,.record-fields b{display:block}.record-fields small{font-size:6px;color:#7b8493}.record-fields b{font-size:9px;margin-top:6px}.machine-right{padding:40px;background:var(--acid);display:flex;flex-direction:column;justify-content:center}.machine-right>small{font-size:7px}.machine-right h3{font-size:36px;margin:14px 0 25px}.machine-options{display:grid;gap:8px}.machine-options button{border:2px solid var(--ink);background:transparent;padding:13px;text-align:left;font-weight:900;cursor:pointer}.machine-options button:hover{background:var(--ink);color:#fff}.cp-editorial{min-height:700px;background:var(--pink);padding:100px 7vw;position:relative;display:flex;align-items:flex-end}.editorial-word{position:absolute;left:-2vw;top:-3vw;font-size:22vw;font-weight:900;letter-spacing:-.1em;color:#ffffff24;line-height:.85}.editorial-copy{max-width:900px;position:relative;z-index:2}.editorial-copy span{font-size:8px;font-weight:900;letter-spacing:.15em}.editorial-copy h2 em{color:#fff}.editorial-copy p{max-width:600px;line-height:1.7}.cp-flow{padding:110px 6vw;background:var(--paper)}.flow-strip{margin-top:55px;display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr;border-block:2px solid var(--ink)}.flow-strip article{padding:28px}.flow-strip small,.flow-strip b{display:block}.flow-strip small{font-size:7px;color:#777}.flow-strip b{font-size:13px;margin-top:8px}.flow-strip i{display:grid;place-content:center;font-style:normal}.flow-strip .accent{background:var(--purple);color:#fff}.cp-actions{padding:110px 6vw;background:var(--ink);color:#fff}.section-copy.light>span{color:var(--acid)}.section-copy.light h2 em{color:var(--acid)}.action-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:55px}.action-cards article{min-height:420px;padding:28px;background:#17191f;border:1px solid #444}.card-title{display:flex;justify-content:space-between;font-size:7px;color:#8c93a0}.card-title b{color:var(--acid)}.action-cards h3{font-size:32px;margin:55px 0 25px}.times{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.times button{border:1px solid #666;background:transparent;color:#fff;padding:13px;font-weight:900}.times button.active{background:var(--acid);color:var(--ink)}.book-card>strong{display:block;margin-top:18px;font-size:22px;color:var(--acid)}.handoff-line{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #555;padding:20px 0;font-size:12px;font-weight:900}.handoff-line i{font-style:normal;color:var(--acid)}.handoff-card p{color:#898f9c}.cp-memory{padding:100px 6vw 120px;background:var(--blue)}.memory-line{display:flex;align-items:center;margin-bottom:80px;font-size:8px;font-weight:900}.memory-line i{height:2px;background:var(--ink);flex:1;margin:0 14px}.memory-wrap{display:grid;grid-template-columns:1fr 380px;gap:8vw;align-items:center}.memory-copy h2 em{color:var(--purple)}.memory-copy p{max-width:600px;line-height:1.7}.memory-object{background:#fff;border:2px solid var(--ink);padding:28px;box-shadow:12px 12px 0 var(--purple)}.memory-object small,.memory-object b,.memory-object span{display:block}.memory-object small{font-size:7px}.memory-object b{font-size:27px;margin:25px 0}.memory-object span{background:var(--acid);padding:10px;font-size:8px;font-weight:900}.cp-value{padding:110px 6vw;background:#fff}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink);border-left:2px solid var(--ink);margin-top:55px}.value-grid article{min-height:300px;padding:24px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);display:flex;flex-direction:column}.value-grid span{font-size:8px}.value-grid b{font-size:22px;margin-top:auto}.value-grid p{font-size:11px;line-height:1.5}.cp-pricing{padding:120px 7vw;background:var(--paper);display:grid;grid-template-columns:1fr 470px;gap:8vw;align-items:center}.pricing-copy p{max-width:520px;line-height:1.7}.pricing-copy>strong{display:inline-block;background:var(--acid);padding:10px;font-size:8px}.price-card{background:var(--ink);color:#fff;padding:28px;box-shadow:14px 14px 0 var(--purple)}.price-card header{display:flex;justify-content:space-between;font-size:7px;color:#7e8695}.amount{font-size:105px;font-weight:900;letter-spacing:-.08em;margin:20px 0}.amount sup{font-size:18px;color:var(--pink)}.amount small{font-size:8px;color:#7e8695}.price-card ul{list-style:none;padding:0;border-top:1px solid #444}.price-card li{padding:10px 0;border-bottom:1px solid #333;font-size:9px}.price-card li:before{content:"✓  ";color:var(--acid)}.price-card a{display:block;background:var(--acid);color:var(--ink);padding:15px;text-align:center;text-decoration:none;font-size:9px;font-weight:900}.price-card>p{text-align:center;font-size:7px;color:#757d8c;margin:10px 0 0}.cp-final{min-height:700px;padding:110px 6vw;background:var(--purple);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.final-pill{background:#fff;color:var(--ink);padding:9px 12px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.12em}.cp-final h2{max-width:1100px}.cp-final h2 em{color:var(--acid)}.cp-final p{font-size:16px}.cp-final a{background:var(--acid);color:var(--ink);padding:15px 18px;text-decoration:none;font-size:9px;font-weight:900}
@media(max-width:950px){.cp-hero,.memory-wrap,.cp-pricing{grid-template-columns:1fr}.cp-playcard{max-width:650px}.journey-machine{grid-template-columns:1fr}.action-cards{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr 1fr}.cp-pricing{gap:55px}.price-card{max-width:520px}}
@media(max-width:650px){.cp-header{height:60px;padding:0 16px}.cp-header nav{display:none}.cp-hero,.cp-playground,.cp-editorial,.cp-flow,.cp-actions,.cp-memory,.cp-value,.cp-pricing,.cp-final{padding:75px 20px}.cp-hero{padding-top:100px}.cp-hero h1,.section-copy h2,.editorial-copy h2,.booking-copy h2,.memory-copy h2,.pricing-copy h2,.cp-final h2{font-size:52px}.cp-hero-meta{left:20px;right:20px}.cp-hero-meta span:last-child{display:none}.cp-playcard{box-shadow:8px 8px 0 var(--purple)}.play-choices{margin-left:0}.play-output{grid-template-columns:1fr 1fr}.play-output i{display:none}.cp-break{overflow:hidden;justify-content:flex-start;padding:0 20px}.flow-strip{grid-template-columns:1fr}.flow-strip i{height:25px;transform:rotate(90deg)}.record-fields{grid-template-columns:1fr}.action-cards h3{margin-top:35px}.times{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr}.memory-line{font-size:6px}.price-card{box-shadow:8px 8px 0 var(--purple)}.amount{font-size:84px}}

/* Design 23 — Conversion Playground Refinement */
/* Fix alignment and visual balance in the action section */
.cp-actions .section-copy.light p{
  max-width:560px;color:#9aa0aa;line-height:1.6
}
.action-journey{
  margin-top:55px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);
  align-items:stretch;
  gap:0;
  border:1px solid #3b3d43;
  min-height:420px;
}
.action-step{
  padding:30px;
  background:#17191f;
  min-width:0;
}
.booking-step{border-right:1px solid #3b3d43}
.handoff-step{border-left:1px solid #3b3d43}
.step-label{
  display:flex;justify-content:space-between;align-items:center;
  font-size:7px;color:#8c93a0
}
.step-label b{color:var(--acid)}
.action-step h3{font-size:34px;margin:55px 0 28px}
.action-step .times{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px
}
.action-step .times button{
  border:1px solid #666;background:transparent;color:#fff;padding:14px 6px;font-weight:900
}
.action-step .times button.active{background:var(--acid);color:var(--ink)}
.action-step>strong{display:block;margin-top:20px;color:var(--acid);font-size:22px}
.journey-connector{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:#101216;color:#fff;gap:12px;padding:20px 10px
}
.journey-connector i{width:1px;flex:1;background:#3b3d43}
.journey-connector span{
  writing-mode:vertical-rl;transform:rotate(180deg);
  font-size:6px;letter-spacing:.14em;color:#8d94a0
}
.journey-connector b{color:var(--acid);font-size:22px}
.handoff-context{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid #474a50;border-bottom:1px solid #474a50;
  margin-top:20px
}
.handoff-context span{padding:14px 12px;border-right:1px solid #474a50}
.handoff-context span:last-child{border-right:0}
.handoff-context small,.handoff-context b{display:block}
.handoff-context small{font-size:6px;color:#7f8793;margin-bottom:7px}
.handoff-context b{font-size:9px}
.handoff-step p{color:#8f96a2;margin-top:22px}

/* Replace oversized pink filler with an actual comparison */
.cp-editorial{
  min-height:760px;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:7vw;
  align-items:end
}
.compare-panel{
  position:relative;z-index:3;
  display:grid;grid-template-columns:1fr 50px 1fr;
  align-items:center;background:#fff;border:2px solid var(--ink);
  box-shadow:12px 12px 0 var(--ink);
  padding:24px
}
.compare-col{min-height:300px;padding:18px;display:flex;flex-direction:column}
.compare-col>small{font-size:7px;font-weight:900;letter-spacing:.14em}
.msg-stack{display:grid;gap:8px;margin:25px 0}
.msg-stack span{border:2px solid var(--ink);padding:11px;font-size:10px;font-weight:900;background:#fff}
.compare-col>b{margin-top:auto;font-size:10px}
.compare-arrow{display:grid;place-content:center;font-size:26px}
.compare-col.better{background:var(--acid)}
.context-ticket{display:grid;grid-template-columns:1fr;gap:8px;margin:25px 0}
.context-ticket span{background:#fff;border:2px solid var(--ink);padding:10px}
.context-ticket small,.context-ticket b{display:block}
.context-ticket small{font-size:6px;color:#777}
.context-ticket b{font-size:10px;margin-top:4px}

/* Dense product-visual value cards */
.value-grid article{min-height:340px}
.mini-ui{
  height:115px;margin:24px 0 18px;
  border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;gap:8px;
  background:var(--paper)
}
.mini-ui i{
  min-width:38px;height:38px;border:1px solid var(--ink);
  display:grid;place-content:center;font-style:normal;font-size:10px;font-weight:900;background:#fff
}
.mini-book i:nth-child(2),.mini-qualify i:nth-child(2){background:var(--acid)}
.mini-route i:nth-child(2){border:0;background:transparent;font-size:20px}
.mini-remember i:first-child{border-radius:50%;background:var(--blue)}

/* Stronger pricing emphasis */
.cp-pricing{padding-top:140px;padding-bottom:140px}
.price-card{transform:scale(1.04);transform-origin:center right}
.price-card .amount{font-size:116px}

/* Final callback to the product experience */
.final-nello{
  display:flex;align-items:center;gap:14px;
  background:#fff;color:var(--ink);border:2px solid var(--ink);
  padding:14px 18px;box-shadow:8px 8px 0 var(--acid);
  margin:24px 0 10px
}
.final-nello img{width:64px}
.final-nello small,.final-nello b,.final-nello span{display:block;text-align:left}
.final-nello small{font-size:6px;letter-spacing:.14em;color:#777}
.final-nello b{font-size:12px;margin:5px 0}
.final-nello span{font-size:8px;color:#666}

@media(max-width:950px){
  .cp-editorial{grid-template-columns:1fr;align-items:start}
  .compare-panel{margin-top:30px}
  .action-journey{grid-template-columns:1fr}
  .booking-step{border-right:0;border-bottom:1px solid #3b3d43}
  .handoff-step{border-left:0;border-top:1px solid #3b3d43}
  .journey-connector{flex-direction:row;min-height:70px}
  .journey-connector i{height:1px;width:auto;flex:1}
  .journey-connector span{writing-mode:horizontal-tb;transform:none}
  .price-card{transform:none}
}
@media(max-width:650px){
  .compare-panel{grid-template-columns:1fr}
  .compare-arrow{transform:rotate(90deg);height:42px}
  .action-step .times{grid-template-columns:1fr}
  .handoff-context{grid-template-columns:1fr}
  .handoff-context span{border-right:0;border-bottom:1px solid #474a50}
  .handoff-context span:last-child{border-bottom:0}
  .final-nello{max-width:330px}
}

/* Design 24 — Typography + Contrast Refinement */
:root{
  --paper:#f5f1e8;
  --ink:#111319;
  --purple:#6252e8;
  --acid:#e5ff63;
  --pink:#f4a2ca;
  --blue:#c7edf4;
  --muted:#626873;
}

/* Global readability */
.cp{font-size:16px}
.cp p{font-size:16px;line-height:1.65}
.cp small{font-size:9px;line-height:1.35}
.cp-header nav a,.cp-cta{font-size:9px}
.cp-logo span{font-size:9px}
.cp-logo b{font-size:30px}
.cp-hero-meta{font-size:8px}
.eyebrow,.section-copy>span,.booking-copy>span,.memory-copy>span,.pricing-copy>span{
  font-size:10px;
  letter-spacing:.14em;
}
.cp-hero-copy>p{font-size:17px;max-width:610px}
.hero-actions a{font-size:10px;padding:15px 18px}
.cp-break{font-size:10px}

.playcard-top{font-size:9px}
.play-visitor small{font-size:9px}
.play-visitor b{font-size:16px}
.nello-bubble{font-size:14px}
.play-choices button{font-size:14px;padding:14px 15px}
.play-output{font-size:9px}
.play-output b{font-size:11px}

.machine-label{font-size:9px}
.record-head{font-size:9px}
.record-card h3{font-size:48px}
.record-fields small{font-size:8px}
.record-fields b{font-size:11px}
.machine-right>small{font-size:9px}
.machine-right h3{font-size:40px}
.machine-options button{font-size:13px}

/* The completion panel must be dark-on-lime, never white-on-lime */
.machine-right{
  color:var(--ink);
  background:var(--acid);
}
.machine-right h3,
.machine-right p,
.machine-right small,
.machine-right button,
.machine-right b{
  color:var(--ink);
}
.machine-right .complete,
.machine-right [class*="complete"]{
  color:var(--ink)!important;
}
.machine-right button{
  border-color:var(--ink);
}
.machine-right button:hover{
  background:var(--ink);
  color:#fff;
}

/* Pink comparison section: softer pink, stronger text contrast */
.cp-editorial{background:var(--pink)}
.editorial-copy span{font-size:10px}
.editorial-copy p{font-size:16px;max-width:640px}
.compare-col>small{font-size:9px}
.msg-stack span{font-size:12px}
.compare-col>b{font-size:12px}
.context-ticket small{font-size:8px}
.context-ticket b{font-size:12px}

/* Control strip */
.flow-strip small{font-size:9px}
.flow-strip b{font-size:15px;line-height:1.4}

/* Dark action area */
.cp-actions .section-copy.light p{font-size:16px}
.step-label{font-size:9px}
.action-step h3{font-size:38px}
.action-step .times button{font-size:13px}
.action-step>strong{font-size:24px}
.journey-connector span{font-size:8px}
.handoff-context small{font-size:8px}
.handoff-context b{font-size:11px}
.handoff-step p{font-size:15px}

/* Memory */
.memory-line{font-size:9px}
.memory-copy p{font-size:16px}
.memory-object small{font-size:9px}
.memory-object b{font-size:30px;line-height:1.2}
.memory-object span{font-size:10px}

/* Core value section */
.value-grid span{font-size:10px}
.value-grid b{font-size:25px}
.value-grid p{font-size:13px;line-height:1.55}
.mini-ui i{font-size:11px}

/* Pricing */
.pricing-copy p{font-size:16px}
.pricing-copy>strong{font-size:10px;padding:11px 13px}
.price-card header{font-size:9px}
.price-card li{font-size:11px}
.price-card a{font-size:11px;padding:16px}
.price-card>p{font-size:9px}
.amount small{font-size:10px}

/* Final CTA */
.final-pill{font-size:9px}
.final-nello small{font-size:8px}
.final-nello b{font-size:14px}
.final-nello span{font-size:10px}
.cp-final p{font-size:18px}
.cp-final a{font-size:11px;padding:16px 20px}

/* Better contrast for muted labels */
.play-visitor small,
.record-head,
.machine-label,
.card-title,
.step-label,
.handoff-context small,
.price-card header,
.price-card>p{
  color:#9098a5;
}
.cp-hero-meta,
.play-output,
.record-fields small,
.memory-line,
.value-grid span{
  color:#565c66;
}

/* Slightly richer accent balance */
.cp-final{background:var(--purple)}
.cp-final h2 em{color:var(--acid)}
.cp-pricing{background:#f3efe4}
.cp-memory{background:var(--blue)}

/* Keep the lime panels readable */
.cp .accent,
.cp .better,
.cp .primary,
.cp .active,
.cp .memory-object span,
.cp .price-card a,
.cp .pricing-copy>strong,
.cp-final a{
  color:var(--ink);
}

/* Prevent tiny text in screenshots / wide desktop */
@media(min-width:1400px){
  .cp{font-size:17px}
  .cp p{font-size:17px}
  .cp small{font-size:10px}
  .cp-header nav a,.cp-cta{font-size:10px}
  .eyebrow,.section-copy>span,.booking-copy>span,.memory-copy>span,.pricing-copy>span{font-size:11px}
  .flow-strip b{font-size:16px}
  .value-grid p{font-size:14px}
}

/* Mobile remains compact but readable */
@media(max-width:650px){
  .cp p{font-size:15px}
  .cp small{font-size:8px}
  .cp-header .cp-cta{font-size:8px}
  .play-choices button{font-size:12px}
  .record-card h3{font-size:34px}
  .machine-right h3{font-size:31px}
  .action-step h3{font-size:30px}
}

/* Design 25 — Mobile logic UX + explicit subscription checkout */

/* Paid checkout is now the primary pricing action */
.price-actions{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.price-card .price-paid,
.price-card .price-trial{
  display:block;
  text-align:center;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.03em;
}
.price-card .price-paid{
  background:var(--acid);
  color:var(--ink);
  border:2px solid var(--acid);
  padding:16px 18px;
  font-size:12px;
}
.price-card .price-paid:hover{
  background:#fff;
  border-color:#fff;
}
.price-card .price-trial{
  background:transparent;
  color:#fff;
  border:1px solid #50545d;
  padding:13px 18px;
  font-size:10px;
}
.price-card .price-trial:hover{
  border-color:#fff;
}
.pricing-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.pricing-badges strong{
  display:inline-block;
  background:var(--acid);
  color:var(--ink);
  padding:10px 12px;
  font-size:10px;
  line-height:1;
}

/* Desktop logic strip: tighten and equalise */
.flow-strip{
  grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr) 46px minmax(0,1.15fr) 46px minmax(0,.9fr);
  align-items:stretch;
}
.flow-strip article{
  min-height:120px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:24px 28px;
}
.flow-strip i{
  font-size:18px;
  color:#50535a;
}

/* Mobile: convert the awkward long stack into a compact connected timeline */
@media(max-width:650px){
  .cp-flow{
    padding-top:68px;
    padding-bottom:68px;
  }
  .cp-flow .section-copy{
    margin-bottom:34px;
  }
  .flow-strip{
    position:relative;
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    border:0;
    margin-top:0;
    padding-left:26px;
  }
  .flow-strip:before{
    content:"";
    position:absolute;
    left:8px;
    top:18px;
    bottom:18px;
    width:2px;
    background:var(--ink);
  }
  .flow-strip article{
    position:relative;
    min-height:0;
    border:2px solid var(--ink);
    border-bottom:0;
    background:#fff;
    padding:18px 18px 18px 22px;
  }
  .flow-strip article:before{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    left:-25px;
    top:26px;
    background:var(--acid);
    border:2px solid var(--ink);
    box-sizing:border-box;
  }
  .flow-strip article.accent{
    background:var(--purple);
    color:#fff;
    border-color:var(--ink);
    border-bottom:2px solid var(--ink);
  }
  .flow-strip article.accent:before{
    background:var(--purple);
  }
  .flow-strip article small{
    font-size:8px;
    margin-bottom:6px;
  }
  .flow-strip article b{
    font-size:15px;
    line-height:1.3;
    margin:0;
  }
  .flow-strip i{
    display:none;
  }

  .pricing-badges{
    display:grid;
    grid-template-columns:1fr;
  }
  .pricing-badges strong{
    width:max-content;
  }
  .price-card .price-paid{
    font-size:11px;
    padding:15px 12px;
  }
  .price-card .price-trial{
    font-size:9px;
  }
}

/* Design 26 — Split Pricing + Journey Motion + Footer Trust */
.cp-pricing-dual{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:6vw;
  align-items:center;
  padding:140px 6vw;
  background:var(--paper);
}
.pricing-intro>span{
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
  color:var(--purple);
}
.pricing-intro h2{
  font-size:clamp(58px,6.5vw,100px);
  line-height:.86;
  letter-spacing:-.065em;
  margin:24px 0;
}
.pricing-intro h2 em{color:var(--purple)}
.pricing-intro p{
  max-width:520px;
  font-size:17px;
  line-height:1.65;
}
.pricing-proof{
  display:grid;
  gap:10px;
  margin-top:28px;
}
.pricing-proof span{
  font-size:13px;
  font-weight:700;
}
.pricing-proof b{
  color:var(--purple);
  margin-right:8px;
}
.pricing-choice-wrap{
  position:relative;
}
.pricing-signal{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto;
  gap:10px;
  align-items:center;
  margin:0 12px 22px;
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
  color:#737985;
}
.pricing-signal i{
  height:1px;
  background:#a8a8a8;
}
.pricing-signal b{color:var(--purple)}
.signal-dot{
  position:absolute;
  width:10px;
  height:10px;
  background:var(--acid);
  border:2px solid var(--ink);
  border-radius:50%;
  left:0;
  top:50%;
  transform:translateY(-50%);
  animation:pricingTravel 5.5s ease-in-out infinite;
  box-shadow:0 0 0 5px rgba(229,255,99,.18);
}
@keyframes pricingTravel{
  0%,10%{left:0}
  35%{left:32%}
  60%{left:63%}
  85%,100%{left:calc(100% - 10px)}
}
.pricing-choice-grid{
  display:grid;
  grid-template-columns:1fr 1.08fr;
  gap:18px;
  align-items:stretch;
}
.plan-card{
  position:relative;
  min-height:610px;
  padding:28px;
  border:2px solid var(--ink);
  display:flex;
  flex-direction:column;
}
.plan-card header{
  display:flex;
  justify-content:space-between;
  gap:18px;
  font-size:9px;
  color:#6f737b;
}
.plan-card h3{
  font-size:26px;
  line-height:1.05;
  margin:18px 0 24px;
}
.plan-price{
  font-size:92px;
  font-weight:900;
  letter-spacing:-.075em;
  margin:22px 0 5px;
  display:flex;
  align-items:flex-start;
}
.plan-price sup{
  font-size:18px;
  margin-top:14px;
  margin-right:4px;
}
.plan-price small{
  font-size:9px;
  letter-spacing:.08em;
  margin:24px 0 0 10px;
}
.plan-card ul{
  list-style:none;
  padding:0;
  margin:0 0 25px;
  border-top:1px solid currentColor;
}
.plan-card li{
  padding:11px 0;
  border-bottom:1px solid rgba(80,80,80,.25);
  font-size:12px;
}
.plan-card li:before{
  content:"✓ ";
  color:var(--purple);
  font-weight:900;
}
.plan-card>a{
  margin-top:auto;
  display:block;
  text-align:center;
  padding:16px 14px;
  border:2px solid var(--ink);
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  color:var(--ink);
}
.plan-card>p{
  font-size:10px;
  text-align:center;
  margin:12px 0 0;
  color:#727780;
}
.plan-trial{
  background:#fff;
  box-shadow:10px 10px 0 #d8d4c9;
}
.plan-trial>a{
  background:#fff;
}
.plan-trial>a:hover{
  background:var(--acid);
}
.plan-paid{
  background:var(--ink);
  color:#fff;
  box-shadow:12px 12px 0 var(--purple);
  transform:translateY(-14px);
}
.plan-paid header{color:#8f95a1}
.plan-paid .plan-price sup{color:#f29ac8}
.plan-paid li{border-color:#343840}
.plan-paid li:before{color:var(--acid)}
.plan-paid>a{
  background:var(--acid);
  color:var(--ink);
  border-color:var(--acid);
}
.plan-paid>a:hover{
  background:#fff;
  border-color:#fff;
}
.plan-paid>p{color:#9197a3}
.popular-tag{
  position:absolute;
  top:-15px;
  right:18px;
  background:var(--purple);
  color:#fff;
  padding:8px 10px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.1em;
}
.price-count{
  font:inherit;
}

/* Subtle reveal polish */
@media (prefers-reduced-motion:no-preference){
  .plan-card{
    transition:transform .35s ease, box-shadow .35s ease;
  }
  .plan-trial:hover{
    transform:translateY(-6px);
    box-shadow:14px 14px 0 #d8d4c9;
  }
  .plan-paid:hover{
    transform:translateY(-20px);
    box-shadow:18px 18px 0 var(--purple);
  }
}

/* Pricing mobile */
@media(max-width:950px){
  .cp-pricing-dual{
    grid-template-columns:1fr;
    gap:55px;
  }
  .pricing-intro{
    max-width:720px;
  }
  .pricing-choice-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:700px){
  .cp-pricing-dual{
    padding:78px 20px;
  }
  .pricing-intro h2{
    font-size:52px;
  }
  .pricing-signal{
    grid-template-columns:auto 1fr auto 1fr auto;
  }
  .pricing-signal span:nth-of-type(2),
  .pricing-signal i:nth-of-type(3),
  .pricing-signal b{
    display:none;
  }
  .pricing-choice-grid{
    grid-template-columns:1fr;
    gap:26px;
  }
  .plan-card{
    min-height:0;
    padding:24px;
  }
  .plan-paid{
    transform:none;
  }
  .plan-price{
    font-size:78px;
  }
}

/* Launch polish — price lockup spacing */
.price-lockup{
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:start;
  column-gap:10px;
  letter-spacing:0;
}
.price-lockup .currency{
  font-size:20px;
  font-weight:900;
  line-height:1;
  margin-top:14px;
  color:inherit;
}
.plan-paid .price-lockup .currency{
  color:#f29ac8;
}
.price-lockup .price-number{
  font-size:inherit;
  font-weight:900;
  line-height:.9;
  letter-spacing:-.06em;
}
.price-lockup small{
  margin:16px 0 0 2px;
  align-self:start;
  font-size:10px;
  letter-spacing:.08em;
  white-space:nowrap;
}
@media(max-width:700px){
  .price-lockup{
    column-gap:8px;
  }
  .price-lockup .currency{
    font-size:18px;
    margin-top:11px;
  }
  .price-lockup small{
    font-size:9px;
    margin-top:12px;
  }
}

/* v5.7.0 product proof story */
.cp-product-proof{padding:120px 6vw;background:var(--ink);color:#fff}.product-proof-head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:70px}.product-proof-head>p{max-width:520px;color:#aeb4c0;line-height:1.7;font-size:14px}.proof-story{display:grid;gap:28px}.proof-scene{position:relative;overflow:hidden;border:1px solid #343844;background:#15171d}.proof-copy small{display:block;font-size:8px;font-weight:900;letter-spacing:.15em;color:var(--acid);margin-bottom:14px}.proof-copy h3{font-size:clamp(30px,3.2vw,52px);line-height:.95;letter-spacing:-.05em;margin:0 0 18px}.proof-copy h3 em{font-family:Georgia,serif;font-weight:400;color:var(--purple)}.proof-copy p{max-width:520px;color:#aeb4c0;line-height:1.65;font-size:12px}.proof-scene-chat{min-height:660px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;padding:55px}.proof-device-stack{height:540px;position:relative}.proof-phone{position:absolute;right:8%;top:5%;width:300px;margin:0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:18px 18px 0 var(--purple);transform:rotate(2deg)}.proof-phone img{display:block;width:100%;height:auto}.proof-phone-back{right:38%;top:70px;width:280px;transform:rotate(-3deg);box-shadow:12px 12px 0 var(--acid)}.proof-scene-wide{padding:55px 55px 0;background:#f4f1e8;color:var(--ink)}.proof-scene-wide .proof-copy{display:grid;grid-template-columns:1fr 1fr;gap:3vw;align-items:end;margin-bottom:35px}.proof-scene-wide .proof-copy small{grid-column:1/-1;color:var(--purple);margin:0}.proof-scene-wide .proof-copy p{color:#4f535c}.proof-window{margin:0;background:#fff;border:1px solid #30333b;overflow:hidden;box-shadow:14px 14px 0 var(--purple)}.proof-window img{display:block;width:100%;height:auto}.proof-browser{height:34px;background:#101218;color:#7f8795;display:flex;align-items:center;gap:7px;padding:0 12px;font-size:7px;letter-spacing:.12em}.proof-browser i{width:7px;height:7px;border-radius:50%;background:#626876}.proof-browser span{margin-left:8px}.proof-window-enquiries img{transform:scale(1.015);transform-origin:center top}.proof-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.proof-scene-card{padding:42px 42px 0;min-height:610px;background:#dce9ff;color:var(--ink)}.proof-scene-card .proof-copy small{color:var(--purple)}.proof-scene-card .proof-copy p{color:#4f535c}.proof-scene-card .proof-window{margin-top:35px;box-shadow:10px 10px 0 var(--ink)}.proof-scene-purple{background:var(--purple);color:#fff}.proof-scene-purple .proof-copy small{color:var(--acid)}.proof-scene-purple .proof-copy p{color:#e1defe}.proof-scene-purple .proof-window{box-shadow:10px 10px 0 var(--acid)}.proof-scene-analytics{min-height:650px;padding:55px;display:grid;grid-template-columns:.65fr 1.35fr;gap:5vw;align-items:center;background:#17191f}.proof-window-analytics{box-shadow:14px 14px 0 var(--acid)}.proof-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.proof-metrics span{border:1px solid #4a4f5b;padding:10px 12px;font-size:7px;color:#aeb4c0}.proof-metrics b{color:#fff;margin-right:7px}.proof-note{display:flex;justify-content:space-between;gap:30px;padding-top:24px;color:#858c99;font-size:8px;letter-spacing:.05em}.proof-note span{color:var(--acid);font-weight:900;letter-spacing:.14em}.proof-note p{margin:0}.cp-value{padding-top:120px}
@media(max-width:950px){.product-proof-head,.proof-scene-chat,.proof-scene-analytics{grid-template-columns:1fr}.proof-device-stack{margin-top:25px}.proof-pair{grid-template-columns:1fr}.proof-scene-wide .proof-copy{grid-template-columns:1fr}.proof-scene-wide .proof-copy small{grid-column:auto}}
@media(max-width:650px){.cp-product-proof{padding:75px 20px}.product-proof-head{gap:20px;margin-bottom:40px}.proof-scene-chat,.proof-scene-wide,.proof-scene-card,.proof-scene-analytics{padding:28px 20px}.proof-scene-chat{min-height:700px}.proof-device-stack{height:420px}.proof-phone{width:210px;right:0;top:25px}.proof-phone-back{width:195px;right:34%;top:85px}.proof-scene-wide{padding-bottom:0}.proof-scene-wide .proof-copy{margin-bottom:25px}.proof-scene-card{min-height:470px;padding-bottom:0}.proof-scene-card .proof-window{margin-top:24px}.proof-scene-analytics{padding-bottom:35px}.proof-window-analytics{margin-top:15px}.proof-note{display:block;line-height:1.5}.proof-note p{margin-top:8px}.proof-copy h3{font-size:34px}}

/* v5.8 Product UI reconstruction — no screenshot embedding */
.proof-ui-story .proof-scene{isolation:isolate}
.ui-customer-stage{height:560px;position:relative;display:flex;align-items:center;justify-content:center}
.ui-chat-panel,.ui-calendar-panel{position:absolute;background:#f7f8fa;color:#17191f;border-radius:20px;overflow:hidden;border:1px solid #dfe3ea;box-shadow:16px 16px 0 var(--purple)}
.ui-chat-panel{width:360px;right:5%;top:42px;transform:rotate(2deg)}
.ui-calendar-panel{width:330px;right:38%;top:98px;transform:rotate(-3deg);box-shadow:13px 13px 0 var(--acid)}
.ui-chat-head{height:58px;padding:0 18px;background:#5146ee;color:#fff;display:flex;align-items:center;gap:10px}
.ui-chat-head b{font-size:15px}.ui-chat-head i{margin-left:auto;font-style:normal;background:rgba(255,255,255,.16);width:28px;height:28px;border-radius:7px;display:grid;place-items:center}
.ui-wa{margin-left:auto;background:#26d366;color:#fff;font-size:9px;font-weight:900;padding:7px 10px;border-radius:8px}
.ui-chat-body{padding:22px;min-height:390px}
.ui-bubble{max-width:78%;padding:12px 14px;border-radius:14px;margin:0 0 14px;font-size:12px;line-height:1.4;box-shadow:0 4px 14px rgba(0,0,0,.07)}
.ui-bubble-user{margin-left:auto;background:#5146ee;color:#fff}.ui-bubble-bot{background:#fff;border:1px solid #e4e6eb}
.ui-action-stack{display:grid;gap:10px;margin-top:26px}.ui-action-stack button{border:0;border-radius:12px;padding:14px;background:#5146ee;color:#fff;font-weight:800;font-size:12px}.ui-action-stack button.wa{background:#25d366}
.ui-calendar-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 12px}.ui-calendar-nav b{font-size:14px}.ui-calendar-week,.ui-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:0 18px}
.ui-calendar-week{font-size:8px;font-weight:900;text-align:center;margin-bottom:8px}.ui-calendar-grid span{height:32px;display:grid;place-items:center;border-radius:6px;font-size:10px;background:#fff}.ui-calendar-grid .off{background:#eef0f4;color:#9ca4b3}.ui-calendar-grid .selected{background:#5146ee;color:#fff;font-weight:900}

.ui-admin-shell{background:#f5f7fa;color:#111827;border:1px solid #d7dce5;border-radius:12px;padding:26px;box-shadow:14px 14px 0 var(--purple);font-family:Arial,Helvetica,sans-serif}
.ui-admin-title{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.ui-admin-title b{display:block;font-size:18px}.ui-admin-title small{display:block;color:#657084;font-size:9px;margin-top:5px}
.ui-tabs{display:flex;gap:8px;border:1px solid #d9dee8;background:#fff;padding:5px;border-radius:10px;margin-bottom:12px}.ui-tabs span{padding:9px 12px;font-size:9px;font-weight:700;border-radius:7px}.ui-tabs span.active{background:#edf0ff;color:#3f46d6}.ui-tabs span b{background:#fff;padding:2px 5px;border-radius:10px}
.ui-filterbar{display:grid;grid-template-columns:1.3fr .7fr .7fr .8fr auto;gap:9px;background:#fff;padding:12px;border:1px solid #dfe3ea;border-radius:9px;margin-bottom:14px}.ui-filterbar span{border:1px solid #ccd3df;padding:10px 11px;font-size:8px;color:#5e6878}.ui-filterbar button,.ui-mini-top button,.ui-customer-tools button{background:#6246ea;color:#fff;border:0;border-radius:7px;padding:9px 13px;font-size:8px;font-weight:900}
.ui-table-head,.ui-table-row{display:grid;grid-template-columns:1.1fr 1.15fr 1fr .85fr 1fr 1.2fr;gap:10px;align-items:center}.ui-table-head{padding:10px 12px;color:#687286;font-size:7px;font-weight:900}.ui-table-row{background:#fff;border:1px solid #e0e4eb;padding:14px 12px;font-size:8px}.ui-table-row>span{display:flex;align-items:center;gap:7px;min-width:0}.ui-table-row small{display:block;color:#788194;font-size:7px}.ui-table-row b{font-size:9px}.ui-table-row em{font-style:normal;background:#6d38e8;color:#fff;border-radius:9px;padding:4px 7px;font-size:7px}.ui-avatar{width:28px;height:28px;border-radius:50%;background:#eef0ff;color:#5146ee;font-style:normal;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.ui-select{border:1px solid #d5dbe4;border-radius:6px;padding:9px!important}.ui-row-actions i{width:25px;height:25px;border:1px solid #d6dbe5;border-radius:6px;display:grid;place-items:center;font-style:normal}.ui-row-actions button{background:#3859e8;color:#fff;border:0;padding:7px 9px;border-radius:6px;font-size:7px;font-weight:800}

.ui-mini-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.ui-mini-top b{font-size:16px}.ui-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.ui-stat-row span{background:#fff;border:1px solid #dde2eb;border-radius:9px;padding:12px}.ui-stat-row i{font-style:normal;float:right}.ui-stat-row b{display:block;font-size:21px}.ui-stat-row small{display:block;font-size:7px;color:#6c7586;margin-top:4px}.ui-booking-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;background:#fff;border:1px solid #dfe3ea;border-radius:9px;padding:12px}.ui-booking-row b{display:block;font-size:9px}.ui-booking-row small{font-size:7px;color:#6f7888}.ui-booking-row em{font-style:normal;color:#159b5d;background:#ddf8ea;padding:5px 7px;border-radius:6px;font-size:7px}

.ui-tabs.compact{margin-bottom:10px}.ui-customer-tools{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:7px;background:#eef3fb;padding:9px;border:1px solid #dce4ef;border-radius:8px;margin-bottom:10px}.ui-customer-tools span{background:#fff;border:1px solid #ccd3df;padding:9px;font-size:7px;border-radius:5px}.ui-table-head.customer,.ui-table-row.customer{grid-template-columns:1.2fr .8fr .9fr 1fr}.ui-table-row.customer span{font-size:8px}

.ui-analytics-shell{box-shadow:14px 14px 0 var(--acid)}.ui-stat-row.analytics{grid-template-columns:repeat(4,1fr)}.ui-analytics-lower{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.ui-chart-card{background:#fff;border:1px solid #dfe3ea;border-radius:9px;padding:15px;min-height:155px}.ui-chart-card b{display:block;font-size:11px}.ui-chart-card small{display:block;font-size:7px;color:#727b8c;margin:4px 0 18px}.ui-chart-card i{display:block;height:8px;background:#e8ebf1;border-radius:9px;margin:10px 0;position:relative}.ui-chart-card i:after{content:"";display:block;width:var(--w,60%);height:100%;background:#635bf6;border-radius:inherit}.ui-chart-card i:nth-of-type(1){--w:72%}.ui-chart-card i:nth-of-type(2){--w:48%}.ui-chart-card i:nth-of-type(3){--w:63%}.ui-chart-card.funnel span{display:block;height:8px;background:#e9ecf5;border-radius:9px;margin:12px 0;position:relative}.ui-chart-card.funnel span:after{content:"";display:block;height:100%;background:#635bf6;border-radius:inherit;width:70%}.ui-chart-card.funnel span:nth-of-type(2):after{width:54%}.ui-chart-card.funnel span:nth-of-type(3):after{width:42%}.ui-chart-card.funnel span:nth-of-type(4):after{width:30%}

.proof-note p{max-width:760px}
@media(max-width:950px){
  .ui-customer-stage{height:590px}
  .ui-chat-panel{right:0}
  .ui-calendar-panel{right:38%}
}
@media(max-width:650px){
  .proof-scene-chat{min-height:auto}
  .ui-customer-stage{height:680px;display:block;margin-top:20px}
  .ui-chat-panel{width:92%;right:0;top:0;transform:rotate(1deg)}
  .ui-calendar-panel{width:86%;right:12%;top:290px;transform:rotate(-1deg)}
  .ui-admin-shell{padding:14px;border-radius:9px;overflow:hidden}
  .ui-filterbar{grid-template-columns:1fr 1fr}.ui-filterbar span:first-child{grid-column:1/-1}.ui-filterbar button{grid-column:2}
  .ui-table-head{display:none}.ui-table-row{grid-template-columns:1fr 1fr;gap:12px}.ui-table-row>span{display:block}
  .ui-row-actions{grid-column:1/-1;display:flex!important}
  .ui-stat-row,.ui-stat-row.analytics{grid-template-columns:1fr 1fr}
  .ui-customer-tools{grid-template-columns:1fr}.ui-table-head.customer{display:none}.ui-table-row.customer{grid-template-columns:1fr 1fr}
  .ui-analytics-lower{grid-template-columns:1fr}
}

/* v5.8.1 — Customer action parity: add Telegram handoff */
.ui-action-stack button.tg{
  background:#149bd7;
  color:#fff;
}
.ui-action-stack button.tg:hover{
  filter:brightness(.96);
}

/* v5.8.2 — screenshot-parity action icons + complete calendar */
.ui-action-stack .action-icon{
  display:inline-flex;
  width:18px;
  justify-content:center;
  align-items:center;
  margin-right:5px;
}
.ui-action-stack .appointment-icon{
  font-size:14px;
}
.ui-action-stack .telegram-icon{
  width:17px;
  height:17px;
  border-radius:50%;
  background:#fff;
  color:#149bd7;
  font-size:0;
  position:relative;
  vertical-align:-3px;
}
.ui-action-stack .telegram-icon::after{
  content:"➤";
  font-size:11px;
  line-height:17px;
  transform:rotate(-18deg);
}
.ui-calendar-full{
  overflow:visible !important;
  max-height:none !important;
  height:auto !important;
  padding-bottom:16px;
}
.ui-calendar-full .ui-calendar-head{
  display:grid;
  grid-template-columns:34px 1fr 34px;
  align-items:center;
  text-align:center;
  margin-bottom:14px;
}
.ui-calendar-full .ui-calendar-head button{
  border:0;
  background:transparent;
  font-size:22px;
  cursor:default;
}
.ui-calendar-full .ui-calendar-weekdays,
.ui-calendar-full .ui-calendar-grid{
  display:grid;
  grid-template-columns:repeat(7, minmax(0,1fr));
  gap:5px;
  text-align:center;
}
.ui-calendar-full .ui-calendar-weekdays{
  font-size:11px;
  font-weight:700;
  margin-bottom:7px;
}
.ui-calendar-full .ui-calendar-grid span{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  font-size:12px;
}
.ui-calendar-full .ui-calendar-grid .disabled{
  background:#f1f2f5;
  color:#98a0ad;
}
.ui-calendar-full .ui-calendar-grid .muted{
  visibility:hidden;
}

/* v5.8.4 — stable full calendar reconstruction */
.ui-customer-stage-v2{
  min-height:610px;
  height:auto;
  position:relative;
  display:grid;
  grid-template-columns:minmax(300px,.86fr) minmax(390px,1.14fr);
  gap:28px;
  align-items:center;
  padding:35px 0 25px;
}
.ui-customer-stage-v2 .ui-chat-panel,
.ui-customer-stage-v2 .ui-calendar-panel{
  position:relative !important;
  inset:auto !important;
  right:auto !important;
  top:auto !important;
  width:100% !important;
  transform:none !important;
}
.ui-calendar-panel-full{
  overflow:hidden !important;
  height:auto !important;
  min-height:475px;
}
.ui-calendar-body{
  background:#f7f8fa;
  padding:22px 24px 26px;
}
.ui-calendar-panel-full .ui-calendar-nav{
  display:grid;
  grid-template-columns:38px 1fr 38px;
  align-items:center;
  gap:8px;
  padding:0 0 18px;
}
.ui-calendar-panel-full .ui-calendar-nav button{
  width:36px;
  height:36px;
  border:1px solid #d8dde6;
  border-radius:8px;
  background:#fff;
  color:#333946;
  font-size:21px;
  display:grid;
  place-items:center;
}
.ui-calendar-panel-full .ui-calendar-nav strong{
  text-align:center;
  font-size:15px;
}
.ui-calendar-panel-full .ui-calendar-week,
.ui-calendar-panel-full .ui-calendar-grid{
  padding:0;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:7px;
}
.ui-calendar-panel-full .ui-calendar-week{
  margin-bottom:8px;
}
.ui-calendar-panel-full .ui-calendar-week span{
  text-align:center;
  color:#6d7583;
  font-size:9px;
  font-weight:900;
}
.ui-calendar-panel-full .ui-calendar-grid span{
  min-width:0;
  height:39px;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid #e0e4eb;
  border-radius:7px;
  color:#222936;
  font-size:11px;
  font-weight:700;
}
.ui-calendar-panel-full .ui-calendar-grid span.disabled{
  background:#eceef2;
  color:#a0a6b0;
  border-color:#e4e6ea;
}
.ui-calendar-panel-full .ui-calendar-grid span.available{
  background:#fff;
  color:#292f3a;
}
.ui-calendar-panel-full .ui-calendar-grid span.selected{
  background:#5146ee;
  color:#fff;
  border-color:#5146ee;
  box-shadow:0 4px 12px rgba(81,70,238,.24);
}
.ui-calendar-legend{
  display:flex;
  gap:18px;
  margin-top:17px;
  font-size:8px;
  color:#687180;
}
.ui-calendar-legend span{
  display:flex;
  align-items:center;
  gap:6px;
}
.ui-calendar-legend i{
  width:9px;
  height:9px;
  border-radius:3px;
  display:inline-block;
}
.legend-disabled{background:#eceef2;border:1px solid #dfe2e7}
.legend-available{background:#5146ee}
.ui-action-stack .appointment-icon{
  width:17px;
  height:17px;
  border:2px solid currentColor;
  border-radius:3px;
  font-size:0;
  position:relative;
}
.ui-action-stack .appointment-icon:before{
  content:"";
  position:absolute;
  left:2px;right:2px;top:4px;
  border-top:2px solid currentColor;
}
.ui-action-stack .appointment-icon:after{
  content:"";
  position:absolute;
  width:3px;height:3px;
  background:currentColor;
  left:3px;bottom:3px;
  box-shadow:5px 0 0 currentColor;
}
@media(max-width:950px){
  .ui-customer-stage-v2{
    grid-template-columns:1fr;
    max-width:620px;
    margin:0 auto;
  }
}
@media(max-width:650px){
  .ui-customer-stage-v2{
    height:auto !important;
    min-height:0;
    display:grid;
    padding:20px 0;
    gap:24px;
  }
  .ui-customer-stage-v2 .ui-chat-panel,
  .ui-customer-stage-v2 .ui-calendar-panel{
    width:100% !important;
    right:auto !important;
    top:auto !important;
  }
  .ui-calendar-body{padding:18px 14px 20px}
  .ui-calendar-panel-full .ui-calendar-week,
  .ui-calendar-panel-full .ui-calendar-grid{gap:4px}
  .ui-calendar-panel-full .ui-calendar-grid span{height:34px;font-size:10px}
}

/* v5.9 — Separate tools vs NL value story */
.cp-stack-value{
  position:relative;
  overflow:hidden;
  padding:140px 6vw 110px;
  background:#111319;
  color:#fff;
}
.cp-stack-value:before{
  content:"";
  position:absolute;
  width:520px;height:520px;
  right:-170px;top:-240px;
  border:1px solid rgba(229,255,99,.16);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(229,255,99,.025),0 0 0 140px rgba(229,255,99,.018);
}
.stack-value-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:7vw;
  align-items:end;
  margin-bottom:72px;
}
.stack-value-head>span{
  grid-column:1/-1;
  color:var(--acid);
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}
.stack-value-head h2{
  font-size:clamp(54px,6.3vw,98px);
  line-height:.87;
  letter-spacing:-.065em;
  margin:0;
}
.stack-value-head h2 em{color:#f4a2ca}
.stack-value-head p{
  max-width:560px;
  color:#a9b0bc;
  font-size:16px;
  line-height:1.65;
  margin:0 0 5px;
}
.stack-compare{
  position:relative;
  display:grid;
  grid-template-columns:1fr 70px 1fr;
  gap:22px;
  align-items:stretch;
}
.stack-side{
  border:1px solid #383c45;
  padding:30px;
  min-width:0;
}
.stack-separate{background:#171a20}
.stack-nl{
  background:#f3efe4;
  color:#111319;
  border-color:#f3efe4;
  box-shadow:14px 14px 0 var(--purple);
}
.stack-side-label{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  padding-bottom:20px;
  border-bottom:1px solid currentColor;
}
.stack-side-label span{
  font-size:8px;
  letter-spacing:.15em;
  font-weight:900;
  opacity:.55;
}
.stack-side-label b{
  font-size:12px;
  letter-spacing:.06em;
}
.tool-stack{
  display:grid;
  gap:8px;
  padding:28px 0;
}
.tool-module{
  position:relative;
  display:grid;
  grid-template-columns:36px 1fr auto;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border:1px solid #414650;
  background:#20242b;
  transition:transform .25s ease,border-color .25s ease;
}
.tool-module i{
  font-style:normal;
  font-size:8px;
  color:#757d8b;
}
.tool-module strong{font-size:12px}
.tool-module small{font-size:8px;color:#858d9a}
.stack-plus{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.stack-result{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  border-top:1px solid currentColor;
  padding-top:20px;
}
.stack-result span{
  padding:7px 9px;
  border:1px solid currentColor;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
}
.stack-result.muted{color:#8b929e}
.stack-vs{
  display:grid;
  place-items:center;
}
.stack-vs span{
  width:48px;height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--acid);
  color:#111319;
  font-size:9px;
  font-weight:900;
  box-shadow:0 0 0 8px #111319;
}
.nl-value-core{
  margin:28px 0;
  border:2px solid #111319;
  background:#fff;
}
.nl-core-top{
  display:flex;
  justify-content:space-between;
  padding:13px 15px;
  border-bottom:2px solid #111319;
}
.nl-core-top small{
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.nl-core-top span{
  font-size:8px;
  font-weight:900;
  color:#158c54;
}
.nl-core-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.nl-core-grid div{
  min-height:128px;
  padding:20px;
  border-bottom:1px solid #111319;
}
.nl-core-grid div:nth-child(odd){border-right:1px solid #111319}
.nl-core-grid i{
  display:block;
  font-style:normal;
  font-size:8px;
  color:var(--purple);
  font-weight:900;
  margin-bottom:22px;
}
.nl-core-grid strong{
  display:block;
  font-size:18px;
  margin-bottom:6px;
}
.nl-core-grid small{
  font-size:9px;
  color:#626873;
}
.nl-core-price{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  padding:20px;
  background:var(--acid);
}
.nl-core-price>div{
  display:flex;
  align-items:flex-start;
}
.nl-core-price span{
  font-size:15px;
  font-weight:900;
  margin:10px 7px 0 0;
}
.nl-core-price strong{
  font-size:58px;
  line-height:.8;
  letter-spacing:-.06em;
}
.nl-core-price small{
  font-size:8px;
  font-weight:900;
  margin:12px 0 0 7px;
}
.nl-core-price a{
  color:#111319;
  font-size:9px;
  font-weight:900;
  text-decoration:none;
  border-bottom:2px solid #111319;
  padding-bottom:3px;
}
.stack-disclaimer{
  max-width:760px;
  margin:35px auto 0;
  color:#737b88;
  text-align:center;
  font-size:9px!important;
  line-height:1.5!important;
}
@media(prefers-reduced-motion:no-preference){
  .tool-module:nth-child(1){animation:toolDrift 5s ease-in-out infinite}
  .tool-module:nth-child(3){animation:toolDrift 5s .25s ease-in-out infinite}
  .tool-module:nth-child(5){animation:toolDrift 5s .5s ease-in-out infinite}
  .tool-module:nth-child(7){animation:toolDrift 5s .75s ease-in-out infinite}
  .tool-module:nth-child(9){animation:toolDrift 5s 1s ease-in-out infinite}
  @keyframes toolDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
}
@media(max-width:900px){
  .stack-value-head{grid-template-columns:1fr;gap:25px}
  .stack-compare{grid-template-columns:1fr;gap:28px}
  .stack-vs{height:10px;position:relative;z-index:2}
  .stack-vs span{position:absolute}
}
@media(max-width:650px){
  .cp-stack-value{padding:82px 20px 72px}
  .stack-value-head{margin-bottom:45px}
  .stack-value-head h2{font-size:51px}
  .stack-side{padding:20px}
  .tool-module{grid-template-columns:28px 1fr}
  .tool-module small{grid-column:2}
  .nl-core-grid{grid-template-columns:1fr}
  .nl-core-grid div{min-height:105px;border-right:0!important}
  .nl-core-price{align-items:center}
  .nl-core-price strong{font-size:50px}
  .nl-core-price a{max-width:90px;text-align:right}
}

/* v5.10 — Full product operating loop */
.stack-nl-system{position:relative}
.nl-system{margin:28px 0;border:2px solid #111319;background:#fff;overflow:hidden}
.nl-system-hub{
  display:grid;
  grid-template-columns:.8fr 1.3fr 1fr;
  gap:18px;
  align-items:end;
  padding:22px;
  background:var(--purple);
  color:#fff;
  border-bottom:2px solid #111319;
}
.nl-system-hub span{font-size:8px;font-weight:900;letter-spacing:.13em;color:var(--acid)}
.nl-system-hub strong{font-size:31px;line-height:.9;letter-spacing:-.04em}
.nl-system-hub small{font-size:9px;line-height:1.45;color:#d8d6ff}
.nl-system-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.nl-job{
  position:relative;
  min-height:132px;
  padding:18px 16px;
  border-right:1px solid #111319;
  border-bottom:1px solid #111319;
}
.nl-job:nth-child(4n){border-right:0}
.nl-job:nth-child(n+5){border-bottom:0}
.nl-job i{display:block;font-style:normal;font-size:7px;color:var(--purple);font-weight:900;margin-bottom:23px}
.nl-job strong{display:block;font-size:15px;line-height:1;margin-bottom:7px}
.nl-job small{display:block;color:#666d79;font-size:8px;line-height:1.4}
.nl-job-renew{background:var(--acid)}
.nl-job-renew em{
  display:inline-block;
  margin-top:10px;
  padding:4px 6px;
  background:#111319;
  color:#fff;
  font-style:normal;
  font-size:6px;
  font-weight:900;
  letter-spacing:.08em;
}
.nl-system-flow{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;
  gap:8px;
  align-items:center;
  padding:14px 18px;
  background:#111319;
  color:#9299a5;
  font-size:6px;
  font-weight:900;
  letter-spacing:.1em;
}
.nl-system-flow i{height:1px;background:#444a54}
.nl-system-flow b{color:var(--acid)}
.system-flow-dot{
  position:absolute;
  width:8px;height:8px;
  border-radius:50%;
  background:var(--acid);
  left:18px;top:50%;
  transform:translateY(-50%);
  box-shadow:0 0 0 4px rgba(229,255,99,.14);
}
.nl-system-price{display:grid;grid-template-columns:auto 1fr auto;align-items:center}
.nl-price-message{display:grid;gap:3px;padding-left:22px}
.nl-price-message b{font-size:11px}
.nl-price-message small{font-size:8px;color:#3f453e}
@media(prefers-reduced-motion:no-preference){
  .system-flow-dot{animation:systemJourney 6.5s ease-in-out infinite}
  @keyframes systemJourney{
    0%,8%{left:18px}
    28%{left:25%}
    48%{left:49%}
    68%{left:72%}
    88%,100%{left:calc(100% - 24px)}
  }
  .nl-job-renew em{animation:renewPulse 3s ease-in-out infinite}
  @keyframes renewPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
}
@media(max-width:1200px){
  .nl-system-grid{grid-template-columns:repeat(2,1fr)}
  .nl-job:nth-child(n){border-right:1px solid #111319;border-bottom:1px solid #111319}
  .nl-job:nth-child(even){border-right:0}
  .nl-job:nth-child(n+7){border-bottom:0}
}
@media(max-width:650px){
  .nl-system-hub{grid-template-columns:1fr;gap:10px}
  .nl-system-hub strong{font-size:27px}
  .nl-system-grid{grid-template-columns:1fr 1fr}
  .nl-job{min-height:126px;padding:15px 12px}
  .nl-job strong{font-size:13px}
  .nl-job small{font-size:7px}
  .nl-system-flow{grid-template-columns:auto 1fr auto 1fr auto}
  .nl-system-flow span:nth-of-type(3),.nl-system-flow i:nth-of-type(n+3),.nl-system-flow b{display:none}
  .nl-system-price{grid-template-columns:1fr auto}
  .nl-price-message{grid-column:1/-1;grid-row:2;padding:12px 0 0}
}

/* v5.11 — stronger NL value hierarchy + booking story */

/* Comparison: NL is the hero, separate-tool route is supporting context */
.stack-comparison-grid,.tool-stack-grid,.value-comparison-grid{
  grid-template-columns:minmax(240px,.34fr) minmax(0,1fr) !important;
}
.stack-side.stack-other{opacity:.88}
.stack-side.stack-nl{transform:scale(1.015);transform-origin:center left}
.stack-side.stack-nl .nl-job strong{font-size:17px}
.stack-side.stack-nl .nl-job small{font-size:9px;line-height:1.5}
.stack-side.stack-nl .nl-system-hub strong{font-size:36px}
.stack-side.stack-nl .nl-system-hub small{font-size:10px}

/* Business logic final state: outcome rather than a heavy purple block */
.logic-step:last-child,.control-flow > *:last-child{
  background:#e6ff63 !important;
  color:#111319 !important;
}
.logic-step:last-child small,.control-flow > *:last-child small{color:#59601f !important}

/* Booking product story */
.booking-story{padding:110px max(5vw,28px);background:#f5f1e7;color:#111319;border-top:1px solid #111319}
.booking-story-head{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;max-width:1600px;margin:0 auto 54px}
.booking-story-head .eyebrow{font-size:10px;font-weight:900;letter-spacing:.16em;color:#5548ef}
.booking-story-head h2{font-size:clamp(54px,6vw,104px);line-height:.84;letter-spacing:-.065em;margin:22px 0 0}
.booking-story-head h2 em{font-family:Georgia,serif;font-weight:400;color:#5548ef}
.booking-story-head p{font-size:16px;line-height:1.6;max-width:520px;color:#5c626d}

.booking-story-stage{
  max-width:1600px;margin:auto;border:2px solid #111319;background:#fff;
  display:grid;grid-template-columns:230px minmax(360px,520px) 1fr;min-height:690px;
}
.booking-steps{border-right:1px solid #111319;background:#111319;padding:24px 0}
.booking-step{width:100%;border:0;border-bottom:1px solid #333842;background:transparent;color:#fff;text-align:left;padding:24px 22px;cursor:pointer}
.booking-step i{font-style:normal;font-size:8px;color:#9298a5;display:block;margin-bottom:13px}
.booking-step b{display:block;font-size:14px;letter-spacing:.02em}
.booking-step small{display:block;font-size:8px;line-height:1.45;color:#8e95a1;margin-top:6px}
.booking-step.is-active{background:#e6ff63;color:#111319}
.booking-step.is-active i,.booking-step.is-active small{color:#4e551f}

.booking-phone-wrap{position:relative;display:grid;place-items:center;padding:42px 28px;background:#ebe7dd;border-right:1px solid #111319;overflow:hidden}
.booking-phone{position:relative;width:min(100%,390px);height:580px;background:#fff;border:1px solid #cfd3dc;border-radius:19px;overflow:hidden;z-index:2;box-shadow:0 22px 45px rgba(17,19,25,.12)}
.booking-phone-shadow{position:absolute;width:300px;height:500px;background:#5a4af0;transform:translate(30px,25px);border-radius:20px}
.bp-top{height:68px;background:#5143ea;color:#fff;display:flex;align-items:center;padding:0 18px;gap:12px;font-size:16px}
.bp-top b{margin-right:auto}.bp-top span{background:#25d366;padding:8px 12px;border-radius:8px;font-size:11px;font-weight:800}.bp-top i{font-style:normal;font-size:22px;background:rgba(255,255,255,.16);padding:2px 9px;border-radius:7px}
.bp-screen{display:none;height:calc(100% - 68px);padding:24px;overflow:hidden}
.bp-screen.is-active{display:block;animation:bpIn .35s ease}
@keyframes bpIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.bp-chatline{text-align:center;margin:130px 0 18px;font-size:13px}
.bp-screen button{width:100%;border:0;background:#5143ea;color:#fff;border-radius:9px;padding:14px;margin:0 0 10px;font-weight:800;font-size:13px}
.bp-screen button.bp-wa{background:#25d366}.bp-screen button.bp-tg{background:#159bd7}
.bp-title{display:flex;gap:25px;align-items:center;border-bottom:1px solid #e0e2e7;margin:-24px -24px 22px;padding:20px 24px;font-size:13px}.bp-title b{font-size:15px}
.bp-month{display:flex;justify-content:space-between;align-items:center;margin:8px 0 20px}
.bp-week,.bp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}
.bp-week{font-size:9px;font-weight:800;margin-bottom:8px}.bp-days span{padding:11px 2px;font-size:12px;border-radius:5px}.bp-days .off{background:#f0f1f4;color:#a1a7b3}.bp-days .picked{background:#5143ea;color:#fff}
.bp-selected{border:1px solid #54dc8a;background:#effff5;border-radius:8px;padding:14px;margin:20px 0 16px}.bp-selected small{display:block;color:#17793d;font-weight:800;margin-bottom:6px}.bp-selected b{color:#15823f}
.bp-times{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.bp-times span{border:1px solid #d5d8df;border-radius:5px;padding:10px 4px;text-align:center;font-size:10px}.bp-times .picked{background:#5143ea;color:#fff;border-color:#5143ea}
.bp-form-title{font-weight:800;border-top:1px solid #e0e2e7;padding-top:20px;margin-bottom:14px}.bp-input{border:1px solid #5143ea;border-radius:7px;padding:13px;margin-bottom:10px;font-size:11px}.bp-input.muted{border-color:#d2d6de;color:#9096a0}
.bp-confirm-head{text-align:center;background:#effff5;color:#126d34;margin:-24px -24px 20px;padding:17px;font-weight:800}.bp-party{text-align:center;font-size:42px;margin:25px 0 8px}.bp-screen h3{text-align:center;color:#126d34}.bp-screen p{text-align:center;font-size:11px;color:#268048}
.bp-confirm-card{border:1px solid #54dc8a;border-radius:9px;padding:16px;margin:22px 0}.bp-confirm-card small,.bp-confirm-card b{display:block}.bp-confirm-card small{font-size:8px;color:#7d8490;margin-top:8px}.bp-confirm-card b{font-size:11px;padding:4px 0 8px;border-bottom:1px solid #e1e4e8}.bp-confirm-card b:last-child{border:0}
.bp-email{padding:12px;border:1px solid #85b8ff;background:#f1f7ff;color:#2456c6;border-radius:7px;text-align:center;font-size:10px;margin-bottom:14px}

.booking-story-copy{align-self:center;padding:58px}
.booking-story-copy>span{font-size:9px;font-weight:900;letter-spacing:.15em;color:#5548ef}
.booking-story-copy h3{font-size:clamp(34px,3vw,60px);line-height:.95;letter-spacing:-.045em;margin:18px 0 24px;max-width:600px}
.booking-story-copy p{max-width:520px;color:#606672;line-height:1.7}
.booking-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.booking-proof b{border:1px solid #111319;padding:9px 11px;font-size:8px}
.product-reference-note{max-width:1600px;margin:14px auto 0;color:#777d87;font-size:9px}

@media(max-width:1000px){
 .stack-comparison-grid,.tool-stack-grid,.value-comparison-grid{grid-template-columns:1fr !important}
 .stack-side.stack-nl{transform:none}
 .booking-story-head{grid-template-columns:1fr;gap:25px}
 .booking-story-stage{grid-template-columns:1fr}
 .booking-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0;border-right:0}
 .booking-step{padding:16px 12px;border-right:1px solid #333842}
 .booking-step small{display:none}
 .booking-phone-wrap{border-right:0;border-bottom:1px solid #111319}
 .booking-story-copy{padding:38px}
}
@media(max-width:600px){
 .booking-story{padding:70px 16px}
 .booking-story-head h2{font-size:52px}
 .booking-steps{grid-template-columns:repeat(2,1fr)}
 .booking-phone-wrap{padding:30px 12px}
 .booking-phone{height:560px}
 .booking-story-copy{padding:30px 22px}
}

/* v5.11.1 — Match customer-action icons to the actual widget UI */
.ui-action-stack .action-icon{font-size:14px;line-height:1;background:none!important;border-radius:0!important;height:auto!important;color:inherit!important;position:static!important;vertical-align:baseline!important}.ui-action-stack .action-icon::after{content:none!important}.bp-screen button{font-family:inherit}

/* v5.13.1 — product-faithful booking icons and confirmation state */
.booking-top{
  display:flex;
  align-items:center;
  gap:10px;
}
.booking-top b{margin-right:auto}
.booking-wa-pill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  background:#25d366;
  color:#fff;
  border-radius:8px;
  padding:6px 9px;
  font-size:9px;
  font-weight:800;
}
.booking-close{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:7px;
  background:rgba(255,255,255,.16);
}
.booking-actions .real-icon,
.booking-title .real-icon{
  display:inline-block;
  width:19px;
  text-align:center;
  margin-right:4px;
}
.booking-actions .telegram-device{font-size:13px}
.success-mark{display:none!important}
.success-party{
  text-align:center;
  font-size:46px;
  line-height:1;
  margin:26px 0 18px;
}
.confirm-card{
  display:grid!important;
  gap:0!important;
  padding:12px 18px!important;
}
.confirm-card>div{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:9px;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid #dfe3e8;
}
.confirm-card>div:last-child{border-bottom:0}
.confirm-card .confirm-icon{
  font-size:18px;
  text-align:center;
}
.confirm-card small{
  display:block;
  color:#727b89;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:8px!important;
  margin-bottom:3px;
}
.confirm-card b{font-size:10px!important}
.confirm-email{
  margin:12px 18px 10px;
  padding:10px 12px;
  border:1px solid #86b7ff;
  border-radius:7px;
  background:#f1f7ff;
  color:#2456c6;
  text-align:center;
  font-size:8px;
}
.confirm-whatsapp{
  display:block;
  width:calc(100% - 36px);
  margin:0 18px 14px;
  border:0;
  border-radius:8px;
  padding:11px 12px;
  background:#25d366;
  color:#fff;
  font-size:9px;
  font-weight:900;
}
.booking-shell.confirmed h4{margin-top:0!important}

/* =========================================================
   v5.14.4 — FIXED PRODUCT INFOGRAPHIC STORY
   Self-contained styles to prevent collapse / invisible content.
   ========================================================= */
.nl-infographic-story{
  display:block!important;
  position:relative!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  padding:110px 5vw 90px!important;
  margin:0!important;
  background:#111319!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}
.nl-infographic-story *{
  box-sizing:border-box;
}
.nl-story-wrap{
  display:block!important;
  width:min(1600px,100%)!important;
  margin:0 auto!important;
  opacity:1!important;
  visibility:visible!important;
}
.nl-story-head{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.7fr)!important;
  gap:60px!important;
  align-items:end!important;
  margin-bottom:70px!important;
}
.nl-story-kicker{
  grid-column:1/-1;
  display:block!important;
  color:#6557ff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  margin-bottom:-25px!important;
}
.nl-story-head h2{
  display:block!important;
  color:#fff!important;
  font-size:clamp(58px,6.8vw,118px)!important;
  line-height:.82!important;
  letter-spacing:-.065em!important;
  margin:0!important;
  font-weight:800!important;
}
.nl-story-head h2 em{
  color:#f1a0ca!important;
  font-family:Georgia,serif!important;
  font-weight:400!important;
  font-style:italic!important;
}
.nl-story-head p{
  display:block!important;
  color:#c5cad4!important;
  font-size:16px!important;
  line-height:1.65!important;
  margin:0 0 8px!important;
  max-width:560px!important;
}
.nl-story-canvas{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  min-height:620px!important;
  height:auto!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
}
.nl-story-line{
  position:absolute!important;
  left:7%!important;
  right:7%!important;
  top:73px!important;
  height:2px!important;
  background:linear-gradient(90deg,#6557ff,#8e7bff,#e4ff3f,#f1a0ca)!important;
  z-index:0!important;
  opacity:.85!important;
}
.nl-story-step{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:590px!important;
  padding:34px 26px 28px!important;
  background:#f5f1e7!important;
  color:#111319!important;
  border:1px solid rgba(255,255,255,.11)!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  z-index:1!important;
}
.nl-story-step:nth-child(3){margin-top:42px!important}
.nl-story-step:nth-child(5){margin-top:42px!important}
.nl-story-num{
  position:absolute!important;
  top:16px!important;
  right:18px!important;
  color:#6557ff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
.nl-story-icon{
  display:grid!important;
  place-items:center!important;
  width:58px!important;
  height:58px!important;
  margin:10px 0 28px!important;
  border-radius:50%!important;
  background:#111319!important;
  color:#fff!important;
  font-size:26px!important;
  box-shadow:0 0 0 8px rgba(101,87,255,.10)!important;
}
.nl-story-copy small{
  display:block!important;
  color:#6557ff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  margin-bottom:8px!important;
}
.nl-story-copy h3{
  display:block!important;
  color:#111319!important;
  font-size:28px!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  margin:0 0 14px!important;
}
.nl-story-copy p{
  display:block!important;
  color:#565d68!important;
  font-size:13px!important;
  line-height:1.55!important;
  margin:0 0 24px!important;
}
.nl-ui-card{
  display:block!important;
  margin-top:auto!important;
  background:#fff!important;
  border:1px solid #d8dbe2!important;
  color:#111319!important;
  min-height:220px!important;
  padding:18px!important;
  box-shadow:8px 8px 0 rgba(101,87,255,.16)!important;
  opacity:1!important;
  visibility:visible!important;
}
.nl-ui-top{
  display:block!important;
  margin:-18px -18px 16px!important;
  padding:12px 14px!important;
  background:#5143ea!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
}
.nl-bubble{
  max-width:90%!important;
  padding:10px 12px!important;
  margin:10px 0!important;
  border-radius:10px!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.nl-bubble.user{
  margin-left:auto!important;
  background:#5143ea!important;
  color:#fff!important;
}
.nl-bubble.bot{
  background:#f1f2f5!important;
  color:#111319!important;
}
.nl-mini-calendar b{
  display:block!important;
  text-align:center!important;
  font-size:13px!important;
  margin-bottom:12px!important;
}
.nl-cal-row,
.nl-time-row{
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  gap:5px!important;
}
.nl-cal-row span,
.nl-time-row span{
  display:block!important;
  text-align:center!important;
  padding:8px 2px!important;
  border:1px solid #e0e2e7!important;
  font-size:8px!important;
}
.nl-cal-row .active,
.nl-time-row .active{
  background:#5143ea!important;
  border-color:#5143ea!important;
  color:#fff!important;
}
.nl-selected-date{
  display:block!important;
  margin:14px 0 9px!important;
  padding:10px!important;
  border:1px solid #4ad87f!important;
  background:#effff5!important;
  color:#16813f!important;
  font-size:9px!important;
  font-weight:800!important;
}
.nl-time-row{
  grid-template-columns:repeat(3,1fr)!important;
}
.nl-confirmed{
  display:block!important;
  margin-top:12px!important;
  padding:10px!important;
  background:#e4ff3f!important;
  color:#111319!important;
  text-align:center!important;
  font-size:10px!important;
  font-weight:900!important;
}
.nl-ui-label{
  display:block!important;
  color:#6557ff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  margin-bottom:16px!important;
}
.nl-manage-row{
  display:grid!important;
  grid-template-columns:1.35fr 1fr .6fr!important;
  border:1px solid #e1e3e7!important;
}
.nl-manage-row>div{
  padding:13px 10px!important;
  border-right:1px solid #e1e3e7!important;
}
.nl-manage-row>div:last-child{border-right:0!important}
.nl-manage-row small,
.nl-next-action small,
.nl-timeline-row small{
  display:block!important;
  color:#818792!important;
  font-size:7px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  margin-bottom:4px!important;
}
.nl-manage-row b,
.nl-next-action b,
.nl-timeline-row b{
  display:block!important;
  color:#111319!important;
  font-size:9px!important;
}
.nl-next-action{
  display:block!important;
  margin-top:10px!important;
  padding:13px!important;
  border-left:4px solid #e4ff3f!important;
  background:#f5f6f8!important;
}
.nl-follow-card{
  padding:0!important;
  overflow:hidden!important;
}
.nl-timeline-row{
  display:grid!important;
  grid-template-columns:30px 1fr!important;
  gap:8px!important;
  align-items:center!important;
  min-height:50px!important;
  padding:11px 14px!important;
  border-bottom:1px solid #e5e7eb!important;
}
.nl-timeline-row:last-child{border-bottom:0!important}
.nl-timeline-row>span{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  background:#111319!important;
  color:#fff!important;
  font-size:11px!important;
}
.nl-timeline-row.highlight{
  background:#e4ff3f!important;
}
.nl-timeline-row.highlight>span{
  background:#6557ff!important;
}
.nl-story-ending{
  display:grid!important;
  grid-template-columns:auto 1fr minmax(300px,.7fr)!important;
  gap:22px!important;
  align-items:center!important;
  margin-top:28px!important;
  padding:25px 28px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:#0a0d13!important;
}
.nl-story-ending span{
  color:#e4ff3f!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
.nl-story-ending strong{
  color:#fff!important;
  font-size:22px!important;
}
.nl-story-ending p{
  color:#aeb5c2!important;
  font-size:12px!important;
  line-height:1.5!important;
  margin:0!important;
}
.nl-story-reference{
  display:block!important;
  color:#7f8794!important;
  text-align:center!important;
  font-size:9px!important;
  margin:18px 0 0!important;
}

@media(max-width:1100px){
  .nl-story-head{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .nl-story-kicker{margin-bottom:0!important}
  .nl-story-canvas{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
  .nl-story-line{display:none!important}
  .nl-story-step,
  .nl-story-step:nth-child(3),
  .nl-story-step:nth-child(5){
    margin-top:0!important;
  }
  .nl-story-ending{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:650px){
  .nl-infographic-story{
    padding:75px 18px 60px!important;
  }
  .nl-story-head h2{
    font-size:50px!important;
  }
  .nl-story-canvas{
    grid-template-columns:1fr!important;
  }
  .nl-story-step{
    min-height:0!important;
  }
  .nl-ui-card{
    min-height:200px!important;
  }
}

/* =========================================================
   v5.14.5 — VALUE COMPARISON + INFOGRAPHIC HEADING POLISH
   ========================================================= */

/* Slightly smaller product-story headline so it reads as two deliberate lines */
.nl-story-head h2{
  font-size:clamp(52px,6.0vw,104px)!important;
  line-height:.86!important;
}
@media(min-width:1200px){
  .nl-story-head h2 em{
    white-space:nowrap;
  }
}

/* VALUE COMPARISON */
.nl-value-compare{
  display:block!important;
  position:relative!important;
  padding:115px 5vw 105px!important;
  background:#f4efe4!important;
  color:#111319!important;
  overflow:hidden!important;
}
.nl-value-wrap{
  width:min(1640px,100%)!important;
  margin:0 auto!important;
}
.nl-value-head{
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.72fr)!important;
  gap:60px!important;
  align-items:end!important;
  margin-bottom:58px!important;
}
.nl-value-kicker{
  grid-column:1/-1!important;
  color:#6557ff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  margin-bottom:-22px!important;
}
.nl-value-head h2{
  margin:0!important;
  color:#111319!important;
  font-size:clamp(54px,6vw,104px)!important;
  line-height:.84!important;
  letter-spacing:-.06em!important;
}
.nl-value-head h2 em{
  display:inline-block!important;
  color:#6557ff!important;
  font-family:Georgia,serif!important;
  font-weight:400!important;
  font-style:italic!important;
}
.nl-value-head p{
  margin:0 0 8px!important;
  color:#4f5661!important;
  font-size:16px!important;
  line-height:1.65!important;
  max-width:560px!important;
}

.nl-value-stage{
  display:grid!important;
  grid-template-columns:minmax(280px,.74fr) 74px minmax(0,1.9fr)!important;
  gap:0!important;
  align-items:stretch!important;
}
.nl-fragmented{
  border:1px solid #111319!important;
  padding:34px 30px 30px!important;
  background:#f7f3ea!important;
}
.nl-side-label{
  display:block!important;
  color:#111319!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  margin-bottom:10px!important;
}
.nl-fragmented h3{
  margin:0 0 28px!important;
  color:#111319!important;
  font-size:34px!important;
  letter-spacing:-.035em!important;
}
.nl-tool-stack{
  display:grid!important;
  gap:9px!important;
}
.nl-tool-box{
  display:grid!important;
  grid-template-columns:32px 1fr auto!important;
  gap:12px!important;
  align-items:center!important;
  min-height:54px!important;
  padding:11px 13px!important;
  border:1px solid rgba(17,19,25,.34)!important;
  background:rgba(255,255,255,.22)!important;
}
.nl-tool-box span{
  color:#7c8490!important;
  font-size:8px!important;
}
.nl-tool-box b{
  color:#111319!important;
  font-size:13px!important;
}
.nl-tool-box small{
  color:#727984!important;
  font-size:9px!important;
  text-align:right!important;
}
.nl-fragmented-foot{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:25px!important;
}
.nl-fragmented-foot span{
  display:inline-block!important;
  padding:8px 10px!important;
  background:#111319!important;
  color:#aeb8d1!important;
  font-size:7px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}

.nl-converge{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  min-width:74px!important;
}
.nl-converge::before,
.nl-converge::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  height:1px!important;
  background:#111319!important;
  top:50%!important;
}
.nl-converge span{
  position:absolute!important;
  left:0!important;
  width:45%!important;
  height:1px!important;
  background:#111319!important;
  transform-origin:right center!important;
}
.nl-converge span:nth-child(1){top:32%!important;transform:rotate(18deg)!important}
.nl-converge span:nth-child(2){top:50%!important}
.nl-converge span:nth-child(3){top:68%!important;transform:rotate(-18deg)!important}
.nl-converge b{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  background:#e4ff3f!important;
  color:#111319!important;
  border:1px solid #111319!important;
  font-size:20px!important;
}

.nl-allinone{
  position:relative!important;
  border:1px solid #111319!important;
  background:#111319!important;
  color:#fff!important;
  padding:34px!important;
  box-shadow:13px 13px 0 #6557ff!important;
}
.nl-allinone-top{
  display:flex!important;
  justify-content:space-between!important;
  gap:20px!important;
  align-items:flex-start!important;
  padding-bottom:26px!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
}
.nl-allinone .nl-side-label{
  color:#e4ff3f!important;
}
.nl-allinone h3{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(38px,4vw,68px)!important;
  line-height:.95!important;
  letter-spacing:-.05em!important;
  max-width:760px!important;
}
.nl-system-pill{
  display:inline-block!important;
  color:#e4ff3f!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
}
.nl-allinone-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  margin-top:28px!important;
  border-top:1px solid rgba(255,255,255,.2)!important;
  border-left:1px solid rgba(255,255,255,.2)!important;
}
.nl-allinone-grid>div{
  min-height:140px!important;
  padding:22px 18px!important;
  border-right:1px solid rgba(255,255,255,.2)!important;
  border-bottom:1px solid rgba(255,255,255,.2)!important;
}
.nl-allinone-grid span{
  display:block!important;
  color:#6557ff!important;
  font-size:8px!important;
  font-weight:900!important;
  margin-bottom:28px!important;
}
.nl-allinone-grid b{
  display:block!important;
  color:#fff!important;
  font-size:19px!important;
  margin-bottom:8px!important;
}
.nl-allinone-grid small{
  display:block!important;
  color:#aeb6c8!important;
  font-size:9px!important;
  line-height:1.4!important;
}
.nl-allinone-grid .highlight{
  background:#e4ff3f!important;
}
.nl-allinone-grid .highlight span,
.nl-allinone-grid .highlight b,
.nl-allinone-grid .highlight small{
  color:#111319!important;
}

.nl-allinone-bottom{
  display:grid!important;
  grid-template-columns:1fr 250px!important;
  gap:22px!important;
  align-items:stretch!important;
  margin-top:28px!important;
}
.nl-allinone-bottom>div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:18px 0!important;
}
.nl-allinone-bottom>div span{
  color:#e4ff3f!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  margin-bottom:8px!important;
}
.nl-allinone-bottom>div strong{
  color:#fff!important;
  font-size:20px!important;
  line-height:1.25!important;
}
.nl-value-price{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:150px!important;
  padding:18px!important;
  background:#e4ff3f!important;
  color:#111319!important;
  text-decoration:none!important;
}
.nl-value-price small{
  color:#111319!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
}
.nl-value-price strong{
  display:block!important;
  color:#111319!important;
  font-size:56px!important;
  line-height:.9!important;
  letter-spacing:-.055em!important;
  margin:10px 0 14px!important;
}
.nl-value-price strong span{
  font-size:13px!important;
  letter-spacing:0!important;
}
.nl-value-price b{
  color:#111319!important;
  font-size:9px!important;
  text-decoration:underline!important;
  text-underline-offset:5px!important;
}
.nl-value-note{
  margin:18px 0 0!important;
  color:#737a84!important;
  text-align:center!important;
  font-size:8px!important;
  line-height:1.4!important;
}

@media(max-width:1100px){
  .nl-value-head{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .nl-value-kicker{margin-bottom:0!important}
  .nl-value-stage{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .nl-converge{
    min-height:56px!important;
  }
  .nl-converge::before,
  .nl-converge::after,
  .nl-converge span{
    display:none!important;
  }
  .nl-converge b{
    transform:rotate(90deg)!important;
  }
}
@media(max-width:700px){
  .nl-value-compare{
    padding:78px 18px 70px!important;
  }
  .nl-value-head h2{
    font-size:50px!important;
  }
  .nl-tool-box{
    grid-template-columns:28px 1fr!important;
  }
  .nl-tool-box small{
    grid-column:2!important;
    text-align:left!important;
  }
  .nl-allinone{
    padding:22px!important;
  }
  .nl-allinone-top{
    flex-direction:column!important;
  }
  .nl-allinone-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .nl-allinone-bottom{
    grid-template-columns:1fr!important;
  }
}

/* ==========================================================
   v5.14.6 — EXACT REFERENCE REBUILD
   Recreates the user-approved infographic/reference direction
   with responsive HTML/CSS, larger typography and cleaner arrows.
   ========================================================== */

.ref-journey{
  background:#111319!important;
  color:#fff!important;
  padding:74px 34px 42px!important;
  overflow:hidden!important;
}
.ref-journey-inner{
  width:min(1680px,100%)!important;
  margin:0 auto!important;
}
.ref-journey-head{
  width:min(760px,100%)!important;
  margin-bottom:30px!important;
}
.ref-kicker{
  display:block!important;
  color:#7061ff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  margin-bottom:12px!important;
}
.ref-journey-head h2{
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:clamp(46px,5.0vw,78px)!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
}
.ref-journey-head h2 em{
  display:inline-block!important;
  color:#f3a0cf!important;
  font-family:Georgia,serif!important;
  font-weight:400!important;
  font-style:italic!important;
  white-space:nowrap!important;
}
.ref-journey-head p{
  margin:0!important;
  color:#c9cfdb!important;
  font-size:15px!important;
  line-height:1.55!important;
  max-width:600px!important;
}

.ref-journey-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr) 46px minmax(0,1fr) 46px minmax(0,1fr) 46px minmax(0,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
  position:relative!important;
}
.ref-stage{
  position:relative!important;
  min-width:0!important;
  min-height:420px!important;
  padding:20px 24px 22px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#12151d,#0c1017)!important;
  color:#fff!important;
}
.ref-stage.active{
  background:linear-gradient(135deg,#e7ff42 0%,#dfff35 60%,#ebff58 100%)!important;
  color:#101219!important;
  box-shadow:0 0 38px rgba(223,255,53,.18)!important;
}
.ref-stage-top{
  display:grid!important;
  grid-template-columns:56px 1fr!important;
  grid-template-rows:auto auto!important;
  column-gap:14px!important;
  align-items:center!important;
  position:relative!important;
}
.ref-num{
  position:absolute!important;
  top:-4px!important;
  left:-3px!important;
  color:#745eff!important;
  font-size:13px!important;
  font-weight:900!important;
}
.ref-icon{
  grid-row:1/3!important;
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  margin-top:18px!important;
  border-radius:50%!important;
  border:1px solid #7668ff!important;
  background:
    radial-gradient(circle at 38% 33%,rgba(255,255,255,.22),transparent 38%),
    linear-gradient(145deg,#4f2bd6,#11151d)!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  box-shadow:0 0 0 5px rgba(105,87,255,.10)!important;
}
.ref-stage.active .ref-icon{
  background:linear-gradient(145deg,#6957ff,#23222e)!important;
}
.ref-stage-top h3{
  margin:22px 0 2px!important;
  color:inherit!important;
  font-size:22px!important;
  line-height:1!important;
  letter-spacing:-.025em!important;
}
.ref-stage-top strong{
  display:block!important;
  color:inherit!important;
  font-size:13px!important;
  line-height:1.25!important;
}
.ref-stage>p{
  margin:20px 0 18px!important;
  color:#d2d6df!important;
  font-size:13px!important;
  line-height:1.45!important;
  min-height:38px!important;
}
.ref-stage.active>p{color:#242617!important}

.ref-arrow{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  z-index:5!important;
}
.ref-arrow::before{
  content:""!important;
  position:absolute!important;
  left:-8px!important;
  right:-8px!important;
  top:50%!important;
  height:1px!important;
  background:rgba(255,255,255,.18)!important;
}
.ref-arrow span{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.32)!important;
  background:#10131a!important;
  color:#735dff!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:700!important;
}
.ref-book + .ref-arrow span,
.ref-arrow:has(+ .ref-book) span{
  color:#dfff35!important;
}

.ref-ui,
.qualify-stack{
  margin-top:auto!important;
}
.ref-ui{
  background:#fff!important;
  color:#111319!important;
  border:1px solid #dfe3ea!important;
  border-radius:6px!important;
  box-shadow:6px 6px 0 rgba(105,87,255,.13)!important;
  overflow:hidden!important;
}
.ref-ui-bar{
  background:linear-gradient(90deg,#5041e9,#6a48ff)!important;
  color:#fff!important;
  padding:12px 14px!important;
  font-size:12px!important;
  font-weight:800!important;
}
.mini-logo{margin-right:6px!important}
.chat-ui{padding-bottom:18px!important}
.chat-bubble{
  width:82%!important;
  margin:12px 16px!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.chat-bubble.user{
  margin-left:auto!important;
  background:#5948f4!important;
  color:#fff!important;
}
.chat-bubble.bot{
  background:#f0f1f4!important;
  color:#222!important;
}

.qualify-stack{
  display:grid!important;
  gap:7px!important;
}
.qualify-stack>div{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#111319!important;
  box-shadow:0 1px 0 rgba(255,255,255,.06)!important;
}
.qualify-stack i{
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
  background:#3aaa55!important;
  color:#fff!important;
  font-style:normal!important;
  font-size:12px!important;
  flex:0 0 auto!important;
}
.qualify-stack small,
.qualify-stack b{
  display:block!important;
}
.qualify-stack small{
  color:#656b75!important;
  font-size:10px!important;
}
.qualify-stack b{
  color:#111319!important;
  font-size:12px!important;
}
.qualify-stack .ready{
  color:#198c3d!important;
  font-size:12px!important;
  font-weight:800!important;
}

.book-ui{
  padding:14px!important;
}
.book-title{
  font-size:12px!important;
  font-weight:800!important;
  margin-bottom:12px!important;
}
.book-month{
  display:block!important;
  text-align:center!important;
  font-size:12px!important;
  margin-bottom:8px!important;
}
.book-dates,
.book-times{
  display:grid!important;
  gap:6px!important;
}
.book-dates{grid-template-columns:repeat(5,1fr)!important}
.book-times{grid-template-columns:repeat(3,1fr)!important;margin-top:8px!important}
.book-dates span,
.book-times span{
  display:grid!important;
  place-items:center!important;
  min-height:34px!important;
  border:1px solid #e0e3e9!important;
  border-radius:4px!important;
  color:#111319!important;
  font-size:10px!important;
}
.book-dates .sel,
.book-times .sel{
  background:#5948f4!important;
  color:#fff!important;
  border-color:#5948f4!important;
}
.book-confirm{
  margin-top:10px!important;
  padding:11px!important;
  border-radius:4px!important;
  background:#dfff35!important;
  color:#111319!important;
  text-align:center!important;
  font-size:11px!important;
  font-weight:900!important;
}

.handoff-ui{padding:13px!important}
.handoff-title{
  color:#5d4eff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  margin-bottom:11px!important;
}
.handoff-row{
  display:grid!important;
  grid-template-columns:34px 1fr auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:10px!important;
  background:#f4f4f6!important;
  border-radius:5px!important;
}
.avatar{
  display:grid!important;
  place-items:center!important;
  width:27px!important;height:27px!important;
  border-radius:50%!important;
  background:#e5e5e8!important;
  font-size:10px!important;
}
.handoff-row b{font-size:11px!important}
.handoff-row em{
  padding:4px 7px!important;
  border-radius:10px!important;
  background:#ddd8ff!important;
  color:#5846e9!important;
  font-style:normal!important;
  font-size:9px!important;
  font-weight:800!important;
}
.handoff-meta{
  padding:10px 9px!important;
  border-bottom:1px solid #e6e7eb!important;
}
.handoff-meta small{
  display:block!important;
  color:#707681!important;
  font-size:9px!important;
  margin-bottom:3px!important;
}
.handoff-meta b{
  display:block!important;
  color:#111319!important;
  font-size:11px!important;
}
.handoff-date{
  padding-top:10px!important;
  color:#6b7079!important;
  font-size:10px!important;
}

.follow-ui>div{
  display:grid!important;
  grid-template-columns:26px 1fr!important;
  gap:9px!important;
  align-items:center!important;
  padding:10px 12px!important;
  border-bottom:1px solid #e6e8eb!important;
}
.follow-ui>div:last-child{border-bottom:0!important}
.follow-ui i{
  display:grid!important;
  place-items:center!important;
  width:22px!important;height:22px!important;
  border-radius:50%!important;
  background:#111319!important;
  color:#fff!important;
  font-size:10px!important;
  font-style:normal!important;
}
.follow-ui b,
.follow-ui small{
  display:block!important;
}
.follow-ui b{
  color:#111319!important;
  font-size:11px!important;
}
.follow-ui small{
  color:#6d747e!important;
  font-size:9px!important;
}
.follow-ui .remind{
  background:#dfff35!important;
}
.follow-ui .remind i{background:#6a52f5!important}

/* VALUE */
.ref-value{
  background:#f4efe4!important;
  color:#111319!important;
  padding:58px 34px 30px!important;
}
.ref-value-inner{
  width:min(1680px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:300px 230px 190px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:24px!important;
  align-items:center!important;
}
.ref-value-copy{
  align-self:start!important;
  padding-top:8px!important;
}
.ref-value-kicker{
  display:block!important;
  color:#5f50ec!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  margin-bottom:18px!important;
}
.ref-value-copy h2{
  margin:0!important;
  color:#111319!important;
  font-size:46px!important;
  line-height:.93!important;
  letter-spacing:-.055em!important;
}
.ref-value-copy h2 em{
  display:block!important;
  margin-top:9px!important;
  color:#e790be!important;
  font-family:Georgia,serif!important;
  font-style:italic!important;
  font-weight:400!important;
}
.ref-copy-rule{
  width:230px!important;
  height:2px!important;
  margin:20px 0 22px!important;
  background:#6454ff!important;
}
.ref-value-copy p{
  margin:0!important;
  color:#434953!important;
  font-size:14px!important;
  line-height:1.55!important;
}

.ref-tools-card{
  background:#fff!important;
  border:1px solid #cfd3d9!important;
  border-radius:9px!important;
  overflow:hidden!important;
  box-shadow:0 4px 18px rgba(17,19,25,.06)!important;
}
.tools-title{
  padding:16px 18px!important;
  text-align:center!important;
  color:#111319!important;
  font-size:11px!important;
  font-weight:900!important;
}
.tool-item{
  display:grid!important;
  grid-template-columns:31px 1fr!important;
  gap:9px!important;
  align-items:center!important;
  min-height:47px!important;
  padding:8px 14px!important;
  border-top:1px solid #e3e5e8!important;
}
.tool-item i{
  display:grid!important;
  place-items:center!important;
  width:25px!important;height:25px!important;
  border-radius:50%!important;
  background:#f1f0ff!important;
  color:#1f2430!important;
  font-style:normal!important;
  font-size:9px!important;
  font-weight:900!important;
}
.tool-item span{
  color:#111319!important;
  font-size:12px!important;
}
.tools-foot{
  padding:13px 16px!important;
  background:#e9ebee!important;
}
.tools-foot b,
.tools-foot small{
  display:block!important;
}
.tools-foot b{
  color:#111319!important;
  font-size:11px!important;
  margin-bottom:3px!important;
}
.tools-foot small{
  color:#777d87!important;
  font-size:8px!important;
}

.ref-merge{
  position:relative!important;
  height:280px!important;
}
.ref-merge svg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;height:100%!important;
  overflow:visible!important;
}
.ref-merge path{
  fill:none!important;
  stroke:#ff8686!important;
  stroke-width:1.3!important;
  stroke-dasharray:4 4!important;
  vector-effect:non-scaling-stroke!important;
}
.merge-x,
.merge-go{
  position:absolute!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  font-weight:900!important;
}
.merge-x{
  left:59%!important;
  width:42px!important;height:42px!important;
  background:#fff!important;
  border:1px solid #cfd3d8!important;
  color:#ff6969!important;
  font-size:28px!important;
  box-shadow:0 3px 12px rgba(0,0,0,.07)!important;
}
.merge-go{
  left:88%!important;
  width:58px!important;height:58px!important;
  background:#dfff35!important;
  border:1px solid #111319!important;
  color:#111319!important;
  font-size:31px!important;
  box-shadow:0 0 0 8px rgba(223,255,53,.18),0 0 0 16px rgba(223,255,53,.08)!important;
}

.ref-nl-card{
  background:#fff!important;
  border:1px solid #cfd3da!important;
  border-radius:12px!important;
  overflow:hidden!important;
  box-shadow:12px 12px 0 rgba(91,72,244,.75)!important;
}
.ref-nl-top{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 28px!important;
  background:linear-gradient(90deg,#5a45f3,#6b3ef6)!important;
  color:#fff!important;
  font-size:18px!important;
}
.nl-badge{
  display:grid!important;
  place-items:center!important;
  width:32px!important;height:32px!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#5a45f3!important;
  font-size:13px!important;
  font-weight:900!important;
}
.ref-nl-content{
  display:grid!important;
  grid-template-columns:1.55fr .95fr!important;
}
.ref-feature-list{
  padding:22px 30px!important;
  border-right:1px solid #e2e4e8!important;
}
.ref-feature-list>div{
  display:grid!important;
  grid-template-columns:34px 1fr!important;
  gap:10px!important;
  align-items:center!important;
  padding:7px 0!important;
}
.ref-feature-list i{
  display:grid!important;
  place-items:center!important;
  width:27px!important;height:27px!important;
  border-radius:50%!important;
  background:#f1efff!important;
  color:#5844f0!important;
  font-style:normal!important;
  font-size:10px!important;
  font-weight:900!important;
}
.ref-feature-list b,
.ref-feature-list small{
  display:block!important;
}
.ref-feature-list b{
  color:#111319!important;
  font-size:13px!important;
  margin-bottom:1px!important;
}
.ref-feature-list small{
  color:#6b717c!important;
  font-size:10px!important;
}
.ref-price-panel{
  padding:27px 30px 24px!important;
}
.ref-price-panel>small{
  color:#5a46ef!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
.ref-price-panel>strong{
  display:block!important;
  margin:12px 0 14px!important;
  color:#523eea!important;
  font-size:53px!important;
  line-height:.9!important;
  letter-spacing:-.055em!important;
}
.ref-price-panel>strong span{
  color:#111319!important;
  font-size:14px!important;
  letter-spacing:0!important;
}
.ref-price-panel ul{
  list-style:none!important;
  padding:0!important;
  margin:0 0 18px!important;
}
.ref-price-panel li{
  position:relative!important;
  padding:4px 0 4px 21px!important;
  color:#333945!important;
  font-size:11px!important;
}
.ref-price-panel li::before{
  content:"✓"!important;
  position:absolute!important;
  left:0!important;
  color:#0aa785!important;
  font-weight:900!important;
}
.ref-price-panel a{
  display:block!important;
  padding:12px 14px!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,#4934ec,#643df5)!important;
  color:#fff!important;
  text-align:center!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:900!important;
}

.ref-value-strip{
  grid-column:2/5!important;
  display:grid!important;
  grid-template-columns:52px auto 1px 1fr!important;
  gap:18px!important;
  align-items:center!important;
  min-height:64px!important;
  margin-top:2px!important;
  padding:10px 17px!important;
  border:1px solid #cfd3d8!important;
  border-radius:8px!important;
  background:#fff!important;
}
.bolt{
  display:grid!important;
  place-items:center!important;
  width:40px!important;height:40px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#705cff,#4c36e7)!important;
  color:#fff!important;
  font-size:24px!important;
}
.ref-value-strip strong{
  color:#111319!important;
  font-size:18px!important;
}
.ref-value-strip i{
  width:1px!important;height:28px!important;
  background:#d8dbe0!important;
}
.ref-value-strip p{
  margin:0!important;
  color:#686e78!important;
  font-size:12px!important;
}

/* responsive */
@media(max-width:1200px){
  .ref-journey-grid{
    grid-template-columns:1fr 34px 1fr 34px 1fr!important;
    row-gap:20px!important;
  }
  .ref-handoff{grid-column:1/2!important}
  .ref-handoff + .ref-arrow{grid-column:2/3!important}
  .ref-follow{grid-column:3/4!important}
  .ref-journey-grid>.ref-arrow:nth-of-type(4),
  .ref-journey-grid>.ref-arrow:nth-of-type(5){display:none!important}
  .ref-value-inner{
    grid-template-columns:260px 220px 150px minmax(0,1fr)!important;
  }
}
@media(max-width:900px){
  .ref-journey{padding:64px 18px 36px!important}
  .ref-journey-head h2 em{white-space:normal!important}
  .ref-journey-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .ref-arrow{
    min-height:34px!important;
  }
  .ref-arrow::before{display:none!important}
  .ref-arrow span{
    width:38px!important;height:38px!important;
    transform:rotate(90deg)!important;
  }
  .ref-handoff,.ref-follow,
  .ref-handoff + .ref-arrow{grid-column:auto!important}
  .ref-stage{min-height:0!important}
  .ref-value{padding:52px 18px 28px!important}
  .ref-value-inner{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .ref-value-copy h2{font-size:44px!important}
  .ref-copy-rule{width:180px!important}
  .ref-merge{
    height:84px!important;
  }
  .ref-merge svg{display:none!important}
  .merge-x{
    left:38%!important;
  }
  .merge-go{
    left:62%!important;
  }
  .ref-value-strip{
    grid-column:auto!important;
    grid-template-columns:44px 1fr!important;
  }
  .ref-value-strip i,
  .ref-value-strip p{display:none!important}
}
@media(max-width:600px){
  .ref-journey-head h2{font-size:48px!important}
  .ref-journey-head p{font-size:14px!important}
  .ref-stage-top h3{font-size:21px!important}
  .ref-stage-top strong{font-size:13px!important}
  .ref-stage>p{font-size:13px!important}
  .ref-nl-content{grid-template-columns:1fr!important}
  .ref-feature-list{border-right:0!important;border-bottom:1px solid #e2e4e8!important}
  .ref-value-strip strong{font-size:15px!important}
}

/* ==========================================================
   v5.14.7 — REAL PRODUCT HERO + CONNECTED CAPABILITY STORY
   ========================================================== */

/* HERO */
.real-hero{
  background:#f4efe4!important;
  color:#111319!important;
  padding:24px 4vw 62px!important;
  overflow:hidden!important;
}
.real-hero-meta{
  width:min(1700px,100%)!important;
  margin:0 auto 24px!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:20px!important;
  color:#5c6470!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.real-hero-grid{
  width:min(1700px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(430px,.76fr) minmax(650px,1.25fr)!important;
  gap:56px!important;
  align-items:center!important;
}
.real-eyebrow{
  display:block!important;
  color:#5a48f3!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  margin-bottom:18px!important;
}
.real-hero-copy h1{
  margin:0!important;
  color:#111319!important;
  font-size:clamp(58px,5.4vw,94px)!important;
  line-height:.88!important;
  letter-spacing:-.065em!important;
}
.real-hero-copy h1 em{
  display:inline-block!important;
  margin-top:10px!important;
  color:#e78dbd!important;
  font-family:Georgia,serif!important;
  font-weight:400!important;
  font-style:italic!important;
  font-size:.75em!important;
  line-height:.92!important;
}
.real-hero-copy>p{
  max-width:650px!important;
  margin:24px 0 18px!important;
  color:#3f4650!important;
  font-size:17px!important;
  line-height:1.55!important;
}
.real-benefits{
  display:grid!important;
  gap:9px!important;
  margin:0 0 24px!important;
}
.real-benefits span{
  color:#1d242e!important;
  font-size:14px!important;
  line-height:1.4!important;
}
.real-benefits span::first-letter{color:#169850!important}
.real-hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:26px!important;
}
.real-hero-actions a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:52px!important;
  padding:0 22px!important;
  border:1px solid #111319!important;
  color:#111319!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.real-primary{
  background:#dfff35!important;
  box-shadow:4px 4px 0 #111319!important;
}
.real-secondary{background:transparent!important}
.real-hero-trust{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
  margin-top:20px!important;
  color:#636b75!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
}
.real-hero-trust i{
  width:4px!important;height:4px!important;
  border-radius:50%!important;
  background:#a2a8af!important;
}

/* product scene */
.real-product-scene{
  position:relative!important;
  min-height:680px!important;
  padding:18px 72px 52px 0!important;
}
.real-dashboard-shell{
  position:relative!important;
  width:100%!important;
  min-height:610px!important;
  border:1px solid #ccd3dc!important;
  border-radius:13px!important;
  background:#f7f9fc!important;
  box-shadow:0 30px 60px rgba(31,42,62,.13)!important;
  overflow:hidden!important;
}
.real-dashboard-bar{
  height:48px!important;
  padding:0 17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:#fff!important;
  border-bottom:1px solid #dfe4ea!important;
}
.real-dashboard-bar>div{
  display:flex!important;
  gap:9px!important;
  align-items:center!important;
}
.real-nl-mark{
  display:grid!important;
  place-items:center!important;
  width:25px!important;height:25px!important;
  border-radius:6px!important;
  background:#5443ef!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
}
.real-dashboard-bar b{
  color:#16202d!important;
  font-size:12px!important;
}
.real-dashboard-bar small{
  color:#6e7682!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.real-dashboard-body{
  display:grid!important;
  grid-template-columns:150px 1fr!important;
  min-height:562px!important;
}
.real-side-nav{
  background:#111319!important;
  color:#dfe3eb!important;
  padding:20px 15px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.real-side-nav b,
.real-side-nav span{
  display:block!important;
  padding:9px 10px!important;
  border-radius:5px!important;
  font-size:9px!important;
}
.real-side-nav b{
  background:#493bf0!important;
  color:#fff!important;
}
.real-side-nav span{
  color:#b7beca!important;
}
.real-dashboard-main{
  padding:22px!important;
}
.real-dashboard-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:18px!important;
  align-items:flex-start!important;
  padding-bottom:14px!important;
  border-bottom:1px solid #e1e6ed!important;
}
.real-dashboard-head small{
  display:block!important;
  color:#4d3bed!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.real-dashboard-head h3{
  margin:3px 0!important;
  color:#131c29!important;
  font-size:23px!important;
  letter-spacing:-.025em!important;
}
.real-dashboard-head p{
  margin:0!important;
  color:#69717d!important;
  font-size:9px!important;
}
.real-mini-actions{
  display:flex!important;
  gap:7px!important;
}
.real-mini-actions span,
.real-mini-actions b{
  padding:8px 9px!important;
  border:1px solid #5143ec!important;
  border-radius:5px!important;
  color:#5143ec!important;
  font-size:7px!important;
  white-space:nowrap!important;
}
.real-mini-actions b{
  background:#5143ec!important;
  color:#fff!important;
}
.real-focus-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:14px 0 16px!important;
}
.real-focus-card{
  padding:12px!important;
  border:1px solid #dce2e9!important;
  border-radius:8px!important;
  background:#fff!important;
}
.real-focus-card small{
  display:block!important;
  color:#4f43ea!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.real-focus-card b{
  display:block!important;
  margin:5px 0 3px!important;
  color:#15202c!important;
  font-size:11px!important;
}
.real-focus-card span{
  color:#69717d!important;
  font-size:8px!important;
}
.real-focus-card.attention{
  background:#f7f9ff!important;
}
.real-glance-label{
  margin-bottom:8px!important;
  color:#313a46!important;
  font-size:9px!important;
  font-weight:900!important;
}
.real-glance{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:8px!important;
}
.real-glance>div{
  min-height:102px!important;
  padding:11px!important;
  border:1px solid #dce2e9!important;
  border-radius:8px!important;
  background:#fff!important;
}
.real-glance i{
  display:block!important;
  color:#4f3df0!important;
  font-style:normal!important;
  font-size:13px!important;
}
.real-glance small{
  display:block!important;
  color:#616a76!important;
  font-size:7px!important;
  margin-top:5px!important;
}
.real-glance b{
  display:block!important;
  color:#111a26!important;
  font-size:21px!important;
  margin:3px 0 8px!important;
}
.real-glance span{
  color:#5143eb!important;
  font-size:7px!important;
}
.real-dashboard-lower{
  display:grid!important;
  grid-template-columns:1.55fr .75fr!important;
  gap:10px!important;
  margin-top:12px!important;
}
.real-needs-card,
.real-latest-card{
  min-height:154px!important;
  padding:13px!important;
  border:1px solid #dce2e9!important;
  border-radius:8px!important;
  background:#fff!important;
}
.real-needs-card>small,
.real-latest-card>small{
  display:block!important;
  color:#5142e9!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.real-needs-card h4,
.real-latest-card h4{
  margin:3px 0 12px!important;
  color:#17212e!important;
  font-size:12px!important;
}
.real-needs-card{
  display:flex!important;
  flex-direction:column!important;
}
.real-ok{
  display:grid!important;
  place-items:center!important;
  width:27px!important;height:27px!important;
  margin:auto auto 5px!important;
  border-radius:50%!important;
  background:#12aa54!important;
  color:#fff!important;
  font-size:15px!important;
}
.real-needs-card>b{
  text-align:center!important;
  color:#15202c!important;
  font-size:9px!important;
}
.real-needs-card>span{
  text-align:center!important;
  color:#77808b!important;
  font-size:7px!important;
  margin-top:3px!important;
}
.real-latest-item{
  display:grid!important;
  grid-template-columns:28px 1fr auto!important;
  gap:7px!important;
  align-items:center!important;
  padding:9px 0!important;
  border-top:1px solid #edf0f4!important;
}
.real-avatar{
  display:grid!important;
  place-items:center!important;
  width:24px!important;height:24px!important;
  border-radius:50%!important;
  background:#eef0f4!important;
  color:#303744!important;
  font-size:8px!important;
}
.real-latest-item b{
  display:block!important;
  color:#18222f!important;
  font-size:8px!important;
}
.real-latest-item small{
  display:block!important;
  color:#747d88!important;
  font-size:7px!important;
}
.real-latest-item i{
  color:#5143eb!important;
  font-style:normal!important;
}

/* floating chatbot */
.real-chat-overlay{
  position:absolute!important;
  right:8px!important;
  top:170px!important;
  width:285px!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 22px 55px rgba(52,42,115,.28),9px 9px 0 #654ef4!important;
  overflow:hidden!important;
  z-index:6!important;
}
.real-chat-top{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:12px 14px!important;
  background:linear-gradient(90deg,#4e3cf0,#6747f2)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
}
.real-chat-top b{
  padding:5px 8px!important;
  border-radius:8px!important;
  background:#22cf69!important;
  font-size:8px!important;
}
.real-chat-body{
  padding:14px!important;
}
.real-chat-user,
.real-chat-bot{
  width:85%!important;
  margin:8px 0!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  font-size:9px!important;
  line-height:1.35!important;
}
.real-chat-user{
  margin-left:auto!important;
  background:#5543ee!important;
  color:#fff!important;
}
.real-chat-bot{
  background:#f0f1f4!important;
  color:#222a35!important;
}
.real-chat-body button{
  display:block!important;
  width:100%!important;
  margin-top:7px!important;
  padding:10px!important;
  border:0!important;
  border-radius:7px!important;
  background:#5443ec!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
}
.real-chat-body button.wa{background:#22c968!important}
.real-chat-body button.tg{background:#179bd7!important}
.real-hero-nello{
  position:absolute!important;
  right:-8px!important;
  bottom:10px!important;
  width:128px!important;
  height:auto!important;
  z-index:8!important;
  filter:drop-shadow(0 16px 18px rgba(56,48,111,.18))!important;
}
.real-hero-bridge{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  min-height:64px!important;
  background:#111319!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.real-hero-bridge i{color:#dfff35!important;font-style:normal!important}

/* CONNECTED CAPABILITIES */
.connected-capabilities{
  padding:92px 5vw 80px!important;
  background:#111319!important;
  color:#fff!important;
}
.connected-cap-head{
  width:min(1640px,100%)!important;
  margin:0 auto 46px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(340px,.7fr)!important;
  gap:60px!important;
  align-items:end!important;
}
.connected-cap-head span{
  display:block!important;
  color:#6557ff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  margin-bottom:14px!important;
}
.connected-cap-head h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(50px,5.5vw,92px)!important;
  line-height:.86!important;
  letter-spacing:-.06em!important;
}
.connected-cap-head h2 em{
  color:#f0a0ca!important;
  font-family:Georgia,serif!important;
  font-weight:400!important;
  font-style:italic!important;
}
.connected-cap-head p{
  margin:0 0 8px!important;
  color:#b9c0cd!important;
  font-size:16px!important;
  line-height:1.6!important;
}
.connected-map{
  width:min(1640px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1fr 42px 1fr 42px 1fr 42px 1fr!important;
  gap:0!important;
  align-items:stretch!important;
  position:relative!important;
}
.cap-node{
  position:relative!important;
  min-height:185px!important;
  padding:24px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:#14171f!important;
}
.cap-node span{
  position:absolute!important;
  top:14px!important;
  right:16px!important;
  color:#6557ff!important;
  font-size:9px!important;
  font-weight:900!important;
}
.cap-node i{
  display:grid!important;
  place-items:center!important;
  width:48px!important;height:48px!important;
  margin-bottom:30px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#5d48f0,#231c52)!important;
  font-style:normal!important;
  font-size:22px!important;
}
.cap-node b{
  display:block!important;
  color:#fff!important;
  font-size:21px!important;
  margin-bottom:7px!important;
}
.cap-node small{
  display:block!important;
  color:#aeb6c4!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.cap-link{
  display:grid!important;
  place-items:center!important;
  color:#dfff35!important;
  font-size:27px!important;
}
.cap-drop{
  grid-column:1/-1!important;
  display:grid!important;
  place-items:center!important;
  height:48px!important;
  color:#dfff35!important;
  font-size:25px!important;
}
.cap-growth{grid-column:1/2!important}
.cap-handoff{grid-column:3/4!important}
.cap-follow{grid-column:5/6!important}
.cap-insights{grid-column:7/8!important}
.connected-caption{
  width:min(1640px,100%)!important;
  margin:26px auto 0!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
  padding:18px 22px!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.connected-caption strong{
  color:#dfff35!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
}
.connected-caption span{
  color:#d8dde7!important;
  font-size:13px!important;
}

/* SERVICE WORKFLOW */
.service-workflow{
  padding:88px 5vw 82px!important;
  background:#f4efe4!important;
  color:#111319!important;
}
.service-workflow-head{
  width:min(1640px,100%)!important;
  margin:0 auto 42px!important;
  display:grid!important;
  grid-template-columns:1fr .7fr!important;
  gap:60px!important;
  align-items:end!important;
}
.service-workflow-head>span{
  grid-column:1/-1!important;
  color:#5e4cf0!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  margin-bottom:-20px!important;
}
.service-workflow-head h2{
  margin:0!important;
  font-size:clamp(50px,5.1vw,88px)!important;
  line-height:.87!important;
  letter-spacing:-.06em!important;
}
.service-workflow-head h2 em{
  color:#e68fbd!important;
  font-family:Georgia,serif!important;
  font-weight:400!important;
  font-style:italic!important;
}
.service-workflow-head p{
  margin:0 0 5px!important;
  color:#515964!important;
  font-size:16px!important;
  line-height:1.6!important;
}
.service-flow{
  width:min(1640px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(13,auto)!important;
  align-items:stretch!important;
  gap:0!important;
}
.service-flow article{
  width:190px!important;
  min-height:210px!important;
  padding:20px!important;
  border:1px solid #bfc4cb!important;
  background:#fff!important;
}
.service-flow article.lime{
  background:#dfff35!important;
  border-color:#111319!important;
}
.service-flow article>span{
  display:block!important;
  color:#5e4cf0!important;
  font-size:10px!important;
  font-weight:900!important;
}
.service-flow article i{
  display:block!important;
  margin:30px 0 22px!important;
  font-style:normal!important;
  font-size:26px!important;
}
.service-flow article b{
  display:block!important;
  font-size:17px!important;
  line-height:1.1!important;
  margin-bottom:9px!important;
}
.service-flow article small{
  display:block!important;
  color:#5f6670!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.service-flow>div{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  color:#5d4bef!important;
  font-size:22px!important;
}

/* readable small-text override for the key marketing sections */
.ref-journey p,
.ref-value p,
.growth-showcase p,
.growth-feature p,
.cp-pricing p,
.cp-final p{
  font-size:max(12px,1em)!important;
}

@media(max-width:1200px){
  .real-hero-grid{
    grid-template-columns:1fr!important;
  }
  .real-product-scene{
    width:min(940px,100%)!important;
    margin:0 auto!important;
  }
  .connected-cap-head,
  .service-workflow-head{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .service-workflow-head>span{margin-bottom:0!important}
  .service-flow{
    grid-template-columns:repeat(4,1fr)!important;
    gap:12px!important;
  }
  .service-flow article{width:auto!important}
  .service-flow>div{display:none!important}
}
@media(max-width:900px){
  .real-hero{padding:30px 18px 46px!important}
  .real-hero-meta{display:none!important}
  .real-hero-copy h1{font-size:58px!important}
  .real-product-scene{
    min-height:610px!important;
    padding-right:20px!important;
  }
  .real-dashboard-body{grid-template-columns:112px 1fr!important}
  .real-side-nav span:nth-of-type(n+7){display:none!important}
  .real-dashboard-main{padding:14px!important}
  .real-mini-actions{display:none!important}
  .real-focus-row{grid-template-columns:1fr!important}
  .real-glance{grid-template-columns:1fr 1fr!important}
  .real-dashboard-lower{grid-template-columns:1fr!important}
  .real-latest-card{display:none!important}
  .real-chat-overlay{right:0!important;top:210px!important;width:250px!important}
  .real-hero-nello{width:100px!important}
  .connected-capabilities,
  .service-workflow{padding:66px 18px!important}
  .connected-map{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .cap-link,
  .cap-drop{
    grid-column:auto!important;
    height:34px!important;
    transform:rotate(90deg)!important;
  }
  .cap-growth,.cap-handoff,.cap-follow,.cap-insights{grid-column:auto!important}
  .connected-caption{flex-direction:column!important}
  .service-flow{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
  .real-hero-copy h1{font-size:48px!important}
  .real-hero-copy>p{font-size:15px!important}
  .real-benefits span{font-size:13px!important}
  .real-product-scene{min-height:500px!important;padding:0!important}
  .real-dashboard-shell{min-height:470px!important}
  .real-dashboard-body{grid-template-columns:80px 1fr!important;min-height:422px!important}
  .real-side-nav{padding:10px 7px!important}
  .real-side-nav b,.real-side-nav span{padding:7px 5px!important;font-size:7px!important}
  .real-dashboard-main{padding:10px!important}
  .real-focus-row,.real-dashboard-lower{display:none!important}
  .real-glance{grid-template-columns:1fr 1fr!important}
  .real-glance>div{min-height:82px!important}
  .real-chat-overlay{top:150px!important;width:220px!important}
  .real-hero-nello{width:84px!important;right:-4px!important;bottom:-12px!important}
  .real-hero-bridge{gap:9px!important;font-size:8px!important}
  .connected-cap-head h2,
  .service-workflow-head h2{font-size:48px!important}
  .service-flow{grid-template-columns:1fr!important}
}

/* ==========================================================
   v5.14.8 — REFINED VALUE COMPARISON
   Replaces the cheap X + arrow connector with a premium
   convergence hub inspired by the approved visual reference.
   ========================================================== */

.refined-value{
  background:#f5f0e6!important;
  padding:62px 3.8vw 28px!important;
}
.refined-value-inner{
  width:min(1720px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:300px 250px 215px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:26px!important;
  align-items:center!important;
}
.refined-copy{
  align-self:start!important;
  padding-top:5px!important;
}
.refined-kicker{
  display:block!important;
  color:#5d4df0!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  margin-bottom:22px!important;
}
.refined-copy h2{
  margin:0!important;
  color:#111319!important;
  font-size:52px!important;
  line-height:.92!important;
  letter-spacing:-.055em!important;
}
.refined-copy h2 em{
  display:block!important;
  margin-top:12px!important;
  color:#e78fbd!important;
  font-family:Georgia,serif!important;
  font-size:.92em!important;
  font-style:italic!important;
  font-weight:400!important;
  line-height:.93!important;
}
.refined-rule{
  width:235px!important;
  height:2px!important;
  margin:22px 0 24px!important;
  background:#5d4df0!important;
}
.refined-copy p{
  margin:0!important;
  color:#343a44!important;
  font-size:17px!important;
  line-height:1.55!important;
}

/* separate tools card */
.refined-tools-card{
  background:#fff!important;
  border:1px solid #d4d8df!important;
  border-radius:11px!important;
  overflow:hidden!important;
  box-shadow:0 8px 22px rgba(20,24,31,.05)!important;
}
.refined-tools-head{
  padding:20px 18px!important;
  text-align:center!important;
  color:#111319!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.refined-tool-row{
  display:grid!important;
  grid-template-columns:34px 1fr!important;
  gap:10px!important;
  align-items:center!important;
  min-height:55px!important;
  padding:8px 16px!important;
  border-top:1px solid #e4e7ec!important;
}
.refined-tool-icon{
  display:grid!important;
  place-items:center!important;
  width:27px!important;
  height:27px!important;
  border-radius:50%!important;
  background:#f1efff!important;
  color:#1b2130!important;
  font-size:9px!important;
  font-weight:900!important;
}
.refined-tool-row>span:last-child{
  color:#111319!important;
  font-size:13px!important;
}
.refined-tools-foot{
  padding:14px 16px!important;
  background:#e7e9ec!important;
}
.refined-tools-foot strong,
.refined-tools-foot small{
  display:block!important;
}
.refined-tools-foot strong{
  color:#111319!important;
  font-size:12px!important;
  margin-bottom:4px!important;
}
.refined-tools-foot small{
  color:#727985!important;
  font-size:9px!important;
}

/* premium convergence / transformation visual */
.refined-transform{
  position:relative!important;
  height:380px!important;
}
.refined-transform svg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
}
.refined-transform path{
  fill:none!important;
  stroke:#ff8b88!important;
  stroke-width:1.6!important;
  stroke-dasharray:5 5!important;
  vector-effect:non-scaling-stroke!important;
}
.transform-hub{
  position:absolute!important;
  left:56%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:76px!important;
  height:76px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#705aff,#4d36e8)!important;
  border:1px solid rgba(72,51,215,.88)!important;
  box-shadow:
    0 0 0 12px rgba(111,88,255,.11),
    0 0 0 24px rgba(111,88,255,.05),
    0 18px 36px rgba(73,53,205,.18)!important;
  display:grid!important;
  place-items:center!important;
  z-index:3!important;
}
.hub-stack{
  position:relative!important;
  display:block!important;
  width:33px!important;
  height:29px!important;
}
.hub-stack i{
  position:absolute!important;
  left:50%!important;
  width:29px!important;
  height:15px!important;
  transform:translateX(-50%) rotate(30deg) skewX(-30deg)!important;
  border:2px solid #fff!important;
  background:transparent!important;
}
.hub-stack i:nth-child(1){top:1px!important}
.hub-stack i:nth-child(2){top:7px!important;opacity:.9!important}
.hub-stack i:nth-child(3){top:13px!important;opacity:.72!important}
.transform-link{
  position:absolute!important;
  left:74%!important;
  right:14px!important;
  top:50%!important;
  height:2px!important;
  transform:translateY(-50%)!important;
  background:linear-gradient(90deg,#b5cf00,#dfff35)!important;
  z-index:2!important;
}
.transform-arrow{
  position:absolute!important;
  right:-2px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#b8ce00!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:500!important;
  z-index:4!important;
}

/* NL card */
.refined-nl-card{
  background:#fff!important;
  border:1px solid #cfd4dc!important;
  border-radius:13px!important;
  overflow:hidden!important;
  box-shadow:13px 13px 0 rgba(92,72,241,.72)!important;
}
.refined-nl-header{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:58px!important;
  padding:0 30px!important;
  background:linear-gradient(90deg,#5a42ee,#693df4)!important;
  color:#fff!important;
}
.refined-nl-logo{
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#5b43ec!important;
  font-size:13px!important;
  font-weight:900!important;
}
.refined-nl-header strong{
  font-size:20px!important;
}
.refined-nl-body{
  display:grid!important;
  grid-template-columns:1.45fr .9fr!important;
}
.refined-feature-list{
  padding:25px 32px!important;
  border-right:1px solid #e3e6eb!important;
}
.refined-feature{
  display:grid!important;
  grid-template-columns:35px 1fr!important;
  gap:11px!important;
  align-items:center!important;
  padding:8px 0!important;
}
.refined-feature-icon{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  background:#f0eeff!important;
  color:#5945ee!important;
  font-size:9px!important;
  font-weight:900!important;
}
.refined-feature strong,
.refined-feature small{
  display:block!important;
}
.refined-feature strong{
  color:#111319!important;
  font-size:14px!important;
  margin-bottom:2px!important;
}
.refined-feature small{
  color:#666e79!important;
  font-size:10px!important;
}
.refined-price{
  padding:31px 34px 28px!important;
}
.refined-price-kicker{
  display:block!important;
  color:#5a46eb!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
.refined-price>strong{
  display:block!important;
  margin:17px 0 18px!important;
  color:#5540e9!important;
  font-size:60px!important;
  line-height:.88!important;
  letter-spacing:-.06em!important;
}
.refined-price>strong span{
  color:#111319!important;
  font-size:14px!important;
  letter-spacing:0!important;
}
.refined-price ul{
  list-style:none!important;
  padding:0!important;
  margin:0 0 22px!important;
}
.refined-price li{
  position:relative!important;
  padding:5px 0 5px 23px!important;
  color:#343a45!important;
  font-size:12px!important;
}
.refined-price li::before{
  content:"✓"!important;
  position:absolute!important;
  left:0!important;
  color:#13a47f!important;
  font-weight:900!important;
}
.refined-price a{
  display:block!important;
  padding:15px 18px!important;
  border-radius:6px!important;
  background:linear-gradient(90deg,#4f35ee,#653ff3)!important;
  color:#fff!important;
  text-align:center!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
}

/* bottom strip */
.refined-bottom-strip{
  grid-column:2/5!important;
  display:grid!important;
  grid-template-columns:48px auto 1px 1fr!important;
  gap:20px!important;
  align-items:center!important;
  min-height:67px!important;
  padding:11px 18px!important;
  border:1px solid #cfd4dc!important;
  border-radius:10px!important;
  background:#fff!important;
}
.refined-bolt{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#6c56ff,#4d34e9)!important;
  color:#fff!important;
  font-size:25px!important;
}
.refined-bottom-strip strong{
  color:#111319!important;
  font-size:18px!important;
}
.refined-bottom-strip i{
  width:1px!important;
  height:30px!important;
  background:#d8dce2!important;
}
.refined-bottom-strip>span:last-child{
  color:#666d78!important;
  font-size:13px!important;
}

/* responsive */
@media(max-width:1200px){
  .refined-value-inner{
    grid-template-columns:270px 230px 180px minmax(0,1fr)!important;
  }
  .refined-copy h2{font-size:46px!important}
}
@media(max-width:900px){
  .refined-value{padding:48px 18px 26px!important}
  .refined-value-inner{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .refined-copy h2{font-size:48px!important}
  .refined-transform{
    height:100px!important;
  }
  .refined-transform svg{
    display:none!important;
  }
  .transform-hub{
    left:42%!important;
    width:64px!important;
    height:64px!important;
  }
  .transform-link{
    left:54%!important;
    right:18%!important;
  }
  .transform-arrow{
    right:14%!important;
  }
  .refined-bottom-strip{
    grid-column:auto!important;
    grid-template-columns:44px 1fr!important;
  }
  .refined-bottom-strip i,
  .refined-bottom-strip>span:last-child{
    display:none!important;
  }
}
@media(max-width:600px){
  .refined-copy h2{font-size:43px!important}
  .refined-copy p{font-size:15px!important}
  .refined-nl-body{
    grid-template-columns:1fr!important;
  }
  .refined-feature-list{
    border-right:0!important;
    border-bottom:1px solid #e3e6eb!important;
  }
  .refined-price>strong{font-size:54px!important}
  .refined-bottom-strip strong{font-size:15px!important}
}

/* ==========================================================
   v5.14.9 — POLISH PASS
   1. Floating Nello
   2. Actual-style Telegram phone icon
   3. Premium convergence flow
   4. Refined semantic bullet icons
   ========================================================== */

/* 1) Nello: gentle premium float, not distracting */
@keyframes nelloFloat {
  0%,100% { transform: translate3d(0,0,0) rotate(-1.5deg); }
  50%     { transform: translate3d(0,-14px,0) rotate(1.5deg); }
}
.real-hero-nello{
  animation:nelloFloat 4.4s ease-in-out infinite!important;
  transform-origin:50% 70%!important;
  will-change:transform!important;
}
@media (prefers-reduced-motion: reduce){
  .real-hero-nello{animation:none!important}
}

/* 2) Telegram button uses the same phone-like cue as the product UI */
.real-chat-body button.tg{
  letter-spacing:0!important;
}

/* 3) Premium convergence flow — soft white hub + lime transfer node */
.refined-transform{
  position:relative!important;
  height:380px!important;
}
.refined-transform .transform-lines{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
}
.refined-transform .transform-lines path{
  fill:none!important;
  stroke:#8d80ff!important;
  stroke-width:1.6!important;
  stroke-dasharray:4.5 5!important;
  opacity:.9!important;
  vector-effect:non-scaling-stroke!important;
}

.transform-hub-clean{
  position:absolute!important;
  left:56%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:72px!important;
  height:72px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid #ded9ff!important;
  box-shadow:
    0 0 0 10px rgba(98,74,242,.08),
    0 0 0 22px rgba(98,74,242,.035),
    0 14px 36px rgba(72,54,190,.12)!important;
  display:grid!important;
  place-items:center!important;
  z-index:4!important;
}
.hub-stack-clean{
  position:relative!important;
  display:block!important;
  width:32px!important;
  height:28px!important;
}
.hub-stack-clean i{
  position:absolute!important;
  left:50%!important;
  width:27px!important;
  height:13px!important;
  transform:translateX(-50%) rotate(30deg) skewX(-30deg)!important;
  border:2px solid #6750ef!important;
  background:#fff!important;
}
.hub-stack-clean i:nth-child(1){top:0!important}
.hub-stack-clean i:nth-child(2){top:7px!important}
.hub-stack-clean i:nth-child(3){top:14px!important}

.transform-flow-line{
  position:absolute!important;
  left:69%!important;
  width:49px!important;
  top:50%!important;
  height:2px!important;
  transform:translateY(-50%)!important;
  background:linear-gradient(90deg,#c7d900,#dfff35)!important;
  z-index:2!important;
}
.transform-flow-arrow{
  position:absolute!important;
  left:calc(69% + 44px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  background:#dfff35!important;
  border:1px solid #bccb00!important;
  color:#171a20!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:700!important;
  box-shadow:
    0 0 0 9px rgba(223,255,53,.20),
    0 0 0 18px rgba(223,255,53,.08)!important;
  z-index:5!important;
}

/* Remove old hub/arrow visual remnants */
.refined-transform > .transform-hub:not(.transform-hub-clean),
.refined-transform > .transform-link,
.refined-transform > .transform-arrow{
  display:none!important;
}

/* 4) Semantic icons in pale-lavender circles */
.refined-tool-icon,
.refined-feature-icon{
  position:relative!important;
  overflow:hidden!important;
  background:#f0edff!important;
  color:#4f36d9!important;
  box-shadow:inset 0 0 0 1px rgba(93,70,230,.04)!important;
}
.refined-tool-icon::before,
.refined-tool-icon::after,
.refined-feature-icon::before,
.refined-feature-icon::after{
  content:""!important;
  position:absolute!important;
  box-sizing:border-box!important;
}

/* chat bubble */
.icon-chat::before{
  width:14px!important;height:10px!important;
  left:7px!important;top:7px!important;
  border-radius:6px!important;
  background:#4f36d9!important;
}
.icon-chat::after{
  width:6px!important;height:6px!important;
  left:8px!important;top:13px!important;
  background:#4f36d9!important;
  transform:rotate(28deg)!important;
}

/* calendar */
.icon-calendar::before{
  width:14px!important;height:13px!important;
  left:7px!important;top:7px!important;
  border:2px solid #4f36d9!important;
  border-radius:2px!important;
}
.icon-calendar::after{
  width:8px!important;height:2px!important;
  left:10px!important;top:11px!important;
  background:#4f36d9!important;
  box-shadow:0 4px 0 #4f36d9!important;
}

/* customers / CRM */
.icon-customers::before{
  width:7px!important;height:7px!important;
  left:6px!important;top:6px!important;
  border-radius:50%!important;
  background:#4f36d9!important;
  box-shadow:9px 1px 0 #4f36d9!important;
}
.icon-customers::after{
  width:10px!important;height:6px!important;
  left:4px!important;top:14px!important;
  border-radius:7px 7px 3px 3px!important;
  background:#4f36d9!important;
  box-shadow:9px 0 0 #4f36d9!important;
}

/* team */
.icon-team::before{
  width:7px!important;height:7px!important;
  left:10px!important;top:5px!important;
  border-radius:50%!important;
  background:#4f36d9!important;
  box-shadow:-7px 3px 0 -1px #4f36d9, 7px 3px 0 -1px #4f36d9!important;
}
.icon-team::after{
  width:12px!important;height:7px!important;
  left:8px!important;top:14px!important;
  border-radius:8px 8px 3px 3px!important;
  background:#4f36d9!important;
  box-shadow:-7px 0 0 -2px #4f36d9, 7px 0 0 -2px #4f36d9!important;
}

/* reminder bell */
.icon-bell::before{
  width:13px!important;height:12px!important;
  left:7px!important;top:7px!important;
  border-radius:8px 8px 5px 5px!important;
  background:#4f36d9!important;
}
.icon-bell::after{
  width:5px!important;height:3px!important;
  left:11px!important;top:18px!important;
  border-radius:0 0 5px 5px!important;
  background:#4f36d9!important;
}

/* analytics bars */
.icon-analytics::before{
  width:4px!important;height:9px!important;
  left:6px!important;bottom:6px!important;
  border-radius:2px 2px 0 0!important;
  background:#4f36d9!important;
  box-shadow:6px -4px 0 #4f36d9, 12px -8px 0 #4f36d9!important;
}

/* Make icon circles slightly more substantial, like the approved visual */
.refined-tool-icon{
  width:30px!important;
  height:30px!important;
}
.refined-feature-icon{
  width:30px!important;
  height:30px!important;
}

/* Improve comparison spacing so the new hub has breathing room */
.refined-value-inner{
  grid-template-columns:300px 250px 235px minmax(0,1fr)!important;
}

/* Small mobile adjustment for the new hub */
@media(max-width:900px){
  .transform-hub-clean{
    left:42%!important;
    width:62px!important;
    height:62px!important;
  }
  .transform-flow-line{
    left:54%!important;
    width:52px!important;
  }
  .transform-flow-arrow{
    left:calc(54% + 46px)!important;
    width:42px!important;
    height:42px!important;
    font-size:22px!important;
  }
}

/* ==========================================================
   v5.15.1 — SAFE CONNECTOR FIX
   Built from v5.14.9 known-good theme.
   No DOM restructuring; only replaces the yellow arrow visual.
   ========================================================== */

.transform-flow-arrow{
  display:none!important;
}

.transform-flow-line-refined{
  left:68%!important;
  width:78px!important;
  height:2px!important;
  background:linear-gradient(
    90deg,
    rgba(102,80,239,.92) 0%,
    rgba(139,122,246,.85) 48%,
    rgba(200,218,29,.92) 100%
  )!important;
  border-radius:999px!important;
}

.transform-flow-end{
  position:absolute!important;
  left:calc(68% + 69px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#f7f4e9!important;
  border:1px solid rgba(106,88,230,.24)!important;
  box-shadow:
    0 0 0 6px rgba(106,88,230,.045),
    0 7px 18px rgba(46,37,110,.07)!important;
  z-index:5!important;
}

.transform-flow-chevron{
  position:relative!important;
  display:block!important;
  width:9px!important;
  height:9px!important;
  border-top:2px solid #6650ee!important;
  border-right:2px solid #6650ee!important;
  transform:rotate(45deg) translate(-1px,1px)!important;
}

.transform-flow-end::before{
  content:""!important;
  position:absolute!important;
  left:-9px!important;
  top:50%!important;
  width:9px!important;
  height:1px!important;
  background:#c5d51d!important;
  transform:translateY(-50%)!important;
}

/* Keep the destination visually clean: no extra pseudo connector. */
.refined-nl-card::before{
  content:none!important;
}

@media(max-width:900px){
  .transform-flow-line-refined{
    left:54%!important;
    width:65px!important;
  }
  .transform-flow-end{
    left:calc(54% + 57px)!important;
    width:28px!important;
    height:28px!important;
  }
}

/* ==========================================================
   v5.15.2 — FINISH-LINE POLISH
   - Removes redundant capability section
   - Renumbers the landing-page story 01 → 07
   - Rebuilds final CTA around Nello
   ========================================================== */

/* Growth Tools now follows value comparison directly. Give the transition
   a little more breathing room instead of relying on the removed section. */
.growth-showcase{
  border-top:1px solid rgba(17,19,25,.12)!important;
}

/* ----------------------------------------------------------
   FINAL CTA — Nello-led closing scene
   ---------------------------------------------------------- */
.final-polished{
  position:relative!important;
  overflow:hidden!important;
  min-height:620px!important;
  padding:82px 5vw 72px!important;
  background:
    radial-gradient(circle at 78% 48%, rgba(91,68,244,.22), transparent 26%),
    #0f1219!important;
  color:#fff!important;
  text-align:left!important;
}
.final-polished::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:1px!important;
  background:rgba(255,255,255,.13)!important;
}
.final-polished-inner{
  position:relative!important;
  z-index:2!important;
  width:min(1640px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(470px,.82fr)!important;
  gap:72px!important;
  align-items:center!important;
}
.final-polished-copy{
  max-width:920px!important;
}
.final-polished-kicker{
  display:block!important;
  margin-bottom:22px!important;
  color:#7668ff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}
.final-polished h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(58px,6.1vw,108px)!important;
  line-height:.85!important;
  letter-spacing:-.065em!important;
}
.final-polished h2 em{
  display:block!important;
  margin-top:12px!important;
  color:#f09ac7!important;
  font-family:Georgia,serif!important;
  font-weight:400!important;
  font-style:italic!important;
  font-size:.76em!important;
  line-height:.92!important;
}
.final-polished-copy>p{
  max-width:720px!important;
  margin:28px 0 0!important;
  color:#c7ccd6!important;
  font-size:17px!important;
  line-height:1.6!important;
}
.final-polished-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:30px!important;
}
.final-polished-actions a{
  display:inline-flex!important;
  min-height:54px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 22px!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.final-polished-primary{
  background:#dfff35!important;
  border:1px solid #dfff35!important;
  color:#111319!important;
  box-shadow:5px 5px 0 #6651f2!important;
}
.final-polished-secondary{
  background:transparent!important;
  border:1px solid rgba(255,255,255,.38)!important;
  color:#fff!important;
}
.final-polished-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:24px!important;
  color:#858d9a!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
}
.final-polished-meta i{
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  background:#dfff35!important;
}

/* Nello stage */
.final-nello-stage{
  position:relative!important;
  min-height:475px!important;
  display:grid!important;
  place-items:center!important;
  isolation:isolate!important;
}
.final-nello-stage img{
  position:relative!important;
  z-index:6!important;
  width:min(300px,56%)!important;
  height:auto!important;
  filter:drop-shadow(0 26px 30px rgba(0,0,0,.32))!important;
  animation:finalNelloFloat 4.6s ease-in-out infinite!important;
}
@keyframes finalNelloFloat{
  0%,100%{transform:translateY(0) rotate(-1deg)}
  50%{transform:translateY(-15px) rotate(1deg)}
}
.final-nello-glow{
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  top:50%!important;
  width:330px!important;
  height:330px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(95,69,244,.43),rgba(95,69,244,.12) 44%,transparent 70%)!important;
  filter:blur(4px)!important;
}
.final-orbit{
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:50%!important;
}
.orbit-one{
  width:390px!important;
  height:390px!important;
}
.orbit-two{
  width:470px!important;
  height:470px!important;
  border-style:dashed!important;
  border-color:rgba(223,255,53,.16)!important;
}
.final-nello-shadow{
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  bottom:57px!important;
  width:155px!important;
  height:18px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.46)!important;
  filter:blur(10px)!important;
}
.final-nello-bubble{
  position:absolute!important;
  z-index:8!important;
  left:4%!important;
  top:15%!important;
  width:250px!important;
  padding:18px 20px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:#f5f0e6!important;
  color:#111319!important;
  box-shadow:8px 8px 0 #dfff35!important;
}
.final-nello-bubble::after{
  content:""!important;
  position:absolute!important;
  right:-14px!important;
  bottom:22px!important;
  width:26px!important;
  height:26px!important;
  background:#f5f0e6!important;
  border-top:1px solid rgba(17,19,25,.15)!important;
  border-right:1px solid rgba(17,19,25,.15)!important;
  transform:rotate(45deg)!important;
}
.final-nello-bubble small,
.final-nello-bubble strong,
.final-nello-bubble span{
  display:block!important;
}
.final-nello-bubble small{
  color:#6650ef!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  margin-bottom:7px!important;
}
.final-nello-bubble strong{
  font-size:18px!important;
  line-height:1.15!important;
}
.final-nello-bubble span{
  margin-top:7px!important;
  color:#646b76!important;
  font-size:11px!important;
}
.final-journey-chip{
  position:absolute!important;
  z-index:7!important;
  right:4%!important;
  bottom:17%!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:11px 15px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(17,19,25,.78)!important;
  backdrop-filter:blur(10px)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.final-journey-chip i{
  color:#dfff35!important;
  font-style:normal!important;
}

@media(prefers-reduced-motion:reduce){
  .final-nello-stage img{animation:none!important}
}
@media(max-width:1050px){
  .final-polished-inner{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .final-nello-stage{
    min-height:430px!important;
  }
}
@media(max-width:650px){
  .final-polished{
    min-height:auto!important;
    padding:64px 18px 50px!important;
  }
  .final-polished h2{
    font-size:52px!important;
  }
  .final-polished-copy>p{
    font-size:15px!important;
  }
  .final-nello-stage{
    min-height:390px!important;
  }
  .final-nello-stage img{
    width:180px!important;
  }
  .orbit-one{
    width:270px!important;
    height:270px!important;
  }
  .orbit-two{
    width:330px!important;
    height:330px!important;
  }
  .final-nello-glow{
    width:250px!important;
    height:250px!important;
  }
  .final-nello-bubble{
    left:0!important;
    top:7%!important;
    width:205px!important;
  }
  .final-journey-chip{
    right:0!important;
    bottom:10%!important;
  }
}

/* ==========================================================
   v5.15.3 — SERVICE-BUSINESS SECTION REVAMP
   Editorial capability board; removes repetitive 7-card flow.
   ========================================================== */
.service-workflow-v2{padding:92px 5vw 86px!important;background:#f4efe4!important;color:#111319!important}
.service-v2-inner{width:min(1640px,100%)!important;margin:0 auto!important;display:grid!important;grid-template-columns:.72fr 1.28fr!important;gap:72px!important;align-items:start!important}
.service-v2-intro>span{display:block!important;color:#5e4cf0!important;font-size:10px!important;font-weight:900!important;letter-spacing:.14em!important;margin-bottom:38px!important}
.service-v2-intro h2{margin:0!important;font-size:clamp(58px,5.4vw,92px)!important;line-height:.88!important;letter-spacing:-.065em!important}
.service-v2-intro h2 em{display:inline-block!important;color:#e68fbd!important;font-family:Georgia,serif!important;font-weight:400!important;font-style:italic!important}
.service-v2-intro>p{max-width:520px!important;margin:34px 0 30px!important;color:#4e5560!important;font-size:16px!important;line-height:1.65!important}
.service-v2-types{display:flex!important;flex-wrap:wrap!important;gap:8px!important;max-width:560px!important}
.service-v2-types span{padding:9px 12px!important;border:1px solid #c7c8cb!important;background:rgba(255,255,255,.5)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.04em!important}
.service-v2-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;border:1px solid #c6c8cd!important;background:#fff!important}
.service-v2-grid article{min-height:205px!important;padding:30px 28px!important;display:flex!important;gap:18px!important;align-items:flex-start!important;border-right:1px solid #d8d9dc!important;border-bottom:1px solid #d8d9dc!important}
.service-v2-grid article:nth-child(3n){border-right:0!important}.service-v2-grid article:nth-child(n+4){border-bottom:0!important}
.service-v2-grid b{display:block!important;margin:3px 0 9px!important;font-size:17px!important;line-height:1.15!important}.service-v2-grid p{margin:0!important;color:#555d68!important;font-size:12px!important;line-height:1.55!important}
.service-icon{position:relative!important;flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:50%!important;background:#f0edff!important;color:#5a43ef!important}
.service-icon:before,.service-icon:after{content:""!important;position:absolute!important;box-sizing:border-box!important}
.service-icon-chat:before{left:11px!important;top:12px!important;width:20px!important;height:14px!important;border:2px solid currentColor!important;border-radius:7px!important}.service-icon-chat:after{left:14px!important;top:24px!important;width:7px!important;height:7px!important;border-left:2px solid currentColor!important;transform:skew(-30deg)!important}
.service-icon-calendar:before{left:10px!important;top:11px!important;width:22px!important;height:21px!important;border:2px solid currentColor!important;border-radius:3px!important}.service-icon-calendar:after{left:10px!important;top:16px!important;width:22px!important;border-top:2px solid currentColor!important;box-shadow:6px 7px 0 -5px currentColor,14px 7px 0 -5px currentColor!important}
.service-icon-customer:before{left:15px!important;top:9px!important;width:12px!important;height:12px!important;border:2px solid currentColor!important;border-radius:50%!important}.service-icon-customer:after{left:10px!important;top:23px!important;width:22px!important;height:10px!important;border:2px solid currentColor!important;border-radius:12px 12px 4px 4px!important}
.service-icon-reminder:before{left:10px!important;top:10px!important;width:22px!important;height:22px!important;border:2px solid currentColor!important;border-radius:50%!important}.service-icon-reminder:after{left:20px!important;top:14px!important;width:7px!important;height:8px!important;border-left:2px solid currentColor!important;border-bottom:2px solid currentColor!important}
.service-icon-team:before{left:8px!important;top:12px!important;width:10px!important;height:10px!important;border:2px solid currentColor!important;border-radius:50%!important;box-shadow:16px 0 0 -2px #f0edff,16px 0 0 0 currentColor!important}.service-icon-team:after{left:5px!important;top:25px!important;width:32px!important;height:8px!important;border:2px solid currentColor!important;border-radius:10px 10px 3px 3px!important}
.service-icon-handoff:before{left:9px!important;top:13px!important;width:18px!important;height:13px!important;border:2px solid currentColor!important;border-radius:6px!important}.service-icon-handoff:after{right:8px!important;bottom:10px!important;width:12px!important;height:8px!important;border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;transform:skew(-25deg)!important}
.service-v2-journey{grid-column:1/-1!important;margin-top:-28px!important;min-height:68px!important;padding:0 24px!important;border:1px solid #c6c8cd!important;background:#fff!important;display:flex!important;align-items:center!important;gap:18px!important}.service-v2-journey strong{margin-right:auto!important;color:#5e4cf0!important;font-size:10px!important;letter-spacing:.12em!important}.service-v2-journey span{font-size:11px!important;font-weight:800!important}.service-v2-journey i{width:44px!important;height:1px!important;background:#a9aeb6!important;position:relative!important}.service-v2-journey i:after{content:""!important;position:absolute!important;right:-1px!important;top:-3px!important;width:6px!important;height:6px!important;border-top:1px solid #5e4cf0!important;border-right:1px solid #5e4cf0!important;transform:rotate(45deg)!important}
@media(max-width:1100px){.service-v2-inner{grid-template-columns:1fr!important;gap:38px!important}.service-v2-grid{grid-template-columns:repeat(2,1fr)!important}.service-v2-grid article{border-right:1px solid #d8d9dc!important;border-bottom:1px solid #d8d9dc!important}.service-v2-grid article:nth-child(2n){border-right:0!important}.service-v2-grid article:nth-child(n+5){border-bottom:0!important}.service-v2-journey{margin-top:-8px!important}}
@media(max-width:650px){.service-workflow-v2{padding:68px 18px!important}.service-v2-intro>span{margin-bottom:24px!important}.service-v2-intro h2{font-size:50px!important}.service-v2-grid{grid-template-columns:1fr!important}.service-v2-grid article{min-height:auto!important;border-right:0!important;border-bottom:1px solid #d8d9dc!important}.service-v2-grid article:last-child{border-bottom:0!important}.service-v2-journey{align-items:flex-start!important;flex-wrap:wrap!important;padding:18px!important;gap:10px!important}.service-v2-journey strong{width:100%!important;margin-bottom:5px!important}.service-v2-journey i{width:18px!important}}

/* ==========================================================
   v5.15.4 — ROUND-EDGE CONSISTENCY + SECTION 04/05 POLISH
   Book-a-Call icon intentionally unchanged.
   ========================================================== */

/* Rounded visual language across the major marketing UI. */
.growth-feature,
.growth-compact-row,
.growth-compact-row article,
.service-v2-grid,
.service-v2-grid article,
.service-v2-journey,
.ref-journey-card,
.refined-tools-card,
.refined-nl-card,
.refined-bottom-strip,
.plan-card,
.final-nello-bubble,
.final-journey-chip,
.real-dashboard-shell,
.real-chat-overlay,
.real-focus-card,
.real-glance>div,
.real-needs-card,
.real-latest-card{
  border-radius:14px!important;
}
.growth-feature,
.service-v2-grid article,
.refined-tools-card,
.refined-nl-card,
.refined-bottom-strip,
.plan-card{overflow:hidden!important}

/* 04 / GROWTH TOOLS — editorial intro + three soft rounded modules. */
.growth-showcase{
  display:grid!important;
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr)!important;
  grid-template-areas:
    "head features"
    ". compact"
    ". note"!important;
  gap:26px 46px!important;
  align-items:start!important;
  padding:78px 4vw 72px!important;
  background:#f5f0e6!important;
}
.growth-showcase-head{grid-area:head!important;align-self:start!important;padding:4px 0 0!important}
.growth-showcase-head h2{
  margin:0!important;
  font-size:clamp(54px,5vw,86px)!important;
  line-height:.88!important;
  letter-spacing:-.06em!important;
}
.growth-showcase-head h2 em{
  display:block!important;
  margin-top:8px!important;
  color:#6552f0!important;
  font-family:Georgia,serif!important;
  font-weight:400!important;
  font-style:italic!important;
  line-height:.92!important;
}
.growth-showcase-head p{
  max-width:520px!important;
  margin:26px 0 0!important;
  color:#555d68!important;
  font-size:15px!important;
  line-height:1.65!important;
}
.growth-feature-grid{
  grid-area:features!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
.growth-feature{
  min-height:310px!important;
  padding:28px 26px 24px!important;
  background:#fff!important;
  border:1px solid #dedfe4!important;
  box-shadow:0 10px 28px rgba(31,35,44,.055)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.growth-feature:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 16px 34px rgba(31,35,44,.08)!important;
  border-color:#cfc9ff!important;
}
.growth-feature-primary{
  background:linear-gradient(180deg,#fbfaff,#fff)!important;
  border:1.5px solid #6751f1!important;
  box-shadow:0 12px 30px rgba(86,66,225,.09)!important;
}
.growth-icon{
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  margin-bottom:44px!important;
  border-radius:13px!important;
  background:#f0edff!important;
  color:#5b43ef!important;
  border:0!important;
  font-size:21px!important;
}
.growth-feature-primary .growth-icon{
  border-radius:50%!important;
  color:#fff!important;
  background:linear-gradient(145deg,#6e58fa,#4f35e7)!important;
}
.growth-feature small{
  display:block!important;
  color:#5e4cf0!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  margin-bottom:7px!important;
}
.growth-feature h3{
  margin:0 0 13px!important;
  font-size:24px!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
}
.growth-feature p{
  margin:0!important;
  color:#555d68!important;
  font-size:13px!important;
  line-height:1.58!important;
}
.growth-feature b{
  display:inline-flex!important;
  margin-top:25px!important;
  padding:7px 9px!important;
  border-radius:7px!important;
  background:#f1efff!important;
  color:#5a43ef!important;
  font-size:8px!important;
  letter-spacing:.08em!important;
}
.growth-compact-row{
  grid-area:compact!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  border:1px solid #dedfe4!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(31,35,44,.045)!important;
}
.growth-compact-row article{
  min-height:78px!important;
  padding:17px 22px!important;
  border:0!important;
  border-right:1px solid #e7e8ec!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  background:transparent!important;
}
.growth-compact-row article:last-child{border-right:0!important}
.growth-compact-row article>i{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border-radius:50%!important;
  background:#f0edff!important;
  color:#5b43ef!important;
  font-style:normal!important;
  font-size:13px!important;
}
.growth-compact-row small{
  color:#5e4cf0!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}
.growth-compact-row b{
  display:block!important;
  margin-top:3px!important;
  color:#181b22!important;
  font-size:12px!important;
}
.growth-note{
  grid-area:note!important;
  margin:0!important;
  color:#777e88!important;
  font-size:11px!important;
}

/* 05 / BUILT FOR SERVICE BUSINESSES — rounded connected capability board. */
.service-workflow-v2{
  padding:68px 3vw 76px!important;
  background:#f5f0e6!important;
}
.service-v2-inner{
  width:min(1740px,100%)!important;
  margin:0 auto!important;
  padding:34px!important;
  display:grid!important;
  grid-template-columns:.72fr 1.5fr .92fr!important;
  gap:26px!important;
  align-items:stretch!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid #e2e0dc!important;
  border-radius:22px!important;
  box-shadow:0 16px 40px rgba(31,35,44,.055)!important;
}
.service-v2-intro{padding:10px 12px 8px 0!important}
.service-v2-intro>span{margin-bottom:24px!important}
.service-v2-intro h2{font-size:clamp(52px,4.7vw,78px)!important}
.service-v2-intro>p{margin:26px 0 24px!important;font-size:15px!important}
.service-v2-types{gap:8px!important}
.service-v2-types span{
  padding:9px 12px!important;
  border:1px solid #dedfe4!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(31,35,44,.025)!important;
}
.service-v2-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:14px!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.service-v2-grid article{
  min-height:170px!important;
  padding:24px 22px!important;
  border:1px solid #dedfe4!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(31,35,44,.04)!important;
}
.service-v2-grid article:nth-child(n){
  border-right:1px solid #dedfe4!important;
  border-bottom:1px solid #dedfe4!important;
}
.service-v2-grid b{font-size:15px!important}
.service-v2-grid p{font-size:11px!important}
.service-icon{
  flex-basis:40px!important;
  width:40px!important;
  height:40px!important;
  border-radius:13px!important;
}

/* Section 05 right-side connected journey panel. */
.service-v2-journey{
  grid-column:auto!important;
  margin-top:0!important;
  min-height:100%!important;
  padding:24px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:18px!important;
  border:1px solid #e0dcff!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#faf9ff,#f2efff)!important;
}
.service-v2-journey>strong{
  margin:0!important;
  color:#5b43ef!important;
  font-size:11px!important;
  letter-spacing:0!important;
}
.service-journey-nodes{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:5px!important;
  margin-top:6px!important;
}
.service-journey-nodes>div{
  flex:1 1 0!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
  text-align:center!important;
}
.service-journey-nodes>b{
  color:#aaa1e9!important;
  font-size:12px!important;
  margin-top:17px!important;
  font-weight:500!important;
}
.service-journey-nodes span{
  color:#252934!important;
  font-size:8px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
.journey-node-icon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid #e2dfff!important;
  color:#5b43ef!important;
  box-shadow:0 4px 12px rgba(85,65,220,.05)!important;
}
.journey-node-icon::before{font-size:15px!important;line-height:1!important}
.journey-chat::before{content:"●"!important}
.journey-book::before{content:"▣"!important}
.journey-manage::before{content:"✓"!important}
.journey-team::before{content:"••"!important}
.journey-follow::before{content:"↻"!important}
.journey-retain::before{content:"▥"!important}
.service-v2-journey>p{
  margin:auto 0 0!important;
  padding-top:16px!important;
  border-top:1px solid #dedaf9!important;
  color:#5b43ef!important;
  font-size:12px!important;
  font-weight:800!important;
}

/* Broader corner consistency without changing content/feature behavior. */
.ref-journey-card,
.refined-tools-card,
.refined-nl-card,
.plan-card,
.pricing-choice-wrap,
.pricing-signal,
.final-polished-actions a,
.real-hero-actions a{
  border-radius:12px!important;
}
.refined-nl-header{border-radius:12px 12px 0 0!important}

@media(max-width:1250px){
  .growth-showcase{
    grid-template-columns:1fr!important;
    grid-template-areas:"head" "features" "compact" "note"!important;
  }
  .service-v2-inner{grid-template-columns:1fr!important}
  .service-v2-journey{min-height:auto!important}
}
@media(max-width:850px){
  .growth-feature-grid{grid-template-columns:1fr!important}
  .growth-feature{min-height:auto!important}
  .growth-compact-row{grid-template-columns:1fr!important}
  .growth-compact-row article{
    border-right:0!important;
    border-bottom:1px solid #e7e8ec!important;
  }
  .growth-compact-row article:last-child{border-bottom:0!important}
  .service-v2-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
  .growth-showcase{padding:58px 18px!important}
  .growth-showcase-head h2{font-size:49px!important}
  .service-workflow-v2{padding:48px 14px!important}
  .service-v2-inner{padding:20px!important;border-radius:17px!important}
  .service-v2-grid{grid-template-columns:1fr!important}
  .service-journey-nodes{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:14px!important;
  }
  .service-journey-nodes>b{display:none!important}
}

/* ==========================================================
   v5.15.5 — FINAL VISUAL POLISH
   Creative direction:
   - reduce empty space
   - restore clear hierarchy
   - use rounded editorial modules consistently
   - make 04 and 05 feel designed, not assembled
   ========================================================== */

/* ----------------------------------------------------------
   SECTION 04 — GROWTH TOOLS
   ---------------------------------------------------------- */
.growth-showcase{
  grid-template-columns:minmax(360px,.72fr) minmax(0,1.5fr)!important;
  gap:30px 54px!important;
  padding:74px 4.2vw 66px!important;
}

.growth-showcase-head{
  max-width:560px!important;
}

.growth-showcase-head h2{
  font-size:clamp(58px,5.1vw,88px)!important;
  line-height:.87!important;
}

.growth-showcase-head p{
  max-width:500px!important;
  margin-top:28px!important;
  font-size:15px!important;
  line-height:1.62!important;
}

.growth-feature-grid{
  gap:18px!important;
  align-items:stretch!important;
}

.growth-feature{
  position:relative!important;
  min-height:270px!important;
  padding:26px 26px 22px!important;
  border-radius:16px!important;
  display:flex!important;
  flex-direction:column!important;
}

.growth-feature-primary{
  background:linear-gradient(160deg,#f8f6ff 0%,#ffffff 72%)!important;
}

.growth-feature .growth-icon{
  margin:0 0 30px!important;
}

.growth-feature small{
  margin-bottom:8px!important;
}

.growth-feature h3,
.growth-feature-primary h3{
  color:#111319!important;
  font-size:23px!important;
  line-height:1.08!important;
  margin-bottom:12px!important;
}

.growth-feature p,
.growth-feature-primary p{
  color:#505865!important;
  font-size:13px!important;
  line-height:1.58!important;
}

.growth-feature b{
  margin-top:auto!important;
  align-self:flex-start!important;
  padding:7px 10px!important;
  border-radius:8px!important;
}

.growth-compact-row{
  border-radius:15px!important;
  overflow:hidden!important;
}

.growth-compact-row article{
  min-height:82px!important;
  padding:17px 20px!important;
}

.growth-note{
  padding-left:2px!important;
  font-size:11px!important;
  line-height:1.5!important;
}

/* ----------------------------------------------------------
   SECTION 05 — SERVICE BUSINESSES
   Editorial 2-column board + full-width journey rail.
   ---------------------------------------------------------- */
.service-workflow-v2{
  padding:64px 3vw 76px!important;
}

.service-v2-inner{
  width:min(1720px,100%)!important;
  padding:38px!important;
  grid-template-columns:minmax(300px,.66fr) minmax(0,1.62fr)!important;
  grid-template-rows:auto auto!important;
  gap:26px 34px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 18px 44px rgba(25,29,36,.06)!important;
}

.service-v2-intro{
  padding:10px 18px 6px 0!important;
  align-self:center!important;
}

.service-v2-intro>span{
  display:block!important;
  margin-bottom:24px!important;
  color:#5c49ef!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}

.service-v2-intro h2{
  margin:0!important;
  font-size:clamp(58px,5.1vw,84px)!important;
  line-height:.84!important;
  letter-spacing:-.06em!important;
}

.service-v2-intro h2 em{
  display:block!important;
  margin-top:12px!important;
  color:#e992bf!important;
  font-family:Georgia,serif!important;
  font-style:italic!important;
  font-weight:400!important;
  font-size:.82em!important;
  line-height:.92!important;
}

.service-v2-intro>p{
  max-width:430px!important;
  margin:28px 0 24px!important;
  color:#555d68!important;
  font-size:15px!important;
  line-height:1.62!important;
}

.service-v2-types{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

.service-v2-types span{
  padding:8px 11px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid #dedfe4!important;
  font-size:9px!important;
  font-weight:800!important;
}

/* Capability cards: compact, readable, no giant empty zones */
.service-v2-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-self:stretch!important;
}

.service-v2-grid article{
  min-height:150px!important;
  padding:22px 20px!important;
  border-radius:16px!important;
  display:grid!important;
  grid-template-columns:44px 1fr!important;
  gap:14px!important;
  align-content:start!important;
  align-items:start!important;
  background:linear-gradient(180deg,#fff,#fdfdfd)!important;
  box-shadow:0 7px 20px rgba(25,29,36,.04)!important;
}

.service-icon{
  width:42px!important;
  height:42px!important;
  flex-basis:42px!important;
  border-radius:13px!important;
  background:#f0edff!important;
}

.service-v2-grid b{
  display:block!important;
  color:#151820!important;
  font-size:16px!important;
  line-height:1.12!important;
  margin:2px 0 8px!important;
}

.service-v2-grid p{
  margin:0!important;
  color:#59616d!important;
  font-size:11px!important;
  line-height:1.52!important;
}

/* Journey rail — full width, not squeezed into a tall empty side panel */
.service-v2-journey{
  grid-column:1/-1!important;
  grid-row:2!important;
  min-height:0!important;
  margin-top:4px!important;
  padding:20px 24px 18px!important;
  border-radius:16px!important;
  background:linear-gradient(100deg,#f8f6ff 0%,#fff 50%,#f8f6ff 100%)!important;
  display:grid!important;
  grid-template-columns:230px 1fr!important;
  grid-template-rows:auto auto!important;
  column-gap:28px!important;
  row-gap:13px!important;
  align-items:center!important;
}

.service-v2-journey>strong{
  grid-column:1!important;
  grid-row:1!important;
  font-size:10px!important;
  letter-spacing:.09em!important;
  align-self:start!important;
}

.service-journey-nodes{
  grid-column:2!important;
  grid-row:1/3!important;
  display:grid!important;
  grid-template-columns:repeat(11,auto)!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
  margin:0!important;
}

.service-journey-nodes>div{
  min-width:76px!important;
  gap:7px!important;
}

.service-journey-nodes>b{
  margin:0!important;
  color:#8c80eb!important;
  font-size:15px!important;
}

.service-journey-nodes span{
  font-size:8px!important;
  line-height:1.18!important;
  white-space:normal!important;
}

.journey-node-icon{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  background:#fff!important;
  border:1px solid #ddd9ff!important;
}

.service-v2-journey>p{
  grid-column:1!important;
  grid-row:2!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:#5b43ef!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.45!important;
}

/* A little more consistent rounding where old sharp boxes remain visible */
.growth-showcase .growth-feature,
.growth-showcase .growth-compact-row,
.service-workflow-v2 .service-v2-inner,
.service-workflow-v2 .service-v2-grid article,
.service-workflow-v2 .service-v2-journey,
.pricing-choice-wrap,
.plan-card,
.refined-nl-card,
.refined-tools-card,
.refined-bottom-strip{
  border-radius:16px!important;
}

/* Tablet */
@media(max-width:1250px){
  .service-v2-inner{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }
  .service-v2-intro{
    max-width:680px!important;
  }
  .service-v2-journey{
    grid-column:1!important;
    grid-row:auto!important;
  }
}

/* Small tablet */
@media(max-width:900px){
  .service-v2-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .service-v2-journey{
    display:block!important;
  }
  .service-v2-journey>strong{
    display:block!important;
    margin-bottom:18px!important;
  }
  .service-journey-nodes{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:14px!important;
  }
  .service-journey-nodes>b{
    display:none!important;
  }
  .service-v2-journey>p{
    margin-top:18px!important;
    padding-top:14px!important;
    border-top:1px solid #ddd9ff!important;
  }
}

/* Mobile */
@media(max-width:620px){
  .service-v2-inner{
    padding:22px!important;
  }
  .service-v2-grid{
    grid-template-columns:1fr!important;
  }
  .service-v2-grid article{
    min-height:auto!important;
  }
  .service-v2-intro h2{
    font-size:52px!important;
  }
}

/* ==========================================================
   v5.15.6 — SECTION 05 FINAL POLISH
   Tightens capability cards and upgrades journey rail.
   ========================================================== */
.service-workflow-v2{padding:58px 3vw 70px!important}
.service-v2-inner{
  padding:34px 36px!important;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.58fr)!important;
  gap:24px 32px!important;
  border-radius:24px!important
}
.service-v2-intro{align-self:start!important;padding-top:8px!important}
.service-v2-intro h2{
  font-size:clamp(56px,4.8vw,80px)!important;
  line-height:.86!important
}
.service-v2-intro>p{
  max-width:420px!important;
  margin:24px 0 22px!important;
  font-size:15px!important;
  line-height:1.6!important
}
.service-v2-grid{gap:12px!important}
.service-v2-grid article{
  min-height:122px!important;
  padding:18px!important;
  grid-template-columns:42px 1fr!important;
  gap:13px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fff 0%,#fcfcfd 100%)!important;
  box-shadow:0 6px 18px rgba(25,29,36,.035)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important
}
.service-v2-grid article:hover{
  transform:translateY(-2px)!important;
  border-color:#cdc7ff!important;
  box-shadow:0 10px 22px rgba(52,42,130,.06)!important
}
.service-icon{
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#f3f0ff,#ebe6ff)!important
}
.service-v2-grid b{font-size:15px!important;margin:1px 0 6px!important}
.service-v2-grid p{font-size:10.5px!important;line-height:1.48!important}

/* Connected journey: larger readable infographic rail */
.service-v2-journey{
  padding:20px 22px!important;
  grid-template-columns:215px 1fr!important;
  column-gap:24px!important;
  row-gap:10px!important;
  border-radius:15px!important;
  background:linear-gradient(100deg,rgba(247,245,255,.98),rgba(255,255,255,.98) 52%,rgba(247,245,255,.98))!important;
  box-shadow:inset 0 0 0 1px rgba(101,82,240,.02)!important
}
.service-v2-journey>strong{font-size:10px!important;letter-spacing:.1em!important}
.service-v2-journey>p{max-width:190px!important;font-size:11px!important;line-height:1.4!important}
.service-journey-nodes{
  grid-template-columns:repeat(11,minmax(0,auto))!important;
  gap:8px!important
}
.service-journey-nodes>div{min-width:82px!important;gap:8px!important}
.service-journey-nodes>b{
  font-size:18px!important;
  color:#8f83eb!important;
  transform:translateY(-8px)!important
}
.service-journey-nodes span{
  max-width:76px!important;
  font-size:8.5px!important;
  line-height:1.2!important;
  color:#20242c!important
}
.journey-node-icon{
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid #ddd8ff!important;
  box-shadow:0 5px 14px rgba(73,57,188,.055)!important
}
.journey-node-icon::before{font-size:16px!important}

@media(min-width:1251px){
  .service-v2-grid{align-self:start!important}
}
@media(max-width:900px){
  .service-v2-journey{padding:18px!important}
  .service-journey-nodes{
    grid-template-columns:repeat(3,1fr)!important;
    gap:16px 12px!important
  }
  .service-journey-nodes>div{min-width:0!important}
  .service-journey-nodes>b{display:none!important}
}

/* ==========================================================
   v5.15.7 — SECTION 05 DESIGN LOCK
   Approved final composition from the visual reference.
   ========================================================== */

/* Top capability board: compact, premium, evenly weighted. */
.service-workflow-v2{
  padding:58px 2.8vw 74px!important;
}
.service-v2-inner{
  width:min(1720px,100%)!important;
  padding:38px 42px 0!important;
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.72fr)!important;
  grid-template-rows:auto auto!important;
  gap:28px 40px!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid #e2e0dc!important;
  box-shadow:0 18px 46px rgba(25,29,36,.07)!important;
  overflow:visible!important;
}
.service-v2-intro{
  padding:8px 18px 24px 0!important;
}
.service-v2-intro h2{
  font-size:clamp(58px,4.8vw,84px)!important;
  line-height:.86!important;
}
.service-v2-intro h2 em{
  margin-top:10px!important;
}
.service-v2-intro>p{
  max-width:430px!important;
  margin:26px 0 24px!important;
  font-size:15px!important;
  line-height:1.62!important;
}
.service-v2-types{
  max-width:440px!important;
}
.service-v2-types span{
  position:relative!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid #dedfe5!important;
  box-shadow:0 3px 12px rgba(33,37,45,.025)!important;
}

/* Six capability cards */
.service-v2-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-self:start!important;
}
.service-v2-grid article{
  min-height:168px!important;
  padding:24px 22px!important;
  grid-template-columns:46px 1fr!important;
  gap:15px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff 0%,#fdfdfd 100%)!important;
  border:1px solid #e0e1e6!important;
  box-shadow:0 7px 20px rgba(25,29,36,.035)!important;
}
.service-icon{
  width:44px!important;
  height:44px!important;
  flex-basis:44px!important;
  border-radius:13px!important;
}
.service-v2-grid b{
  font-size:16px!important;
  line-height:1.15!important;
  margin:3px 0 8px!important;
}
.service-v2-grid p{
  max-width:250px!important;
  font-size:11px!important;
  line-height:1.53!important;
}

/* Journey is deliberately a separate full-width panel below the board. */
.service-v2-journey.journey-final{
  grid-column:1/-1!important;
  margin:0 -42px!important;
  padding:42px!important;
  border-radius:0 0 24px 24px!important;
  border:0!important;
  border-top:1px solid #e2ddff!important;
  background:
    radial-gradient(circle at 54% 18%,rgba(107,82,244,.06),transparent 28%),
    linear-gradient(105deg,#fbfaff 0%,#f8f6ff 48%,#fbfaff 100%)!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:38px!important;
  align-items:center!important;
}

/* Intro at the left of the journey */
.journey-final-intro strong{
  display:block!important;
  margin-bottom:26px!important;
  color:#5c49ef!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}
.journey-final-intro h3{
  margin:0!important;
  color:#161920!important;
  font-size:25px!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
}
.journey-final-intro h3 em{
  color:#5c49ef!important;
  font-style:normal!important;
  font-weight:800!important;
}

/* Journey flow */
.journey-final-flow{
  position:relative!important;
  display:grid!important;
  grid-template-columns:
    minmax(108px,1fr) 34px
    minmax(108px,1fr) 34px
    minmax(108px,1fr) 34px
    minmax(108px,1fr) 34px
    minmax(108px,1fr) 34px
    minmax(108px,1fr)!important;
  gap:4px!important;
  align-items:start!important;
}
.journey-final-flow::before{
  content:""!important;
  position:absolute!important;
  left:6%!important;
  right:6%!important;
  top:37px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,#d8d2ff 7%,#d8d2ff 93%,transparent)!important;
  z-index:0!important;
}
.journey-final-step{
  position:relative!important;
  z-index:2!important;
  text-align:center!important;
}
.journey-final-icon{
  position:relative!important;
  width:72px!important;
  height:72px!important;
  margin:0 auto 21px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid #e1ddff!important;
  box-shadow:
    0 8px 22px rgba(77,58,191,.08),
    0 0 0 7px rgba(255,255,255,.5)!important;
}
.journey-final-number{
  position:absolute!important;
  top:55px!important;
  left:calc(50% + 22px)!important;
  min-width:26px!important;
  height:26px!important;
  padding:0 6px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#5d46f1!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
  box-shadow:0 4px 10px rgba(66,45,190,.18)!important;
}
.journey-final-step h4{
  margin:0 0 12px!important;
  color:#151820!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.journey-final-step p{
  margin:0 auto!important;
  max-width:130px!important;
  color:#5e6570!important;
  font-size:10px!important;
  line-height:1.5!important;
}
.journey-final-arrow{
  position:relative!important;
  z-index:3!important;
  width:28px!important;
  height:28px!important;
  margin:23px auto 0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid #ddd7ff!important;
  color:#5d46f1!important;
  font-size:24px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:400!important;
  box-shadow:0 4px 10px rgba(71,54,180,.05)!important;
}

/* Simple line icons, drawn in CSS so there are no external assets. */
.journey-final-icon::before,
.journey-final-icon::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  box-sizing:border-box!important;
}

/* chat */
.journey-final-chat::before{
  width:29px!important;height:22px!important;
  border:3px solid #5d46f1!important;border-radius:12px!important;
}
.journey-final-chat::after{
  width:9px!important;height:9px!important;
  border-left:3px solid #5d46f1!important;
  border-bottom:3px solid #5d46f1!important;
  transform:translate(-12px,7px) skew(-18deg)!important;
}

/* calendar */
.journey-final-book::before{
  width:29px!important;height:27px!important;
  border:3px solid #5d46f1!important;border-radius:4px!important;
}
.journey-final-book::after{
  width:23px!important;height:3px!important;
  background:#5d46f1!important;
  box-shadow:-7px -7px 0 -1px #5d46f1,7px -7px 0 -1px #5d46f1!important;
  transform:translate(-50%,-6px)!important;
}

/* manage/check */
.journey-final-manage::before{
  width:29px!important;height:29px!important;
  border:3px solid #5d46f1!important;border-radius:7px!important;
}
.journey-final-manage::after{
  width:15px!important;height:8px!important;
  border-left:3px solid #5d46f1!important;
  border-bottom:3px solid #5d46f1!important;
  transform:translate(-50%,-62%) rotate(-45deg)!important;
}

/* team */
.journey-final-team::before{
  width:16px!important;height:16px!important;
  border:3px solid #5d46f1!important;border-radius:50%!important;
  box-shadow:16px 2px 0 -3px #fff,16px 2px 0 0 #5d46f1!important;
  transform:translate(-14px,-13px)!important;
}
.journey-final-team::after{
  width:34px!important;height:17px!important;
  border:3px solid #5d46f1!important;
  border-radius:17px 17px 6px 6px!important;
  transform:translate(-50%,5px)!important;
}

/* reminder bell */
.journey-final-follow::before{
  width:25px!important;height:27px!important;
  border:3px solid #5d46f1!important;
  border-radius:14px 14px 7px 7px!important;
  border-bottom-width:2px!important;
}
.journey-final-follow::after{
  width:8px!important;height:5px!important;
  border-bottom:3px solid #5d46f1!important;
  border-radius:0 0 8px 8px!important;
  transform:translate(-50%,15px)!important;
}

/* analytics */
.journey-final-retain::before{
  width:5px!important;height:17px!important;
  border:3px solid #5d46f1!important;
  border-top:0!important;
  box-shadow:10px -6px 0 -1px #fff,10px -6px 0 2px #5d46f1,20px -13px 0 -1px #fff,20px -13px 0 2px #5d46f1!important;
  transform:translate(-14px,7px)!important;
}
.journey-final-retain::after{
  width:32px!important;height:3px!important;
  background:#5d46f1!important;
  transform:translate(-50%,14px)!important;
}

/* Hide obsolete v5.15.4/5.15.6 journey styles for this new structure. */
.journey-final .service-journey-nodes,
.journey-final>p{
  display:none!important;
}

/* Responsive */
@media(max-width:1280px){
  .service-v2-inner{
    grid-template-columns:1fr!important;
  }
  .service-v2-intro{
    max-width:720px!important;
  }
  .service-v2-journey.journey-final{
    grid-template-columns:1fr!important;
    margin:0 -42px!important;
  }
  .journey-final-intro{
    max-width:520px!important;
  }
}
@media(max-width:980px){
  .service-v2-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .journey-final-flow{
    grid-template-columns:repeat(3,1fr)!important;
    gap:28px 18px!important;
  }
  .journey-final-flow::before,
  .journey-final-arrow{
    display:none!important;
  }
}
@media(max-width:640px){
  .service-v2-inner{
    padding:24px 20px 0!important;
    border-radius:18px!important;
  }
  .service-v2-grid{
    grid-template-columns:1fr!important;
  }
  .service-v2-grid article{
    min-height:auto!important;
  }
  .service-v2-journey.journey-final{
    margin:0 -20px!important;
    padding:30px 20px!important;
    border-radius:0 0 18px 18px!important;
  }
  .journey-final-flow{
    grid-template-columns:1fr 1fr!important;
  }
  .journey-final-step p{
    max-width:150px!important;
  }
}

/* ==========================================================
   v5.15.8 — SECTION 05 REFERENCE MATCH
   Approved reference: two separate rounded panels.
   ========================================================== */

.service-workflow-v2{
  padding:64px 22px 78px!important;
  background:#f5f0e6!important;
  overflow:visible!important;
}

/* PANEL 1 */
.service-v2-top-panel{
  width:min(1620px,calc(100% - 24px))!important;
  margin:0 auto 20px!important;
  padding:44px 42px 38px!important;
  display:grid!important;
  grid-template-columns:minmax(350px,.72fr) minmax(0,1.65fr)!important;
  gap:38px 48px!important;
  align-items:start!important;
  background:#fff!important;
  border:1px solid #dfdfdf!important;
  border-radius:24px!important;
  box-shadow:0 16px 38px rgba(25,29,36,.075)!important;
}
.service-v2-intro{padding:10px 0 0!important}
.service-v2-intro>span{
  display:block!important;
  margin-bottom:26px!important;
  color:#5946ef!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.13em!important
}
.service-v2-intro h2{
  margin:0!important;
  max-width:460px!important;
  font-size:clamp(58px,4.5vw,82px)!important;
  line-height:.86!important;
  letter-spacing:-.06em!important;
  color:#111319!important
}
.service-v2-intro h2 em{
  display:block!important;
  margin-top:11px!important;
  color:#e993bf!important;
  font-family:Georgia,serif!important;
  font-weight:400!important;
  font-style:italic!important;
  font-size:.78em!important;
  line-height:.94!important
}
.service-v2-intro>p{
  max-width:450px!important;
  margin:28px 0 26px!important;
  color:#555c68!important;
  font-size:15px!important;
  line-height:1.62!important
}
.service-v2-types{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.service-v2-types span{
  padding:10px 15px!important;
  background:#fff!important;
  border:1px solid #dfe1e5!important;
  border-radius:999px!important;
  color:#20242c!important;
  font-size:10px!important;
  font-weight:800!important;
  box-shadow:0 3px 10px rgba(25,29,36,.025)!important
}
.service-v2-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  background:transparent!important;
  border:0!important;
  overflow:visible!important
}
.service-v2-grid article{
  min-height:178px!important;
  padding:26px 24px!important;
  display:grid!important;
  grid-template-columns:48px 1fr!important;
  gap:16px!important;
  align-content:start!important;
  background:linear-gradient(180deg,#fff 0%,#fefefe 100%)!important;
  border:1px solid #dfe1e5!important;
  border-radius:16px!important;
  box-shadow:0 6px 20px rgba(25,29,36,.035)!important
}
.service-icon{
  width:46px!important;height:46px!important;flex:0 0 46px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#f3f0ff,#ebe7ff)!important
}
.service-v2-grid b{
  display:block!important;margin:4px 0 9px!important;
  color:#14171e!important;font-size:16px!important;line-height:1.14!important
}
.service-v2-grid p{
  margin:0!important;max-width:260px!important;
  color:#565e69!important;font-size:11px!important;line-height:1.55!important
}

/* PANEL 2 */
.service-v2-journey.journey-reference-match{
  width:min(1620px,calc(100% - 24px))!important;
  margin:0 auto!important;
  padding:46px 42px 48px!important;
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:46px!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 55% 30%,rgba(99,75,239,.055),transparent 34%),
    linear-gradient(100deg,#faf9ff 0%,#f7f5ff 48%,#fbfaff 100%)!important;
  border:1px solid #ddd8ff!important;
  border-radius:24px!important;
  box-shadow:0 14px 34px rgba(58,43,150,.055)!important
}
.journey-final-intro{align-self:start!important;padding-top:4px!important}
.journey-final-intro strong{
  display:block!important;margin-bottom:28px!important;
  color:#5a46ef!important;font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important
}
.journey-final-intro h3{
  margin:0!important;color:#171a21!important;
  font-size:27px!important;line-height:1.12!important;letter-spacing:-.04em!important
}
.journey-final-intro h3 em{color:#5946ef!important;font-style:normal!important;font-weight:800!important}
.journey-final-flow{
  position:relative!important;
  display:grid!important;
  grid-template-columns:
    minmax(112px,1fr) 34px
    minmax(112px,1fr) 34px
    minmax(112px,1fr) 34px
    minmax(112px,1fr) 34px
    minmax(112px,1fr) 34px
    minmax(112px,1fr)!important;
  gap:7px!important;align-items:start!important
}
.journey-final-flow::before{
  content:""!important;position:absolute!important;
  left:5%!important;right:5%!important;top:42px!important;height:1px!important;
  background:linear-gradient(90deg,transparent,#d7d2ff 8%,#d7d2ff 92%,transparent)!important;
  z-index:0!important
}
.journey-final-step{position:relative!important;z-index:2!important;text-align:center!important}
.journey-final-icon{
  width:78px!important;height:78px!important;margin:0 auto 24px!important;
  border-radius:50%!important;background:#fff!important;border:1px solid #dfdbff!important;
  box-shadow:0 9px 22px rgba(77,58,191,.09),0 0 0 8px rgba(255,255,255,.52)!important
}
.journey-final-number{
  position:absolute!important;top:60px!important;left:calc(50% + 24px)!important;
  min-width:27px!important;height:27px!important;padding:0 6px!important;
  display:grid!important;place-items:center!important;border-radius:999px!important;
  background:#5b45ef!important;color:#fff!important;font-size:9px!important;line-height:1!important;
  font-weight:900!important;box-shadow:0 4px 10px rgba(66,45,190,.18)!important
}
.journey-final-step h4{
  margin:0 0 14px!important;color:#161920!important;font-size:14px!important;line-height:1.2!important
}
.journey-final-step p{
  max-width:145px!important;margin:0 auto!important;
  color:#5d6570!important;font-size:10.5px!important;line-height:1.55!important
}
.journey-final-arrow{
  position:relative!important;z-index:3!important;
  width:30px!important;height:30px!important;margin:27px auto 0!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
  background:#fff!important;border:1px solid #ddd7ff!important;color:#5b45ef!important;
  font-size:25px!important;line-height:1!important;font-style:normal!important;
  box-shadow:0 4px 10px rgba(71,54,180,.05)!important
}

/* Keep current CSS-drawn icons, but scale them to reference */
.journey-final-chat::before{width:31px!important;height:23px!important}
.journey-final-book::before{width:31px!important;height:29px!important}
.journey-final-manage::before{width:31px!important;height:31px!important}
.journey-final-follow::before{width:27px!important;height:29px!important}

@media(max-width:1280px){
  .service-v2-top-panel{grid-template-columns:1fr!important}
  .service-v2-intro{max-width:700px!important}
  .service-v2-journey.journey-reference-match{grid-template-columns:1fr!important}
  .journey-final-intro{max-width:520px!important}
}
@media(max-width:980px){
  .service-v2-grid{grid-template-columns:1fr 1fr!important}
  .journey-final-flow{grid-template-columns:repeat(3,1fr)!important;gap:28px 18px!important}
  .journey-final-flow::before,.journey-final-arrow{display:none!important}
}
@media(max-width:640px){
  .service-workflow-v2{padding:44px 12px 60px!important}
  .service-v2-top-panel,.service-v2-journey.journey-reference-match{width:100%!important;border-radius:18px!important}
  .service-v2-top-panel{padding:26px 20px!important}
  .service-v2-grid{grid-template-columns:1fr!important}
  .service-v2-grid article{min-height:auto!important}
  .service-v2-journey.journey-reference-match{padding:30px 20px!important}
  .journey-final-flow{grid-template-columns:1fr 1fr!important}
}

/* ==========================================================
   v5.15.9 — SERVICE BUSINESS PILL ICONS
   Match the approved visual blueprint more closely.
   ========================================================== */

.service-v2-types .service-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 13px!important;
}

.service-v2-types .service-pill>i{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  color:#5b45ef!important;
  font-style:normal!important;
}

/* Aircon — snowflake */
.service-pill-aircon>i::before{
  content:"✣"!important;
  font-size:16px!important;
  line-height:1!important;
}

/* Cleaning — simple spray bottle */
.service-pill-cleaning>i::before{
  content:""!important;
  position:absolute!important;
  width:8px!important;
  height:11px!important;
  left:5px!important;
  top:5px!important;
  border:2px solid #5b45ef!important;
  border-radius:2px 2px 3px 3px!important;
  box-sizing:border-box!important;
}
.service-pill-cleaning>i::after{
  content:""!important;
  position:absolute!important;
  width:8px!important;
  height:4px!important;
  left:5px!important;
  top:1px!important;
  border-top:2px solid #5b45ef!important;
  border-left:2px solid #5b45ef!important;
  transform:skewX(-22deg)!important;
}

/* Plumbing — droplet */
.service-pill-plumbing>i::before{
  content:""!important;
  position:absolute!important;
  width:10px!important;
  height:13px!important;
  left:4px!important;
  top:2px!important;
  border:2px solid #5b45ef!important;
  border-radius:55% 55% 65% 65%!important;
  transform:rotate(45deg)!important;
  box-sizing:border-box!important;
}

/* Electrical — bolt */
.service-pill-electrical>i::before{
  content:"ϟ"!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
}

/* Home services — house outline */
.service-pill-home>i::before{
  content:""!important;
  position:absolute!important;
  width:11px!important;
  height:9px!important;
  left:4px!important;
  top:7px!important;
  border:2px solid #5b45ef!important;
  border-top:0!important;
  border-radius:1px!important;
  box-sizing:border-box!important;
}
.service-pill-home>i::after{
  content:""!important;
  position:absolute!important;
  width:10px!important;
  height:10px!important;
  left:4px!important;
  top:3px!important;
  border-left:2px solid #5b45ef!important;
  border-top:2px solid #5b45ef!important;
  transform:rotate(45deg)!important;
  border-radius:1px!important;
}

/* ==========================================================
   v5.16.0 — MOBILE FIX FOR 03 / WHY ALL-IN-ONE MATTERS
   Prevent horizontal overflow / clipping on narrow screens.
   ========================================================== */

@media(max-width: 760px){

  /* Main comparison section becomes a clean vertical stack */
  .refined-value,
  .value-compare,
  .why-all-in-one,
  .refined-value-inner{
    overflow:visible!important;
  }

  .refined-value-inner,
  .value-compare-inner,
  .why-all-in-one-inner{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding-left:18px!important;
    padding-right:18px!important;
    box-sizing:border-box!important;
  }

  /* Left editorial intro */
  .refined-value-copy,
  .value-compare-copy,
  .why-all-in-one-copy{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 26px!important;
    padding:0!important;
  }

  .refined-value-copy h2,
  .value-compare-copy h2,
  .why-all-in-one-copy h2{
    font-size:clamp(42px,12vw,58px)!important;
    line-height:.9!important;
    letter-spacing:-.05em!important;
  }

  .refined-value-copy p,
  .value-compare-copy p,
  .why-all-in-one-copy p{
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.55!important;
  }

  /* Force comparison visual into one column */
  .refined-value-compare,
  .value-compare-grid,
  .why-all-in-one-grid{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  /* Left "other way" card */
  .refined-tools-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    transform:none!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
  }

  /* Center connector / convergence visual */
  .refined-bridge,
  .refined-connector,
  .refined-value-bridge{
    width:100%!important;
    min-height:72px!important;
    margin:0!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  /* Hide decorative dashed lines that cause overflow */
  .refined-bridge::before,
  .refined-bridge::after,
  .refined-connector::before,
  .refined-connector::after,
  .refined-value-bridge::before,
  .refined-value-bridge::after{
    display:none!important;
  }

  /* Right NL Chatbot Pro value card */
  .refined-nl-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    transform:none!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
  }

  /* Keep all children inside viewport */
  .refined-tools-card *,
  .refined-nl-card *,
  .refined-bottom-strip *{
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Bottom statement strip */
  .refined-bottom-strip{
    width:100%!important;
    max-width:100%!important;
    margin:18px 0 0!important;
    padding:16px!important;
    display:block!important;
    box-sizing:border-box!important;
  }

  /* Avoid long labels pushing wider than viewport */
  .refined-tools-card .tool-row,
  .refined-tools-card li,
  .refined-nl-card li{
    min-width:0!important;
    white-space:normal!important;
  }
}

/* Extra-small phones */
@media(max-width: 430px){
  .refined-value-inner,
  .value-compare-inner,
  .why-all-in-one-inner{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .refined-tools-card,
  .refined-nl-card{
    border-radius:14px!important;
  }

  .refined-nl-card{
    font-size:14px!important;
  }
}

/* ==========================================================
   v5.18.1 — FINAL MOBILE FIX: 03 / WHERE ENQUIRIES GET LOST
   Hardens the real refined-* DOM against grid min-content
   overflow. Desktop/tablet layout is unchanged.
   ========================================================== */
@media (max-width: 760px){
  .refined-value{
    width:100%!important;
    max-width:100%!important;
    padding:52px 20px 30px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .refined-value-inner{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    gap:20px!important;
    align-items:stretch!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  .refined-value-inner > *{
    grid-column:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  .refined-copy{
    padding:0!important;
  }
  .refined-copy h2{
    font-size:clamp(42px,11.8vw,54px)!important;
    line-height:.94!important;
    overflow-wrap:anywhere!important;
  }
  .refined-copy p{
    font-size:15px!important;
    line-height:1.55!important;
  }
  .refined-rule{
    width:min(235px,72%)!important;
  }

  /* The desktop convergence artwork is decorative; on a phone
     it adds height and can create a min-content overflow track. */
  .refined-transform{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  .refined-tools-card,
  .refined-nl-card{
    position:static!important;
    inset:auto!important;
    float:none!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .refined-tools-head{
    padding:18px 14px!important;
  }
  .refined-tool-row{
    grid-template-columns:34px minmax(0,1fr)!important;
    padding:9px 14px!important;
  }
  .refined-tool-row > span:last-child{
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .refined-nl-header{
    padding:0 18px!important;
  }
  .refined-nl-body{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .refined-feature-list{
    width:100%!important;
    min-width:0!important;
    padding:20px 18px!important;
    border-right:0!important;
    border-bottom:1px solid #e3e6eb!important;
    box-sizing:border-box!important;
  }
  .refined-feature{
    grid-template-columns:35px minmax(0,1fr)!important;
  }
  .refined-feature > div{
    min-width:0!important;
  }
  .refined-feature strong,
  .refined-feature small{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .refined-price{
    width:100%!important;
    min-width:0!important;
    padding:24px 18px!important;
    box-sizing:border-box!important;
  }
  .refined-price > strong{
    font-size:52px!important;
  }

  .refined-bottom-strip{
    grid-column:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:16px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:12px!important;
    box-sizing:border-box!important;
  }
  .refined-bottom-strip strong{
    min-width:0!important;
    font-size:16px!important;
    line-height:1.35!important;
    white-space:normal!important;
  }
  .refined-bottom-strip i,
  .refined-bottom-strip > span:last-child{
    display:none!important;
  }
}

@media (max-width: 430px){
  .refined-value{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .refined-kicker{
    font-size:12px!important;
    margin-bottom:18px!important;
  }
  .refined-copy h2{
    font-size:clamp(40px,11.5vw,48px)!important;
  }
  .refined-tools-card,
  .refined-nl-card,
  .refined-bottom-strip{
    border-radius:14px!important;
  }
}

/* ==========================================================
   v5.18.2 — PRICING BADGE CLIP FIX
   Keep the paid-plan badge fully visible inside the card.
   ========================================================== */
.plan-paid{
  overflow:hidden!important;
}
.plan-paid .popular-tag{
  top:0!important;
  right:20px!important;
  border-radius:0 0 8px 8px!important;
  padding:9px 12px!important;
  z-index:4!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.plan-paid header{
  padding-top:8px!important;
}

@media(max-width:700px){
  .plan-paid .popular-tag{
    right:14px!important;
    font-size:7px!important;
    padding:8px 10px!important;
  }
}

/* v5.20.0 — Growth Tools Entry Map */
.growth-showcase-v2{grid-template-columns:minmax(360px,.68fr) minmax(0,1.52fr)!important;grid-template-areas:"head map"!important;gap:54px!important;padding:74px 4.2vw 70px!important}
.growth-showcase-v2 .growth-showcase-head{grid-area:head!important}.growth-entry-map{grid-area:map!important;min-width:0!important;position:relative!important}
.growth-entry-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.growth-entry-card{min-height:254px!important;padding:24px!important;border:1px solid #dedfe4!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#fdfdfd)!important;box-shadow:0 12px 28px rgba(31,35,44,.05)!important;transition:.22s ease!important}
.growth-entry-card:hover{transform:translateY(-3px)!important;border-color:#cbc5ff!important;box-shadow:0 17px 36px rgba(31,35,44,.08)!important}
.growth-entry-card--featured{border:1.5px solid #6751f1!important;background:linear-gradient(150deg,#f8f6ff,#fff 70%)!important}
.growth-entry-icon{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;margin-bottom:26px!important;border-radius:13px!important;color:#5b43ef!important;background:#f0edff!important;font-size:20px!important;font-weight:800!important}.growth-entry-card--featured .growth-entry-icon{border-radius:50%!important;color:#fff!important;background:linear-gradient(145deg,#6e58fa,#4f35e7)!important}
.growth-entry-card small,.growth-secondary-grid small,.growth-journey-destination small{display:block!important;color:#5e4cf0!important;font-size:8px!important;font-weight:900!important;letter-spacing:.12em!important}
.growth-entry-card h3{margin:8px 0 10px!important;color:#111319!important;font-size:22px!important;line-height:1.08!important;letter-spacing:-.025em!important}.growth-entry-card p{margin:0!important;color:#505865!important;font-size:12.5px!important;line-height:1.55!important}
.growth-entry-card b{display:inline-flex!important;margin-top:18px!important;padding:7px 9px!important;border-radius:8px!important;background:#f1efff!important;color:#5a43ef!important;font-size:8px!important}
.growth-converge{height:62px!important;position:relative!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;align-items:end!important;margin:0 24px!important}.growth-converge>span{height:31px!important;border-left:1px solid #a79cff!important;border-bottom:1px solid #a79cff!important;opacity:.75!important}.growth-converge>span:first-child{border-radius:0 0 0 18px!important}.growth-converge>span:nth-child(2){border-left:0!important}.growth-converge>span:last-child{border-left:0!important;border-right:1px solid #a79cff!important;border-radius:0 0 18px 0!important}
.growth-converge>strong{position:absolute!important;left:50%!important;bottom:-13px!important;transform:translateX(-50%)!important;z-index:2!important;padding:7px 12px!important;border:1px solid #111319!important;border-radius:999px!important;background:#dfff32!important;color:#111319!important;font-size:8px!important;font-weight:950!important;letter-spacing:.1em!important;white-space:nowrap!important}.growth-converge>i{position:absolute!important;left:50%!important;bottom:-39px!important;width:1px!important;height:27px!important;background:#8e80ff!important}
.growth-secondary-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:30px!important;overflow:hidden!important;border:1px solid #dedfe4!important;border-radius:16px!important;background:#fff!important;box-shadow:0 9px 24px rgba(31,35,44,.045)!important}.growth-secondary-grid article{min-height:78px!important;padding:17px 18px!important;display:flex!important;align-items:center!important;gap:12px!important;border-right:1px solid #e7e8ec!important}.growth-secondary-grid article:last-child{border-right:0!important}.growth-secondary-grid article>i{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:50%!important;background:#f0edff!important;color:#5b43ef!important;font-style:normal!important;font-size:12px!important}.growth-secondary-grid b{display:block!important;margin-top:4px!important;color:#181b22!important;font-size:11.5px!important}
.growth-journey-destination{display:grid!important;grid-template-columns:44px 1fr auto!important;align-items:center!important;gap:14px!important;margin-top:16px!important;padding:17px 20px!important;border:1px solid #cfc9ff!important;border-radius:16px!important;background:linear-gradient(90deg,#f8f6ff,#fff 78%)!important;box-shadow:0 12px 30px rgba(86,66,225,.07)!important}.growth-journey-mark{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#5b43ef!important;color:#fff!important}.growth-journey-mark span{font-size:11px!important;font-weight:950!important}.growth-journey-destination strong{display:block!important;margin-top:4px!important;color:#151820!important;font-size:15px!important;line-height:1.25!important}.growth-journey-arrow{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#111319!important;color:#dfff32!important;font-size:18px!important}.growth-showcase-v2 .growth-note{margin:13px 2px 0!important;color:#777e88!important;font-size:10px!important}
@media(max-width:1250px){.growth-showcase-v2{grid-template-columns:1fr!important;grid-template-areas:"head" "map"!important}.growth-showcase-v2 .growth-showcase-head{max-width:700px!important}}
@media(max-width:850px){.growth-entry-grid{grid-template-columns:1fr!important}.growth-entry-card{min-height:auto!important}.growth-converge{height:44px!important;display:block!important;margin:0!important}.growth-converge>span{display:none!important}.growth-converge>strong{bottom:8px!important}.growth-converge>i{bottom:-20px!important;height:29px!important}.growth-secondary-grid{grid-template-columns:1fr!important;margin-top:18px!important}.growth-secondary-grid article{min-height:68px!important;border-right:0!important;border-bottom:1px solid #e7e8ec!important}.growth-secondary-grid article:last-child{border-bottom:0!important}.growth-journey-destination{grid-template-columns:42px 1fr!important;margin-top:14px!important}.growth-journey-arrow{display:none!important}}
@media(max-width:600px){.growth-showcase-v2{padding:58px 18px 54px!important;gap:30px!important}.growth-entry-card{padding:20px!important;border-radius:15px!important}.growth-entry-icon{margin-bottom:20px!important}.growth-entry-card h3{font-size:21px!important}.growth-journey-destination{padding:16px!important}.growth-journey-destination strong{font-size:13px!important}}


/* ==========================================================
   v5.21.0 — FINAL RESPONSIVE QA + SERVICE BUSINESS POLISH
   ========================================================== */

/* 02 / THE SOLUTION — keep every connector visible and centred. */
.ref-journey-grid > .ref-arrow{
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
}
.ref-journey-grid > .ref-arrow::before{
  top:50%!important;
  transform:translateY(-50%)!important;
}
.ref-journey-grid > .ref-arrow span{
  flex:0 0 44px!important;
  margin:0 auto!important;
}
@media(max-width:900px){
  .ref-journey-grid > .ref-arrow,
  .ref-journey-grid > .ref-arrow:nth-of-type(4),
  .ref-journey-grid > .ref-arrow:nth-of-type(5){
    display:flex!important;
    grid-column:auto!important;
    width:100%!important;
    min-height:42px!important;
    height:42px!important;
  }
  .ref-journey-grid > .ref-arrow::before{display:none!important}
  .ref-journey-grid > .ref-arrow span{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    margin:auto!important;
    transform:rotate(90deg)!important;
  }
}

/* 04 / GROWTH TOOLS — defensive reset against retired card systems. */
.growth-showcase-v2 > *,
.growth-entry-map > *,
.growth-entry-grid > *,
.growth-secondary-grid > *{
  min-width:0!important;
  box-sizing:border-box!important;
}
.growth-showcase-v2 .growth-entry-card{
  display:block!important;
  overflow:hidden!important;
}
.growth-showcase-v2 .growth-entry-card small,
.growth-showcase-v2 .growth-entry-card h3,
.growth-showcase-v2 .growth-entry-card p,
.growth-showcase-v2 .growth-entry-card b{
  position:relative!important;
  z-index:1!important;
}
@media(max-width:850px){
  .growth-showcase-v2{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .growth-entry-map,
  .growth-entry-grid,
  .growth-secondary-grid,
  .growth-journey-destination{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

/* 05 / BUILT FOR SERVICE BUSINESSES — premium capability matrix. */
.service-v2-grid{
  counter-reset:nlCapability!important;
  gap:14px!important;
  padding:10px!important;
  border:1px solid #ece9ff!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(91,67,239,.055),transparent 34%),
    linear-gradient(180deg,#fbfaff 0%,#fff 100%)!important;
}
.service-v2-grid article{
  counter-increment:nlCapability!important;
  position:relative!important;
  min-height:172px!important;
  padding:26px 24px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  align-content:center!important;
  overflow:hidden!important;
  border:1px solid #e1e2e8!important;
  border-radius:18px!important;
  background:linear-gradient(150deg,#fff 0%,#fefeff 70%,#faf9ff 100%)!important;
  box-shadow:0 10px 26px rgba(31,35,44,.045)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.service-v2-grid article::before{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  top:0!important;
  height:2px!important;
  border-radius:0 0 3px 3px!important;
  background:linear-gradient(90deg,#644bf0,rgba(100,75,240,.08))!important;
  opacity:.55!important;
}
.service-v2-grid article::after{
  content:"0" counter(nlCapability)!important;
  position:absolute!important;
  top:15px!important;
  right:17px!important;
  color:#7666ef!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  opacity:.72!important;
}
.service-v2-grid article:hover{
  transform:translateY(-3px)!important;
  border-color:#cbc5ff!important;
  box-shadow:0 18px 36px rgba(75,57,178,.085)!important;
}
.service-v2-grid article > div{
  min-width:0!important;
  align-self:center!important;
}
.service-icon{
  position:relative!important;
  align-self:center!important;
  justify-self:center!important;
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
  margin:0!important;
  border:1px solid #e4dfff!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.9),transparent 34%),
    linear-gradient(145deg,#f2efff,#e9e4ff)!important;
  color:#5a43ef!important;
  box-shadow:0 7px 18px rgba(91,67,239,.08)!important;
}
.service-icon-chat:before{left:15px!important;top:16px!important}
.service-icon-chat:after{left:18px!important;top:28px!important}
.service-icon-calendar:before{left:15px!important;top:15px!important}
.service-icon-calendar:after{left:15px!important;top:20px!important}
.service-icon-customer:before{left:20px!important;top:13px!important}
.service-icon-customer:after{left:15px!important;top:27px!important}
.service-icon-reminder:before{left:15px!important;top:15px!important}
.service-icon-reminder:after{left:25px!important;top:19px!important}
.service-icon-team:before{left:13px!important;top:16px!important}
.service-icon-team:after{left:10px!important;top:29px!important}
.service-icon-handoff:before{left:14px!important;top:17px!important}
.service-icon-handoff:after{right:13px!important;bottom:14px!important}
.service-v2-grid b{
  margin:0 0 9px!important;
  font-size:17px!important;
  line-height:1.15!important;
  letter-spacing:-.018em!important;
}
.service-v2-grid p{
  max-width:290px!important;
  font-size:11.5px!important;
  line-height:1.58!important;
}
.service-v2-top-panel{
  border-color:#dedee5!important;
  box-shadow:0 22px 54px rgba(25,29,36,.075),0 1px 0 rgba(255,255,255,.9) inset!important;
}
.service-v2-intro h2 em{
  text-shadow:0 8px 28px rgba(233,147,191,.08)!important;
}
.service-v2-types .service-pill{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.service-v2-types .service-pill:hover{
  transform:translateY(-2px)!important;
  border-color:#cfc9ff!important;
  box-shadow:0 8px 18px rgba(91,67,239,.07)!important;
}
@media(max-width:980px){
  .service-v2-grid{padding:8px!important}
}
@media(max-width:640px){
  .service-v2-grid{
    grid-template-columns:1fr!important;
    padding:7px!important;
    border-radius:18px!important;
  }
  .service-v2-grid article{
    min-height:142px!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    padding:22px 20px!important;
    gap:16px!important;
    border-radius:15px!important;
  }
  .service-icon{
    width:50px!important;
    height:50px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .service-v2-grid article,
  .growth-entry-card{transition:none!important}
}


/* ==========================================================
   v5.22.0 — LAUNCH MICRO-POLISH
   Part 02 connector optical centring
   Part 03 cleaner connected-system bridge
   Part 04 shorter convergence rail
   ========================================================== */

/* 02 / THE SOLUTION — optical centre, not only mathematical centre. */
.ref-journey-grid > .ref-arrow{
  position:relative!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.ref-journey-grid > .ref-arrow span{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:auto!important;
  padding:0 0 2px 0!important;
  line-height:1!important;
  text-align:center!important;
  text-indent:0!important;
  transform:none!important;
}
@media(max-width:900px){
  .ref-journey-grid > .ref-arrow span{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    padding:0!important;
    transform:none!important;
    font-size:0!important;
  }
  .ref-journey-grid > .ref-arrow span::before{
    content:"↓"!important;
    display:block!important;
    font-size:18px!important;
    line-height:1!important;
    transform:translateY(-1px)!important;
  }
}

/* 03 / WHERE ENQUIRIES GET LOST — simplify the bridge.
   Many inputs converge into one hub, then one clean route into NL Chatbot Pro. */
.refined-transform{
  overflow:visible!important;
}
.transform-hub-clean{
  width:78px!important;
  height:78px!important;
  box-shadow:
    0 0 0 10px rgba(98,74,242,.085),
    0 0 0 23px rgba(98,74,242,.032),
    0 18px 38px rgba(72,54,190,.13)!important;
}
.transform-flow-line-refined{
  left:70%!important;
  width:86px!important;
  height:1.5px!important;
  background:linear-gradient(90deg,#6b55ef 0%,#8c7cf5 72%,#c9d927 100%)!important;
}
.transform-flow-label{
  position:absolute!important;
  left:calc(70% + 34px)!important;
  top:calc(50% - 27px)!important;
  z-index:6!important;
  padding:5px 7px!important;
  border:1px solid rgba(104,82,237,.18)!important;
  border-radius:999px!important;
  background:rgba(247,244,233,.96)!important;
  color:#6650ee!important;
  box-shadow:0 6px 14px rgba(46,37,110,.045)!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  white-space:nowrap!important;
}
/* Retire the old tiny round arrow endpoint if cached markup ever appears. */
.transform-flow-end{display:none!important}
@media(max-width:900px){
  .transform-hub-clean{width:66px!important;height:66px!important}
  .transform-flow-line-refined{left:55%!important;width:72px!important}
  .transform-flow-label{
    left:calc(55% + 23px)!important;
    top:calc(50% - 25px)!important;
    font-size:6.5px!important;
  }
}

/* 04 / GROWTH TOOLS — compact the convergence rail to the card group. */
.growth-converge{
  width:86%!important;
  max-width:980px!important;
  margin:0 auto!important;
}
.growth-converge>strong{
  box-shadow:0 5px 13px rgba(81,65,187,.08)!important;
}
@media(max-width:1250px){
  .growth-converge{width:90%!important}
}
@media(max-width:850px){
  .growth-converge{width:100%!important;margin:0!important}
}


/* ==========================================================
   v5.22.1 — PART 03 CONNECTOR HARD FIX
   Keep the convergence hub and bridge fully inside the dedicated
   middle column. No overlap with the NL Chatbot Pro card.
   ========================================================== */

.refined-transform{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

/* Align hub to the same 54% convergence point used by the SVG paths. */
.transform-hub-clean{
  left:54%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:5!important;
}

/* Retire the previous bridge/label rules completely. */
.transform-flow-line-refined,
.transform-flow-label{
  display:none!important;
}

/* One compact bridge living only inside the transform column. */
.transform-bridge-clean{
  position:absolute!important;
  left:calc(54% + 42px)!important;
  right:8px!important;
  top:50%!important;
  height:42px!important;
  transform:translateY(-50%)!important;
  z-index:4!important;
  pointer-events:none!important;
}

/* Short rule from the hub to the edge of the connector column. */
.transform-bridge-rule{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:50%!important;
  height:1px!important;
  transform:translateY(-50%)!important;
  background:linear-gradient(
    90deg,
    rgba(103,80,239,.85) 0%,
    rgba(133,115,245,.55) 62%,
    rgba(197,211,31,.72) 100%
  )!important;
}

/* Small editorial badge above the bridge instead of sitting on top of the card. */
.transform-bridge-label{
  position:absolute!important;
  left:50%!important;
  top:0!important;
  transform:translate(-50%,-54%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:20px!important;
  padding:4px 8px!important;
  border:1px solid rgba(103,80,239,.18)!important;
  border-radius:999px!important;
  background:#f7f4ed!important;
  color:#6650ee!important;
  box-shadow:0 5px 12px rgba(46,37,110,.04)!important;
  font-size:6.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}

/* Keep the hub visually dominant, but restrained. */
.transform-hub-clean{
  width:80px!important;
  height:80px!important;
  box-shadow:
    0 0 0 10px rgba(98,74,242,.08),
    0 0 0 20px rgba(98,74,242,.028),
    0 16px 34px rgba(72,54,190,.12)!important;
}

/* Tablet: keep the bridge compact instead of letting it push into the card. */
@media(max-width:1100px){
  .transform-hub-clean{
    left:52%!important;
    width:72px!important;
    height:72px!important;
  }
  .transform-bridge-clean{
    left:calc(52% + 38px)!important;
    right:6px!important;
  }
  .transform-bridge-label{
    font-size:6px!important;
    padding:4px 7px!important;
  }
}

/* Mobile / stacked comparison:
   the middle connector becomes a simple vertical transition. */
@media(max-width:900px){
  .refined-transform{
    min-height:145px!important;
    height:145px!important;
    overflow:hidden!important;
  }
  .transform-hub-clean{
    left:50%!important;
    top:50%!important;
    width:66px!important;
    height:66px!important;
  }
  .transform-bridge-clean{
    left:50%!important;
    right:auto!important;
    top:calc(50% + 36px)!important;
    width:1px!important;
    height:46px!important;
    transform:none!important;
  }
  .transform-bridge-rule{
    left:0!important;
    right:auto!important;
    top:0!important;
    width:1px!important;
    height:46px!important;
    transform:none!important;
    background:linear-gradient(180deg,#8c7cf5,#c9d927)!important;
  }
  .transform-bridge-label{
    display:none!important;
  }
}


/* ==========================================================
   v5.22.2 — PART 03 FINAL REFERENCE MATCH
   - Premium single-colour transfer arrow
   - 2 x 3 NL Chatbot Pro capability matrix
   ========================================================== */

/* Retire the temporary connector treatment completely. */
.transform-bridge-clean,
.transform-bridge-label,
.transform-bridge-rule{
  display:none!important;
}

/* Keep the convergence hub aligned to the incoming six paths. */
.transform-hub-clean{
  left:54%!important;
  width:80px!important;
  height:80px!important;
  z-index:5!important;
}

/* Clean editorial arrow: one brand-purple colour only. */
.transform-arrow-premium{
  position:absolute!important;
  left:calc(54% + 42px)!important;
  right:3px!important;
  top:50%!important;
  height:44px!important;
  transform:translateY(-50%)!important;
  z-index:4!important;
  pointer-events:none!important;
}
.transform-arrow-premium::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:10px!important;
  top:50%!important;
  height:2px!important;
  transform:translateY(-50%)!important;
  border-radius:999px!important;
  background:#6550ef!important;
  opacity:.92!important;
}
.transform-arrow-premium::after{
  content:""!important;
  position:absolute!important;
  right:1px!important;
  top:50%!important;
  width:14px!important;
  height:14px!important;
  border-top:2px solid #6550ef!important;
  border-right:2px solid #6550ef!important;
  transform:translateY(-50%) rotate(45deg)!important;
}
.transform-arrow-premium span{
  position:absolute!important;
  right:-1px!important;
  top:50%!important;
  width:32px!important;
  height:32px!important;
  border-radius:50%!important;
  transform:translateY(-50%)!important;
  background:rgba(101,80,239,.055)!important;
  box-shadow:
    0 0 0 7px rgba(101,80,239,.035),
    0 7px 18px rgba(76,58,183,.055)!important;
}

/* NL Chatbot Pro interior:
   preserve pricing panel while converting the six capabilities into
   the approved 2-column / 3-row infographic matrix. */
.refined-nl-body{
  grid-template-columns:minmax(0,1.55fr) minmax(270px,.82fr)!important;
}
.refined-feature-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(128px,1fr))!important;
  padding:18px 18px!important;
  gap:0!important;
  border-right:1px solid #e3e6eb!important;
  align-content:stretch!important;
}
.refined-feature{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  gap:8px!important;
  padding:20px 18px!important;
  min-width:0!important;
  border-bottom:1px solid #e6e8ee!important;
}
.refined-feature:nth-child(odd){
  border-right:1px solid #e6e8ee!important;
}
.refined-feature:nth-child(5),
.refined-feature:nth-child(6){
  border-bottom:0!important;
}
.refined-feature-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  margin:0 auto 4px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 35% 28%,#fff 0%,#f2efff 42%,#ece7ff 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(91,67,236,.045),
    0 7px 16px rgba(91,67,236,.06)!important;
}
.refined-feature > div{
  width:100%!important;
  min-width:0!important;
}
.refined-feature strong{
  max-width:165px!important;
  margin:0 auto 5px!important;
  font-size:15px!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
}
.refined-feature small{
  max-width:170px!important;
  margin:0 auto!important;
  font-size:10.5px!important;
  line-height:1.42!important;
  color:#68707b!important;
}

/* Pricing remains visually separate and vertically balanced with the matrix. */
.refined-price{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:30px 30px 26px!important;
}
.refined-price>strong{
  margin:18px 0 22px!important;
}
.refined-price ul{
  margin-bottom:25px!important;
}

/* Tablet: keep 2x3 as long as there is enough room. */
@media(max-width:1180px){
  .refined-feature-list{
    grid-template-rows:repeat(3,minmax(116px,1fr))!important;
    padding:14px!important;
  }
  .refined-feature{
    padding:16px 12px!important;
  }
  .refined-feature strong{font-size:13.5px!important}
  .refined-feature small{font-size:9.5px!important}
  .transform-hub-clean{
    left:52%!important;
    width:72px!important;
    height:72px!important;
  }
  .transform-arrow-premium{
    left:calc(52% + 38px)!important;
  }
}

/* Stacked mobile comparison: arrow becomes a simple downward brand-purple cue.
   Capability matrix becomes one clean column for readability. */
@media(max-width:900px){
  .transform-arrow-premium{
    left:50%!important;
    right:auto!important;
    top:calc(50% + 35px)!important;
    width:44px!important;
    height:48px!important;
    transform:translateX(-50%)!important;
  }
  .transform-arrow-premium::before{
    left:50%!important;
    right:auto!important;
    top:0!important;
    width:2px!important;
    height:34px!important;
    transform:translateX(-50%)!important;
    background:#6550ef!important;
  }
  .transform-arrow-premium::after{
    right:auto!important;
    left:50%!important;
    top:27px!important;
    width:12px!important;
    height:12px!important;
    transform:translateX(-50%) rotate(135deg)!important;
    border-color:#6550ef!important;
  }
  .transform-arrow-premium span{
    display:none!important;
  }

  .refined-feature-list{
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    padding:16px!important;
  }
  .refined-feature,
  .refined-feature:nth-child(odd),
  .refined-feature:nth-child(5){
    border-right:0!important;
    border-bottom:1px solid #e6e8ee!important;
  }
  .refined-feature:last-child{
    border-bottom:0!important;
  }
  .refined-feature{
    min-height:118px!important;
  }
}


/* ==========================================================
   v5.22.3 — PART 03 FEATURE ICON OPTICAL CENTRING
   The semantic glyphs were still using coordinates from the older
   28px icon container. The current circles are 42px, so each glyph
   is re-centred inside the larger circle without changing its shape.
   ========================================================== */

/* CHAT */
.refined-feature-icon.icon-chat::before{
  left:14px!important;
  top:14px!important;
}
.refined-feature-icon.icon-chat::after{
  left:15px!important;
  top:20px!important;
}

/* CALENDAR */
.refined-feature-icon.icon-calendar::before{
  left:14px!important;
  top:14px!important;
}
.refined-feature-icon.icon-calendar::after{
  left:17px!important;
  top:18px!important;
}

/* CUSTOMERS / CRM */
.refined-feature-icon.icon-customers::before{
  left:13px!important;
  top:13px!important;
}
.refined-feature-icon.icon-customers::after{
  left:11px!important;
  top:21px!important;
}

/* TEAM */
.refined-feature-icon.icon-team::before{
  left:17px!important;
  top:12px!important;
}
.refined-feature-icon.icon-team::after{
  left:15px!important;
  top:21px!important;
}

/* FOLLOW-UP / BELL */
.refined-feature-icon.icon-bell::before{
  left:14px!important;
  top:14px!important;
}
.refined-feature-icon.icon-bell::after{
  left:18px!important;
  top:25px!important;
}

/* ANALYTICS */
.refined-feature-icon.icon-analytics::before{
  left:13px!important;
  bottom:13px!important;
}

/* The circle itself should also be mathematically centred in every matrix cell. */
.refined-feature .refined-feature-icon{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  align-self:center!important;
  justify-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* ==========================================================
   v5.22.4 — GROWTH TOOLS CONNECTOR + NELLO DESTINATION POLISH
   - removes the floating MORE WAYS IN label rail
   - redraws a cleaner connector between primary and secondary tools
   - replaces the right-side arrow with Nello in the journey card
   ========================================================== */

.growth-converge{
  position:relative!important;
  width:calc(100% - 56px)!important;
  max-width:none!important;
  height:54px!important;
  margin:14px auto 12px!important;
  display:block!important;
}
.growth-converge>span{display:none!important}
.growth-converge::before{
  content:""!important;
  position:absolute!important;
  left:8%!important;
  right:8%!important;
  top:26px!important;
  height:1.5px!important;
  background:#aaa0ff!important;
  opacity:.95!important;
}
.growth-converge::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:0!important;
  bottom:-10px!important;
  width:1.5px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(180deg,#a698ff 0%,#8f81ff 65%,#8f81ff 100%)!important;
  opacity:.95!important;
}
.growth-converge .growth-converge-node,
.growth-converge strong,
.growth-converge i{display:none!important}

.growth-secondary-grid{
  position:relative!important;
  margin-top:0!important;
}

.growth-journey-destination{
  grid-template-columns:44px 1fr 68px!important;
  align-items:center!important;
}
.growth-journey-destination>div:nth-child(2){
  min-width:0!important;
}
.growth-journey-destination small{
  margin-bottom:5px!important;
}
.growth-journey-destination strong{
  max-width:760px!important;
}
.growth-journey-nello{
  width:56px!important;
  height:56px!important;
  justify-self:end!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.92),rgba(255,255,255,.06) 38%), linear-gradient(145deg,#6b55ef,#4c33e4)!important;
  box-shadow:0 12px 24px rgba(91,67,239,.18)!important;
  overflow:hidden!important;
}
.growth-journey-nello img{
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 6px 12px rgba(16,16,40,.18))!important;
}

@media(max-width:1200px){
  .growth-converge{width:calc(100% - 34px)!important}
}
@media(max-width:850px){
  .growth-converge{
    width:100%!important;
    height:40px!important;
    margin:8px 0 10px!important;
  }
  .growth-converge::before{
    left:10%!important;
    right:10%!important;
    top:18px!important;
  }
  .growth-converge::after{
    top:0!important;
    bottom:-8px!important;
  }
  .growth-journey-destination{
    grid-template-columns:42px 1fr 54px!important;
    gap:12px!important;
  }
  .growth-journey-nello{
    width:48px!important;
    height:48px!important;
    border-radius:15px!important;
  }
  .growth-journey-nello img{
    width:40px!important;
    height:40px!important;
  }
}
@media(max-width:600px){
  .growth-journey-destination{
    padding:14px!important;
    grid-template-columns:42px 1fr 50px!important;
  }
  .growth-journey-destination strong{
    font-size:12.5px!important;
    line-height:1.32!important;
  }
  .growth-journey-nello{
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
  }
  .growth-journey-nello img{
    width:36px!important;
    height:36px!important;
  }
}


/* ==========================================================
   v5.22.5 — GROWTH TOOLS CROSS REMOVAL
   Remove the decorative connector/cross between primary and
   secondary Growth Tools. Keep clean editorial spacing only.
   ========================================================== */
.growth-converge{display:none!important}
.growth-secondary-grid{margin-top:24px!important}
@media(max-width:850px){
  .growth-secondary-grid{margin-top:16px!important}
}