/*
Theme Name: Leadplai Speed to Lead
Description: Leadplai premium one-page with editable copy and secure GHL webhook.
Version: 1.2.0
Requires PHP: 7.4
Text Domain: leadplai
*/

:root{--bg:#f5f5f3;--ink:#1d1d1f;--muted:#6e6e73;--blue:#0071e3;--line:#dfdfdc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Geist",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1040px,calc(100% - 38px));margin:auto}nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{width:132px;max-height:46px;object-fit:contain}.btn{display:inline-flex;background:var(--blue);color:#fff;border-radius:999px;padding:13px 21px;font-size:14px;font-weight:650}.hero{text-align:center;padding:90px 0 115px}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);font-weight:750}h1{font-size:clamp(46px,6vw,76px);line-height:1.03;letter-spacing:-.06em;font-weight:650;margin:20px auto;max-width:850px}.hero p{font-size:20px;line-height:1.55;color:var(--muted);max-width:610px;margin:0 auto 28px}.hint{font-size:13px;color:#888;margin-top:20px}.hint b{display:block;font-size:20px;margin-top:7px;animation:bob 1.5s ease-in-out infinite}@keyframes bob{50%{transform:translateY(5px)}}
.story{padding-bottom:120px}.chapter{text-align:center;margin:0 auto 48px;max-width:650px}.chapter h2{font-size:clamp(35px,5vw,56px);letter-spacing:-.055em;line-height:1.08;margin:13px 0 10px}.chapter p{color:var(--muted);font-size:17px;line-height:1.55}
.stack{position:relative}.moment{position:sticky;top:22px;min-height:620px;margin-bottom:14vh;border:1px solid #e5e5e2;border-radius:30px;background:#fff;box-shadow:0 18px 65px #00000012;overflow:hidden;display:grid;transition:filter .25s ease,box-shadow .25s ease;grid-template-columns:.76fr 1.24fr;transform-origin:top center}.moment:nth-child(2){top:36px}.moment:nth-child(3){top:50px}.moment:nth-child(4){top:64px}.moment:nth-child(5){top:78px}.moment:nth-child(6){top:92px}.moment:nth-child(7){top:106px}.moment:nth-child(8){top:120px}.moment.is-past{filter:brightness(.965);box-shadow:0 8px 28px #0000000b}.moment.is-current{box-shadow:0 28px 90px #0000001a}.time{padding:55px;border-right:1px solid #ececea;display:flex;flex-direction:column;justify-content:center}.clock{font-size:clamp(62px,8vw,104px);letter-spacing:-.075em;font-weight:500;font-variant-numeric:tabular-nums;line-height:1}.colon{animation:blink 1s steps(1,end) infinite}@keyframes blink{50%{opacity:.18}}.when{font-size:12px;color:#85858a;margin-top:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.body{padding:55px;display:flex;flex-direction:column;justify-content:center}.num{font-size:12px;color:var(--blue);font-weight:750;text-transform:uppercase;letter-spacing:.08em}.body h3{font-size:clamp(30px,4vw,48px);letter-spacing:-.05em;line-height:1.08;margin:13px 0 15px;font-weight:630}.body>p{font-size:17px;color:var(--muted);line-height:1.6;max-width:510px}.visual{margin-top:22px;padding:19px;border-radius:19px;background:#f6f6f7;border:1px solid #e9e9e9;font-size:14px;line-height:1.55}.bubble{max-width:88%;padding:11px 14px;border-radius:17px;background:#e8e8ed;margin:8px 0}.bubble.blue{background:#dcecff;margin-left:auto}.late{color:#9b3d3d;font-weight:700}.good{color:#1d7b47;font-weight:700}.rewind{background:#1d1d1f;color:#fff;border-color:#1d1d1f}.rewind .time{border-color:#363638}.rewind .when,.rewind .body>p{color:#aaa}.rewind .num{color:#8bc2ff}.rewind .visual{background:#29292c;border-color:#3a3a3d}.rewindline{font-size:clamp(25px,4vw,42px);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.leadplai-card{background:#fbfdff}.final-card{background:#eef6ff}.final-card .clock{color:var(--blue)}
.explain{padding:80px 0}.explain-head{text-align:center;max-width:720px;margin:0 auto 48px}.explain h2,.founder h2,.cta h2{font-size:clamp(37px,5vw,58px);letter-spacing:-.055em;line-height:1.08;margin:14px 0 18px}.explain-head p,.founder p,.cta p{font-size:18px;line-height:1.65;color:var(--muted)}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mini{background:#fff;border:1px solid #e5e5e2;border-radius:20px;padding:29px}.mini small{color:var(--blue);font-weight:750}.mini h3{font-size:21px;margin:22px 0 8px}.mini p{font-size:15px;line-height:1.55;color:var(--muted);margin:0}.founder{padding:85px 0;display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;align-items:center}.founder img{width:100%;max-height:520px;object-fit:cover;object-position:center 28%;border-radius:26px}.founder strong{color:var(--ink)}.cta{text-align:center;background:#e9f2fc;border-radius:32px;padding:90px 25px;margin:55px auto 90px}.cta p{max-width:590px;margin:0 auto 27px}footer{border-top:1px solid var(--line);padding:25px 0 40px;color:#888;font-size:12px;display:flex;justify-content:space-between}
@media(max-width:720px){.hero{padding:55px 0 85px}.hero p{font-size:17px}.moment{min-height:610px;grid-template-columns:1fr;grid-template-rows:.36fr .64fr;margin-bottom:12vh}.moment:nth-child(n){top:10px}.time{padding:26px;border-right:0;border-bottom:1px solid #ececea}.clock{font-size:64px}.body{padding:27px}.body h3{font-size:31px}.body>p{font-size:15px}.visual{margin-top:14px;padding:15px}.three{grid-template-columns:1fr}.founder{grid-template-columns:1fr;gap:28px;padding:60px 0}.founder img{max-height:420px}.cta{padding:65px 20px}footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}


.rewind .clock{font-size:clamp(74px,10vw,130px);font-weight:350}
.rewind .body h3{font-size:clamp(42px,5.4vw,68px)}
.rewind .rewindline strong{color:#8bc2ff}
.moment .body,.moment .time{transition:transform .45s cubic-bezier(.2,.75,.25,1),opacity .4s ease}
.moment:not(.is-current):not(.is-past) .body{transform:translateY(20px);opacity:.82}
.moment:not(.is-current):not(.is-past) .time{transform:translateY(10px)}
.story-kicker{position:sticky;top:0;z-index:20;height:3px;background:#e3e3e3}
.story-kicker span{display:block;width:0;height:100%;background:#0071e3;transition:width .1s linear}


.story-v3 .premium{display:block;padding:0;min-height:650px}
.premium .card-top{height:74px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ececea;font-size:11px;letter-spacing:.09em;font-weight:750;color:#777}
.premium .card-top span:first-child{font-size:15px;letter-spacing:-.02em;color:#1d1d1f;font-variant-numeric:tabular-nums}
.center-stage,.silence-stage,.message-stage,.rewind-stage,.ready-stage,.monday-stage{min-height:575px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px}
.inbox-card{width:min(570px,90%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;text-align:left;padding:18px 20px;border:1px solid #e7e7e5;border-radius:20px;background:#fafafa;box-shadow:0 15px 45px #0000000a}
.avatar{width:45px;height:45px;border-radius:50%;background:#1d1d1f;color:#fff;display:grid;place-items:center;font-weight:700}.avatar.small{width:36px;height:36px}
.inbox-card div:nth-child(2){display:flex;flex-direction:column;gap:4px}.inbox-card small{color:#85858a}.inbox-card strong{font-size:16px}.arrow{font-size:20px;color:#0071e3}
.center-stage h3,.silence-stage h3,.choice-stage h3,.message-stage h3,.rewind-stage h3,.ready-stage h3,.monday-stage h3{font-size:clamp(35px,5vw,58px);line-height:1.06;letter-spacing:-.055em;margin:34px 0 0}.center-stage h3 em{font-style:normal;color:#0071e3}
.big-time{font-size:clamp(90px,14vw,155px);font-weight:450;letter-spacing:-.08em;font-variant-numeric:tabular-nums;line-height:.9}.silence-stage p,.message-stage p,.ready-stage p,.monday-stage p{font-size:18px;line-height:1.55;color:#777;margin:14px 0}
.waiting-line{width:min(460px,80%);height:2px;background:#e5e5e5;margin-top:45px;position:relative}.waiting-line span{position:absolute;left:0;top:0;width:72%;height:100%;background:#a9a9ad}.waiting-line b{position:absolute;right:0;top:-24px;font-size:11px;color:#999}
.choice-stage{min-height:575px;padding:60px;display:flex;flex-direction:column;justify-content:center}.choice-stage h3{text-align:center;margin:0 0 55px}.company-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;width:min(720px,100%);margin:auto}.company{padding:30px;border:1px solid #e3e3e1;border-radius:22px;display:flex;flex-direction:column;gap:10px}.company small{font-size:10px;letter-spacing:.09em;color:#8b8b8f}.company b{font-size:20px}.company span{font-size:13px;color:#8b8b8f}.company.faded{opacity:.42}.company.active{border-color:#cbdff4;background:#f7fbff}.move-arrow{font-size:27px;color:#aaa}
.phone-label{font-size:12px;color:#8a8a8d;margin-bottom:14px}.sms{padding:13px 16px;border-radius:19px;font-size:14px;line-height:1.45;text-align:left;max-width:88%}.incoming-sms{background:#e9e9ed;width:min(500px,90%);font-size:16px;padding:18px 20px}.message-stage p strong{color:#1d1d1f}
.rewind{background:#1d1d1f!important;color:#fff!important}.rewind-stage{min-height:650px}.rewind-kicker{font-size:11px;letter-spacing:.12em;color:#8bc2ff;font-weight:750}.rewind-times{display:flex;flex-direction:column;align-items:center;margin:28px 0 8px;font-variant-numeric:tabular-nums}.rewind-times span{font-size:23px;color:#777}.rewind-times i{font-style:normal;color:#555;line-height:1.5}.rewind-times strong{font-size:64px;letter-spacing:-.06em;color:#fff}.rewind-stage h3{margin-top:28px}
.conversation-stage{min-height:575px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.conversation{background:#f5f5f7;border-radius:28px;padding:18px;min-height:390px;display:flex;flex-direction:column;justify-content:flex-end}.contact-head{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 10px;text-align:left;margin:auto auto 30px 0}.contact-head .avatar{grid-row:1/3}.contact-head small{color:#999}.sms.lp{background:#0071e3;color:#fff;margin:7px 0 7px auto}.sms.customer{background:#e5e5ea;margin:7px auto 7px 0}.story-copy{text-align:left}.blue-label{font-size:11px;letter-spacing:.1em;color:#0071e3;font-weight:750}.story-copy h3{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.05em;margin:14px 0}
.qualify-grid{min-height:575px;padding:45px;display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.mini-chat{background:#f5f5f7;border-radius:25px;padding:20px;display:flex;flex-direction:column}.lead-profile{border:1px solid #dfe5eb;border-radius:25px;padding:24px;background:#fff;box-shadow:0 18px 50px #0000000b}.profile-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #eee}.profile-head div{display:flex;flex-direction:column}.profile-head small{font-size:9px;letter-spacing:.12em;color:#8b8b8f}.profile-head strong{font-size:21px}.pulse{width:12px;height:12px;background:#27a05c;border-radius:50%;box-shadow:0 0 0 6px #e5f5ec}.fact{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #f0f0ef}.fact span{font-size:9px;letter-spacing:.08em;color:#8a8a8d}.fact b{font-size:14px}.fact i{font-style:normal;color:#21864b}.fact.next{border:0;margin-top:7px;padding:16px;border-radius:15px;background:#eef6ff}.fact.next b,.fact.next i{color:#0071e3}
.ready-note{width:min(560px,95%);border:1px solid #dce5ee;background:#fff;border-radius:24px;padding:25px;text-align:left;box-shadow:0 18px 55px #0000000d}.ready-head{display:flex;gap:13px;align-items:center;padding-bottom:19px;border-bottom:1px solid #eee}.ready-head>span{font-size:27px}.ready-head div{display:flex;flex-direction:column}.ready-head small{font-size:9px;letter-spacing:.1em;color:#888}.ready-head strong{font-size:20px}.ready-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #f0f0ef;font-size:13px}.ready-row span{color:#888}.ready-action{margin-top:18px;background:#eef6ff;border-radius:16px;padding:17px;display:flex;flex-direction:column;gap:5px}.ready-action small{font-size:9px;letter-spacing:.1em;color:#6d8baa}.ready-action strong{color:#0071e3;font-size:17px}.ready-stage h3{font-size:32px;margin-top:30px}
.monday{background:#f7fbff!important}.monday-stage .day{font-size:11px;letter-spacing:.16em;color:#0071e3;font-weight:800;margin-bottom:25px}.monday-stage h3{font-size:clamp(46px,6vw,70px);margin-top:32px}.monday-stage p strong{color:#1d1d1f}
@media(max-width:720px){
.story-v3 .premium{min-height:590px}.premium .card-top{height:58px;padding:0 20px}.center-stage,.silence-stage,.message-stage,.rewind-stage,.ready-stage,.monday-stage{min-height:530px;padding:28px 20px}.choice-stage{min-height:530px;padding:35px 20px}.company-grid{grid-template-columns:1fr;gap:10px}.move-arrow{transform:rotate(90deg);text-align:center}.company{padding:18px}.conversation-stage,.qualify-grid{min-height:530px;padding:22px;grid-template-columns:1fr;gap:20px}.conversation{min-height:280px}.story-copy h3{font-size:30px}.mini-chat{display:none}.fact{grid-template-columns:75px 1fr auto}.rewind-times strong{font-size:54px}.big-time{font-size:88px}
}


.cine{position:relative;background:#f5f5f7}.cinebar{position:sticky;top:0;height:3px;z-index:80;background:#ddd}.cinebar i{display:block;height:100%;background:#0071e3;width:0}.screen{position:sticky;top:0;height:100vh;min-height:640px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,#fff 0,#f5f5f7 62%,#eee 100%);transition:.7s}.phase{position:absolute;top:34px;font:800 10px/1 Arial;letter-spacing:.16em;color:#888}.clock{position:absolute;top:12%;text-align:center;transition:.7s}.clock small{display:block;font-size:10px;letter-spacing:.17em;color:#888}.clock b{display:block;font-size:clamp(82px,11vw,148px);font-weight:420;letter-spacing:-.075em;line-height:.95}.clock em,.finale em{font-style:normal;animation:blink 1s step-end infinite}.problem{text-align:center;width:90%;margin-top:140px}.problem h2{font-size:clamp(32px,4.8vw,62px);line-height:1.08;letter-spacing:-.055em;margin:8px;color:#bbb;transition:.5s}.problem h2:last-child{color:#1d1d1f}.switch,.ready,.finale{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;transition:.65s}.switch p{font-size:clamp(24px,3.2vw,42px);line-height:1.3;color:#777}.switch h2{font-size:clamp(44px,6.5vw,82px);letter-spacing:-.06em;color:#fff;margin:25px}.work{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%) scale(.96);width:min(940px,92%);display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;opacity:0;transition:.6s}.chat{background:#f0f0f3;border:1px solid #ddd;border-radius:30px;padding:18px;min-height:460px;display:flex;flex-direction:column;justify-content:flex-end}.chat header{margin:auto auto 22px;display:flex;gap:10px;align-items:center}.chat header>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#222;color:#fff}.chat header div{display:flex;flex-direction:column}.chat header small{color:#999}.msg{max-width:84%;padding:11px 14px;border-radius:18px;font-size:13px;margin:5px 0;opacity:.12;transform:translateY(8px);transition:.4s}.msg.show{opacity:1;transform:none}.blue{background:#0071e3;color:#fff;margin-left:auto}.gray{background:#dedee3;margin-right:auto}.profile{background:#fff;border:1px solid #ddd;border-radius:28px;padding:25px;box-shadow:0 24px 80px #0000000d}.profile header{display:flex;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid #eee}.profile header i{width:11px;height:11px;background:#29a45e;border-radius:50%;box-shadow:0 0 0 6px #e4f5eb}.profile header div{display:flex;flex-direction:column}.profile header small,.fact small{font-size:9px;letter-spacing:.11em;color:#888}.profile header b{font-size:22px}.fact{display:grid;grid-template-columns:95px 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid #eee;opacity:.12;transition:.4s}.fact.show{opacity:1}.fact b{font-size:14px}.fact span{color:#25904f}.fact.next{margin-top:8px;padding:17px;border:0;border-radius:16px;background:#eef6ff}.fact.next b,.fact.next span{color:#0071e3}.workcopy{position:absolute;bottom:5%;width:90%;text-align:center;font-size:clamp(17px,2vw,24px);color:#999;opacity:0}.workcopy strong{color:#1d1d1f}.ready>div{width:min(570px,88%);background:#fff;border:1px solid #dde4ea;border-radius:27px;padding:30px;text-align:left;box-shadow:0 30px 100px #0002}.ready small{letter-spacing:.1em;color:#777}.ready h3{font-size:36px;letter-spacing:-.04em;margin:10px 0}.ready p{color:#777}.ready b{display:block;margin-top:20px;background:#eef6ff;color:#0071e3;padding:18px;border-radius:16px}.finale small{letter-spacing:.17em;color:#0071e3;font-weight:800}.finale>div{font-size:clamp(105px,15vw,180px);letter-spacing:-.08em;line-height:.9;margin:18px}.finale h2{font-size:clamp(50px,7vw,88px);letter-spacing:-.065em;margin:12px}.finale p{font-size:clamp(18px,2vw,24px);color:#888;line-height:1.5}.finale p strong{color:#1d1d1f}.beat{height:92vh;min-height:680px}.cine.reset .screen{background:#171719}.cine.reset .phase,.cine.reset .clock,.cine.reset .problem{opacity:0}.cine.reset .switch{opacity:1}.cine.solution .phase{color:#0071e3}.cine.solution .clock{top:4%;transform:scale(.42);transform-origin:top center}.cine.solution .problem,.cine.solution .switch{opacity:0}.cine.solution .work{opacity:1;transform:translate(-50%,-50%) scale(1)}.cine.solution .workcopy{opacity:1}.cine.handoff .clock,.cine.handoff .problem,.cine.handoff .switch,.cine.handoff .work,.cine.handoff .workcopy{opacity:0}.cine.handoff .ready{opacity:1}.cine.finish .phase,.cine.finish .clock,.cine.finish .problem,.cine.finish .switch,.cine.finish .work,.cine.finish .workcopy,.cine.finish .ready{opacity:0}.cine.finish .finale{opacity:1}
@media(max-width:720px){.screen{min-height:600px}.work{grid-template-columns:1fr;top:48%}.chat{display:none}.profile{padding:19px}.fact{grid-template-columns:76px 1fr auto;padding:12px 0}.workcopy{bottom:7%}.beat{min-height:620px}.problem{margin-top:100px}}


.cine{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}
.cine .screen{width:100vw!important;max-width:none!important}

/* Reading rail: the current sentence lights up while surrounding copy stays visible but quiet */
.problem{display:flex;flex-direction:column;align-items:center;gap:10px}
.problem h2{
  opacity:.22!important;
  color:#1d1d1f!important;
  transform:scale(.985);
  filter:blur(.15px);
  transition:opacity .45s ease,transform .45s ease,filter .45s ease;
}
.problem h2.reading{
  opacity:1!important;
  transform:scale(1);
  filter:none;
}
.problem:before{
  content:"SCROLLA FÖR ATT FÖLJA ANNAS LEAD";
  font-size:9px;letter-spacing:.16em;font-weight:800;color:#9b9ba0;
  margin-bottom:24px;
}
.read-progress{
  position:absolute;right:28px;top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;gap:8px;z-index:5
}
.read-progress i{display:block;width:3px;height:26px;border-radius:4px;background:#d6d6d8;transition:.35s}
.read-progress i.on{background:#1d1d1f;height:42px}
.cine.solution .read-progress i.on{background:#0071e3}
.scroll-cue{
  position:absolute;bottom:24px;left:50%;transform:translateX(-50%);
  font-size:10px;letter-spacing:.12em;color:#999;display:flex;align-items:center;gap:8px;
  transition:opacity .4s
}
.scroll-cue b{font-size:17px;font-weight:400;animation:cue 1.5s ease-in-out infinite}
@keyframes cue{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.cine.solution .scroll-cue,.cine.handoff .scroll-cue,.cine.finish .scroll-cue{opacity:0}
@media(max-width:720px){.read-progress{right:12px}.problem:before{font-size:8px}.cine{margin-left:calc(50% - 50vw)!important}}


/* V6: clearer chapter badges + remove accidental/pink reading rail */
.problem:after,.problem:before{border:0!important;box-shadow:none!important}
.problem:before{content:"SCROLLA FÖR ATT FÖLJA ANNAS LEAD"!important}
.problem h2{border-top:0!important;text-decoration:none!important}
.cine .screen:before,.cine .screen:after{box-shadow:none!important}
.phase{
  top:34px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  font-weight:800!important;
  color:#b42318!important;
  background:#fef0ee!important;
  border:1px solid #f7c9c3!important;
  z-index:20!important;
  white-space:nowrap!important;
}
.cine.solution .phase{
  color:#16733c!important;
  background:#eaf7ef!important;
  border-color:#bfe5cc!important;
}
.cine.handoff .phase,.cine.finish .phase{opacity:0!important}

/* give the solution badge and compact clock their own lanes */
.cine.solution .phase{top:28px!important}
.cine.solution .clock{
  top:76px!important;
  transform:translateX(0) scale(.32)!important;
  transform-origin:top center!important;
}
.cine.solution .work{top:55%!important}
@media(max-width:720px){
  .phase{top:24px!important}
  .cine.solution .phase{top:20px!important}
  .cine.solution .clock{top:66px!important;transform:scale(.28)!important}
  .cine.solution .work{top:54%!important}
}


/* V7 hero punch: make the 20:21 proposition the visual anchor */
.hero .eyebrow,
.hero .kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:#eef6ff!important;
  border:1px solid #c9e1fb!important;
  color:#0066cc!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}
.hero h1{max-width:980px!important}
.hero .cta,
.hero a.button,
.hero .button-primary{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:58px!important;
  padding:0 26px!important;
  border-radius:999px!important;
  background:#0071e3!important;
  color:#fff!important;
  font-weight:750!important;
  font-size:16px!important;
  box-shadow:0 14px 34px rgba(0,113,227,.22)!important;
  border:0!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.hero .cta:hover,.hero a.button:hover,.hero .button-primary:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 42px rgba(0,113,227,.28)!important;
}
/* highlight any 20:21 token in hero text if wrapped or inherited */
.hero .time,.hero [class*="time"]{
  font-variant-numeric:tabular-nums!important;
  color:#0071e3!important;
}
.hero:after{
  content:"20:21";
  position:absolute;
  right:max(4vw,28px);
  top:50%;
  transform:translateY(-50%);
  font-size:clamp(100px,15vw,220px);
  line-height:.8;
  letter-spacing:-.08em;
  font-weight:500;
  color:rgba(0,113,227,.055);
  font-variant-numeric:tabular-nums;
  pointer-events:none;
  z-index:0;
}
.hero>*{position:relative;z-index:1}
@media(max-width:720px){.hero:after{font-size:120px;top:58%;right:16px}.hero .cta,.hero a.button,.hero .button-primary{width:100%;max-width:330px}}


/* V8 — stronger opening, dark CTA, more editorial hero */
.hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.hero:before{
  content:"";
  position:absolute;
  width:620px;height:620px;
  left:50%;top:40%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,113,227,.12) 0,rgba(0,113,227,.045) 38%,transparent 70%);
  filter:blur(8px);
  pointer-events:none;
  z-index:0;
}
.hero:after{
  content:"20:21"!important;
  right:-.02em!important;
  top:54%!important;
  font-size:clamp(150px,22vw,330px)!important;
  font-weight:520!important;
  color:rgba(0,0,0,.035)!important;
  letter-spacing:-.095em!important;
}
.hero .eyebrow,.hero .kicker{
  background:#fff!important;
  color:#1d1d1f!important;
  border:1px solid #dedee2!important;
  box-shadow:0 8px 28px rgba(0,0,0,.055)!important;
}
.hero h1{
  max-width:1050px!important;
  font-size:clamp(58px,7.4vw,108px)!important;
  line-height:.92!important;
  letter-spacing:-.07em!important;
  font-weight:650!important;
  text-wrap:balance!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero h1 strong,.hero h1 em{
  color:#0071e3!important;
  font-style:normal!important;
}
.hero p{
  max-width:670px!important;
  font-size:clamp(18px,1.7vw,23px)!important;
  line-height:1.5!important;
  color:#6e6e73!important;
}
.hero .cta,.hero a.button,.hero .button-primary{
  background:#111113!important;
  color:#fff!important;
  min-height:64px!important;
  padding:0 31px!important;
  font-size:16px!important;
  font-weight:760!important;
  letter-spacing:-.01em!important;
  box-shadow:0 18px 45px rgba(0,0,0,.20)!important;
  border:1px solid rgba(255,255,255,.1)!important;
}
.hero .cta:after,.hero a.button:after,.hero .button-primary:after{
  content:"↓";
  width:29px;height:29px;
  display:grid;place-items:center;
  margin-left:13px;
  border-radius:50%;
  background:#fff;
  color:#111113;
  font-size:14px;
}
.hero .cta:hover,.hero a.button:hover,.hero .button-primary:hover{
  background:#000!important;
  transform:translateY(-3px) scale(1.015)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.25)!important;
}
@media(max-width:720px){
 .hero h1{font-size:55px!important;line-height:.96!important}
 .hero:after{font-size:155px!important;top:57%!important}
 .hero p{font-size:17px!important}
}


/* V9 — target the ACTUAL .cta section and .btn */
.cta{
  position:relative!important;
  overflow:hidden!important;
  background:#0b0b0d!important;
  color:#fff!important;
  border-radius:32px!important;
  margin-top:80px!important;
  margin-bottom:34px!important;
  padding:clamp(70px,9vw,120px) 28px!important;
  text-align:center!important;
  box-shadow:0 28px 90px rgba(0,0,0,.16)!important;
}
.cta:before{
  content:"20:21";
  position:absolute;
  left:50%;top:48%;
  transform:translate(-50%,-50%);
  font-size:clamp(170px,25vw,360px);
  font-weight:600;
  letter-spacing:-.1em;
  color:rgba(255,255,255,.035);
  pointer-events:none;
}
.cta>*{position:relative;z-index:1}
.cta .eyebrow{
  display:inline-flex!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#b9b9bf!important;
  font-size:10px!important;
  letter-spacing:.13em!important;
  font-weight:800!important;
}
.cta h2{
  color:#fff!important;
  font-size:clamp(52px,7vw,96px)!important;
  line-height:.96!important;
  letter-spacing:-.065em!important;
  max-width:900px!important;
  margin:25px auto 20px!important;
}
.cta p{
  color:#a8a8ae!important;
  font-size:clamp(18px,2vw,24px)!important;
  margin:0 auto 32px!important;
}
.cta .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:64px!important;
  padding:0 31px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#0b0b0d!important;
  border:1px solid #fff!important;
  font-size:16px!important;
  font-weight:800!important;
  box-shadow:0 16px 45px rgba(0,0,0,.3)!important;
  text-decoration:none!important;
  transition:.2s ease!important;
}
.cta .btn:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 22px 54px rgba(0,0,0,.4)!important}

/* actual hero .btn too */
.hero .btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:64px!important;padding:0 31px!important;border-radius:999px!important;
  background:#111113!important;color:#fff!important;border:1px solid #111113!important;
  font-weight:800!important;box-shadow:0 18px 45px rgba(0,0,0,.20)!important;text-decoration:none!important
}
.hero .btn:hover{background:#000!important;transform:translateY(-3px)!important}
@media(max-width:720px){.cta{border-radius:24px!important;margin-top:50px!important}.cta h2{font-size:52px!important}.cta .btn{width:min(100%,330px)}}


.fit-section{padding:clamp(90px,11vw,150px) 28px;background:#f5f5f7}
.fit-inner{max-width:1120px;margin:auto;text-align:center}
.fit-kicker,.faq-kicker{font-size:10px;letter-spacing:.15em;font-weight:800;color:#7c7c82;margin-bottom:22px}
.fit-section h2{font-size:clamp(34px,4.1vw,56px);line-height:1.06;letter-spacing:-.06em;margin:0 auto;max-width:1050px;font-weight:560;color:#1d1d1f}
.fit-section h2 strong{font-weight:680;color:#0071e3}
.fit-lead{max-width:690px;margin:27px auto 38px;color:#77777d;font-size:clamp(17px,1.6vw,21px);line-height:1.5}
.industry-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;max-width:900px;margin:auto}
.industry-pills span{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border-radius:999px;background:#fff;border:1px solid #dddde1;color:#252527;font-size:14px;font-weight:680;box-shadow:0 7px 24px rgba(0,0,0,.035);transition:.2s ease}
@media(hover:hover){.industry-pills span:hover{transform:translateY(-2px);border-color:#c7c7cc;box-shadow:0 10px 28px rgba(0,0,0,.07)}}

.faq-section{width:100vw;margin-left:calc(50% - 50vw);padding:clamp(90px,10vw,145px) 28px;background:#fff}
.faq-inner{max-width:1080px;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(50px,8vw,110px);align-items:start}
.faq-head{position:sticky;top:110px}
.faq-head h2{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.06em;margin:0;color:#1d1d1f}
.faq-list{border-top:1px solid #dedee2}
.faq-list details{border-bottom:1px solid #dedee2}
.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;color:#1d1d1f;font-size:clamp(17px,1.6vw,21px);font-weight:650;letter-spacing:-.02em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary i{font-style:normal;font-size:27px;font-weight:300;color:#777;transition:transform .25s ease}
.faq-list details[open] summary i{transform:rotate(45deg)}
.faq-answer{padding:0 48px 26px 0;color:#707076;font-size:16px;line-height:1.65;max-width:700px}
@media(max-width:760px){
 .fit-section,.faq-section{padding-left:20px;padding-right:20px}
 .fit-section h2{font-size:36px}
 .industry-pills{gap:8px}.industry-pills span{min-height:44px;padding:0 16px;font-size:13px}
 .faq-inner{grid-template-columns:1fr;gap:42px}.faq-head{position:static}.faq-head h2{font-size:48px}
 .faq-list summary{padding:22px 0}.faq-answer{padding-right:24px}
}


.braid{width:100vw;margin-left:calc(50% - 50vw);background:#f5f5f7;padding:90px 24px 150px;position:relative;color:#1d1d1f}
.braid-clock{position:sticky;top:24px;z-index:20;width:max-content;margin:0 auto 42px;padding:10px 16px 9px;border:1px solid rgba(0,0,0,.09);border-radius:18px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:28px;font-weight:650;letter-spacing:-.05em;font-variant-numeric:tabular-nums;box-shadow:0 8px 30px rgba(0,0,0,.055)}
.braid-clock b{font-weight:500;animation:braidBlink 1s steps(1) infinite}.braid-clock small{display:block;text-align:center;font-size:8px;letter-spacing:.16em;color:#d94747;margin-top:2px;font-weight:850}
@keyframes braidBlink{50%{opacity:.2}}
.braid-intro{text-align:center;max-width:900px;margin:80px auto 140px}.braid-intro span,.braid-reset span{font-size:10px;font-weight:850;letter-spacing:.16em;color:#85858b}.braid-intro h2,.braid-reset h2{font-size:clamp(42px,5.4vw,72px);line-height:1;letter-spacing:-.055em;margin:16px 0 0}
.braid-track{position:relative;max-width:1080px;margin:auto;padding:30px 0}
.braid-line,.braid-progress{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);border-radius:2px}.braid-line{background:#d8d8dc}.braid-progress{bottom:auto;height:0;background:#1d1d1f;transition:height .12s linear}
.braid-step{position:relative;width:50%;min-height:330px;display:flex;align-items:center;opacity:.28;transition:opacity .35s ease,transform .35s ease}.braid-step.active{opacity:1}.braid-step.left{padding-right:70px;justify-content:flex-end;text-align:right}.braid-step.right{margin-left:50%;padding-left:70px;justify-content:flex-start;text-align:left}
.braid-step>i{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid #aaa;z-index:3;transition:.3s}.braid-step.left>i{right:-6.5px}.braid-step.right>i{left:-6.5px}.braid-step.active>i{border-color:#1d1d1f;transform:scale(1.18)}.braid-step.solution.active>i,.braid-step.ready.active>i{border-color:#0071e3}
.braid-card{max-width:430px}.braid-card em{font-style:normal;font-size:12px;letter-spacing:.12em;font-weight:800;color:#9a4141}.solution .braid-card em,.ready .braid-card em{color:#0071e3}.braid-card h3{font-size:clamp(27px,3vw,42px);line-height:1.03;letter-spacing:-.045em;margin:9px 0 12px}.braid-card>p:not(.bubble){font-size:17px;line-height:1.55;color:#6e6e73;margin:0}
.braid-reset{position:relative;z-index:4;text-align:center;background:#101012;color:white;margin:130px calc(50% - 50vw) 120px;padding:145px 24px;overflow:hidden}.braid-reset strong{color:#5eafff}.braid-reset span{color:#9a9aa0}
.bubble{display:block;width:max-content;max-width:330px;padding:11px 15px;border-radius:18px;margin:7px 0;font-size:14px;line-height:1.35;text-align:left}.left .bubble{margin-left:auto}.bubble.blue{background:#0071e3;color:white;border-bottom-right-radius:6px}.bubble.gray{background:#e7e7eb;color:#1d1d1f;border-bottom-left-radius:6px}
.mini-facts{display:grid;gap:8px;margin-top:18px}.mini-facts span{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d9d9dd;padding-top:9px;font-size:9px;letter-spacing:.11em;color:#8a8a90}.mini-facts b{font-size:12px;letter-spacing:0;color:#1d1d1f}
.handoff{background:#fff;border:1px solid #dedee3;border-radius:24px;padding:28px;text-align:left;box-shadow:0 18px 50px rgba(0,0,0,.07)}.handoff h3{font-size:38px}.handoff strong{display:block;margin-top:20px;color:#0071e3}
@media(max-width:760px){
 .braid{padding-left:18px;padding-right:18px}.braid-clock{top:12px}.braid-intro{margin:60px auto 90px}.braid-track{padding-left:34px}.braid-line,.braid-progress{left:18px}.braid-step,.braid-step.right{width:100%;margin-left:0;min-height:290px;padding:0 0 0 42px!important;justify-content:flex-start;text-align:left}.braid-step.left>i,.braid-step.right>i{left:11.5px;right:auto}.braid-card{max-width:100%}.left .bubble{margin-left:0}.braid-reset{margin:90px calc(50% - 50vw);padding:90px 24px}.braid-reset h2{font-size:44px}
}
@media(prefers-reduced-motion:reduce){.braid-clock b{animation:none}.braid-step{transition:none}}


.braid-reset:before{content:"";position:absolute;left:50%;top:0;width:2px;height:72px;background:#d94747;transform:translateX(-50%)}
.braid-reset:after{content:"";position:absolute;left:50%;bottom:0;width:2px;height:72px;background:#0071e3;transform:translateX(-50%)}
.reset-switch{display:flex;align-items:center;justify-content:center;gap:22px;margin:0 auto 38px;font-size:clamp(34px,5vw,62px);font-weight:700;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.reset-switch span{color:#777!important;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#d94747}
.reset-switch i{font-style:normal;font-weight:300;color:#666}
.reset-switch strong{color:#fff!important}
.braid-reset>p{margin:24px auto 0;color:#9d9da3;font-size:17px}


/* Final handoff grows from the existing timeline card into the payoff. */
.ready-stage{min-height:900px!important;align-items:flex-start!important}
.ready-sticky{position:sticky;top:150px;width:100%;display:flex;justify-content:flex-start;z-index:8}
.ready-zoom{width:min(430px,calc(100vw - 48px));max-width:none;transform-origin:center center;will-change:transform;transition:box-shadow .15s linear,border-radius .15s linear}
.ready-zoom h3{font-size:clamp(34px,4vw,54px);margin-top:12px}
.ready-zoom>p{font-size:16px!important;line-height:1.5!important;color:#777!important;margin:22px 0!important}
.ready-zoom>strong{background:#eaf4ff;padding:18px 20px;border-radius:16px;font-size:16px}
@media(max-width:760px){
 .ready-stage{min-height:720px!important}
 .ready-sticky{top:120px}
 .ready-zoom{width:calc(100vw - 82px)}
}


.lost blockquote{margin:18px 0 0;font-size:clamp(24px,2.7vw,36px);line-height:1.2;letter-spacing:-.035em;font-weight:620;color:#1d1d1f}
.problem-payoff{position:relative;z-index:4;text-align:center;margin:80px auto 130px;padding:75px 24px;max-width:900px}
.problem-payoff p{font-size:17px;color:#77777d;margin:0 0 16px}
.problem-payoff h2{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.06em;margin:0}
.problem-payoff strong{color:#b23d3d}
@media(max-width:760px){.problem-payoff{margin:45px auto 80px;padding:55px 16px}.lost blockquote{font-size:27px}}


.cta{padding-left:24px!important;padding-right:24px!important}.cta>p{max-width:630px;margin-left:auto;margin-right:auto}.demo-form{width:min(860px,100%);margin:48px auto 0;text-align:left;position:relative;z-index:3}.demo-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.demo-fields label{display:flex;flex-direction:column;gap:10px;color:#d0d0d5;font-size:13px;font-weight:650;letter-spacing:.01em}.demo-fields input{width:100%;min-width:0;background:#202024;border:1px solid #48484e;color:#fff;border-radius:12px;padding:17px 16px;font:inherit;font-size:16px;outline:none;transition:border-color .2s,background .2s}.demo-fields input::placeholder{color:#88888f}.demo-fields input:focus{border-color:#c1dfff;background:#29292e}.demo-consent{display:flex;align-items:flex-start;gap:12px;margin:22px 0 24px;color:#b6b6be;font-size:12px;line-height:1.55;cursor:pointer}.demo-consent input{margin-top:3px;width:18px;height:18px;accent-color:#0071e3;flex:none}.demo-consent a{color:#e3e3e9;text-decoration:underline;text-underline-offset:3px}.demo-submit{width:100%;min-height:64px;background:#fff;color:#121215;border:0;border-radius:12px;font:inherit;font-size:17px;font-weight:750;letter-spacing:-.015em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:15px;transition:background .2s,transform .2s}.demo-submit:hover{background:#e9e9ef;transform:translateY(-1px)}.demo-submit:disabled{opacity:.6;cursor:wait;transform:none}.demo-status{font-size:14px;line-height:1.5;margin-top:14px;min-height:0;color:#f5d0d0;text-align:center}.demo-status.ok{color:#b8e4cc}.demo-footnote{font-size:12px;color:#8e8e97;margin:23px auto 0;position:relative;z-index:2}@media(max-width:740px){.demo-fields{grid-template-columns:1fr;gap:16px}.demo-form{margin-top:35px}.cta h2{font-size:clamp(38px,10vw,65px)!important}.demo-submit{min-height:58px}}


/* Subtle one-time scroll reveals: content remains visible after entering. */
@media (prefers-reduced-motion: no-preference) {
  .js-reveal .reveal-item{opacity:0;transform:translate3d(0,22px,0);transition:opacity .78s cubic-bezier(.2,.7,.2,1),transform .78s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
  .js-reveal .reveal-item.is-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}
  .js-reveal .braid-step.reveal-item{transform:translate3d(0,24px,0)}
  .js-reveal .braid-step.reveal-item.is-visible{transform:translate3d(0,0,0)}
}


/* Tighter, consistent editorial rhythm through both timelines. */
.braid-step{min-height:235px!important;}
.braid-step .braid-card{padding:18px 0}
.braid-step>i{top:50%}
.braid-track{padding-top:12px;padding-bottom:12px}
/* Make the reveal genuinely visible while keeping completed steps readable. */
@media(prefers-reduced-motion:no-preference){
 .js-reveal .reveal-item{opacity:0;transform:translate3d(0,42px,0);filter:blur(7px);transition:opacity 1.05s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1),filter 1.05s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
 .js-reveal .reveal-item.is-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
 .js-reveal .braid-step.reveal-item{opacity:0;transform:translate3d(0,48px,0);filter:blur(6px)}
 .js-reveal .braid-step.reveal-item.is-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@media(max-width:760px){.braid-step,.braid-step.right{min-height:215px!important}}


/* Keep the story's central timeline behind the concluding statement. */
.problem-payoff{position:relative;z-index:12;isolation:isolate;width:min(960px,calc(100% - 24px));max-width:none;margin:64px auto 110px;padding:clamp(42px,6vw,80px) clamp(22px,5vw,70px);background:#fff;border:1px solid rgba(0,0,0,.055);border-radius:32px;box-shadow:0 24px 80px rgba(0,0,0,.045)}
.problem-payoff h2{font-size:clamp(43px,6.4vw,88px);line-height:1.01;overflow-wrap:normal}
.problem-payoff p{line-height:1.45}
@media(max-width:760px){.problem-payoff{width:calc(100% - 8px);border-radius:24px;margin:36px auto 75px;padding:45px 18px}.problem-payoff h2{font-size:clamp(39px,9vw,64px)}}


/* Keep the final handoff inside its own lane; no oversized transform over the clock. */
.ready-stage{min-height:620px!important;align-items:flex-start!important;overflow:visible}
.ready-sticky{position:relative!important;top:auto!important;z-index:2!important;justify-content:flex-start!important}
.ready-zoom{width:min(440px,100%)!important;max-width:100%!important;transform:none!important;transform-origin:center!important;box-sizing:border-box!important;overflow-wrap:anywhere}
.ready-zoom h3{font-size:clamp(34px,3.7vw,51px)!important;line-height:1.06!important}
.ready-zoom>p{font-size:15px!important}
.ready-zoom>strong{display:block;font-size:15px!important;line-height:1.4!important}
.braid-clock{z-index:30!important}
@media(max-width:760px){.ready-stage{min-height:420px!important}.ready-zoom{width:100%!important}.ready-sticky{width:100%!important}}


@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;450;500;550;600;650;700&display=swap');
/* A single typographic voice: quiet body copy, confident but not ultra-bold headlines. */
body,button,input,textarea,select{font-family:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.hero h1,.braid-intro h2,.braid-reset h2,.problem-payoff h2,.faq-head h2,.cta h2,.founder h2{font-weight:600!important;letter-spacing:-.055em!important}
.braid-card h3,.ready-zoom h3{font-weight:600!important;letter-spacing:-.045em!important}
.braid-card p,.problem-payoff p{font-weight:400!important}
.problem-payoff h2{line-height:1.08!important}
/* Color is reserved for drawn emphasis, not for whole words. */
.problem-payoff strong,.braid-reset h2 strong,.ready-zoom h3 span{color:inherit!important;font-weight:inherit!important}
.ink-underline{position:relative;display:inline-block;text-decoration:none!important;white-space:normal;z-index:0}
.ink-underline:after{content:"";position:absolute;left:0;right:0;bottom:-.075em;height:clamp(3px,.065em,7px);border-radius:80% 35% 60% 40%;background:var(--underline-color);transform:scaleX(0) rotate(-.35deg);transform-origin:left center;transition:transform 1s cubic-bezier(.16,1,.3,1) .36s;z-index:-1}
.ink-red{--underline-color:#b53d3d}.ink-blue{--underline-color:#0071e3}
.is-visible .ink-underline:after,.ink-underline.is-visible:after,.braid-step.active .ink-underline:after{transform:scaleX(1) rotate(-.35deg)}
/* The handoff itself is already visible without a reveal class: draw on scroll into view. */
.ready-zoom .ink-underline:after{transform:scaleX(1) rotate(-.35deg)}
.braid-reset .ink-underline:after{background:#5da8ff}
@media(prefers-reduced-motion:reduce){.ink-underline:after{transform:scaleX(1)!important;transition:none!important}}

html{scroll-behavior:smooth}#prova{scroll-margin-top:32px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.admin-bar nav{scroll-margin-top:32px}

/* V2 – one deliberate card, no double frame or oversized empty shell */
.braid-step.ready-stage{min-height:360px!important;align-items:flex-start!important;padding-top:22px!important;padding-bottom:50px!important}
.ready-stage .ready-sticky{display:block!important;width:100%!important;position:static!important;transform:none!important}
.ready-stage .ready-zoom{width:100%!important;max-width:440px!important;transform:none!important;padding:clamp(22px,2.8vw,30px)!important;border:1px solid #e1e3e7!important;border-radius:24px!important;background:#fff!important;box-shadow:0 14px 42px rgba(20,28,40,.065)!important}
.ready-stage .ready-zoom h3{font-size:clamp(34px,3.2vw,46px)!important;margin:14px 0 16px!important}
.ready-stage .ready-zoom>p{font-size:15px!important;line-height:1.55!important;margin:18px 0 24px!important}
.ready-stage .ready-zoom>strong{font-size:15px!important;padding:16px 18px!important;border-radius:12px!important;margin-top:0!important}
@media(max-width:760px){.braid-step.ready-stage{min-height:340px!important}.ready-stage .ready-zoom{max-width:100%!important}}
/* Footer */
.leadplai-footer{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;padding:28px max(24px,calc((100vw - 1160px)/2));background:#111114;color:#a8a8ad;font-size:13px}
.leadplai-footer .footer-links{display:flex;gap:24px;flex-wrap:wrap}.leadplai-footer a{color:#d7d7dc;text-decoration:none}.leadplai-footer a:hover{text-decoration:underline}
/* Policy page – independent from the landing page's story styles */
.policy-page{background:#f5f5f7;min-height:100vh;color:#1d1d1f;font-family:Geist,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.policy-top{max-width:880px;margin:auto;padding:34px 24px}.policy-top a{color:#0071e3;text-decoration:none}
.policy-body{max-width:880px;margin:24px auto 90px;padding:clamp(28px,5vw,65px);border-radius:24px;background:#fff;line-height:1.75;color:#45454b}
.policy-body h1{color:#1d1d1f;font-size:clamp(38px,6vw,62px);letter-spacing:-.05em;line-height:1.1}.policy-body h2{color:#1d1d1f;margin-top:36px;font-size:25px;letter-spacing:-.025em}.policy-body a{color:#0071e3}

/* V3: full-bleed footer while its content stays aligned with the page grid */
.leadplai-footer{
  width:100vw;
  width:100dvw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-left:calc(50% - 50dvw);
  box-sizing:border-box;
  padding:30px max(24px,calc((100vw - 1160px)/2));
  border-radius:0;
}
@media(max-width:720px){.leadplai-footer{padding:28px 24px;align-items:flex-start}}

/* V4: footer reliably spans viewport even when nested inside .wrap. */
body .wrap > .leadplai-footer,
body .leadplai-footer{
  position:relative!important;
  isolation:isolate;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:30px 0 34px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  color:#a8a8ad;
}
body .leadplai-footer::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  width:100dvw;
  transform:translateX(-50%);
  background:#111114;
  pointer-events:none;
}
body .leadplai-footer .footer-links{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:12px 26px!important;
}
@media(max-width:700px){
  body .leadplai-footer{flex-direction:column!important;align-items:flex-start!important;gap:15px!important;padding:26px 0!important}
  body .leadplai-footer .footer-links{justify-content:flex-start!important;gap:12px 20px!important}
}

/* V5 – warm, editorial founder story with one small circular portrait */
.founder.founder-refined{display:block!important;max-width:100%;padding:105px 24px 115px!important;margin:0 auto;box-sizing:border-box}
.founder-refined-inner{max-width:810px;margin:0 auto}
.founder-refined-copy{width:100%;max-width:760px;margin:auto}
.founder-refined .eyebrow{margin-bottom:20px}
.founder-refined h2{max-width:730px;margin:0 0 28px!important;font-size:clamp(36px,4.5vw,58px)!important;line-height:1.12!important;letter-spacing:-.052em!important}
.founder-refined p{max-width:680px;font-size:clamp(17px,1.55vw,20px)!important;line-height:1.7!important;margin:0 0 18px;color:#67676c}
.founder-refined p strong{font-weight:600;color:#202124}
.founder-signature{display:flex;align-items:center;gap:18px;margin-top:36px;padding-top:26px;border-top:1px solid #e5e5e8}
.founder-refined .founder-signature img{display:block!important;width:76px!important;height:76px!important;min-width:76px;max-width:76px!important;max-height:76px!important;aspect-ratio:1/1;object-fit:cover;object-position:center 27%;border-radius:50%!important;box-shadow:0 3px 16px rgba(0,0,0,.07)}
.founder-signature span{font-size:16px;font-weight:600;letter-spacing:-.02em;color:#1d1d1f}
@media(max-width:720px){.founder.founder-refined{padding:75px 22px 85px!important}.founder-refined h2{font-size:clamp(34px,9vw,46px)!important}.founder-signature{margin-top:28px}.founder-refined .founder-signature img{width:64px!important;height:64px!important;min-width:64px}}

/* V6: portrait must be a small true circle, never a wide cropped banner */
body .founder.founder-refined .founder-signature{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;max-width:100%!important}
body .founder.founder-refined .founder-signature>img{display:block!important;box-sizing:border-box!important;flex:0 0 68px!important;width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important;max-width:68px!important;max-height:68px!important;border-radius:999px!important;object-fit:cover!important;object-position:center 27%!important;aspect-ratio:1/1!important}
body .founder.founder-refined .founder-signature>span{display:inline-block!important;font-size:16px!important;font-weight:550!important;white-space:nowrap}


/* V7 – dark SaaS opening: one continuous header + hero, no hard color seam. */
.leadplai-hero-shell{
 position:relative;isolation:isolate;overflow:hidden;
 width:100vw;width:100dvw;
 margin-left:calc(50% - 50vw);margin-left:calc(50% - 50dvw);
 color:#f9fafc;
 background:
   radial-gradient(ellipse 56% 56% at 80% 24%,rgba(32,99,213,.23),transparent 73%),
   radial-gradient(ellipse 54% 62% at 18% 68%,rgba(25,64,141,.23),transparent 75%),
   linear-gradient(145deg,#0a0c13 4%,#111624 55%,#090b11 100%);
}
.leadplai-hero-shell::before{
 content:"";position:absolute;z-index:0;pointer-events:none;
 width:min(65vw,820px);height:min(65vw,820px);border-radius:50%;
 top:-45%;right:-13%;
 background:radial-gradient(circle,rgba(51,130,255,.19) 0%,rgba(51,130,255,.065) 38%,transparent 68%);
 filter:blur(38px);animation:lpAmbient 12s ease-in-out infinite alternate;
}
.leadplai-hero-shell::after{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:linear-gradient(to bottom,transparent 76%,rgba(245,245,243,.035) 100%);
}
.leadplai-hero-shell>nav,.leadplai-hero-shell>.hero{position:relative;z-index:1;width:min(1040px,calc(100% - 38px));margin-left:auto;margin-right:auto}
.leadplai-hero-shell>nav{border-bottom:1px solid rgba(255,255,255,.085)}
.leadplai-hero-shell>nav .btn{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:none!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-weight:600!important}
.leadplai-hero-shell>nav .btn:hover{background:rgba(255,255,255,.20)!important}
.leadplai-hero-shell .hero{padding-top:clamp(95px,10vw,145px)!important;padding-bottom:clamp(105px,12vw,160px)!important;overflow:visible!important}
.leadplai-hero-shell .hero h1{color:#f8f9fc!important;font-weight:600!important;text-shadow:0 12px 45px rgba(0,0,0,.10)}
.leadplai-hero-shell .hero h1 strong,.leadplai-hero-shell .hero h1 em{color:#fff!important}
.leadplai-hero-shell .hero p{color:#b6bfce!important}
.leadplai-hero-shell .hero .eyebrow,.leadplai-hero-shell .hero .kicker{color:#c5d8ff!important;background:rgba(65,120,220,.12)!important;border:1px solid rgba(110,157,245,.25)!important;box-shadow:none!important}
.leadplai-hero-shell .hero .btn{background:#fff!important;color:#111624!important;border:1px solid #fff!important;box-shadow:0 16px 50px rgba(0,0,0,.24)!important;font-weight:650!important}
.leadplai-hero-shell .hero .btn:hover{background:#e9f1ff!important;color:#111624!important}
.leadplai-hero-shell .hero .hint{color:#a1acc0!important}
.leadplai-hero-shell .hero:before{background:radial-gradient(circle,rgba(60,130,255,.12),transparent 68%)!important;z-index:-1!important}
.leadplai-hero-shell .hero:after{color:rgba(255,255,255,.042)!important;z-index:-1!important}
@keyframes lpAmbient{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-5%,8%,0) scale(1.12)}}
@media(max-width:720px){.leadplai-hero-shell .hero{padding-top:76px!important;padding-bottom:100px!important}.leadplai-hero-shell>nav{height:70px}.leadplai-hero-shell>nav .btn{font-size:12px!important;padding:11px 15px!important}.leadplai-hero-shell .hero h1{font-size:clamp(46px,11vw,62px)!important}}
@media(prefers-reduced-motion:reduce){.leadplai-hero-shell::before{animation:none!important}}

/* V8: unmistakable full-bleed SaaS hero, hide old tutorial prompts */
body.home .wrap>.leadplai-hero-shell, body .wrap>.leadplai-hero-shell{
 width:100vw!important;max-width:none!important; margin-left:calc(50% - 50vw)!important;
 margin-right:calc(50% - 50vw)!important; border-radius:0!important;
 background:radial-gradient(ellipse 70% 90% at 85% 15%,rgba(19,91,212,.35),transparent 65%),radial-gradient(ellipse 60% 90% at 12% 92%,rgba(32,63,142,.24),transparent 68%),#080c17!important;
}
body .leadplai-hero-shell .hero{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;max-width:1040px!important}
body .leadplai-hero-shell .hero h1{color:#fff!important}
body .leadplai-hero-shell .hero p{color:#c3c9d6!important}
body .leadplai-hero-shell nav{background:transparent!important}
body .leadplai-hero-shell nav .logo{filter:brightness(0) invert(1)}
.problem::before,.braid-step::before,.braid-card::before{content:none!important;display:none!important}
/* Restore controlled scroll enlargement of the final handoff card. */
.braid-step.ready-stage{min-height:720px!important;align-items:flex-start!important;padding-top:55px!important;padding-bottom:0!important;overflow:visible!important}
.ready-stage .ready-sticky{position:sticky!important;top:150px!important;display:block!important;width:100%!important;z-index:9!important;overflow:visible!important}
.ready-stage .ready-zoom{width:min(430px,100%)!important;max-width:100%!important;transform:translateX(var(--ready-shift,0px)) scale(var(--ready-scale,1))!important;transform-origin:center center!important;transition:box-shadow .2s ease!important;will-change:transform;position:relative!important}
.braid-clock{z-index:40!important}
@media(max-width:760px){.braid-step.ready-stage{min-height:540px!important;padding-top:25px!important}.ready-stage .ready-sticky{top:110px!important}.ready-stage .ready-zoom{width:100%!important;transform:scale(var(--ready-scale,1))!important}}
@media(prefers-reduced-motion:reduce){.ready-stage .ready-zoom{transform:none!important}}

/* V9 – dedicated full-width sticky scroll payoff: no half-column clipping */
.braid-track>.braid-step.ready-stage{
  box-sizing:border-box!important;display:block!important;position:relative!important;
  width:100%!important;max-width:none!important;margin:0!important;
  padding:0!important;min-height:125vh!important;opacity:1!important;
  overflow:visible!important;transform:none!important;text-align:center!important;
}
.braid-track>.ready-stage>i{display:none!important}
.braid-track>.ready-stage>.ready-sticky{
  box-sizing:border-box!important;position:sticky!important;top:23vh!important;
  width:100%!important;min-height:380px!important;display:flex!important;
  justify-content:center!important;align-items:center!important;
  padding:25px 16px!important;margin:0!important;z-index:12!important;
  transform:none!important;overflow:visible!important;
}
.braid-track>.ready-stage .ready-zoom{
  box-sizing:border-box!important;flex:0 0 auto!important;
  width:min(510px,calc(100vw - 96px))!important;max-width:none!important;
  margin:0 auto!important;padding:clamp(24px,3vw,36px)!important;
  transform:scale(var(--ready-scale,1))!important;
  transform-origin:center center!important;will-change:transform;
  background:#fff!important;border-radius:26px!important;
  box-shadow:0 20px 65px rgba(20,28,40,.12)!important;
}
.braid-track>.ready-stage .ready-zoom h3{font-size:clamp(35px,4vw,52px)!important}
@media(max-width:760px){
 .braid-track>.braid-step.ready-stage{min-height:105vh!important}
 .braid-track>.ready-stage>.ready-sticky{top:24vh!important;min-height:280px!important;padding:12px 0!important}
 .braid-track>.ready-stage .ready-zoom{width:min(430px,calc(100vw - 75px))!important;padding:22px!important}
 .braid-track>.ready-stage .ready-zoom h3{font-size:clamp(30px,7vw,40px)!important}
}
@media(prefers-reduced-motion:reduce){.braid-track>.ready-stage .ready-zoom{transform:none!important}}

/* V10: Remove legacy cinematic .ready wrapper; ONLY the inner handoff is a card. */
.braid-track > article.ready-stage { background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
.braid-track > article.ready-stage > .ready-sticky {
 background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;max-width:none!important;text-align:inherit!important;
}
.braid-track > article.ready-stage > .ready-sticky > .ready-zoom {
 background:#fff!important;border:1px solid #dedee3!important;
 border-radius:26px!important;box-shadow:0 20px 65px rgba(20,28,40,.12)!important;
}
/* Hide the center rail behind the single featured card, without affecting earlier milestones. */
.braid-track > .ready-stage {z-index:5!important}
.braid-track > .ready-stage .ready-sticky{z-index:6!important}

/* V11: Fresh, isolated handoff markup. No inherited card backgrounds. */
.braid-track .handoff-stage-v11{position:relative;isolation:isolate;width:100%;min-height:145vh;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;opacity:1!important;transform:none!important;filter:none!important}
.braid-track .handoff-sticky-v11{position:sticky;top:22vh;display:flex;justify-content:center;align-items:center;width:100%;min-height:390px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0 18px;z-index:5}
.braid-track .handoff-card-v11{box-sizing:border-box;width:min(540px,calc(100vw - 96px));padding:36px 38px;text-align:left;background:#fff;border:1px solid #e1e3e8;border-radius:27px;box-shadow:0 20px 65px rgba(20,28,40,.11);transform:scale(var(--ready-scale,1));transform-origin:center center;will-change:transform}
.handoff-card-v11 em{display:block;font-style:normal;color:#0071e3;font-size:12px;font-weight:700;letter-spacing:.14em}
.handoff-card-v11 h3{font-size:clamp(35px,4vw,51px);font-weight:600;line-height:1.07;letter-spacing:-.05em;margin:25px 0 22px}
.handoff-card-v11 p{font-size:16px;line-height:1.5;color:#77777d;margin:0 0 25px}
.handoff-card-v11 strong{display:block;padding:19px 20px;border-radius:15px;background:#eaf4ff;color:#0071e3;font-size:16px;font-weight:650}
.handoff-card-v11 .ink-underline:after{transform:scaleX(1) rotate(-.35deg)}
@media(max-width:760px){.braid-track .handoff-stage-v11{min-height:115vh}.braid-track .handoff-sticky-v11{top:25vh;min-height:290px;padding:0}.braid-track .handoff-card-v11{width:min(430px,calc(100vw - 72px));padding:25px}.handoff-card-v11 h3{font-size:clamp(30px,7vw,41px)}}
@media(prefers-reduced-motion:reduce){.braid-track .handoff-card-v11{transform:none!important}}

/* V12: GHL-native embedded demo form; no extra white wrapper */
.cta .leadplai-ghl-form{width:min(860px,100%);margin:42px auto 0;position:relative;z-index:3;background:transparent;border:0;box-shadow:none;padding:0;overflow:visible}
.cta .leadplai-ghl-form iframe{display:block;width:100%;min-height:637px;border:0;background:transparent;max-width:100%}
@media(max-width:740px){.cta .leadplai-ghl-form{margin-top:30px}.cta .leadplai-ghl-form iframe{min-height:637px}}

/* V13: direct GHL iframe embed, independent of the optional popup/cookie embed script. */
.cta .leadplai-ghl-form{display:block!important;visibility:visible!important;opacity:1!important;width:min(860px,100%)!important;margin:42px auto 0!important;min-height:720px!important;overflow:visible!important}
.cta .leadplai-ghl-form iframe{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:720px!important;min-height:720px!important;max-height:none!important;border:0!important;background:transparent!important}
.cta .leadplai-form-fallback{margin:12px auto 0!important;color:#a1a1aa!important;font-size:13px!important;line-height:1.5!important}
.cta .leadplai-form-fallback a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
@media(max-width:740px){.cta .leadplai-ghl-form,.cta .leadplai-ghl-form iframe{min-height:760px!important}.cta .leadplai-ghl-form iframe{height:760px!important}}

/* V14: ensure native GHL form is visible within the CTA. */
.cta .leadplai-ghl-form{position:relative!important;display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;z-index:5!important}
.cta .leadplai-ghl-form iframe{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;position:relative!important;z-index:1!important}

/* V15: tighter CTA GHL form spacing, no fallback */
.cta .leadplai-ghl-form{margin-top:22px!important;min-height:0!important;}
.cta .leadplai-ghl-form iframe{height:580px!important;min-height:580px!important;}
.cta .demo-footnote{margin-top:10px!important;}
@media(max-width:740px){
  .cta .leadplai-ghl-form{margin-top:18px!important;min-height:0!important;}
  .cta .leadplai-ghl-form iframe{height:650px!important;min-height:650px!important;}
}