:root{--navy:#061d38;--ink:#08213d;--muted:#60758d;--teal:#0db9b5;--cyan:#10c6c7;--line:#dce8ef;--soft:#f5fafc;--blue:#1467df;--red:#ff405f}*{box-sizing:border-box}html{scroll-behavior:smooth}body.veraudit-site{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}.va-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.va-header{height:76px;background:rgba(255,255,255,.96);border-bottom:1px solid #edf2f5;position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.va-nav{height:100%;display:flex;align-items:center;gap:52px}.va-logo img{width:166px;display:block}.va-nav nav{display:flex;gap:34px;flex:1}.va-nav a{text-decoration:none;color:var(--ink);font-weight:750;font-size:14px}.va-nav-actions{display:flex;align-items:center;gap:24px}.btn{border:0;border-radius:8px;min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;font-weight:800;font-size:15px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(3,31,54,.12)}.btn.primary{color:#fff;background:linear-gradient(135deg,#0db9b5,#08aeb9)}.btn.small{min-height:42px;padding:0 20px}.btn.demo{background:#fff;color:var(--ink);border:1px solid #d6e3ea}.btn.demo i{color:var(--teal);font-style:normal}.btn.outline{background:#eefafb;border:1px solid #aee6e6;color:#078b8d}.btn.full{width:100%}.hamb{display:none;border:0;background:none;font-size:26px}.hero{min-height:500px;background:radial-gradient(circle at 75% 30%,rgba(12,191,190,.12),transparent 32%),linear-gradient(90deg,#fff 0%,#fff 46%,#f7fcfc 100%);overflow:hidden}.hero-grid{min-height:500px;display:grid;grid-template-columns:42% 58%;align-items:center}.hero-copy{padding:48px 0 34px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:900;color:#3b6278}.hero h1{font-size:54px;line-height:.98;letter-spacing:-.045em;margin:12px 0 20px;color:#071f3b}.hero h1 em,.final-cta em{font-style:normal;color:#0cafb2}.hero-copy>p{font-size:17px;line-height:1.5;color:#4f647a;max-width:540px}.hero-actions{display:flex;gap:12px;margin:24px 0 18px}.micro{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#61768a}.micro span::first-letter{color:var(--teal)}.hero-media{height:430px;display:flex;align-items:center;justify-content:flex-end}.hero-media img{width:100%;max-width:670px;height:100%;object-fit:contain;object-position:right center;filter:drop-shadow(0 24px 30px rgba(11,35,49,.15));transform:scale(1.08);transform-origin:right center}.benefits{border-top:1px solid #e8f0f4;border-bottom:1px solid #e8f0f4;background:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefit-grid article{min-height:92px;display:flex;align-items:center;gap:14px;padding:18px 20px;border-right:1px solid #e8f0f4}.benefit-grid article:first-child{border-left:1px solid #e8f0f4}.benefit-grid i{width:44px;height:44px;border-radius:10px;background:#edfafa;color:#0ab2b2;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:22px}.benefit-grid i.youtube{color:#fff;background:#ff1738}.benefit-grid b,.benefit-grid span{display:block}.benefit-grid b{font-size:14px;margin-bottom:3px}.benefit-grid span{font-size:12px;color:#6a7d90;line-height:1.35}.pricing{padding:56px 0 38px}.section-head{text-align:center;margin-bottom:30px}.section-head h2{font-size:34px;letter-spacing:-.035em;margin:8px 0;color:#071f3b}.section-head p{color:#65798d;margin:0}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{border:1px solid #dce9ef;border-radius:12px;padding:24px;background:#fff;box-shadow:0 10px 32px rgba(11,38,58,.04);position:relative;display:flex;flex-direction:column;min-height:420px}.price-card.featured{border:2px solid #10b9b8;background:linear-gradient(180deg,#f5ffff,#fff)}.pill{align-self:flex-start;border-radius:18px;padding:5px 9px;background:#dff9f5;color:#079c97;font-weight:850;font-size:12px}.pill.pale{background:#eaf6fa;color:#17384d}.most{position:absolute;right:16px;top:-13px;background:#10b9b8;color:#fff;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:900}.price{font-size:38px;font-weight:900;letter-spacing:-.04em;margin:12px 0 0}.price small{font-size:16px;font-weight:600}.price-card>p{color:#425b72;margin:2px 0 14px;min-height:40px}.price-card hr{border:0;border-top:1px solid #e8eff3;width:100%}.price-card ul{list-style:none;padding:6px 0 16px;margin:0;flex:1}.price-card li{padding:7px 0;font-size:13px;color:#3f566c}.price-card li:before,.checks li:before{content:"✓";color:#0bb5b3;font-weight:900;margin-right:10px}.agency{margin-top:18px;border:1px solid #dce9ef;border-radius:12px;display:grid;grid-template-columns:1.25fr 1.3fr .5fr;gap:20px;align-items:center;padding:20px 24px}.agency-title{display:flex;gap:14px;align-items:center}.agency-title i{width:48px;height:48px;border-radius:10px;background:#eef8fb;display:grid;place-items:center;font-style:normal;font-size:26px}.agency-title b,.agency-title span{display:block}.agency-title span{font-size:12px;color:#6d8091;margin-top:4px}.agency-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;color:#486078}.agency-list span{color:#486078}.agency-price{text-align:right}.agency-price b{font-size:28px;display:block}.agency-price small{font-size:13px}.agency-price a{display:inline-block;background:#061d38;color:#fff;text-decoration:none;padding:10px 20px;border-radius:7px;font-weight:800;margin-top:8px}.numbers{background:linear-gradient(90deg,#eefbff,#fff);padding:54px 0}.numbers-grid{display:grid;grid-template-columns:42% 58%;align-items:center;gap:50px}.numbers h2{font-size:38px;line-height:1.06;letter-spacing:-.04em;margin:10px 0 18px}.numbers p{color:#60758a;line-height:1.55}.checks{list-style:none;padding:0;margin:18px 0}.checks li{padding:5px 0}.numbers-media img{width:100%;display:block;border-radius:10px;box-shadow:0 15px 35px rgba(8,40,60,.08)}.features{padding:34px 0 46px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid article{border:1px solid #deebf0;border-radius:12px;overflow:hidden;background:#fff;position:relative;padding-bottom:16px}.feature-grid img{width:100%;height:120px;object-fit:cover}.feature-grid h3{font-size:17px;margin:14px 16px 5px}.feature-grid p{font-size:13px;line-height:1.45;color:#60758a;margin:0 16px 10px;min-height:56px}.feature-grid button{position:absolute;right:14px;bottom:14px;width:32px;height:32px;border:1px solid #0cb5b4;color:#0cb5b4;background:#fff;border-radius:50%;cursor:pointer}.goal-card{padding-top:14px}.goal-card .goal-icon{position:absolute;left:18px;top:20px;width:42px;height:42px;border-radius:50%;background:#eef2ff;color:#5951ff;display:grid;place-items:center}.goal-card>div:nth-child(2){margin:10px 16px 4px 76px}.goal-card small,.goal-card strong{display:block}.goal-card strong{font-size:26px}.progress{height:7px;background:#e7eef2;border-radius:20px;margin-top:6px;overflow:hidden}.progress i{display:block;width:77%;height:100%;background:#0bb7b5}.goal-card span{font-size:11px;color:#75879a}.testimonials{padding:18px 0 48px}.section-head.compact{margin-bottom:20px}.section-head.compact h2{font-size:28px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial-grid article{border:1px solid #deebf0;border-radius:12px;padding:18px;display:grid;grid-template-columns:58px 1fr;column-gap:14px}.testimonial-grid .avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#d8e5eb;font-weight:900;font-size:22px;grid-row:1/4}.testimonial-grid .woman{background:#f3dfd6}.testimonial-grid .dark{background:#ccd2d7}.testimonial-grid p{font-size:13px;margin:0 0 8px;line-height:1.45}.testimonial-grid b{font-size:12px}.testimonial-grid span{font-size:11px;color:#6e8192}.faq{padding:50px 0;background:#fbfdfe}.faq-list{max-width:820px;margin:auto}.faq details{border:1px solid #dce8ef;border-radius:10px;background:#fff;margin:12px 0;padding:0 18px}.faq summary{cursor:pointer;padding:18px 0;font-weight:850}.faq details p{color:#60758a;padding:0 0 18px;margin:0}.final-cta{background:linear-gradient(90deg,#061d38,#082947);color:#fff;padding:40px 0;position:relative;overflow:hidden}.final-cta:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,rgba(8,190,190,.2),transparent 30%)}.final-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:40px}.final-cta h2{font-size:34px;line-height:1.1;margin:0 0 10px}.final-cta p{color:#c5d2dd}.final-grid>div:last-child{text-align:right}.micro.light{color:#c8d7e0;justify-content:flex-end;margin-top:12px}.modal{position:fixed;inset:0;background:rgba(3,19,34,.55);z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.modal.open{display:flex}.modal-box{width:min(680px,100%);background:#fff;border-radius:16px;padding:28px;position:relative}.modal-box .close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:30px;cursor:pointer}.modal-box img{width:100%;margin:16px 0;border-radius:10px}
@media(max-width:900px){.va-wrap{width:min(100% - 30px,720px)}.va-nav{gap:20px}.va-nav nav,.login{display:none}.hamb{display:block}.va-nav-actions{margin-left:auto}.hero-grid,.numbers-grid,.final-grid{grid-template-columns:1fr}.hero{padding-top:10px}.hero-grid{padding-bottom:28px}.hero-copy{padding-bottom:0}.hero h1{font-size:48px}.hero-media{height:auto;margin-top:10px}.hero-media img{max-width:100%;transform:none}.benefit-grid{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr}.agency{grid-template-columns:1fr}.agency-price{text-align:left}.feature-grid{grid-template-columns:1fr 1fr}.testimonial-grid{grid-template-columns:1fr}.numbers-grid{gap:28px}.final-grid>div:last-child{text-align:left}.micro.light{justify-content:flex-start}}
@media(max-width:560px){.va-header{height:66px}.va-logo img{width:135px}.btn.small{display:none}.hero h1{font-size:40px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.micro{gap:8px 14px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{border-left:1px solid #e8f0f4}.section-head h2,.numbers h2{font-size:30px}.feature-grid{grid-template-columns:1fr}.agency-list{grid-template-columns:1fr}.final-cta h2{font-size:29px}.price-card{min-height:0}}
/* v3.1 faithful hero rebuild */
.hero{min-height:620px;background:linear-gradient(90deg,#fff 0 47%,rgba(248,246,241,.82) 62%,rgba(236,246,246,.95) 100%);position:relative}
.hero:after{content:"";position:absolute;right:0;top:0;width:54%;height:100%;background:linear-gradient(90deg,rgba(235,225,214,.18),rgba(255,255,255,.05)),radial-gradient(circle at 78% 20%,rgba(183,164,145,.22),transparent 24%);pointer-events:none}
.hero-grid{min-height:620px;grid-template-columns:38% 62%;position:relative;z-index:1}.hero-copy{padding:64px 0 46px}.hero h1{font-size:58px;line-height:1.02;margin:14px 0 20px;max-width:520px}.hero-copy>p{max-width:520px;font-size:16px}.hero-media{height:520px;overflow:visible;align-self:end;position:relative}.desk-scene{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;position:relative}.desk-scene:before{content:"";position:absolute;right:-8%;bottom:0;width:104%;height:92%;background:linear-gradient(135deg,rgba(236,224,211,.42),rgba(255,255,255,.04) 38%,rgba(219,231,229,.36));border-radius:80px 0 0 0;filter:blur(.2px)}
.laptop{position:relative;width:min(780px,100%);margin:0 0 20px auto;z-index:2;filter:drop-shadow(0 26px 25px rgba(21,31,35,.24));transform:perspective(1400px) rotateY(-1deg)}.screen{background:#111;border:12px solid #15191b;border-bottom-width:16px;border-radius:18px 18px 8px 8px;padding:3px;box-shadow:inset 0 0 0 1px #555}.screen:before{content:"";position:absolute;top:6px;left:50%;width:5px;height:5px;background:#333;border-radius:50%}.dash{height:405px;background:#f7fafc;border-radius:6px;overflow:hidden;display:grid;grid-template-columns:142px 1fr;font-size:10px}.dash aside{background:#fff;border-right:1px solid #e6edf1;padding:18px 12px;display:flex;flex-direction:column;gap:9px}.dash aside img{width:98px;margin:0 auto 10px}.dash aside b,.dash aside span{padding:7px 9px;border-radius:7px;color:#51677b;font-size:9px}.dash aside b{background:#e9f6ff;color:#176adf}.dash section{padding:14px 16px}.dash section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.dash header strong{font-size:13px}.dash header small{display:block;color:#7c8d9a;margin-top:2px}.dash-actions{display:flex;gap:7px;align-items:center}.dash-actions button{border:1px solid #e1eaee;background:#fff;border-radius:6px;padding:7px 9px;font-size:8px;font-weight:700;color:#41566a}.dash-actions button:nth-child(2){background:#12b8b3;color:#fff;border-color:#12b8b3}.dash-actions i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f2b483;font-style:normal}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.kpis article{background:#fff;border:1px solid #e4edf1;border-radius:8px;padding:11px 12px;position:relative;min-height:74px}.kpis small{color:#718396}.kpis strong{font-size:16px;display:block;margin:3px 0}.kpis em{font-style:normal;color:#0bb69b;font-weight:800}.kpis em.down{color:#ff5069}.bars{position:absolute;right:10px;bottom:12px;width:36px;height:31px;background:linear-gradient(to right,transparent 0 8%,currentColor 8% 20%,transparent 20% 28%,currentColor 28% 44%,transparent 44% 52%,currentColor 52% 70%,transparent 70% 78%,currentColor 78% 100%);clip-path:polygon(0 100%,0 78%,20% 78%,20% 60%,44% 60%,44% 43%,70% 43%,70% 22%,100% 22%,100% 100%)}.bars.teal{color:#10b8a6}.bars.red{color:#ff4f70}.bars.blue{color:#3e7be9}.dash-bottom{display:grid;grid-template-columns:1fr 180px;gap:9px;margin-top:9px}.dash-bottom>article{background:#fff;border:1px solid #e4edf1;border-radius:8px;padding:11px}.dash h4{font-size:11px;margin:0 0 7px}.filters{display:flex;gap:5px;align-items:center}.filters span,.filters b{font-size:7px;padding:5px 7px;border-radius:5px;background:#f4f7fa;color:#66798c}.filters b{color:#2872e4;background:#edf4ff}.chart svg{width:100%;height:205px;margin-top:4px}.ring{width:92px;height:92px;border-radius:50%;margin:10px auto 12px;background:conic-gradient(#16b9b3 0 34%,#3d7ce7 34% 72%,#ffbf35 72% 88%,#ff6177 88% 100%);position:relative;display:grid;place-items:center}.ring:after{content:"";position:absolute;width:58px;height:58px;background:#fff;border-radius:50%}.ring b,.ring small{position:absolute;z-index:1}.ring b{font-size:10px;top:35px}.ring small{font-size:7px;top:49px;color:#758696}.donut ul{list-style:none;margin:0;padding:0}.donut li{font-size:7px;display:flex;align-items:center;gap:5px;margin:5px 0}.donut li i{width:6px;height:6px;border-radius:50%;background:#3d7ce7}.donut li:nth-child(2) i{background:#ffbf35}.donut li:nth-child(3) i{background:#ff6177}.donut li:nth-child(4) i{background:#16b9b3}.donut li b{margin-left:auto}.laptop-base{height:20px;width:106%;margin-left:-3%;background:linear-gradient(#cfd1d1,#777 45%,#c9c9c9 52%,#8c8c8c);border-radius:2px 2px 50% 50%;box-shadow:0 8px 10px rgba(0,0,0,.25)}
@media(max-width:1100px){.hero-grid{grid-template-columns:43% 57%}.hero h1{font-size:48px}.dash{height:350px;grid-template-columns:120px 1fr}.chart svg{height:155px}.hero-media{height:450px}.laptop{width:650px}}
@media(max-width:900px){.hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:50px 0 20px}.hero-media{height:auto;padding:10px 0 34px}.laptop{width:100%;margin:0}.dash{height:390px}.desk-scene:before{display:none}}
@media(max-width:620px){.dash{height:280px;grid-template-columns:88px 1fr;font-size:7px}.dash aside{padding:10px 6px;gap:4px}.dash aside img{width:72px}.dash aside b,.dash aside span{font-size:6px;padding:4px}.dash section{padding:8px}.dash header strong{font-size:8px}.dash-actions button{font-size:5px;padding:4px}.kpis article{padding:6px;min-height:54px}.kpis strong{font-size:10px}.bars{transform:scale(.7);transform-origin:right bottom}.dash-bottom{grid-template-columns:1fr 110px}.chart svg{height:100px}.ring{width:58px;height:58px}.ring:after{width:38px;height:38px}.ring b{font-size:6px;top:21px}.ring small{font-size:5px;top:30px}.donut li{font-size:5px}.laptop{filter:drop-shadow(0 14px 15px rgba(21,31,35,.18))}.screen{border-width:7px;border-bottom-width:10px}}

/* v3.2 — responsive hero polish (MacBook/Desktop/Tablet/Mobile) */
@media (min-width:901px){
  .va-wrap{width:min(1380px,calc(100% - 72px))}
  .va-header{height:88px}
  body.admin-bar .va-header{top:32px}
  .va-nav{gap:62px}
  .va-logo img{width:184px}
  .va-nav nav{gap:38px}
  .hero{min-height:0;overflow:hidden}
  .hero-grid{min-height:calc(100svh - 88px - 96px);max-height:720px;grid-template-columns:minmax(430px,41%) minmax(0,59%);gap:26px;align-items:center}
  .hero-copy{padding:44px 0 38px;align-self:center;position:relative;z-index:3}
  .hero h1{font-size:clamp(54px,3.55vw,66px);line-height:1.02;max-width:590px;margin:16px 0 24px}
  .hero-copy>p{font-size:17px;line-height:1.52;max-width:570px}
  .hero-actions{display:grid;grid-template-columns:minmax(245px,285px) minmax(210px,245px);gap:14px;margin:26px 0 20px}
  .hero-actions .btn{width:100%;white-space:nowrap;min-height:56px;font-size:16px}
  .micro{gap:22px;flex-wrap:nowrap;white-space:nowrap;font-size:12px}
  .hero-media{height:min(535px,60vw);min-height:430px;width:100%;align-self:center;justify-content:center;overflow:visible;margin:0}
  .desk-scene{align-items:center;justify-content:center}
  .desk-scene:before{right:-18%;bottom:-8%;width:120%;height:105%;border-radius:90px 0 0 0}
  .laptop{width:min(800px,100%);margin:0;transform:none;filter:drop-shadow(0 24px 24px rgba(21,31,35,.20))}
  .dash{height:405px}
  .benefit-grid article{min-height:96px}
}

@media (min-width:1440px) and (max-height:950px){
  .hero-grid{min-height:620px;max-height:650px}
  .hero-media{height:500px;min-height:0}
  .laptop{width:min(760px,100%)}
  .dash{height:382px}
  .chart svg{height:180px}
}

@media (min-width:1181px) and (max-width:1439px){
  .va-wrap{width:min(1240px,calc(100% - 56px))}
  .hero-grid{grid-template-columns:40% 60%;gap:20px;min-height:590px;max-height:640px}
  .hero h1{font-size:52px}
  .hero-copy>p{font-size:15px}
  .hero-actions{grid-template-columns:minmax(220px,260px) minmax(190px,220px)}
  .hero-actions .btn{font-size:14px;min-height:52px}
  .micro{gap:14px;font-size:11px}
  .hero-media{height:470px;min-height:0}
  .laptop{width:min(700px,100%)}
  .dash{height:352px;grid-template-columns:122px 1fr}
  .chart svg{height:150px}
}

@media (min-width:901px) and (max-width:1180px){
  .va-wrap{width:min(100% - 42px,1060px)}
  .va-header{height:78px}
  .va-nav{gap:28px}.va-logo img{width:155px}.va-nav nav{gap:22px}
  .hero-grid{grid-template-columns:42% 58%;gap:18px;min-height:540px;max-height:none}
  .hero h1{font-size:45px}.hero-copy>p{font-size:14px}
  .hero-actions{grid-template-columns:1fr 1fr;gap:10px}.hero-actions .btn{font-size:13px;padding:0 14px;min-height:50px}
  .micro{white-space:normal;gap:8px 14px;font-size:10px}
  .hero-media{height:420px;min-height:0}
  .laptop{width:min(620px,100%)}
  .dash{height:315px;grid-template-columns:108px 1fr}.chart svg{height:125px}
}

@media (max-width:900px){
  body.admin-bar .va-header{top:46px}
  .hero{overflow:hidden}
  .hero-grid{display:flex;flex-direction:column;min-height:0}
  .hero-copy{width:100%;padding:46px 0 22px;text-align:left}
  .hero h1{font-size:clamp(42px,8vw,58px);max-width:680px}
  .hero-copy>p{max-width:650px}
  .hero-actions{display:flex;max-width:560px}
  .hero-actions .btn{white-space:nowrap}
  .hero-media{width:100%;padding:12px 0 40px;margin:0;overflow:visible}
  .desk-scene{width:100%;justify-content:center}
  .laptop{width:min(760px,100%);margin:0 auto;transform:none}
}

@media (max-width:620px){
  body.admin-bar .va-header{top:0}
  .va-wrap{width:calc(100% - 28px)}
  .hero-copy{padding:34px 0 14px}
  .eyebrow{font-size:10px;letter-spacing:.14em}
  .hero h1{font-size:clamp(38px,12.2vw,50px);line-height:1.01;margin:12px 0 18px}
  .hero-copy>p{font-size:15px;line-height:1.5}
  .hero-actions{display:grid;grid-template-columns:1fr;margin:22px 0 16px;gap:10px}
  .hero-actions .btn{min-height:52px;font-size:14px;white-space:normal}
  .micro{display:grid;grid-template-columns:1fr;gap:7px;font-size:11px}
  .hero-media{padding:8px 0 28px}
  .laptop{width:112%;margin-left:-6%}
  .benefit-grid article{min-height:78px}
}

@media (max-width:380px){
  .hero h1{font-size:36px}
  .laptop{width:118%;margin-left:-9%}
}

/* v3.3 — premium first-fold: larger copy, full benefits visible, subtle motion */
@keyframes vaChartDraw{0%{stroke-dashoffset:900}18%{stroke-dashoffset:900}72%,100%{stroke-dashoffset:0}}
@keyframes vaAreaIn{0%,18%{opacity:0}65%,100%{opacity:1}}
@keyframes vaBarsRise{0%,18%{transform:scaleY(.12);opacity:.35}55%,100%{transform:scaleY(1);opacity:1}}
@keyframes vaSoftFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes vaGlowSweep{0%,18%{transform:translateX(-145%) skewX(-16deg);opacity:0}28%{opacity:.22}52%,100%{transform:translateX(245%) skewX(-16deg);opacity:0}}
@keyframes vaKpiPulse{0%,70%,100%{box-shadow:0 0 0 rgba(13,185,181,0)}82%{box-shadow:0 0 22px rgba(13,185,181,.12)}}

@media (min-width:901px){
  .va-header{height:78px}
  .va-wrap{width:min(1420px,calc(100% - 72px))}
  .va-logo img{width:176px}
  .hero{min-height:0}
  .hero-grid{
    height:calc(100svh - 78px - 96px);
    min-height:570px;
    max-height:720px;
    grid-template-columns:minmax(500px,42%) minmax(0,58%);
    gap:18px;
    align-items:center;
  }
  .hero-copy{padding:18px 0 16px;align-self:center}
  .hero .eyebrow{font-size:13px;letter-spacing:.19em}
  .hero h1{font-size:clamp(62px,4.15vw,76px);line-height:.98;letter-spacing:-.052em;max-width:650px;margin:15px 0 24px}
  .hero-copy>p{font-size:18px;line-height:1.52;max-width:610px}
  .hero-actions{margin:24px 0 18px;grid-template-columns:minmax(260px,300px) minmax(220px,255px)}
  .hero-actions .btn{min-height:56px}
  .micro{font-size:12px;gap:18px}
  .hero-media{height:min(520px,calc(100svh - 205px));min-height:430px;align-self:center}
  .laptop{width:min(820px,100%);animation:vaSoftFloat 7s ease-in-out infinite}
  .screen{position:relative;overflow:hidden}
  .screen:after{content:"";position:absolute;z-index:8;top:-15%;bottom:-15%;left:0;width:19%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);filter:blur(8px);animation:vaGlowSweep 8s ease-in-out infinite}
  .benefit-grid article{min-height:96px;padding-top:14px;padding-bottom:14px}
}

/* dashboard motion — intentionally restrained, like a real finance product */
.chart svg path:last-child{stroke-dasharray:900;stroke-dashoffset:900;animation:vaChartDraw 5.8s cubic-bezier(.2,.75,.25,1) infinite}
.chart svg path:first-of-type{animation:vaAreaIn 5.8s ease infinite}
.bars{transform-origin:bottom;animation:vaBarsRise 4.8s cubic-bezier(.2,.75,.25,1) infinite}
.kpis article:nth-child(1){animation:vaKpiPulse 7s ease-in-out infinite}
.kpis article:nth-child(2){animation:vaKpiPulse 7s 1.1s ease-in-out infinite}
.kpis article:nth-child(3){animation:vaKpiPulse 7s 2.2s ease-in-out infinite}
.ring{transition:transform .35s ease,filter .35s ease}
.laptop:hover .ring{transform:rotate(5deg) scale(1.025);filter:drop-shadow(0 5px 10px rgba(13,185,181,.14))}

@media (min-width:1440px) and (max-height:950px){
  .hero-grid{height:calc(100svh - 78px - 96px);min-height:570px;max-height:670px}
  .hero-copy{padding:10px 0}
  .hero h1{font-size:clamp(60px,4vw,72px);margin:13px 0 20px}
  .hero-copy>p{font-size:17px}
  .hero-actions{margin:20px 0 15px}
  .hero-media{height:min(500px,calc(100svh - 190px));min-height:420px}
  .laptop{width:min(790px,100%)}
}

@media (min-width:1181px) and (max-width:1439px){
  .va-header{height:76px}
  .hero-grid{height:calc(100svh - 76px - 92px);min-height:555px;max-height:650px;grid-template-columns:minmax(440px,41%) minmax(0,59%)}
  .hero h1{font-size:clamp(55px,4.25vw,64px);max-width:570px}
  .hero-copy>p{font-size:16px}
  .hero-media{height:min(470px,calc(100svh - 190px));min-height:395px}
  .laptop{width:min(720px,100%)}
  .benefit-grid article{min-height:92px}
}

@media (min-width:901px) and (max-width:1180px){
  .hero-grid{height:auto;min-height:545px;grid-template-columns:42% 58%}
  .hero h1{font-size:48px}
  .hero-copy>p{font-size:14px}
}

@media (prefers-reduced-motion:reduce){
  .laptop,.chart svg path,.bars,.kpis article,.screen:after{animation:none!important}
}


/* v3.4 — stronger hero typography + continuous benefit carousel */
@keyframes vaBenefitsMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.benefits-slider{overflow:hidden;position:relative;background:#fff}
.benefits-slider:before,.benefits-slider:after{content:"";position:absolute;top:0;bottom:0;width:55px;z-index:4;pointer-events:none}
.benefits-slider:before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.benefits-slider:after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.benefit-track{display:flex;width:max-content;will-change:transform;animation:vaBenefitsMarquee 27s linear infinite}
.benefit-set{display:flex;flex:none}
.benefit-set article{width:340px;min-height:96px;display:flex;align-items:center;gap:14px;padding:16px 28px;border-right:1px solid #e8f0f4;background:#fff}
.benefit-set i{flex:0 0 44px;width:44px;height:44px;border-radius:10px;background:#edfafa;color:#0ab2b2;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:22px}
.benefit-set i.youtube{color:#fff;background:#ff1738}
.benefit-set i.invoice{background:#eaf2ff;color:#256be5}
.benefit-set b,.benefit-set span{display:block}
.benefit-set b{font-size:15px;margin-bottom:3px}
.benefit-set span{font-size:12px;color:#6a7d90;line-height:1.35;max-width:230px}
.benefits-slider:hover .benefit-track{animation-play-state:paused}

@media (min-width:1440px){
  .hero-grid{grid-template-columns:minmax(590px,44%) minmax(0,56%)}
  .hero h1{font-size:clamp(70px,4.65vw,84px);max-width:720px;line-height:.965}
  .hero-copy>p{font-size:19px;max-width:650px}
}
@media (min-width:1181px) and (max-width:1439px){
  .hero h1{font-size:clamp(61px,4.7vw,70px);max-width:620px}
  .hero-copy>p{font-size:17px;max-width:580px}
}
@media (max-width:900px){
  .benefit-set article{width:290px;min-height:86px;padding:14px 20px}
  .benefit-track{animation-duration:24s}
}
@media (max-width:560px){
  .hero h1{font-size:clamp(44px,13vw,58px)}
  .benefit-set article{width:270px}
  .benefits-slider:before,.benefits-slider:after{width:24px}
}
@media (prefers-reduced-motion:reduce){.benefit-track{animation:none!important}}

/* v3.5 — wider/larger hero message + 70% slower benefit carousel */
.benefit-track{animation-duration:90s}
@media (min-width:1440px){
  .hero-grid{grid-template-columns:minmax(680px,47%) minmax(0,53%);gap:10px}
  .hero-copy{margin-right:-55px}
  .hero .eyebrow{font-size:15px;letter-spacing:.20em;white-space:nowrap}
  .hero h1{font-size:clamp(78px,5.15vw,94px);max-width:810px;line-height:.94;letter-spacing:-.058em}
  .hero-copy>p{font-size:19px;max-width:680px}
}
@media (min-width:1181px) and (max-width:1439px){
  .hero-grid{grid-template-columns:minmax(520px,44%) minmax(0,56%);gap:10px}
  .hero-copy{margin-right:-30px}
  .hero .eyebrow{font-size:13px;white-space:nowrap}
  .hero h1{font-size:clamp(66px,5vw,76px);max-width:700px;line-height:.96}
}
@media (max-width:900px){.benefit-track{animation-duration:80s}}

/* v3.6 — restore wide laptop + more breathing room on the left */
@media (min-width:1440px){
  .hero .va-wrap{width:min(1540px,calc(100% - 104px));}
  .hero-grid{grid-template-columns:minmax(650px,44%) minmax(0,56%);gap:18px;}
  .hero-copy{margin-right:-35px;padding-left:0;}
  .hero-media{justify-content:flex-end;overflow:visible;}
  .hero-media .laptop{width:min(900px,62vw);max-width:none;flex:0 0 auto;}
}
@media (min-width:1181px) and (max-width:1439px){
  .hero .va-wrap{width:min(1280px,calc(100% - 72px));}
  .hero-grid{grid-template-columns:minmax(500px,43%) minmax(0,57%);gap:14px;}
  .hero-copy{margin-right:-20px;}
  .hero-media{justify-content:flex-end;overflow:visible;}
  .hero-media .laptop{width:min(790px,61vw);max-width:none;flex:0 0 auto;}
}

/* v3.7 — balanced desktop hero: large copy, contained laptop, no overlap */
@media (min-width:1440px){
  .hero .va-wrap{width:min(1540px,calc(100% - 120px));}
  .hero-grid{grid-template-columns:minmax(610px,43%) minmax(0,57%);gap:42px;}
  .hero-copy{margin-right:0;padding-left:0;min-width:0;}
  .hero .eyebrow{font-size:15px;}
  .hero h1{font-size:clamp(76px,4.75vw,88px);max-width:760px;}
  .hero-copy>p{max-width:650px;}
  .hero-media{justify-content:flex-end;overflow:visible;min-width:0;}
  .hero-media .laptop{width:min(830px,100%);max-width:830px;flex:0 1 auto;margin-left:auto;}
}
@media (min-width:1181px) and (max-width:1439px){
  .hero .va-wrap{width:min(1280px,calc(100% - 80px));}
  .hero-grid{grid-template-columns:minmax(500px,43%) minmax(0,57%);gap:28px;}
  .hero-copy{margin-right:0;min-width:0;}
  .hero-media{justify-content:flex-end;min-width:0;overflow:visible;}
  .hero-media .laptop{width:min(720px,100%);max-width:720px;flex:0 1 auto;margin-left:auto;}
}

/* v3.8 — interactive hero dashboard + immersive 70% demo */
.hero:after{content:"";position:absolute;z-index:0;top:0;bottom:0;left:39%;width:22%;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(252,252,250,.78) 34%,rgba(244,250,249,.58) 67%,rgba(236,248,247,0));filter:blur(18px)}
.hero-grid{position:relative;z-index:1}
.dash button,.dash .filters>* ,.dash aside b,.dash aside span{cursor:pointer;transition:.2s ease}
.dash button:hover,.dash .filters>*:hover{transform:translateY(-1px);filter:brightness(.98)}
.dash aside .nav-active{background:#eaf6ff;color:#1670df;border-radius:6px;font-weight:800}
.filters .active{color:#2872e4!important;background:#edf4ff!important;font-weight:800}
.va-demo-pop{position:absolute;z-index:40;top:calc(100% + 7px);right:0;min-width:160px;padding:6px;background:#fff;border:1px solid #dfe9ee;border-radius:9px;box-shadow:0 14px 35px rgba(11,34,53,.16);display:grid;gap:3px}
.va-demo-pop button{display:block;width:100%;text-align:left;border:0!important;background:#fff!important;color:#17324a!important;padding:8px 9px!important;border-radius:6px!important;font-size:9px!important;white-space:nowrap}
.va-demo-pop button:hover{background:#f0f8f8!important;color:#079e9b!important}
.dash-actions button,.filters>span{position:relative}
.va-income-pop{min-width:205px;padding:12px;gap:8px}.va-income-pop>b{font-size:11px}.va-income-pop label{display:grid;gap:3px;font-size:8px;color:#65788a}.va-income-pop input{width:100%;border:1px solid #dfe9ee;border-radius:6px;padding:7px;font:inherit;color:#132c43}.va-income-pop .save-income{background:#10b8b3!important;color:#fff!important;text-align:center!important}
.demo-pulse{animation:demoPulse .5s ease}@keyframes demoPulse{50%{box-shadow:0 0 0 4px rgba(16,184,179,.14)}}
.chart.bar-mode svg path:first-of-type{opacity:.12}.chart.bar-mode svg path:last-of-type{stroke-width:8;stroke-dasharray:8 10}
body.demo-open{overflow:hidden}
.demo-modal{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center;justify-content:center;padding:3vh 3vw;background:rgba(5,22,36,.38)!important;backdrop-filter:blur(15px) saturate(.85);-webkit-backdrop-filter:blur(15px) saturate(.85);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s ease}
.demo-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.demo-shell{width:min(1180px,76vw);height:min(760px,82vh);background:#f7fafb;border:1px solid rgba(255,255,255,.8);border-radius:22px;box-shadow:0 35px 100px rgba(3,20,33,.32);overflow:hidden;display:grid;grid-template-rows:62px 1fr 38px;transform:scale(.72) translateY(28px);opacity:0;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
.demo-modal.open .demo-shell{transform:scale(1) translateY(0);opacity:1}
.demo-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fff;border-bottom:1px solid #e4edf1}.demo-topbar>div{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center}.demo-topbar b{font-size:14px}.demo-topbar small{grid-column:2;color:#718396;font-size:11px}.demo-live-dot{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:#11b8a8;box-shadow:0 0 0 6px rgba(17,184,168,.1);animation:demoDot 1.8s ease infinite}@keyframes demoDot{50%{box-shadow:0 0 0 10px rgba(17,184,168,0)}}
.demo-topbar .close{position:static!important;width:38px;height:38px;border:0;border-radius:50%;background:#eef4f6;color:#17324a;font-size:25px;line-height:1;cursor:pointer}.demo-topbar .close:hover{background:#e3edef}
.demo-stage{min-height:0;padding:18px 20px 8px;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.demo-stage .dash{width:100%;height:100%;max-width:none;border:1px solid #dfe9ee;border-radius:14px;box-shadow:0 14px 40px rgba(20,44,61,.08);font-size:12px;grid-template-columns:175px 1fr}.demo-stage .dash aside{padding:22px 15px;gap:7px}.demo-stage .dash aside img{width:130px;margin-bottom:10px}.demo-stage .dash aside b,.demo-stage .dash aside span{font-size:11px;padding:9px 10px}.demo-stage .dash section{padding:18px}.demo-stage .dash header strong{font-size:17px}.demo-stage .dash header small{font-size:11px}.demo-stage .dash-actions button{font-size:10px;padding:9px 11px}.demo-stage .dash-actions i{width:31px;height:31px}.demo-stage .kpis article{min-height:92px;padding:14px}.demo-stage .kpis strong{font-size:21px}.demo-stage .bars{transform:scale(1.2);transform-origin:right bottom}.demo-stage .dash-bottom{grid-template-columns:1fr 230px}.demo-stage .dash h4{font-size:14px}.demo-stage .filters span,.demo-stage .filters b{font-size:9px;padding:7px 9px}.demo-stage .chart svg{height:calc(100% - 55px);min-height:210px}.demo-stage .ring{width:125px;height:125px}.demo-stage .ring:after{width:78px;height:78px}.demo-stage .ring b{font-size:13px;top:48px}.demo-stage .ring small{font-size:8px;top:65px}.demo-stage .donut li{font-size:9px;margin:7px 0}.demo-hint{display:flex;align-items:center;justify-content:center;gap:10px;color:#6e8292;font-size:11px}.demo-hint span{color:#9aacb8}
@media(max-width:1100px){.demo-shell{width:92vw;height:82vh}.demo-stage .dash{grid-template-columns:140px 1fr}.demo-stage .dash aside b,.demo-stage .dash aside span{font-size:9px}.demo-stage .dash-bottom{grid-template-columns:1fr 190px}}
@media(max-width:760px){.demo-modal{padding:2vh 2vw}.demo-shell{width:96vw;height:88vh;border-radius:16px;grid-template-rows:54px 1fr 34px}.demo-stage{padding:10px;overflow:auto;align-items:flex-start}.demo-stage .dash{min-width:760px;height:560px}.demo-hint{font-size:9px;padding:0 8px}.demo-topbar small{display:none}}
@media(prefers-reduced-motion:reduce){.demo-shell,.demo-live-dot{animation:none!important;transition:none!important}}

/* v3.9 — demo lives inside the same laptop, with real navigable sections */
.demo-shell{width:min(1240px,82vw);height:min(820px,88vh);background:transparent;border:0;box-shadow:none;overflow:visible;display:grid;grid-template-rows:48px 1fr 34px}
.demo-topbar{background:rgba(255,255,255,.92);border:1px solid rgba(220,233,239,.95);border-radius:14px;margin:0 auto 8px;width:min(760px,80%);box-shadow:0 10px 35px rgba(3,20,33,.12)}
.demo-stage{padding:0 24px;overflow:visible;align-items:center}
.demo-stage .demo-laptop{position:relative;width:min(1120px,100%);margin:auto;filter:drop-shadow(0 34px 35px rgba(11,26,35,.34));transform:none}
.demo-stage .demo-laptop .screen{border-width:14px;border-bottom-width:18px;border-radius:20px 20px 9px 9px;background:#111;padding:3px;position:relative;overflow:hidden}
.demo-stage .demo-laptop .laptop-base{height:24px}
.demo-stage .dash{height:min(610px,66vh);border:0;border-radius:6px;box-shadow:none;grid-template-columns:175px 1fr}
.demo-stage .dash aside b,.demo-stage .dash aside span{cursor:pointer;transition:.18s ease}
.demo-stage .dash aside b:hover,.demo-stage .dash aside span:hover{background:#eef7fb;color:#176adf;transform:translateX(2px)}
.demo-stage .dash aside .nav-active{background:#e9f6ff;color:#176adf;font-weight:800}
.demo-view{height:100%;min-height:0;overflow:auto}.demo-page{animation:demoPageIn .25s ease}.demo-page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.demo-page-title h3{font-size:22px;margin:0;color:#0a2740}.demo-page-title p{margin:4px 0 0;color:#7b8e9d;font-size:11px}.demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.demo-card{background:#fff;border:1px solid #e3edf1;border-radius:12px;padding:16px;min-height:112px}.demo-card h4{font-size:13px!important;margin:0 0 8px!important}.demo-card strong{font-size:24px;display:block;color:#0a2740}.demo-card p{font-size:11px;color:#6d8191;line-height:1.5;margin:5px 0}.demo-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf2f4;padding:10px 0;font-size:11px}.demo-row:first-of-type{border-top:0}.demo-pill{padding:5px 8px;border-radius:999px;background:#e7faf5;color:#079d83;font-weight:800}.demo-pill.pending{background:#fff4df;color:#c98b22}.demo-progress{height:8px;background:#edf3f5;border-radius:99px;overflow:hidden;margin-top:12px}.demo-progress i{display:block;height:100%;width:77%;background:#13b8b3;border-radius:inherit;animation:demoProgress 1s ease both}.demo-big-action{border:0;background:#12b8b3;color:white;border-radius:8px;padding:9px 12px;font-weight:800;font-size:10px}.demo-hint{color:#dfe9ee}.demo-hint span{color:#fff}.va-demo-pop{z-index:30}
@keyframes demoPageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes demoProgress{from{width:0}to{width:77%}}
@media(max-width:900px){.demo-shell{width:96vw;height:90vh}.demo-stage{padding:0 8px;overflow:auto}.demo-stage .demo-laptop{min-width:800px}.demo-stage .dash{height:600px}.demo-topbar{width:88%}}

/* v4.0 — clickable hero + richer read-only demo */
.hero .demo-launcher{cursor:pointer;transition:filter .2s ease,box-shadow .2s ease}
.hero .demo-launcher:hover{filter:brightness(1.012);box-shadow:inset 0 0 0 1px rgba(18,184,179,.18)}
.demo-stage .demo-disabled{opacity:.72!important;cursor:default!important;background:#edf3f5!important;color:#617584!important;border-color:#e0e9ed!important}
.demo-readonly{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#eef7f8;color:#25817f;font-size:10px;font-weight:800;white-space:nowrap}
.demo-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.demo-summary>div{background:#fff;border:1px solid #e3edf1;border-radius:11px;padding:13px}.demo-summary small{display:block;color:#788b99;font-size:9px;margin-bottom:5px}.demo-summary strong{font-size:19px;color:#0a2740}
.demo-table{background:#fff;border:1px solid #e3edf1;border-radius:12px;overflow:hidden}.demo-tr{display:grid;grid-template-columns:100px minmax(150px,1.4fr) minmax(130px,1fr) 100px;gap:10px;align-items:center;padding:12px 14px;border-top:1px solid #edf2f4;font-size:10px;color:#536b7d}.demo-tr:first-child{border-top:0}.demo-tr b{text-align:right;color:#0c8f7e;font-size:11px}.demo-tr b.expense{color:#e65369}.demo-th{background:#f7fafb;color:#82929e;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.demo-th span:last-child{text-align:right}.status{display:inline-block;font-style:normal;font-weight:800;font-size:9px;padding:5px 8px;border-radius:999px}.status.paid{background:#e7faf5;color:#079d83}.status.pending{background:#fff4df;color:#c98b22}.status.draft{background:#eef2f5;color:#718391}
@media(max-width:1100px){.demo-summary{grid-template-columns:repeat(2,1fr)}.demo-tr{grid-template-columns:80px minmax(140px,1.3fr) minmax(110px,1fr) 90px}}

/* v4.1 — demo más compacta y proporcionada, fiel al formato del portátil */
.demo-shell{width:min(1040px,74vw);height:auto;max-height:86vh;grid-template-rows:46px auto 32px;align-content:center}
.demo-stage{padding:0 18px;overflow:visible;align-items:center}
.demo-stage .demo-laptop{width:min(940px,100%)}
.demo-stage .demo-laptop .screen{border-width:12px;border-bottom-width:15px;border-radius:17px 17px 8px 8px}
.demo-stage .demo-laptop .laptop-base{height:20px}
.demo-stage .dash{height:auto;aspect-ratio:16/9;max-height:530px;min-height:0;grid-template-columns:150px 1fr;font-size:10px}
.demo-stage .dash aside{padding:16px 12px;gap:5px}.demo-stage .dash aside img{width:105px;margin-bottom:6px}.demo-stage .dash aside b,.demo-stage .dash aside span{font-size:9px;padding:7px 8px}
.demo-stage .dash section{padding:14px}.demo-stage .dash header strong{font-size:14px}.demo-stage .dash header small{font-size:9px}.demo-stage .kpis article{min-height:74px;padding:11px}.demo-stage .kpis strong{font-size:17px}.demo-stage .dash-bottom{grid-template-columns:1fr 195px}.demo-stage .chart svg{min-height:155px}.demo-stage .ring{width:105px;height:105px}.demo-stage .ring:after{width:66px;height:66px}.demo-stage .ring b{font-size:11px;top:40px}.demo-stage .ring small{top:55px}.demo-page-title{margin-bottom:12px}.demo-page-title h3{font-size:18px}.demo-grid{gap:9px}.demo-card{padding:12px;min-height:88px}.demo-card strong{font-size:19px}.demo-summary{gap:8px}.demo-summary>div{padding:11px}.demo-table{font-size:10px}.demo-tr{min-height:40px;padding:7px 10px}
@media(max-width:1100px){.demo-shell{width:88vw}.demo-stage .demo-laptop{width:min(900px,100%)}.demo-stage .dash{grid-template-columns:135px 1fr}}
@media(max-width:760px){.demo-shell{width:96vw;max-height:90vh}.demo-stage{padding:0 6px;overflow:auto}.demo-stage .demo-laptop{min-width:720px}.demo-stage .dash{height:405px;aspect-ratio:auto}.demo-topbar{width:88%}}

/* v4.2 — loading screen before interactive demo */
.demo-stage.is-loading{min-height:560px;display:flex;align-items:center;justify-content:center;padding:0 18px}
.demo-loader{width:min(520px,72%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:demoLoaderIn .28s ease both}
.demo-loader-logo{height:76px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;animation:verauditHeartbeat 1.05s ease-in-out infinite;transform-origin:center}
.demo-loader-logo img{display:block;width:min(220px,100%);height:auto;max-height:68px;object-fit:contain}
.demo-loader-logo b{font-size:30px;letter-spacing:-1px;color:#102b39}
.demo-loader-copy{font-size:12px;font-weight:700;color:#7b8f9b;margin-bottom:16px;letter-spacing:.01em}
.demo-loader-track{width:100%;height:6px;border-radius:999px;background:#dce8ec;overflow:hidden;box-shadow:inset 0 1px 2px rgba(13,44,59,.08)}
.demo-loader-track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16b9b4,#20cbc5);transform:scaleX(0);transform-origin:left center;animation:verauditLoad 2.5s cubic-bezier(.22,.72,.2,1) forwards}
@keyframes verauditLoad{0%{transform:scaleX(0)}18%{transform:scaleX(.12)}48%{transform:scaleX(.47)}76%{transform:scaleX(.79)}92%{transform:scaleX(.94)}100%{transform:scaleX(1)}}
@keyframes verauditHeartbeat{0%,100%{transform:scale(1);opacity:1}12%{transform:scale(1.055)}24%{transform:scale(1)}36%{transform:scale(1.035)}50%{transform:scale(1);opacity:.96}}
@keyframes demoLoaderIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.demo-stage.is-loading{min-height:420px}.demo-loader{width:76%}.demo-loader-logo{height:62px}.demo-loader-logo img{width:180px}}
@media(prefers-reduced-motion:reduce){.demo-loader-logo{animation:none}.demo-loader-track i{animation:verauditLoad 2.5s linear forwards}.demo-loader{animation:none}}

/* v5.6 — fast logo reveal: symbol -> full Veraudit -> soft page fade */
body.site-booting{overflow:hidden}
.site-loader{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.985);opacity:1;visibility:visible;backdrop-filter:blur(0);transition:opacity .38s ease,visibility .38s ease,backdrop-filter .38s ease}
.site-loader-mark{position:relative;width:82px;height:78px;overflow:hidden;filter:blur(0);transform:scale(.92);transform-origin:left center;transition:width .56s cubic-bezier(.2,.8,.2,1),transform .56s cubic-bezier(.2,.8,.2,1),filter .35s ease}
.site-loader-mark img{position:absolute;left:0;top:50%;width:266px;height:auto;transform:translateY(-50%);max-width:none;display:block}
.site-loader-mark:after{content:"";position:absolute;inset:-20px;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.9) 48%,transparent 66%);transform:translateX(-140%);pointer-events:none}
.site-loader.is-revealing .site-loader-mark{width:266px;transform:scale(1)}
.site-loader.is-revealing .site-loader-mark:after{animation:vaLogoSweep .55s .18s ease-out both}
.site-loader.is-done{opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(10px)}
.site-loader.is-done .site-loader-mark{filter:blur(5px);transform:scale(1.025)}
@keyframes vaLogoSweep{to{transform:translateX(140%)}}
@media(max-width:600px){.site-loader-mark{width:64px;height:64px}.site-loader-mark img{width:220px}.site-loader.is-revealing .site-loader-mark{width:220px}}
@media(prefers-reduced-motion:reduce){.site-loader-mark,.site-loader{transition-duration:.18s}.site-loader-mark:after{display:none}}

/* v4.6 — bloque financiero interactivo tras el hero */
.numbers-pro{position:relative;padding:76px 0 82px;background:linear-gradient(100deg,#eefbff 0%,#f8fdff 48%,#fff 100%);overflow:hidden;border-top:1px solid #e6f1f4}
.numbers-pro:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:7%;top:0;background:radial-gradient(circle,rgba(15,183,181,.12),transparent 68%);pointer-events:none}
.numbers-pro .numbers-grid{grid-template-columns:39% 61%;gap:58px;position:relative;z-index:1}.numbers-copy h2{font-size:43px;max-width:560px}.numbers-copy>p{font-size:17px;max-width:540px}.numbers-copy .checks{font-size:17px;margin:24px 0}.numbers-live{background:rgba(255,255,255,.82);border:1px solid rgba(209,229,236,.9);border-radius:20px;padding:18px;box-shadow:0 24px 70px rgba(9,52,72,.11);backdrop-filter:blur(14px);transition:.25s}.numbers-live:hover{transform:translateY(-3px);box-shadow:0 30px 80px rgba(9,52,72,.14)}
.nl-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.nl-top>div:first-child{display:flex;align-items:center;gap:12px}.nl-top strong{font-size:14px;color:#0a2640}.nl-live{font-size:10px;font-weight:800;color:#26817e;background:#eafaf8;border-radius:999px;padding:6px 9px}.nl-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#12b9ad;margin-right:5px;box-shadow:0 0 0 4px rgba(18,185,173,.1);animation:nlPulse 1.8s infinite}.nl-period{display:flex;background:#f2f6f8;border-radius:9px;padding:3px}.nl-period button{border:0;background:transparent;padding:7px 10px;border-radius:7px;font-size:10px;font-weight:800;color:#6d8192;cursor:pointer}.nl-period button.active{background:#fff;color:#0b8fa0;box-shadow:0 2px 8px rgba(20,60,80,.08)}
.nl-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.nl-kpi{position:relative;text-align:left;border:1px solid #e4eef2;background:#fff;border-radius:13px;padding:13px 12px 12px 46px;min-height:96px;cursor:pointer;transition:.2s;overflow:hidden}.nl-kpi:hover,.nl-kpi.active{border-color:#8edddb;transform:translateY(-2px);box-shadow:0 9px 22px rgba(15,83,102,.08)}.nl-kpi>span{position:absolute;left:12px;top:14px;width:26px;height:26px;border-radius:8px;background:#e8faf7;color:#10aaa7;display:grid;place-items:center;font-weight:900}.nl-kpi:nth-child(2)>span{background:#fff0f3;color:#ff4565}.nl-kpi:nth-child(3)>span{background:#eef3ff;color:#3978f4}.nl-kpi small,.nl-kpi strong,.nl-kpi em{display:block}.nl-kpi small{font-size:9px;color:#728494;font-weight:700}.nl-kpi strong{font-size:20px;margin:2px 0;color:#0b233c}.nl-kpi em{font-size:9px;color:#0caf8d;font-style:normal;font-weight:850}.nl-kpi em.red{color:#ff4b68}.nl-mini-bars{position:absolute;right:9px;bottom:12px;width:35px;height:26px;background:linear-gradient(90deg,transparent 0 10%,#25c2b6 10% 20%,transparent 20% 30%,#25c2b6 30% 42%,transparent 42% 52%,#25c2b6 52% 66%,transparent 66% 76%,#25c2b6 76% 92%);clip-path:polygon(0 75%,100% 0,100% 100%,0 100%);opacity:.9}.redbars{filter:hue-rotate(140deg) saturate(2)}.bluebars{filter:hue-rotate(70deg) saturate(1.8)}
.nl-body{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:10px;margin-top:10px}.nl-chart,.nl-donut{background:#fff;border:1px solid #e4eef2;border-radius:13px;padding:13px}.nl-chart-head{display:flex;justify-content:space-between;align-items:center}.nl-chart-head small,.nl-donut>small{font-size:11px;font-weight:850;color:#17324a}.nl-chart-head b{display:block;font-size:18px;margin-top:2px}.nl-chart-head select{border:1px solid #dce9ee;border-radius:8px;background:#f9fcfd;color:#526b7c;font-size:10px;padding:7px;outline:none}.nl-svg-wrap{position:relative;height:180px;margin-top:4px}.nl-svg-wrap svg{width:100%;height:100%;overflow:visible}.nl-grid path{stroke:#eaf0f3;stroke-width:1}.nl-area{fill:url(#nlArea)}.nl-line{fill:none;stroke:#19b8b5;stroke-width:3;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;animation:nlDraw 1.8s ease forwards}.nl-points circle{fill:#fff;stroke:#19b8b5;stroke-width:3;cursor:pointer;transition:.2s}.nl-points circle:hover{r:7}.nl-tooltip{position:absolute;left:47%;top:30%;background:#09243d;color:#fff;border-radius:7px;padding:7px 9px;font-size:9px;opacity:0;transform:translate(-50%,5px);transition:.2s;pointer-events:none}.nl-tooltip.show{opacity:1;transform:translate(-50%,0)}.nl-axis{display:flex;justify-content:space-between;color:#8b9ba8;font-size:8px;margin-top:-7px}.nl-ring{width:112px;height:112px;border-radius:50%;margin:20px auto 17px;background:conic-gradient(#12b8bb 0 43%,#ffbe3f 43% 68%,#397ff5 68% 87%,#ff5c70 87% 100%);display:grid;place-items:center;transition:.4s}.nl-ring:before{content:"";position:absolute;width:72px;height:72px;border-radius:50%;background:#fff}.nl-ring>div{position:relative;z-index:1;text-align:center}.nl-ring b,.nl-ring span{display:block}.nl-ring b{font-size:13px}.nl-ring span{font-size:8px;color:#7a8c9b}.nl-legend button{width:100%;display:grid;grid-template-columns:8px 1fr auto;gap:6px;align-items:center;border:0;background:transparent;padding:5px 0;font-size:8px;text-align:left;color:#536a7b;cursor:pointer}.nl-legend button:hover{color:#0a9e9d}.nl-legend i{width:7px;height:7px;border-radius:50%;background:#12b8bb}.nl-legend button:nth-child(2) i{background:#ffbe3f}.nl-legend button:nth-child(3) i{background:#397ff5}.nl-legend b{color:#17324a}.nl-hint{font-size:9px;color:#7d8e9b;text-align:center;margin-top:10px}.nl-hint button{border:0;background:none;color:#0aa9a7;font-weight:850;cursor:pointer}.numbers-live.nl-changing{animation:nlFlash .35s ease}
@keyframes nlDraw{to{stroke-dashoffset:0}}@keyframes nlPulse{50%{box-shadow:0 0 0 7px rgba(18,185,173,0)}}@keyframes nlFlash{50%{opacity:.72}}
@media(max-width:900px){.numbers-pro .numbers-grid{grid-template-columns:1fr;gap:34px}.numbers-pro{padding:54px 0}.numbers-copy h2{font-size:38px}.nl-body{grid-template-columns:minmax(0,1fr) 180px}}
@media(max-width:620px){.numbers-pro{padding:44px 0}.numbers-copy h2{font-size:32px}.nl-kpis{grid-template-columns:1fr}.nl-kpi{min-height:78px}.nl-body{grid-template-columns:1fr}.nl-donut{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center}.nl-ring{margin:8px auto}.nl-svg-wrap{height:155px}.nl-top{align-items:flex-start;gap:10px}.nl-top>div:first-child{align-items:flex-start;flex-direction:column;gap:5px}}

/* v4.7 — recorrido automático de la demo */
.demo-shell{position:relative}
.demo-auto-note{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#eaf9f7;color:#087f78;font-size:9px;font-weight:800;white-space:nowrap}
.demo-auto-note:before{content:'✦';font-size:10px}
.demo-cursor{position:absolute;left:0;top:0;width:22px;height:28px;z-index:80;pointer-events:none;opacity:0;transform:translate3d(0,0,0);transition:transform .72s cubic-bezier(.22,.8,.25,1),opacity .2s ease;filter:drop-shadow(0 3px 3px rgba(4,24,34,.25))}
.demo-cursor:before{content:'';display:block;width:0;height:0;border-top:19px solid #0a2740;border-right:12px solid transparent;transform:rotate(-18deg);transform-origin:4px 4px}
.demo-cursor:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#13b8b3;left:8px;top:12px;opacity:0}
.demo-cursor.is-visible{opacity:1}.demo-cursor.is-clicking:after{animation:demoClickRing .48s ease-out}
.demo-auto-target{position:relative;z-index:2;box-shadow:0 0 0 3px rgba(19,184,179,.16)!important;transition:box-shadow .2s ease}
.demo-hint strong{color:#fff}.demo-hint .demo-taste{color:#d8f8f5;font-weight:800}
@keyframes demoClickRing{0%{opacity:.8;transform:scale(.4);box-shadow:0 0 0 0 rgba(19,184,179,.45)}100%{opacity:0;transform:scale(2.8);box-shadow:0 0 0 10px rgba(19,184,179,0)}}
@media(max-width:760px){.demo-auto-note{display:none}.demo-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.demo-cursor{display:none}}

/* v4.8 — copy + visual polish for interactive numbers showcase */
.numbers-pro{padding:84px 0 88px;background:linear-gradient(105deg,#effbff 0%,#f8fdff 43%,#fff 72%)}
.numbers-pro .numbers-grid{grid-template-columns:minmax(0,40%) minmax(0,60%);gap:52px}
.numbers-copy .eyebrow{color:#315e76}.numbers-copy h2{font-size:44px;line-height:1.04;margin:12px 0 20px;letter-spacing:-.045em}.numbers-copy h2 em{font-style:normal;color:#0badaf}.numbers-copy>p{font-size:16.5px;line-height:1.65;color:#60758a;max-width:525px}.numbers-copy>p strong{color:#17324a;font-weight:750}.numbers-quote{max-width:515px;margin:20px 0 18px;padding:12px 15px;border-left:3px solid #16b8b4;background:rgba(255,255,255,.58);border-radius:0 10px 10px 0;color:#38576b;font-size:13px;font-weight:700;line-height:1.45}.numbers-benefits{display:grid;gap:9px;margin:0 0 22px}.numbers-benefits article{display:flex;align-items:center;gap:11px}.numbers-benefits i{width:34px;height:34px;border-radius:10px;background:#e8faf8;color:#0ba9a7;display:grid;place-items:center;font-style:normal;font-weight:900;flex:0 0 auto}.numbers-benefits b,.numbers-benefits span{display:block}.numbers-benefits b{font-size:13px;color:#17324a}.numbers-benefits span{font-size:11px;color:#758897;margin-top:1px}.numbers-cta{min-height:46px;padding:0 18px}.numbers-cta>span{font-size:17px}
.numbers-live{width:100%;max-width:760px;justify-self:end;padding:17px;border-radius:18px;box-shadow:0 22px 58px rgba(9,52,72,.105)}.nl-kpi{min-height:91px}.nl-body{grid-template-columns:minmax(0,1fr) 176px}.nl-select{display:flex;align-items:center;gap:7px;border:1px solid #dce9ee;border-radius:9px;background:#f8fbfc;padding:3px 5px 3px 8px}.nl-select span{font-size:8px;color:#8a9aa7;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.nl-chart-head select{border:0;background:transparent;padding:5px 18px 5px 3px;font-weight:750;color:#415d70}.nl-chart-head select:focus{outline:none}.nl-donut-title{display:flex;align-items:center;justify-content:space-between}.nl-donut-title small{font-size:11px;font-weight:850;color:#17324a}.nl-donut-title span{font-size:8px;color:#8a9aa7}.nl-ring{position:relative;margin-top:17px}.nl-hint{margin-top:13px;padding:11px 12px;border-radius:11px;background:linear-gradient(90deg,#f1fbfb,#f8fcfd);display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left}.nl-hint>div{min-width:0}.nl-hint b,.nl-hint span{display:block}.nl-hint b{font-size:10px;color:#17324a;margin-bottom:2px}.nl-hint span{font-size:8.5px;color:#7b8e9d;line-height:1.35}.nl-hint>button{flex:0 0 auto;border:0;background:#0bb1af;color:#fff;border-radius:8px;padding:9px 11px;font-size:9px;font-weight:850;cursor:pointer;transition:.2s}.nl-hint>button:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(11,177,175,.18)}.nl-hint>button span{display:inline;color:inherit;font-size:12px}
@media(max-width:1100px){.numbers-pro .numbers-grid{grid-template-columns:38% 62%;gap:34px}.numbers-copy h2{font-size:39px}.numbers-live{max-width:700px}.nl-body{grid-template-columns:minmax(0,1fr) 165px}}
@media(max-width:900px){.numbers-pro .numbers-grid{grid-template-columns:1fr;gap:34px}.numbers-live{justify-self:stretch;max-width:none}.numbers-copy>p,.numbers-quote{max-width:650px}}
@media(max-width:620px){.numbers-copy h2{font-size:33px}.numbers-quote{font-size:12px}.nl-hint{align-items:flex-start;flex-direction:column}.nl-hint>button{width:100%}.nl-select span{display:none}.nl-donut{grid-template-columns:1fr}.nl-donut-title{grid-column:1/-1}.numbers-benefits{grid-template-columns:1fr}}

/* v4.9 — interactive feature explorer */
.feature-explorer{padding:92px 0 98px;background:linear-gradient(180deg,#fff 0%,#f7fcfd 100%);overflow:hidden}.feature-head{max-width:780px;margin:0 auto 46px;text-align:center}.feature-head h2{font-size:48px;line-height:1.02;letter-spacing:-.045em;margin:12px 0 16px;color:#102b43}.feature-head h2 em{font-style:normal;color:#0badaf}.feature-head p{font-size:16px;line-height:1.6;color:#6a7f90;max-width:650px;margin:auto}.feature-stage{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);gap:52px;align-items:stretch}.feature-accordion{display:flex;flex-direction:column;gap:8px}.fx-item{appearance:none;width:100%;border:1px solid #e1ebef;background:rgba(255,255,255,.72);border-radius:15px;padding:15px 16px;display:grid;grid-template-columns:42px 1fr 24px;gap:13px;align-items:start;text-align:left;cursor:pointer;transition:.28s ease;color:#18344b}.fx-item:hover{border-color:#b7dfe1;transform:translateX(3px)}.fx-item.active{background:#fff;border-color:#6bd3d1;box-shadow:0 12px 34px rgba(17,94,110,.09);padding-top:18px;padding-bottom:18px}.fx-icon{width:42px;height:42px;border-radius:12px;background:#e9faf9;color:#0ba9a7;display:grid;place-items:center;font-weight:900;font-size:18px}.fx-main b,.fx-main small,.fx-detail{display:block}.fx-main b{font-size:15px;line-height:1.25}.fx-main small{font-size:11px;color:#80909d;margin-top:4px}.fx-detail{font-size:11.5px;line-height:1.55;color:#617787;max-height:0;opacity:0;overflow:hidden;transition:.28s ease;margin-top:0}.fx-item.active .fx-detail{max-height:80px;opacity:1;margin-top:10px}.fx-item>i{font-style:normal;font-size:20px;color:#9badb8;transition:.25s;line-height:40px}.fx-item.active>i{transform:rotate(45deg);color:#0badaf}.fx-visual{min-height:580px;border:1px solid #dce9ed;border-radius:24px;background:#fff;box-shadow:0 28px 70px rgba(17,66,86,.12);padding:20px;display:flex;flex-direction:column;position:relative}.fx-visual-top{display:flex;justify-content:space-between;align-items:center;padding:2px 3px 17px;color:#66808f;font-size:11px;font-weight:750}.fx-visual-top span{display:flex;gap:8px;align-items:center}.fx-visual-top i{width:8px;height:8px;border-radius:50%;background:#19b8b5;box-shadow:0 0 0 5px #e9fafa}.fx-canvas{flex:1;border-radius:18px;background:linear-gradient(145deg,#f7fbfc,#eef9fa);padding:26px;overflow:hidden;position:relative}.fx-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 4px 0}.fx-bottom b,.fx-bottom span{display:block}.fx-bottom b{font-size:11px;color:#17324a}.fx-bottom div>span{font-size:9px;color:#8495a1;margin-top:3px}.fx-bottom button{border:0;background:#0bb1af;color:#fff;border-radius:10px;padding:11px 15px;font-weight:850;font-size:10px;cursor:pointer;white-space:nowrap}.fx-panel{height:100%;animation:fxIn .45s ease both}.fx-kicker{font-size:10px;color:#0aa7a5;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.fx-title{font-size:27px;line-height:1.08;letter-spacing:-.035em;color:#17324a;margin:8px 0 20px}.fx-money{font-size:48px;letter-spacing:-.04em;color:#17324a;font-weight:850}.fx-up{display:inline-block;color:#0aa785;background:#e9f9f3;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800;margin-left:8px}.fx-chart{height:210px;margin-top:24px;position:relative;border-bottom:1px solid #dce8eb;background:repeating-linear-gradient(to bottom,transparent 0,transparent 51px,#e6eff2 52px)}.fx-chart svg{width:100%;height:100%}.fx-chart path.line{fill:none;stroke:#13b7b4;stroke-width:4;stroke-linecap:round;stroke-dasharray:900;animation:fxDraw 1.3s ease forwards}.fx-chart path.area{fill:url(#fxArea)}.fx-pills{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.fx-pills span{background:#fff;border:1px solid #deeaee;border-radius:10px;padding:8px 11px;font-size:10px;color:#557082;font-weight:700}.fx-list{display:grid;gap:10px;margin-top:22px}.fx-row{background:#fff;border:1px solid #e0ebee;border-radius:13px;padding:13px 14px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;animation:fxRow .45s ease both}.fx-row small,.fx-row b{display:block}.fx-row small{font-size:9px;color:#82939f;margin-top:3px}.fx-row strong{font-size:13px;color:#17324a}.fx-row .negative{color:#f05268}.fx-status{font-size:9px;font-weight:850;border-radius:20px;padding:5px 8px;background:#e9faf5;color:#0a9c79}.fx-status.pending{background:#fff5dc;color:#aa7810}.fx-invoice{max-width:360px;margin:16px auto 0;background:#fff;border:1px solid #dfeaec;border-radius:16px;padding:20px;box-shadow:0 14px 35px rgba(23,50,74,.08);transition:.3s}.fx-invoice-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf2f4;padding-bottom:14px;margin-bottom:14px}.fx-invoice-head b{font-size:18px}.fx-invoice-total{font-size:34px;font-weight:850;color:#17324a;margin:20px 0 8px}.fx-paid{display:inline-flex;background:#e9faf5;color:#079775;padding:6px 10px;border-radius:20px;font-size:10px;font-weight:850}.fx-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.fx-channel{background:#fff;border:1px solid #e0eaee;border-radius:15px;padding:16px;text-align:center;animation:fxRow .5s ease both}.fx-avatar{width:42px;height:42px;border-radius:50%;margin:0 auto 10px;background:#17324a;color:#fff;display:grid;place-items:center;font-weight:900}.fx-channel:nth-child(2) .fx-avatar{background:#10b6b2}.fx-channel:nth-child(3) .fx-avatar{background:#3c7df0}.fx-channel b,.fx-channel span{display:block}.fx-channel b{font-size:11px}.fx-channel strong{display:block;font-size:19px;margin:8px 0 2px}.fx-channel span{font-size:9px;color:#7e909e}.fx-goal{margin-top:38px}.fx-goal-head{display:flex;justify-content:space-between;align-items:end}.fx-goal-head strong{font-size:40px;color:#17324a}.fx-goal-head span{font-size:11px;color:#738897}.fx-progress{height:16px;background:#dceced;border-radius:20px;overflow:hidden;margin:16px 0}.fx-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#13b8b4,#3e85f4);border-radius:inherit;animation:fxProgress 1.2s .15s ease forwards}.fx-report{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.fx-report div{background:#fff;border:1px solid #e0eaee;border-radius:13px;padding:14px}.fx-report small,.fx-report strong{display:block}.fx-report small{font-size:9px;color:#80929f}.fx-report strong{font-size:18px;color:#17324a;margin-top:4px}@keyframes fxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fxDraw{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}@keyframes fxRow{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}@keyframes fxProgress{to{width:76%}}
@media(max-width:900px){.feature-explorer{padding:64px 0}.feature-head{text-align:left;margin-bottom:32px}.feature-head h2{font-size:39px}.feature-stage{grid-template-columns:1fr;gap:28px}.fx-visual{min-height:520px}.feature-accordion{display:grid;grid-template-columns:1fr 1fr}.fx-item{grid-template-columns:38px 1fr 20px}.fx-icon{width:38px;height:38px}}
@media(max-width:620px){.feature-head h2{font-size:34px}.feature-accordion{grid-template-columns:1fr}.fx-visual{min-height:500px;padding:13px}.fx-canvas{padding:18px}.fx-bottom{align-items:flex-start;flex-direction:column}.fx-bottom button{width:100%}.fx-channels{grid-template-columns:1fr}.fx-money{font-size:38px}.fx-title{font-size:23px}}

/* v5.0 — premium editorial feature explorer */
.feature-explorer{padding:104px 0 112px;background:#fff;overflow:hidden;position:relative}
.feature-explorer:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-280px;top:90px;background:radial-gradient(circle,rgba(14,185,181,.075),rgba(14,185,181,0) 68%);pointer-events:none}
.feature-head{max-width:920px;margin:0 0 58px;text-align:left;position:relative;z-index:1}
.feature-head .eyebrow{color:#0a9698}
.feature-head h2{font-size:52px;line-height:1.02;letter-spacing:-.052em;margin:12px 0 18px;color:#0b2742;font-weight:650}
.feature-head h2 em{font-style:normal;color:#0bb1b1}
.feature-head p{font-size:17px;line-height:1.62;color:#6a7e8f;max-width:720px;margin:0}
.feature-stage{display:grid;grid-template-columns:minmax(330px,38%) minmax(0,62%);gap:74px;align-items:center;position:relative;z-index:1}
.feature-accordion{display:flex;flex-direction:column;gap:0;border-top:1px solid #e4ecef}
.fx-item{appearance:none;width:100%;border:0;border-bottom:1px solid #e4ecef;background:transparent;border-radius:0;padding:20px 4px;display:grid;grid-template-columns:42px 1fr 26px;gap:15px;align-items:start;text-align:left;cursor:pointer;transition:.28s ease;color:#18344b;box-shadow:none;position:relative}
.fx-item:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:4px;background:#0bb5b3;transform:scaleY(0);transition:.28s ease}
.fx-item:hover{border-color:#dbe7eb;transform:none;background:linear-gradient(90deg,rgba(13,185,181,.035),transparent 75%)}
.fx-item.active{background:linear-gradient(90deg,rgba(13,185,181,.07),rgba(13,185,181,.018) 64%,transparent);border-color:#dce9ec;box-shadow:none;padding:23px 10px 23px 17px}
.fx-item.active:before{transform:scaleY(1)}
.fx-icon{width:40px;height:40px;border-radius:50%;background:#effafa;color:#0ba9a7;display:grid;place-items:center;font-weight:900;font-size:17px;transition:.3s ease}
.fx-item.active .fx-icon{background:#0bb4b2;color:#fff;box-shadow:0 8px 22px rgba(11,180,178,.2)}
.fx-main b{font-size:16px;line-height:1.25;letter-spacing:-.01em}.fx-main small{font-size:12px;color:#8293a0;margin-top:5px}.fx-detail{font-size:12.5px;line-height:1.58;color:#5e7586;max-width:390px;max-height:0;opacity:0;overflow:hidden;transition:.3s ease;margin-top:0}.fx-item.active .fx-detail{max-height:84px;opacity:1;margin-top:11px}.fx-item>i{font-style:normal;font-size:20px;color:#9eafb9;transition:.25s;line-height:40px;font-weight:300}.fx-item.active>i{transform:rotate(45deg);color:#0badaf}
.fx-visual{min-height:560px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;display:flex;flex-direction:column;position:relative;overflow:visible}
.fx-visual:before{content:"";position:absolute;inset:34px -30px 42px 20px;border-radius:42px;background:linear-gradient(145deg,#f5fbfb,#edf8f8 56%,#f8fbfc);transform:rotate(-1.5deg);z-index:-1}
.fx-visual-top{display:flex;justify-content:flex-start;align-items:center;padding:0 0 18px 30px;color:#557383;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.fx-visual-top span{display:flex;gap:10px;align-items:center}.fx-visual-top i{width:7px;height:7px;border-radius:50%;background:#19b8b5;box-shadow:0 0 0 5px #e9fafa}.fx-visual-top small{display:none}
.fx-canvas{flex:1;border-radius:28px;background:rgba(255,255,255,.86);border:1px solid rgba(211,229,233,.82);padding:38px 42px;overflow:hidden;position:relative;box-shadow:0 26px 70px rgba(20,65,83,.10);backdrop-filter:blur(12px)}
.fx-canvas:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;top:-80px;background:radial-gradient(circle,rgba(15,184,181,.12),transparent 70%);pointer-events:none}
.fx-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 10px 0 30px}.fx-bottom b,.fx-bottom span{display:block}.fx-bottom b{font-size:12px;color:#17324a}.fx-bottom div>span{font-size:10px;color:#8495a1;margin-top:4px}.fx-bottom button{border:0;background:transparent;color:#079d9d;border-radius:0;padding:8px 0;font-weight:850;font-size:11px;cursor:pointer;white-space:nowrap;border-bottom:1px solid rgba(7,157,157,.35)}
.fx-bottom button:hover{color:#066f72;border-color:#066f72}
.fx-kicker{font-size:10px;color:#0aa7a5;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.fx-title{font-size:32px;line-height:1.04;letter-spacing:-.045em;color:#102d46;margin:10px 0 24px;font-weight:620}.fx-money{font-size:58px;letter-spacing:-.055em;color:#102d46;font-weight:750}.fx-up{vertical-align:10px}
.fx-chart{height:220px;margin-top:25px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 53px,#e8eff1 54px);border-bottom:0}.fx-pills{gap:9px;margin-top:18px}.fx-pills span{background:#fff;border:1px solid #deeaee;border-radius:999px;padding:8px 12px;font-size:10px;color:#557082;font-weight:750;box-shadow:0 5px 16px rgba(24,60,76,.035)}
.fx-list{gap:11px;margin-top:24px}.fx-row{background:rgba(255,255,255,.92);border:1px solid #e0eaee;border-radius:14px;padding:14px 16px;box-shadow:0 8px 24px rgba(24,60,76,.04)}
.fx-invoice{max-width:390px;margin:18px auto 0;border:0;border-radius:18px;padding:24px;box-shadow:0 22px 55px rgba(23,50,74,.12);transform:rotate(-1.3deg)}
.fx-channels{gap:14px;margin-top:32px}.fx-channel{border:0;border-radius:18px;padding:20px 14px;box-shadow:0 16px 36px rgba(24,60,76,.08)}.fx-avatar{width:48px;height:48px}.fx-channel strong{font-size:21px}
.fx-goal{margin-top:44px}.fx-goal-head strong{font-size:48px;letter-spacing:-.04em}.fx-progress{height:12px;background:#dfecee}.fx-report{gap:12px;margin-top:24px}.fx-report div{border:0;border-radius:14px;padding:16px;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(24,60,76,.04)}
@media(max-width:900px){.feature-explorer{padding:72px 0 80px}.feature-head{margin-bottom:38px}.feature-head h2{font-size:42px}.feature-stage{grid-template-columns:1fr;gap:38px}.fx-visual{min-height:520px}.feature-accordion{display:flex}.fx-item{grid-template-columns:40px 1fr 22px}.fx-visual:before{inset:30px 0 30px 0}.fx-canvas{padding:30px}}
@media(max-width:620px){.feature-head h2{font-size:35px}.feature-head p{font-size:15px}.fx-item{padding:17px 4px}.fx-item.active{padding:20px 8px 20px 14px}.fx-visual{min-height:500px}.fx-canvas{padding:22px 18px;border-radius:20px}.fx-bottom{align-items:flex-start;flex-direction:column;padding-left:10px}.fx-bottom button{width:auto}.fx-title{font-size:27px}.fx-money{font-size:43px}.fx-channels{grid-template-columns:1fr}.fx-visual:before{display:none}}

/* v5.1 — visual product tour inspired by approved mockup */
.feature-explorer{background:linear-gradient(180deg,#fff 0%,#fbfefe 100%)}
.feature-stage{grid-template-columns:minmax(340px,39%) minmax(0,61%);gap:54px;align-items:center}
.feature-accordion{border-top:0}.fx-item{border:0;border-bottom:1px solid #e6eef1;border-radius:0;background:transparent;padding:19px 10px}.fx-item:hover{transform:none;background:#fbfefe}.fx-item.active{border:1px solid #9de5e3;border-left:3px solid #12b8b5;border-radius:14px;background:linear-gradient(90deg,#f0fcfc,#f8ffff);box-shadow:none;padding:18px 14px}.fx-item.active .fx-icon{background:#d9f8f6;box-shadow:0 8px 22px rgba(11,177,175,.12)}
.fx-product-tour{min-height:570px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;display:block;position:relative;overflow:visible}.fx-product-tour:before{display:none}.tour-glow{position:absolute;inset:4% -2% 8% 4%;border-radius:48% 38% 42% 35%;background:radial-gradient(circle at 48% 40%,rgba(29,210,207,.24),rgba(91,189,255,.10) 48%,transparent 72%);filter:blur(3px);transition:.8s ease}.tour-viewport{position:absolute;inset:55px 10px 70px 25px;perspective:1200px;overflow:visible}.tour-dashboard{position:absolute;width:760px;height:455px;left:50%;top:50%;display:grid;grid-template-columns:135px 1fr;background:#fff;border:1px solid #dce9ee;border-radius:18px;box-shadow:0 28px 70px rgba(18,70,92,.16);overflow:hidden;transform:translate(-48%,-50%) rotate(2deg) scale(.83);transform-origin:center;transition:transform .9s cubic-bezier(.2,.75,.2,1),filter .7s ease}.tour-side{padding:20px 14px;border-right:1px solid #edf2f4;background:#fbfdfe;display:flex;flex-direction:column;gap:15px;font-size:10px;color:#60788b}.tour-side img{width:92px;height:auto;margin-bottom:5px}.tour-side b{background:#e6f9f7;color:#0a7779;padding:9px;border-radius:8px}.tour-main{padding:22px}.tour-top{display:flex;justify-content:space-between;align-items:center}.tour-top>b{font-size:17px}.tour-top div{display:flex;border:1px solid #e1eaee;border-radius:8px;overflow:hidden}.tour-top span,.tour-top strong{padding:7px 11px;font-size:9px}.tour-top strong{color:#087f86;background:#effafa}.tour-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.tour-kpis article{border:1px solid #e0e9ed;border-radius:11px;padding:13px}.tour-kpis small,.tour-kpis b,.tour-kpis em{display:block}.tour-kpis small{font-size:9px;color:#7890a0}.tour-kpis b{font-size:21px;margin:5px 0}.tour-kpis em{font-size:9px;color:#08a880;font-style:normal;font-weight:800}.tour-kpis .red{color:#f34f69}.tour-content{display:grid;grid-template-columns:1fr 190px;gap:12px}.tour-chart,.tour-donut{border:1px solid #e0e9ed;border-radius:12px;padding:14px}.tour-chart>b,.tour-donut>b{font-size:11px}.tour-chart svg{width:100%;height:190px;margin-top:8px}.tour-ring{width:105px;height:105px;border-radius:50%;margin:24px auto 18px;background:conic-gradient(#15b9b6 0 50%,#ffbe3d 50% 75%,#3b7df1 75% 90%,#ff5670 90%);position:relative;display:grid;place-items:center;text-align:center}.tour-ring:after{content:"";position:absolute;width:62px;height:62px;border-radius:50%;background:#fff}.tour-ring strong,.tour-ring small{position:relative;z-index:1;display:block}.tour-ring strong{font-size:12px}.tour-ring small{font-size:8px;color:#8494a0}.tour-donut p{display:flex;justify-content:space-between;font-size:8px;color:#6f8494;margin:8px 0}.tour-float{position:absolute;background:rgba(255,255,255,.96);border:1px solid #e3ecef;border-radius:14px;padding:13px 16px;box-shadow:0 18px 36px rgba(16,70,91,.13);z-index:4;transition:transform .8s ease,opacity .5s ease}.tour-float small,.tour-float b,.tour-float em{display:block}.tour-float small{font-size:9px;color:#6d8292}.tour-float b{font-size:20px;margin:4px 0}.tour-float em{font-size:9px;color:#08a984;font-style:normal;font-weight:800}.tour-float-a{right:-10px;top:10px;transform:rotate(4deg)}.tour-float-b{left:20px;bottom:5px;transform:rotate(-3deg)}.tour-float-c{right:28px;bottom:0;transform:rotate(2deg)}.tour-note{position:absolute;left:12px;top:0;max-width:230px;z-index:5;color:#173a59;transform:rotate(-3deg);transition:.45s ease}.tour-note b,.tour-note span{display:block}.tour-note b{font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:18px;font-weight:700}.tour-note span{font-size:11px;color:#698294;margin-top:4px}.tour-demo{position:absolute;right:10px;bottom:4px;border:0;background:#0db4b1;color:#fff;border-radius:10px;padding:11px 16px;font-weight:850;font-size:11px;cursor:pointer;z-index:7}
.fx-product-tour[data-focus="income"] .tour-dashboard{transform:translate(-50%,-49%) rotate(2deg) scale(.84)}
.fx-product-tour[data-focus="expenses"] .tour-dashboard{transform:translate(-42%,-43%) rotate(1deg) scale(.98)}
.fx-product-tour[data-focus="sponsors"] .tour-dashboard{transform:translate(-57%,-42%) rotate(2deg) scale(.96)}
.fx-product-tour[data-focus="billing"] .tour-dashboard{transform:translate(-59%,-58%) rotate(1deg) scale(1.02)}
.fx-product-tour[data-focus="channels"] .tour-dashboard{transform:translate(-42%,-55%) rotate(2deg) scale(.98)}
.fx-product-tour[data-focus="goals"] .tour-dashboard{transform:translate(-50%,-48%) rotate(0deg) scale(.92)}
.fx-product-tour[data-focus="expenses"] .tour-float-a,.fx-product-tour[data-focus="billing"] .tour-float-a{transform:translateY(25px) rotate(2deg)}.fx-product-tour[data-focus="sponsors"] .tour-float-b{transform:translate(55px,-35px) rotate(-2deg) scale(1.08)}.fx-product-tour[data-focus="channels"] .tour-float-a{transform:translate(-40px,35px) rotate(2deg)}.fx-product-tour[data-focus="goals"] .tour-float-c{transform:translate(-55px,-35px) rotate(-2deg) scale(1.12)}
@media(max-width:900px){.feature-stage{grid-template-columns:1fr}.fx-product-tour{min-height:560px}.tour-viewport{inset:55px 0 65px}.tour-dashboard{transform:translate(-50%,-50%) scale(.76)!important}.tour-float-a{right:2%}.tour-float-b{left:2%}.tour-float-c{right:5%}}
@media(max-width:620px){.fx-product-tour{min-height:430px}.tour-viewport{inset:45px -20px 55px}.tour-dashboard{transform:translate(-50%,-50%) scale(.53)!important}.tour-float{padding:9px 11px}.tour-float b{font-size:15px}.tour-float-c{display:none}.tour-note b{font-size:15px}.tour-note{max-width:170px}.tour-demo{right:0}}

/* v5.2 — static product visual + living accordion */
.feature-explorer{padding:94px 0 108px;background:linear-gradient(180deg,#fff 0%,#fbfefe 100%)}
.feature-head{margin-bottom:48px}
.feature-stage{grid-template-columns:minmax(340px,40%) minmax(0,60%);gap:70px;align-items:center}
.feature-accordion{border-top:0}
.fx-item{padding:18px 8px;border-bottom:1px solid #e6eef1;transition:background .38s ease,padding .38s ease,border-color .38s ease,transform .38s ease}
.fx-item.active{padding:22px 14px 22px 16px;border:1px solid #a9e6e4;border-left:4px solid #11b7b3;border-radius:14px;background:linear-gradient(90deg,#f0fcfb 0%,#fbffff 76%);box-shadow:0 14px 36px rgba(12,91,104,.055)}
.fx-item.active .fx-icon{animation:fxIconBreath 2.8s ease-in-out infinite}
.fx-item.active .fx-detail{max-height:92px}
@keyframes fxIconBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.fx-static-visual{min-height:555px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:28px 4px 0}
.static-orbit{position:absolute;width:580px;height:470px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:48% 52% 45% 55%;background:radial-gradient(circle at 50% 45%,rgba(16,190,187,.18),rgba(80,177,244,.07) 46%,transparent 70%);filter:blur(5px);pointer-events:none}
.static-product{position:relative;z-index:2;width:min(100%,720px);margin:0 auto;padding:34px 28px 28px;border:1px solid rgba(209,228,234,.92);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 28px 75px rgba(18,65,85,.13);backdrop-filter:blur(10px);animation:productBreath 5.2s ease-in-out infinite;transform-origin:center}
.static-product:before{content:"";position:absolute;inset:-1px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(16,184,181,.08),rgba(255,255,255,.6));z-index:-1}
.static-label{position:absolute;left:26px;top:12px;font-size:10px;font-weight:850;color:#537083;letter-spacing:.03em}.static-label span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#13b9b5;box-shadow:0 0 0 5px #e7fafa;margin-right:8px}
.static-product>img{display:block;width:100%;height:auto;border-radius:15px;box-shadow:0 16px 38px rgba(19,57,75,.09)}
.static-float{position:absolute;background:rgba(255,255,255,.97);border:1px solid #e0ebef;border-radius:14px;padding:13px 16px;box-shadow:0 16px 38px rgba(16,64,82,.13);z-index:4;animation:floatSoft 5.6s ease-in-out infinite}.static-float small,.static-float strong,.static-float em{display:block}.static-float small{font-size:9px;color:#718694}.static-float strong{font-size:20px;color:#0c2944;margin:4px 0}.static-float em{font-size:9px;color:#08a47f;font-style:normal;font-weight:850}.sf-income{right:-18px;top:68px;transform:rotate(2deg)}.sf-profit{left:-22px;bottom:46px;transform:rotate(-2deg);animation-delay:-2.1s}.sf-profit em{color:#647b8d}
.static-caption{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(100%,690px);margin:20px auto 0;padding:0 8px}.static-caption b,.static-caption span{display:block}.static-caption b{font-size:13px;color:#14324a}.static-caption span{font-size:10px;color:#8193a0;margin-top:4px}.static-caption button{border:0;border-radius:10px;background:#0db5b2;color:#fff;padding:12px 17px;font-size:11px;font-weight:850;cursor:pointer;white-space:nowrap;transition:.2s}.static-caption button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(13,181,178,.2)}
@keyframes productBreath{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.008)}}
@keyframes floatSoft{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(prefers-reduced-motion:reduce){.static-product,.static-float,.fx-item.active .fx-icon{animation:none}}
@media(max-width:900px){.feature-stage{grid-template-columns:1fr;gap:36px}.fx-static-visual{min-height:500px}.static-product{width:min(94%,700px)}.static-orbit{width:90%}}
@media(max-width:620px){.feature-explorer{padding:70px 0 82px}.feature-head{margin-bottom:30px}.feature-stage{gap:24px}.fx-static-visual{min-height:350px;padding-top:12px}.static-product{width:96%;padding:28px 14px 14px;border-radius:18px}.static-product>img{border-radius:10px}.static-float{padding:8px 10px}.static-float strong{font-size:14px}.sf-income{right:-4px;top:48px}.sf-profit{left:-4px;bottom:28px}.static-caption{padding:0 2px}.static-caption span{display:none}.static-caption button{padding:10px 12px}}

/* v5.3 — crisp static visual + full-width trial strip */
.static-product>img{image-rendering:auto;filter:none}
.feature-trial-strip{margin-top:46px;width:100%;min-height:108px;border-radius:18px;background:linear-gradient(100deg,#092c49 0%,#0b4257 52%,#0ba9a8 100%);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 30px;color:#fff;box-shadow:0 18px 48px rgba(11,56,76,.13);position:relative;overflow:hidden}
.feature-trial-strip:after{content:"";position:absolute;width:280px;height:280px;right:13%;top:-190px;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.feature-trial-strip>div{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.trial-dot{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);font-weight:900}.feature-trial-strip p{margin:0}.feature-trial-strip b,.feature-trial-strip small{display:block}.feature-trial-strip b{font-size:18px;letter-spacing:-.01em}.feature-trial-strip small{font-size:12px;color:rgba(255,255,255,.72);margin-top:5px}.feature-trial-strip>a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:18px;padding:14px 20px;border-radius:11px;background:#fff;color:#0a5361;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap;transition:.22s ease}.feature-trial-strip>a:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.14)}
@media(max-width:720px){.feature-trial-strip{margin-top:28px;padding:22px;align-items:flex-start;flex-direction:column}.feature-trial-strip>a{width:100%;justify-content:space-between}.feature-trial-strip small{line-height:1.5}}

/* v5.4 — centered feature intro, legible accordion and conversion CTA */
.feature-head{max-width:900px;margin:0 auto 58px;text-align:center}
.feature-head .eyebrow{color:#079b9d}
.feature-head h2{font-size:52px;line-height:1.03;margin:12px auto 18px;font-weight:700}
.feature-head p{max-width:760px;margin:0 auto;color:#526b80;font-size:17px;line-height:1.6}
.fx-item{color:#0b2944}
.fx-main b{color:#0b2944;font-weight:800}
.fx-main small{color:#647b8e;font-weight:520}
.fx-detail{color:#3f5c72!important;font-weight:520;line-height:1.55}
.fx-item>i{color:#7790a2;font-size:22px;font-weight:400}
.fx-item.active>i{color:#08a9aa}
.fx-icon{background:#eaf8f8!important;color:#0aa9aa!important;border:1px solid #d7f0ef;display:grid;place-items:center}
.fx-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fx-item.active .fx-icon{background:#d9f7f5!important;color:#079e9f!important;border-color:#bcebea;box-shadow:0 8px 22px rgba(11,177,175,.12)}

.feature-trial-strip{margin-top:58px;min-height:250px;border-radius:26px;padding:38px 46px;background:radial-gradient(circle at 82% 0%,rgba(22,220,211,.28),transparent 35%),linear-gradient(115deg,#071f3b 0%,#0a3650 52%,#079f9f 100%);box-shadow:0 28px 70px rgba(7,41,60,.18);align-items:center}
.feature-trial-strip:before{content:"";position:absolute;width:420px;height:420px;right:-90px;bottom:-270px;border:1px solid rgba(255,255,255,.11);border-radius:50%}
.feature-trial-strip:after{width:330px;height:330px;right:8%;top:-245px;border-color:rgba(255,255,255,.11)}
.trial-copy{position:relative;z-index:2;max-width:720px}
.trial-kicker{display:inline-flex;color:#66f0e8;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:12px}
.feature-trial-strip h3{margin:0;color:#fff;font-size:34px;line-height:1.08;letter-spacing:-.035em;font-weight:750}
.feature-trial-strip h3 em{font-style:normal;color:#66e7df}
.feature-trial-strip .trial-copy>p{font-size:14px;line-height:1.55;color:rgba(255,255,255,.76);margin:14px 0 18px}
.trial-trust{display:flex;gap:18px;flex-wrap:wrap;color:rgba(255,255,255,.88);font-size:11px;font-weight:700}
.trial-trust span::first-letter{color:#5de7df}
.trial-action{position:relative;z-index:2;min-width:255px;display:flex;flex-direction:column;align-items:stretch;gap:9px}
.feature-trial-strip .trial-action>a{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 20px;border-radius:13px;background:#fff;color:#073e4c;font-size:14px;font-weight:900;text-decoration:none;box-shadow:0 14px 34px rgba(0,0,0,.14);transition:.22s ease}
.feature-trial-strip .trial-action>a:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 18px 38px rgba(0,0,0,.2)}
.trial-action small{text-align:center;color:rgba(255,255,255,.66);font-size:10px}
@media(max-width:900px){.feature-head{text-align:center;margin-bottom:40px}.feature-head h2{font-size:42px}.feature-trial-strip{padding:34px;min-height:0;align-items:flex-start;flex-direction:column}.trial-action{width:100%;min-width:0}.feature-trial-strip .trial-action>a{width:100%}}
@media(max-width:620px){.feature-head h2{font-size:35px}.feature-head p{font-size:15px}.feature-trial-strip{margin-top:34px;padding:28px 22px;border-radius:20px}.feature-trial-strip h3{font-size:28px}.trial-trust{gap:10px 14px}.fx-main b{font-size:16px}.fx-main small{font-size:12px}}

/* V5.5 — CTA fino estilo mockup aprobado */
.trial-strip-slim{margin-top:52px!important;min-height:138px!important;padding:22px 30px!important;border:1px solid #ccebee!important;border-radius:22px!important;background:linear-gradient(105deg,#f2fbfd 0%,#e9fbfc 55%,#d8f9f7 100%)!important;box-shadow:0 16px 42px rgba(19,83,105,.08)!important;color:#0b2945!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:26px!important;overflow:hidden!important}
.trial-strip-slim:before{content:"V"!important;position:absolute!important;right:20%!important;top:-75px!important;font-size:230px!important;line-height:1!important;font-weight:900!important;color:rgba(21,184,181,.055)!important;border:0!important;width:auto!important;height:auto!important;border-radius:0!important;transform:rotate(-8deg)!important}
.trial-strip-slim:after{display:none!important}
.trial-brand-mark{width:74px;height:74px;display:grid!important;place-items:center!important;border-right:1px solid #a9c5ce;padding-right:25px;box-sizing:content-box;position:relative;z-index:2}
.trial-brand-mark span{font-size:58px;line-height:.8;font-weight:950;font-style:italic;letter-spacing:-.16em;background:linear-gradient(145deg,#076ee8 10%,#09c9be 80%);-webkit-background-clip:text;background-clip:text;color:transparent;transform:skew(-8deg);display:block}
.trial-copy-slim{max-width:none!important;display:block!important}
.trial-copy-slim .trial-kicker{display:block!important;margin:0 0 7px!important;font-size:20px!important;line-height:1.15!important;letter-spacing:.04em!important;color:#0a2b48!important;font-weight:900!important}
.trial-copy-slim .trial-kicker strong{color:#0aaea9!important}
.trial-strip-slim .trial-copy-slim>p{margin:0 0 14px!important;font-size:17px!important;line-height:1.3!important;color:#536b80!important;font-weight:550!important}
.trial-strip-slim .trial-copy-slim>p b{color:#314d66!important;font-weight:750!important}
.trial-strip-slim .trial-trust{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px 25px!important;margin:0!important}
.trial-strip-slim .trial-trust span{font-size:14px!important;color:#153b55!important;font-weight:700!important;white-space:nowrap!important}
.trial-strip-slim .trial-trust span::first-letter{color:#08b7b1}
.trial-action-slim{min-width:280px!important;width:auto!important;display:block!important}
.trial-strip-slim .trial-action-slim>a{min-height:68px!important;padding:0 27px!important;border-radius:16px!important;background:linear-gradient(100deg,#08aaa8,#12c7bc)!important;color:#fff!important;font-size:19px!important;font-weight:900!important;letter-spacing:.01em!important;box-shadow:0 12px 26px rgba(11,179,174,.22)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:30px!important;white-space:nowrap!important}
.trial-strip-slim .trial-action-slim>a span{font-size:27px;line-height:1}
.trial-strip-slim .trial-action-slim>a:hover{transform:translateY(-2px)!important;box-shadow:0 16px 30px rgba(11,179,174,.3)!important}
@media(max-width:1000px){.trial-strip-slim{grid-template-columns:auto 1fr!important}.trial-action-slim{grid-column:2;width:100%!important;min-width:0!important}.trial-strip-slim .trial-action-slim>a{width:100%!important}.trial-brand-mark{grid-row:1/3}}
@media(max-width:680px){.trial-strip-slim{margin-top:34px!important;padding:24px!important;grid-template-columns:1fr!important;gap:18px!important;text-align:center!important}.trial-brand-mark{display:none!important}.trial-action-slim{grid-column:1!important}.trial-copy-slim .trial-kicker{font-size:18px!important}.trial-strip-slim .trial-copy-slim>p{font-size:15px!important}.trial-strip-slim .trial-trust{justify-content:center!important;gap:9px 14px!important}.trial-strip-slim .trial-action-slim>a{min-height:60px!important;font-size:17px!important}}

/* V5.7 — Sección 4: Studio vs Veraudit + comparativa */
.studio-vs{padding:100px 0 92px;background:radial-gradient(circle at 50% 25%,#eaffff 0,rgba(234,255,255,.45) 24%,transparent 48%),#fff;overflow:hidden}.vs-head{text-align:center;margin-bottom:42px}.vs-head .eyebrow{display:inline-flex;border:1px solid #8de3e0;border-radius:999px;padding:7px 17px;color:#087f9f;font-size:12px;letter-spacing:.08em}.vs-head h2{font-size:50px;line-height:1.04;letter-spacing:-.045em;margin:14px 0 10px;color:#071d3a}.vs-head h2 em,.compare-head h3 em{font-style:normal;color:#0ab7b3}.vs-head p,.compare-head p{color:#52687e;font-size:17px}.vs-showcase{display:grid;grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);gap:24px;align-items:center}.studio-card,.vera-card{background:#fff;border:1px solid #d9e9ef;border-radius:22px;box-shadow:0 20px 55px rgba(19,77,100,.08);overflow:hidden;min-height:300px}.vs-brand{height:58px;display:flex;align-items:center;gap:9px;padding:0 20px;border-bottom:1px solid #eef3f5}.vs-brand img{width:132px;height:auto}.vs-brand small{margin-left:auto;border:1px solid #dce6ea;border-radius:8px;padding:7px 9px;color:#53697c;font-size:10px}.youtube-brand span,.mini-yt{background:#ff1530;color:#fff;border-radius:7px;padding:4px 8px;font-size:11px}.youtube-brand b{font-size:20px;color:#111b2d}.studio-body,.vera-body{display:grid;grid-template-columns:135px 1fr;min-height:240px}.studio-menu,.vera-menu{padding:18px 12px;background:#fbfcfd;display:flex;flex-direction:column;gap:17px;color:#52677a;font-size:11px}.studio-menu b{background:#fff0f1;color:#e94852;padding:10px;border-radius:8px}.vera-menu b{background:#c9f5ef;color:#073c48;padding:10px;border-radius:8px}.studio-chart{padding:24px 18px}.studio-chart>small{display:block;color:#334b61}.studio-chart>strong{display:block;font-size:30px;color:#081e3b;margin:7px 0}.studio-chart strong em{font-style:normal;font-size:11px;color:#0aaa73;background:#e2f8ed;border-radius:10px;padding:5px 7px}.studio-chart svg{width:100%;height:135px}.vera-kpis{padding:20px 15px;display:flex;flex-direction:column;gap:10px}.vera-kpis>div{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:9px;padding:15px 12px;border:1px solid #e4ecef;border-radius:13px}.vera-kpis span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#16bf7a;color:#fff}.vera-kpis .down{background:#ff414b}.vera-kpis small{font-weight:700;color:#172c43}.vera-kpis b{font-size:20px;color:#071d3a}.vera-kpis em{font-style:normal;color:#0aaa73;background:#e2f8ed;border-radius:10px;padding:4px 6px;font-size:10px}.vera-kpis em.bad{color:#ff4853;background:#fff0f1}.vera-kpis .profit{background:#e7fbf7;border-color:#c6f1e9}.vera-kpis .profit>span{background:transparent;color:#0dbb91;font-size:20px}.vs-message{text-align:center;color:#071d3a}.vs-message>b{display:block;font-size:21px}.vs-message>strong{display:block;color:#ff3949;font-size:70px;line-height:.9;margin:8px 0}.vs-message p{font-size:14px;line-height:1.35;color:#52687e;font-weight:650}.vs-message i{display:block;color:#26d2ca;font-style:normal;font-size:48px;margin-top:5px}.income-flow{margin:38px 22px 0;display:grid;grid-template-columns:minmax(420px,1.8fr) 80px 120px 70px 240px;align-items:center}.flow-sources{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flow-sources article{min-height:112px;border:1px solid #dfecef;border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(22,78,96,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px}.flow-sources i{font-style:normal;color:#15b997;font-size:20px}.flow-sources i.yt{color:#fff;background:#ff1530;border-radius:6px;padding:3px 8px;font-size:11px}.flow-sources b{font-size:13px;margin:7px 0 4px;color:#0a203b}.flow-sources small{font-size:10px;line-height:1.3;color:#627487}.flow-line{height:2px;background:#25d4cc}.flow-vera{text-align:center}.flow-vera span,.mini-v{display:inline-block;font-size:42px;font-weight:950;font-style:italic;letter-spacing:-.16em;background:linear-gradient(145deg,#076ee8,#09c9be);-webkit-background-clip:text;background-clip:text;color:transparent}.flow-vera b,.flow-vera small{display:block}.flow-vera b{font-size:13px}.flow-vera small{font-size:10px;color:#627487}.flow-arrow{font-size:42px;color:#12c7be;text-align:center}.flow-profit{min-height:115px;border:1px solid #9fe8df;background:linear-gradient(115deg,#effdfb,#dffaf6);border-radius:18px;display:flex;align-items:center;justify-content:center;gap:16px}.flow-profit>i{font-style:normal;font-size:38px;color:#0bbd94}.flow-profit small,.flow-profit strong,.flow-profit em{display:block}.flow-profit small{font-weight:800}.flow-profit strong{font-size:30px;color:#071d3a}.flow-profit em{font-style:normal;color:#0aaa73;font-weight:800}.compare-head{text-align:center;margin:64px 0 24px}.compare-head h3{font-size:34px;letter-spacing:-.035em;color:#071d3a;margin:0 0 8px}.compare-wrap{overflow-x:auto;border:1px solid #dce9ed;border-radius:18px;box-shadow:0 18px 45px rgba(22,78,96,.06)}.compare-table{width:100%;min-width:820px;border-collapse:collapse;background:#fff;font-size:13px}.compare-table th,.compare-table td{padding:11px 16px;border-bottom:1px solid #e8eff2;border-right:1px solid #e8eff2;text-align:center}.compare-table th:first-child,.compare-table td:first-child{text-align:left;width:34%;color:#43596d}.compare-table th{color:#0a203b;font-size:12px;background:#fbfcfd}.compare-table tr:last-child td{border-bottom:0}.compare-table .vera-col{background:#ecfcfa;border-right:0}.compare-table th.vera-col{color:#073b4b;font-weight:900}.mini-v{font-size:20px;margin-right:7px}.yes{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#10c98d;color:#fff;font-style:normal;font-weight:900}.no{font-style:normal;color:#a9b6c0;font-weight:800}.partial{font-size:10px;color:#b7791f;background:#fff7df;padding:4px 7px;border-radius:8px}.vs-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:34px}.vs-bottom article{display:flex;align-items:center;justify-content:center;gap:15px;padding:8px 34px;border-right:1px solid #d9e4e8}.vs-bottom article:last-child{border:0}.vs-bottom i{font-style:normal;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#d8faf6;color:#08768a;font-size:24px}.vs-bottom b,.vs-bottom span{display:block}.vs-bottom b{color:#0b203b;margin-bottom:3px}.vs-bottom span{font-size:12px;line-height:1.35;color:#627487}
@media(max-width:1050px){.vs-showcase{grid-template-columns:1fr 140px 1fr}.studio-body,.vera-body{grid-template-columns:105px 1fr}.income-flow{grid-template-columns:1fr 40px 100px 45px 190px;margin-left:0;margin-right:0}.flow-sources{gap:7px}.vs-message>b{font-size:17px}.vs-message>strong{font-size:55px}.vera-kpis b{font-size:16px}}
@media(max-width:800px){.studio-vs{padding:70px 0}.vs-head h2{font-size:38px}.vs-showcase{grid-template-columns:1fr}.vs-message{padding:8px 20px}.vs-message i{transform:rotate(90deg);font-size:35px}.income-flow{grid-template-columns:1fr;gap:15px}.flow-line{height:30px;width:2px;margin:auto}.flow-arrow{transform:rotate(90deg)}.flow-sources{grid-template-columns:repeat(2,1fr)}.flow-profit{width:100%;max-width:300px;margin:auto}.vs-bottom{grid-template-columns:1fr}.vs-bottom article{border-right:0;border-bottom:1px solid #d9e4e8;justify-content:flex-start;padding:16px 10px}.compare-head h3{font-size:29px}}
@media(max-width:520px){.vs-head h2{font-size:32px}.vs-head p{font-size:15px}.studio-body,.vera-body{grid-template-columns:88px 1fr}.studio-menu,.vera-menu{font-size:9px;padding:14px 7px}.studio-chart>strong{font-size:23px}.vera-kpis>div{grid-template-columns:22px 1fr auto;padding:11px 8px}.vera-kpis em{display:none}.vera-kpis b{font-size:14px}.flow-sources{grid-template-columns:1fr 1fr}.compare-head{margin-top:45px}.compare-head h3{font-size:26px}}

/* v5.8 — animated soft clouds behind hero laptop */
.hero-media{isolation:isolate}
.desk-scene{isolation:isolate}
.desk-scene::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:4% -7% 3% 2%;
  pointer-events:none;
  opacity:.9;
  background:
    radial-gradient(circle at 22% 34%,rgba(17,199,198,.24) 0 10%,rgba(17,199,198,.11) 19%,transparent 34%),
    radial-gradient(circle at 68% 20%,rgba(61,124,231,.16) 0 11%,rgba(61,124,231,.07) 22%,transparent 38%),
    radial-gradient(circle at 80% 72%,rgba(13,185,181,.20) 0 12%,rgba(13,185,181,.08) 24%,transparent 40%),
    radial-gradient(circle at 42% 78%,rgba(105,226,218,.18) 0 10%,rgba(105,226,218,.06) 22%,transparent 38%);
  filter:blur(22px);
  transform:translate3d(0,0,0) scale(1.03);
  animation:vaHeroClouds 14s ease-in-out infinite alternate;
}
.desk-scene .laptop{z-index:2}
@keyframes vaHeroClouds{
  0%{transform:translate3d(-1.5%,1%,0) scale(1.02) rotate(-.5deg)}
  35%{transform:translate3d(2%,-1.5%,0) scale(1.07) rotate(.5deg)}
  70%{transform:translate3d(-.5%,-2.5%,0) scale(1.04) rotate(-.2deg)}
  100%{transform:translate3d(2.5%,1.5%,0) scale(1.08) rotate(.4deg)}
}
@media(max-width:900px){
  .desk-scene::after{inset:0 -12% 2%;opacity:.72;filter:blur(26px)}
}
@media(prefers-reduced-motion:reduce){.desk-scene::after{animation:none}}

/* V5.9 — compact spacing between trial CTA and comparison section */
.feature-explorer{padding-bottom:34px!important}
.studio-vs{padding-top:48px!important}
@media(max-width:800px){
  .feature-explorer{padding-bottom:24px!important}
  .studio-vs{padding-top:42px!important}
}
@media(max-width:520px){
  .feature-explorer{padding-bottom:18px!important}
  .studio-vs{padding-top:34px!important}
}

/* V5.10 — visual ecosystem replaces comparison table */
.tools-head{text-align:center;margin:64px auto 30px;max-width:980px}.tools-head .eyebrow{display:inline-flex;border:1px solid #8de3e0;border-radius:999px;padding:7px 17px;color:#087f9f;font-size:12px;letter-spacing:.08em}.tools-head h3{font-size:40px;line-height:1.08;letter-spacing:-.04em;color:#071d3a;margin:14px 0 9px}.tools-head h3 em{font-style:normal;color:#0ab7b3}.tools-head p{font-size:16px;color:#52687e}.tools-ecosystem{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(500px,1.35fr) minmax(220px,.72fr);gap:30px;align-items:center;position:relative}.tool-side{display:flex;flex-direction:column;gap:22px}.tool-card,.vera-hub{background:rgba(255,255,255,.96);border:1px solid #d9e9ef;border-radius:22px;box-shadow:0 20px 55px rgba(19,77,100,.08)}.tool-card{padding:22px;position:relative}.tool-left .tool-card:after,.tool-right .tool-card:before{content:"";position:absolute;top:50%;width:31px;height:1px;background:#1ccbc3}.tool-left .tool-card:after{right:-31px}.tool-right .tool-card:before{left:-31px}.tool-title{display:flex;align-items:center;gap:9px;color:#0b203b}.tool-title b{font-size:18px}.tool-logo{display:grid;place-items:center;font-weight:900}.yt-logo{background:#ff1530;color:white;border-radius:8px;width:39px;height:27px;font-size:12px}.vidiq-logo{width:32px;height:32px;border-radius:50%;background:#287cf2;color:#fff;font-size:10px}.tb-logo{width:34px;height:34px;border-radius:50%;background:#ef2b35;color:#fff}.tool-card h4{font-size:15px;margin:16px 0 6px;color:#10243e}.tool-card p{font-size:13px;line-height:1.4;color:#617488;margin:0}.tool-mini-chart{margin-top:14px;padding:12px;border-radius:13px;background:#fbfcfd}.tool-mini-chart strong{font-size:17px;color:#0a203b}.tool-mini-chart em{font-style:normal;color:#0aaa73;font-size:10px}.tool-mini-chart svg{display:block;width:100%;height:55px;margin-top:5px}.keyword-pills{display:flex;flex-direction:column;gap:6px;margin-top:13px}.keyword-pills span{display:flex;justify-content:space-between;background:#f8fbfc;border:1px solid #e7eef1;border-radius:9px;padding:7px 9px;font-size:10px;color:#43596d}.keyword-pills b{color:#0aaa73}.vera-hub{padding:18px 18px 0;border-color:#aee9e5;box-shadow:0 25px 75px rgba(14,184,178,.14);position:relative}.vera-hub-title{text-align:center;margin-bottom:13px}.hub-v{display:inline-block;font-size:39px;font-weight:950;font-style:italic;letter-spacing:-.16em;background:linear-gradient(145deg,#076ee8,#09c9be);-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:8px}.vera-hub-title>b{font-size:28px;color:#0a203b}.vera-hub-title p{margin:2px 0 0;color:#172c43;font-size:16px}.hub-dashboard{display:grid;grid-template-columns:110px 1fr;border:1px solid #e2ecef;border-radius:15px;overflow:hidden;background:#fff}.hub-side{background:#f8fbfc;padding:14px 10px;display:flex;flex-direction:column;gap:12px;color:#65778a;font-size:9px}.hub-side b{background:#dff7f5;color:#087f9f;border-radius:7px;padding:8px}.hub-main{padding:14px}.hub-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hub-kpis>div{border:1px solid #e4ecef;border-radius:10px;padding:9px}.hub-kpis small,.hub-kpis strong,.hub-kpis em{display:block}.hub-kpis small{font-size:8px;color:#607387}.hub-kpis strong{font-size:15px;color:#071d3a;margin:4px 0}.hub-kpis em{font-size:8px;font-style:normal;color:#0aaa73}.hub-kpis em.red{color:#ff4853}.hub-chart{margin-top:10px;border:1px solid #e4ecef;border-radius:10px;padding:10px}.hub-chart small{font-size:9px;color:#172c43;font-weight:700}.hub-chart svg{width:100%;height:85px;display:block;margin-top:5px}.hub-features{display:grid;grid-template-columns:repeat(6,1fr);margin:0 -18px;margin-top:14px;border-top:1px solid #dfecef;background:#fbfefe;border-radius:0 0 22px 22px}.hub-features span{text-align:center;padding:13px 5px;color:#0ab7b3;font-size:15px;border-right:1px solid #e6eff1}.hub-features span:last-child{border:0}.hub-features b{display:block;color:#10243e;font-size:8px;margin-top:4px}.score-ring{width:82px;height:82px;border-radius:50%;margin:16px auto 10px;display:grid;place-items:center;background:conic-gradient(#1cc587 0 92%,#e8f0f2 92%);position:relative}.score-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.score-ring strong,.score-ring small{z-index:1}.score-ring strong{font-size:22px;color:#0a203b}.score-ring small{font-size:8px;margin-top:-35px;margin-left:35px}.score-list{display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:10px;color:#52687e}.score-list span{color:#159c76}.tools-close{max-width:1080px;margin:28px auto 0;border:1px solid #bde8e6;border-radius:18px;padding:18px 24px;display:grid;grid-template-columns:55px 1.3fr 1fr;align-items:center;gap:18px;background:linear-gradient(100deg,#fff,#f2fdfc)}.close-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#d9faf6;color:#08768a;font-size:24px}.tools-close strong,.tools-close b{display:block}.tools-close strong{font-size:19px;color:#0b203b}.tools-close b{font-size:19px;color:#0ab7b3}.tools-close p{font-size:11px;line-height:1.45;color:#617488;border-left:1px solid #cadcdf;padding-left:20px;margin:0}
@media(max-width:1050px){.tools-ecosystem{grid-template-columns:1fr 1.6fr}.tool-right{grid-column:1/-1}.tool-right .tool-card{max-width:420px;margin:auto}.tool-right .tool-card:before{display:none}.hub-features{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.tools-head{margin-top:46px}.tools-head h3{font-size:31px}.tools-ecosystem{grid-template-columns:1fr}.tool-side,.vera-hub{max-width:600px;width:100%;margin:auto}.tool-left .tool-card:after{display:none}.tool-right{grid-column:auto}.hub-dashboard{grid-template-columns:88px 1fr}.hub-kpis{grid-template-columns:1fr}.hub-chart svg{height:70px}.tools-close{grid-template-columns:48px 1fr}.tools-close p{grid-column:1/-1;border-left:0;border-top:1px solid #d9e6e9;padding:12px 0 0}.tools-close strong,.tools-close b{font-size:16px}}
@media(max-width:520px){.tools-head h3{font-size:27px}.vera-hub-title>b{font-size:22px}.hub-dashboard{grid-template-columns:70px 1fr}.hub-side{font-size:8px;padding:10px 6px}.hub-main{padding:9px}.hub-features{grid-template-columns:repeat(2,1fr)}.tools-close{padding:15px}.tools-close strong,.tools-close b{font-size:15px}}

/* v5.11 — feature showcase aligned to approved mockup */
.feature-explorer{padding-top:72px!important;background:radial-gradient(circle at 72% 36%,rgba(27,199,201,.10),transparent 31%),linear-gradient(180deg,#fff 0%,#fbfefe 100%)!important}
.feature-explorer .va-wrap{width:min(1220px,calc(100% - 48px))}
.feature-head{max-width:510px!important;margin:0 0 34px!important;text-align:left!important}
.feature-head h2{font-size:48px!important;line-height:1.01!important;margin:10px 0 14px!important;font-weight:800!important}
.feature-head p{margin:0!important;max-width:500px!important;font-size:16px!important;line-height:1.5!important}
.feature-stage{grid-template-columns:minmax(360px,38%) minmax(0,62%)!important;gap:54px!important;align-items:center!important}
.fx-item{padding:15px 8px!important}.fx-item.active{padding:17px 14px!important}
.fx-main b{font-size:17px!important}.fx-main small{font-size:12.5px!important;margin-top:3px!important}.fx-detail{font-size:12px!important;line-height:1.55!important;margin-top:10px!important}
.fx-detail .detail-check{display:block;color:#34566e;font-weight:700;margin:4px 0}.fx-detail .detail-check::first-letter{color:#0bb7b4}
.fx-static-visual.fx-showcase{min-height:560px!important;overflow:visible!important;padding:0!important}
.fx-showcase .static-orbit{width:94%!important;height:86%!important;background:radial-gradient(circle at 50% 50%,rgba(12,194,193,.15),rgba(12,194,193,.04) 52%,transparent 72%)!important;animation:staticGlow 7s ease-in-out infinite!important}
.fx-showcase .static-product{width:94%!important;max-width:780px!important;padding:18px!important;border-radius:26px!important;transform:rotate(-1deg);box-shadow:0 30px 75px rgba(24,80,98,.14)!important;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(12px)}
.fx-showcase .static-product>img{border-radius:16px!important;box-shadow:0 16px 42px rgba(20,63,82,.10)!important}
.fx-showcase .static-product:before{content:"";position:absolute;inset:-24px;border:1px solid rgba(13,185,181,.18);border-radius:38px;z-index:-1;background:linear-gradient(135deg,rgba(15,192,190,.07),rgba(73,130,240,.035))}
.fx-showcase .static-float{z-index:4;background:rgba(255,255,255,.96)!important;box-shadow:0 16px 36px rgba(15,61,80,.14)!important;border:1px solid #e4eef2!important}
.fx-showcase .sf-youtube{left:4%;top:-38px;transform:rotate(4deg)}
.fx-showcase .sf-profit{left:auto!important;right:-2%!important;top:-22px!important;bottom:auto!important;transform:rotate(-5deg)}
.fx-showcase .sf-profit em{color:#0caf91!important}
.showcase-bottom{position:absolute;left:4%;right:3%;bottom:-50px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;z-index:5}
.showcase-bottom span{background:rgba(255,255,255,.97);border:1px solid #e1edf0;border-radius:14px;padding:11px 12px;box-shadow:0 12px 28px rgba(15,61,80,.10);display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center}
.showcase-bottom b{grid-row:1/3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#dcf8f6;color:#08a9a7;font-size:15px}.showcase-bottom small{font-size:9px;color:#667e90;font-weight:700}.showcase-bottom strong{font-size:16px;color:#0b2944}
.scribble{position:absolute;z-index:6;color:#126aa0;font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:13px;line-height:1.25;font-weight:700;letter-spacing:.01em;pointer-events:none}
.sc-top{left:45%;top:-72px;transform:rotate(-5deg)}.sc-left{left:-8%;bottom:-98px;transform:rotate(-7deg)}.sc-right{right:0;bottom:-102px;transform:rotate(6deg)}
@media(max-width:900px){.feature-head{max-width:720px!important}.feature-stage{grid-template-columns:1fr!important}.fx-static-visual.fx-showcase{min-height:520px!important;margin-top:30px}.sc-left,.sc-right{display:none}.sc-top{top:-54px}.showcase-bottom{bottom:-38px}}
@media(max-width:620px){.feature-explorer{padding-top:54px!important}.feature-head h2{font-size:36px!important}.feature-head p{font-size:14px!important}.fx-static-visual.fx-showcase{min-height:350px!important;margin-top:22px}.fx-showcase .static-product{width:98%!important;padding:9px!important;border-radius:18px!important}.fx-showcase .sf-youtube,.fx-showcase .sf-profit,.scribble{display:none!important}.showcase-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:10px;grid-template-columns:1fr 1fr}.showcase-bottom span{padding:8px}.showcase-bottom small{font-size:8px}.showcase-bottom strong{font-size:14px}}

/* v5.12 — bloque 2 reequilibrado + reveal al hacer scroll */
.feature-explorer{padding:82px 0 58px!important;overflow:hidden}
.feature-explorer .feature-head{max-width:900px!important;margin:0 auto 48px!important;text-align:center!important}
.feature-explorer .feature-head .eyebrow{text-align:center;color:#079f9f!important}
.feature-explorer .feature-head h2{font-size:52px!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:10px auto 16px!important}
.feature-explorer .feature-head h2 br{display:none}
.feature-explorer .feature-head p{max-width:720px!important;margin:0 auto!important;font-size:17px!important;line-height:1.55!important}
.feature-stage{display:grid!important;grid-template-columns:minmax(380px,.78fr) minmax(560px,1.22fr)!important;gap:62px!important;align-items:center!important}
.feature-accordion{align-self:center!important;padding:8px 0!important}
.fx-item{border-radius:16px!important;padding:16px 18px!important;margin:3px 0!important;border:1px solid transparent!important;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s ease!important}
.fx-item:not(.active){border-bottom-color:#e4edf1!important;border-radius:0!important}
.fx-item.active{background:linear-gradient(110deg,#f2fffe 0%,#fbffff 100%)!important;border:1px solid #83dfdc!important;box-shadow:0 16px 42px rgba(11,92,104,.08)!important;transform:translateX(6px)!important}
.fx-item.active:before{border-radius:12px!important;width:4px!important}
.fx-icon{width:48px!important;height:48px!important;box-shadow:inset 0 0 0 1px rgba(13,185,181,.14)!important}
.fx-copy b{font-size:18px!important;letter-spacing:-.02em!important}
.fx-copy small{font-size:13px!important;color:#61768b!important}
.fx-detail{font-size:13px!important;line-height:1.5!important;color:#3e5b70!important;padding-top:10px!important}
.fx-static-visual{min-height:560px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.fx-showcase .static-orbit{position:absolute!important;inset:5% 2% 4%!important;border-radius:42px!important;background:radial-gradient(circle at 52% 38%,rgba(25,199,197,.16),rgba(25,199,197,.055) 45%,transparent 72%)!important;filter:blur(4px)!important}
.fx-showcase .static-product{width:100%!important;max-width:760px!important;transform:none!important;padding:24px!important;border-radius:30px!important;background:rgba(255,255,255,.58)!important;border:1px solid rgba(112,214,213,.35)!important;box-shadow:0 30px 70px rgba(8,58,77,.12)!important;backdrop-filter:blur(10px)!important}
.fx-showcase .static-product>img{width:100%!important;display:block!important;border-radius:18px!important;box-shadow:0 18px 40px rgba(7,41,58,.10)!important}
.fx-showcase .static-float{z-index:4!important;border-radius:16px!important;box-shadow:0 16px 35px rgba(6,45,64,.12)!important}
.fx-showcase .sf-youtube{left:-18px!important;top:38px!important;transform:rotate(-2deg)!important}
.fx-showcase .sf-profit{right:-12px!important;top:50px!important;transform:rotate(2deg)!important}
.fx-showcase .showcase-bottom{left:50%!important;right:auto!important;bottom:-24px!important;width:88%!important;transform:translateX(-50%)!important;border-radius:18px!important;box-shadow:0 15px 38px rgba(6,45,64,.11)!important}
.fx-showcase .scribble{display:none!important}
.feature-trial-strip{margin-top:62px!important}

/* Primera visita: las secciones entran con blur suave al alcanzar el viewport */
.va-scroll-reveal{opacity:0;filter:blur(10px);transform:translateY(34px) scale(.992);transition:opacity .72s cubic-bezier(.2,.7,.2,1),filter .72s ease,transform .72s cubic-bezier(.2,.7,.2,1);will-change:opacity,filter,transform}
.va-scroll-reveal.va-in{opacity:1;filter:blur(0);transform:none}
@media(max-width:1050px){
 .feature-explorer .feature-head h2{font-size:44px!important}
 .feature-stage{grid-template-columns:1fr!important;gap:30px!important}
 .feature-accordion{max-width:760px!important;width:100%!important;margin:auto!important}
 .fx-static-visual{min-height:500px!important}
}
@media(max-width:640px){
 .feature-explorer{padding-top:58px!important}
 .feature-explorer .feature-head{margin-bottom:30px!important}
 .feature-explorer .feature-head h2{font-size:36px!important}
 .feature-explorer .feature-head p{font-size:15px!important}
 .feature-stage{gap:22px!important}
 .fx-item{padding:13px 12px!important}
 .fx-item.active{transform:none!important}
 .fx-static-visual{min-height:350px!important}
 .fx-showcase .static-product{padding:10px!important;border-radius:20px!important}
 .fx-showcase .sf-youtube,.fx-showcase .sf-profit{display:none!important}
 .fx-showcase .showcase-bottom{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:100%!important;margin-top:10px!important;grid-template-columns:repeat(2,1fr)!important}
 .feature-trial-strip{margin-top:34px!important}
 .va-scroll-reveal{transform:translateY(22px);filter:blur(7px)}
}
@media(prefers-reduced-motion:reduce){.va-scroll-reveal{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}}

/* v5.13 — product tour: real SaaS-style horizontal showcase */
.product-tour{padding:82px 0 34px!important;background:radial-gradient(circle at 52% 42%,rgba(13,185,181,.09),transparent 34%),#fff!important;overflow:hidden}
.tour-head{text-align:center;max-width:820px;margin:0 auto 28px}.tour-head .eyebrow{color:#079b9c}.tour-head h2{font-size:46px;line-height:1.03;letter-spacing:-.045em;margin:10px 0 14px;color:#071f3b}.tour-head h2 em{font-style:normal;color:#0db5b3}.tour-head p{font-size:16px;line-height:1.55;color:#60758a;margin:0 auto;max-width:680px}
.tour-tabs{display:flex;justify-content:center;gap:5px;max-width:1050px;margin:0 auto 26px;padding:5px;background:#f5f9fa;border:1px solid #e3edf0;border-radius:14px;overflow-x:auto;scrollbar-width:none}.tour-tabs::-webkit-scrollbar{display:none}.tour-tab{border:0;background:transparent;color:#6b7f91;border-radius:10px;padding:10px 14px;font:700 12px/1 Inter,inherit;white-space:nowrap;cursor:pointer;transition:.25s}.tour-tab span{opacity:.55;margin-right:5px}.tour-tab.active{background:#fff;color:#078f91;box-shadow:0 6px 18px rgba(12,62,78,.08)}
.tour-window{position:relative;overflow:hidden;border-radius:30px}.tour-track{display:flex;transition:transform .72s cubic-bezier(.22,.72,.2,1);will-change:transform}.tour-slide{min-width:100%;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:42px;align-items:center;padding:20px 18px 26px}.tour-shot{position:relative;padding:22px;border-radius:28px;background:linear-gradient(145deg,rgba(218,250,248,.72),rgba(240,248,255,.72));border:1px solid #cceceb;box-shadow:0 30px 70px rgba(11,67,86,.11)}
.saas-frame{height:470px;background:#fff;border:1px solid #dce8ed;border-radius:18px;box-shadow:0 18px 45px rgba(12,54,71,.10);overflow:hidden;display:grid;grid-template-columns:125px 1fr;color:#102b45}.sf-side{background:#f8fbfc;border-right:1px solid #e6eef1;padding:22px 12px;display:flex;flex-direction:column;gap:8px}.sf-side b{font-size:14px;color:#078e91;margin-bottom:8px}.sf-side i{font-style:normal;font-size:10px;padding:9px 8px;border-radius:7px;color:#60758a}.sf-side i.on{background:#dff7f5;color:#078f91;font-weight:800}.sf-main{padding:22px;min-width:0}.sf-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sf-top small{font-size:9px;color:#8294a3}.sf-top h3{font-size:21px;margin:2px 0 0}.sf-top button{border:0;background:#0db9b5;color:#fff;border-radius:8px;padding:10px 13px;font-weight:800;font-size:10px}.sf-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sf-kpis span{border:1px solid #e2ebef;border-radius:12px;padding:13px;background:#fff}.sf-kpis small,.sf-kpis b,.sf-kpis em{display:block}.sf-kpis small{font-size:8px;color:#718598}.sf-kpis b{font-size:18px;margin:6px 0 3px}.sf-kpis em{font-style:normal;font-size:8px;color:#0aaf78}.sf-kpis em.bad{color:#ff5261}.sf-kpis em.warn{color:#d68b18}.sf-chart{margin-top:13px;border:1px solid #e2ebef;border-radius:12px;padding:13px}.sf-chart>b{font-size:11px}.sf-chart svg{display:block;width:100%;height:125px;margin-top:9px}.sf-chart.compact svg{height:82px}.sf-ledger{margin-top:12px;border:1px solid #e2ebef;border-radius:12px;padding:12px}.sf-ledger>b{display:block;font-size:10px;margin-bottom:7px}.sf-ledger span{display:grid;grid-template-columns:1fr auto;gap:6px;padding:7px 0;border-top:1px solid #edf2f4;font-size:9px;color:#50677b}.sf-ledger span strong{font-size:10px;color:#112b45}.sf-ledger span small{color:#8a9ba9}.sf-ledger.large span{grid-template-columns:1fr .7fr auto}.sponsor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sponsor-grid span{border:1px solid #e1ebee;border-radius:12px;padding:14px}.sponsor-grid small,.sponsor-grid b,.sponsor-grid em{display:block}.sponsor-grid small{font-size:8px;color:#08a7a4;text-transform:uppercase;font-weight:900}.sponsor-grid b{font-size:16px;margin:5px 0}.sponsor-grid em{font-size:9px;font-style:normal;color:#718598}.channel-list{display:flex;flex-direction:column;gap:9px}.channel-list span{display:grid;grid-template-columns:38px 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;border:1px solid #e1ebee;border-radius:12px;padding:10px 12px}.channel-list .avatar{grid-row:1/3;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0b72e7,#11c4bd);color:#fff;font-style:normal;font-size:9px;font-weight:900}.channel-list b{font-size:11px}.channel-list small{font-size:8px;color:#7c8f9f}.channel-list strong{grid-column:3;grid-row:1/3;font-size:13px}.goal-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.goal-panel>div{border:1px solid #e1ebee;border-radius:14px;padding:18px}.goal-panel small,.goal-panel b,.goal-panel strong,.goal-panel span{display:block}.goal-panel small{font-size:9px;color:#718598}.goal-panel b{font-size:22px;margin:5px 0}.goal-panel strong{font-size:9px;color:#526b7e}.goal-panel i{height:8px;background:#edf3f4;border-radius:99px;display:block;margin:18px 0 7px;overflow:hidden}.goal-panel i em{display:block;width:83.6%;height:100%;background:linear-gradient(90deg,#0db9b5,#17c9c2);border-radius:inherit}.goal-panel span{font-size:10px;font-weight:800;color:#078f91}
.tour-copy{padding:20px 14px 20px 0}.tour-number{display:inline-flex;border:1px solid #aee5e3;color:#078f91;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.08em}.tour-copy h3{font-size:35px;line-height:1.05;letter-spacing:-.04em;margin:16px 0 14px;color:#071f3b}.tour-copy p{font-size:15px;line-height:1.6;color:#5b7185;margin:0 0 18px}.tour-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.tour-copy li{font-size:13px;color:#29475e;font-weight:700}.tour-copy li:before{content:'✓';display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#dff8f5;color:#08a7a4;margin-right:9px;font-size:11px}
.tour-controls{display:flex;align-items:center;justify-content:center;gap:14px;max-width:620px;margin:2px auto 12px}.tour-arrow{width:40px;height:40px;border-radius:50%;border:1px solid #d8e8eb;background:#fff;color:#0b344d;font-size:18px;cursor:pointer;transition:.2s}.tour-arrow:hover{border-color:#72d9d6;color:#08a7a4;transform:translateY(-1px)}.tour-progress{height:3px;flex:1;background:#e7eff1;border-radius:99px;overflow:hidden}.tour-progress i{display:block;height:100%;width:16.666%;background:#0db9b5;border-radius:inherit;transition:width .5s ease}.tour-count{font-size:10px;font-weight:900;color:#718598;min-width:42px}
@media(max-width:980px){.tour-slide{grid-template-columns:1fr;gap:24px}.tour-copy{padding:0 16px 12px}.saas-frame{height:430px}.tour-tabs{justify-content:flex-start}.tour-head h2{font-size:40px}}
@media(max-width:640px){.product-tour{padding-top:58px!important}.tour-head h2{font-size:34px}.tour-head p{font-size:14px}.tour-slide{padding:10px 2px 18px}.tour-shot{padding:8px;border-radius:20px}.saas-frame{height:330px;grid-template-columns:72px 1fr}.sf-side{padding:12px 6px}.sf-side b{font-size:9px}.sf-side i{font-size:7px;padding:7px 5px}.sf-main{padding:12px}.sf-top h3{font-size:16px}.sf-top button{font-size:8px;padding:8px}.sf-kpis span{padding:8px}.sf-kpis b{font-size:12px}.sf-chart svg{height:78px}.sf-ledger{padding:8px}.tour-copy h3{font-size:28px}.tour-copy p{font-size:14px}.tour-copy li{font-size:12px}.sponsor-grid{gap:6px}.sponsor-grid span{padding:9px}.goal-panel{grid-template-columns:1fr}.goal-panel>div{padding:10px}.channel-list span{padding:7px}.tour-controls{padding:0 6px}}
@media(prefers-reduced-motion:reduce){.tour-track{transition:none!important}}

/* v5.14 pricing */
.va-nav nav a.active{color:var(--teal)}
.price-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.price-grid-four .price-card{padding:22px 20px;min-height:500px}
.price-grid-four .price{font-size:33px;white-space:nowrap}
.price-card.business{border-color:#b9dce2;background:linear-gradient(180deg,#fbfeff,#fff)}
.price-card.agency-card{border-color:#b9c8d5;background:linear-gradient(180deg,#f8fafc,#fff)}
.dark-pill{background:#071f3b;color:#fff}
.btn.dark{background:#071f3b;color:#fff}
.price-card li.no{color:#98a7b4}
.price-card li.no:before{content:"—";color:#a9b6c0}
.pricing-note{margin-top:20px;border:1px solid #dce9ef;background:#f8fcfd;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#5c7185;font-size:13px}
.pricing-note b{color:#08213d}.pricing-note a{margin-left:auto;color:#078f91;font-weight:850;text-decoration:none}
.pricing-full{padding-top:72px}.pricing-hero{text-align:center;max-width:760px;margin:0 auto 38px}.pricing-hero h1{font-size:48px;line-height:1.03;letter-spacing:-.045em;margin:10px 0 16px;color:#071f3b}.pricing-hero p{font-size:17px;line-height:1.55;color:#60758d;margin:0}.compare-plans{padding:70px 0 20px}.compare-scroll{overflow-x:auto;border:1px solid #dce9ef;border-radius:14px;background:#fff}.compare-plans table{width:100%;border-collapse:collapse;min-width:760px}.compare-plans th,.compare-plans td{padding:16px 18px;text-align:center;border-bottom:1px solid #e7eef2;font-size:13px}.compare-plans th:first-child,.compare-plans td:first-child{text-align:left;font-weight:750;color:#203b53}.compare-plans thead th{background:#f7fafc;color:#50677c;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.compare-plans .hot{background:#f0fbfb;color:#078f91;font-weight:900}.pricing-faq{padding:54px 0 36px}.pricing-final{margin:20px 0 70px;padding:32px 36px;border-radius:16px;background:linear-gradient(110deg,#071f3b,#0a3454);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:28px}.pricing-final .eyebrow{color:#70dedc}.pricing-final h2{font-size:32px;margin:6px 0}.pricing-final p{color:#c7d5df;margin:0}.pricing-final .btn{flex:0 0 auto}
@media(max-width:1100px){.price-grid-four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.pricing-hero h1{font-size:40px}.pricing-final{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.price-grid-four{grid-template-columns:1fr}.price-grid-four .price-card{min-height:0}.pricing-full{padding-top:42px}.pricing-hero h1{font-size:34px}.pricing-note a{margin-left:0;width:100%}.pricing-final{padding:26px 22px}.pricing-final h2{font-size:28px}}


/* v5.15.1 — sticky-header anchor alignment */
#producto,#funciones,#precios,#faq{scroll-margin-top:76px}
@media(max-width:560px){#producto,#funciones,#precios,#faq{scroll-margin-top:66px}}


/* V5.16 — tighter, continuous landing flow */
/* The product tour now flows directly into the business comparison. */
.feature-explorer{padding:68px 0 34px!important;background:linear-gradient(180deg,#fff 0%,#fbfefe 100%)!important}
.product-tour .tour-controls{margin-bottom:0!important}
.studio-vs{padding:54px 0 62px!important;background:linear-gradient(180deg,#fbfefe 0%,#fff 18%,#fff 100%)!important}
.vs-head{margin-bottom:32px!important}
.income-flow{margin-top:28px!important}
.tools-head{margin-top:48px!important;margin-bottom:26px!important}
.tools-close{margin-top:22px!important}
.pricing{padding-top:66px!important;padding-bottom:58px!important;background:linear-gradient(180deg,#fff 0%,#f8fcfd 100%)!important}
.pricing .section-head{margin-bottom:32px!important}
.testimonials{padding-top:58px!important;padding-bottom:58px!important;background:#fff!important}
.testimonials .section-head{margin-bottom:30px!important}
.faq{padding-top:58px!important;padding-bottom:64px!important;background:linear-gradient(180deg,#fff,#f8fcfd)!important}
.faq .section-head{margin-bottom:28px!important}
.final-cta{margin-top:0!important}
/* Avoid visual dead zones between adjacent sections. */
.studio-vs + .pricing{border-top:1px solid #edf4f6}
.pricing + .testimonials{border-top:1px solid #edf4f6}
.testimonials + .faq{border-top:1px solid #edf4f6}
@media(max-width:800px){
 .feature-explorer{padding:50px 0 24px!important}
 .studio-vs{padding:42px 0 48px!important}
 .tools-head{margin-top:38px!important}
 .pricing,.testimonials,.faq{padding-top:46px!important;padding-bottom:46px!important}
}
@media(max-width:560px){
 .feature-explorer{padding:42px 0 18px!important}
 .studio-vs{padding:34px 0 40px!important}
 .vs-head{margin-bottom:24px!important}
 .tools-head{margin-top:32px!important;margin-bottom:20px!important}
 .pricing,.testimonials,.faq{padding-top:38px!important;padding-bottom:38px!important}
}

/* v5.17 — pricing page */
.pricing-v517{background:#fff}.price-page-hero{padding:96px 0 48px;text-align:center;background:radial-gradient(circle at 50% 0,#e8fffc 0,rgba(232,255,252,.55) 25%,transparent 58%)}.price-page-hero .va-wrap{max-width:900px}.price-kicker{font-size:12px;font-weight:900;letter-spacing:.14em;color:#078d9d}.price-page-hero h1{font-size:58px;line-height:1.02;letter-spacing:-.055em;color:#071f3b;margin:12px 0 18px}.price-page-hero h1 em{font-style:normal;color:#0bb7b4}.price-page-hero p{font-size:18px;color:#5b7085;max-width:720px;margin:0 auto}.price-trust{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:26px;color:#536b80;font-size:13px}.price-trust span:First-letter{color:#0ab7b3}.price-picker{padding:12px 0 30px}.picker-box{border:1px solid #dcebed;border-radius:22px;padding:24px 28px;display:grid;grid-template-columns:1.1fr 1.4fr 1.1fr;align-items:center;gap:24px;background:#fff;box-shadow:0 18px 55px rgba(13,71,91,.07)}.picker-label{font-size:10px;letter-spacing:.13em;font-weight:900;color:#0a9fa4}.picker-box h2{font-size:21px;margin:5px 0 0;color:#0a213c}.channel-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;background:#f3f7f8;padding:5px;border-radius:13px}.channel-pick{border:0;background:transparent;border-radius:9px;padding:11px 7px;font-weight:800;color:#597084;cursor:pointer}.channel-pick.active{background:#fff;color:#078f91;box-shadow:0 3px 12px rgba(15,71,88,.10)}.picker-result{border-left:1px solid #e1eaed;padding-left:24px}.picker-result span,.picker-result b,.picker-result small{display:block}.picker-result span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#718394;font-weight:800}.picker-result b{font-size:17px;color:#08213c;margin:4px 0}.picker-result small{font-size:11px;line-height:1.4;color:#667b8d}.pricing-v517 .pricing-full{padding-top:24px}.price-page-grid .price-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.price-page-grid .price-card.is-recommended{transform:translateY(-7px);box-shadow:0 22px 60px rgba(8,148,153,.16);border-color:#72dcd8}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.plan-for{font-size:10px;font-weight:800;color:#6c7f90;background:#f4f7f8;border-radius:999px;padding:6px 8px}.see-plan{width:100%;border:0;border-top:1px solid #e7eef1;background:transparent;padding:13px 0 3px;margin:8px 0 14px;text-align:left;color:#078f91;font-weight:850;cursor:pointer}.see-plan span{float:right}.plan-explorer{margin:52px 0 8px;border:1px solid #dcebed;border-radius:24px;background:linear-gradient(145deg,#fbffff,#f6fbfc);padding:34px;box-shadow:0 18px 55px rgba(13,71,91,.06)}.explorer-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.explorer-head h2{font-size:34px;letter-spacing:-.035em;color:#071f3b;margin:6px 0 8px}.explorer-head p{margin:0;color:#60758a;max-width:690px}.explorer-tabs{display:flex;background:#edf4f5;border-radius:12px;padding:4px;flex:0 0 auto}.explorer-tabs button{border:0;background:transparent;border-radius:9px;padding:10px 12px;font-weight:800;color:#63798b;cursor:pointer}.explorer-tabs button.active{background:#fff;color:#078f91;box-shadow:0 3px 10px rgba(10,60,80,.08)}.explorer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.explorer-feature{background:#fff;border:1px solid #e1ecef;border-radius:16px;padding:20px;min-height:145px}.explorer-feature i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#e6faf8;color:#079c9f;font-style:normal;font-size:18px}.explorer-feature b{display:block;color:#0a213c;margin:13px 0 6px;font-size:15px}.explorer-feature p{margin:0;color:#657a8d;font-size:12px;line-height:1.5}.compare-plans th small{font-size:10px;text-transform:none;letter-spacing:0;color:#7c8e9d}.pricing-v517 .pricing-final{margin-top:28px}
@media(max-width:980px){.picker-box{grid-template-columns:1fr}.picker-result{border-left:0;border-top:1px solid #e1eaed;padding:16px 0 0}.explorer-head{align-items:flex-start;flex-direction:column}.explorer-content{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.price-page-hero{padding:66px 0 34px}.price-page-hero h1{font-size:39px}.price-page-hero p{font-size:16px}.price-trust{gap:10px 18px}.picker-box{padding:20px}.channel-picks{grid-template-columns:1fr 1fr}.plan-explorer{padding:23px 18px;margin-top:34px}.explorer-head h2{font-size:27px}.explorer-tabs{width:100%;overflow-x:auto}.explorer-tabs button{flex:1}.explorer-content{grid-template-columns:1fr}.pricing-v517 .pricing-final{align-items:flex-start}}

/* v5.19 — integrated legal footer, legal routes and consent manager */
.va-legal-footer{background:#061b32;color:#d9e6ee;padding:48px 0 34px;border-top:1px solid rgba(255,255,255,.08)}
.va-legal-footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:54px}.va-legal-brand img{width:150px;filter:brightness(0) invert(1);opacity:.96}.va-legal-brand p{color:#9fb3c3;margin:15px 0 22px}.va-legal-brand small{color:#7890a3}.va-legal-footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.va-legal-footer b{color:#fff;margin-bottom:5px}.va-legal-footer a,.va-cookie-settings{color:#9fb3c3;text-decoration:none;font-size:13px}.va-legal-footer a:hover,.va-cookie-settings:hover{color:#63d8d4}.va-cookie-settings{border:0;background:none;padding:0;text-align:left;cursor:pointer;font:inherit;font-size:13px}
.va-cookie-banner{position:fixed;z-index:999999;left:24px;right:24px;bottom:22px;max-width:1120px;margin:auto;background:#fff;border:1px solid #dce9ed;border-radius:18px;box-shadow:0 24px 70px rgba(4,28,50,.22);padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.va-cookie-banner[hidden],.va-cookie-modal[hidden]{display:none!important}.va-cookie-copy{max-width:650px}.va-cookie-copy b{font-size:17px;color:#071f3b}.va-cookie-copy p{font-size:13px;line-height:1.5;color:#60758a;margin:6px 0}.va-cookie-copy a{font-size:12px;color:#078f91}.va-cookie-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.va-cookie-primary,.va-cookie-secondary{border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer;border:1px solid #cddde3}.va-cookie-primary{background:#0bb7b4;color:#fff;border-color:#0bb7b4}.va-cookie-secondary{background:#fff;color:#17334c}
.va-cookie-modal{position:fixed;z-index:1000000;inset:0;background:rgba(3,18,34,.48);display:grid;place-items:center;padding:20px}.va-cookie-dialog{width:min(560px,100%);background:#fff;border-radius:20px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.va-cookie-modal-head{display:flex;justify-content:space-between;align-items:flex-start}.va-cookie-modal-head small{font-weight:900;letter-spacing:.13em;color:#079a9d}.va-cookie-modal-head h2{margin:5px 0;color:#071f3b}.va-cookie-modal-head button{border:0;background:#f0f5f6;border-radius:10px;width:38px;height:38px;font-size:24px;cursor:pointer}.va-cookie-dialog>p{color:#62778a;font-size:13px;line-height:1.55}.va-cookie-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #e7eef1;padding:16px 0}.va-cookie-row span{display:flex;flex-direction:column;gap:4px}.va-cookie-row b{color:#0a213c}.va-cookie-row small{color:#718496}.va-cookie-row input{width:20px;height:20px;accent-color:#0bb7b4}.va-cookie-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}
.va-legal-main{background:linear-gradient(180deg,#f5fcfc,#fff);padding:90px 0 80px;min-height:65vh}.va-legal-main .va-wrap{max-width:900px}.va-legal-head{text-align:center;margin-bottom:32px}.va-legal-head h1{font-size:48px;letter-spacing:-.045em;color:#071f3b;margin:8px 0}.va-legal-head p{color:#7b8d9c;font-size:13px}.va-legal-card{background:#fff;border:1px solid #dfeaed;border-radius:20px;padding:38px 42px;box-shadow:0 18px 55px rgba(8,53,72,.06);color:#526b7f;line-height:1.7}.va-legal-card h2{color:#0a213c;font-size:21px;margin:30px 0 8px}.va-legal-card h2:first-of-type{margin-top:26px}.va-legal-card a{color:#078f91}
@media(max-width:700px){.va-legal-footer-grid{grid-template-columns:1fr;gap:28px}.va-cookie-banner{left:12px;right:12px;bottom:12px;align-items:stretch;flex-direction:column;padding:17px}.va-cookie-actions{justify-content:stretch}.va-cookie-actions button{flex:1}.va-cookie-dialog{padding:21px}.va-cookie-modal-actions{flex-direction:column}.va-legal-main{padding:60px 0}.va-legal-head h1{font-size:36px}.va-legal-card{padding:25px 21px}}

/* Veraudit 5.20 — compact premium cookie UI */
.va-cookie-banner{left:24px;right:auto;bottom:24px;width:min(560px,calc(100% - 48px));max-width:none;margin:0;padding:20px 20px 16px;display:block;border-radius:18px;border:1px solid #dbe7eb;box-shadow:0 20px 60px rgba(4,28,50,.18)}
.va-cookie-top{display:flex;gap:13px;align-items:flex-start}.va-cookie-icon{flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:#e8f9f8;color:#079b9c;display:grid;place-items:center;font-weight:900;font-size:17px}.va-cookie-copy{max-width:none}.va-cookie-copy b{display:block;font-size:17px;line-height:1.2}.va-cookie-copy p{margin:6px 0 0;font-size:13px;line-height:1.55}.va-cookie-actions{margin-top:16px;display:flex;gap:8px;justify-content:flex-start;align-items:center}.va-cookie-actions .va-cookie-primary{margin-left:auto}.va-cookie-link{border:0;background:transparent;color:#5f7385;font-weight:800;padding:10px 5px;cursor:pointer}.va-cookie-link:hover{color:#0b9294}.va-cookie-policy{display:inline-block;margin-top:11px;font-size:11.5px;color:#6e8293;text-decoration:underline;text-underline-offset:2px}
.va-cookie-dialog{width:min(540px,100%);padding:25px;border-radius:20px}.va-cookie-row{padding:17px 0}.va-cookie-row b{font-size:16px}.va-cookie-row small{font-size:12.5px}.va-cookie-always{font-size:12px;font-weight:800;color:#078f91;background:#e9f8f7;padding:7px 10px;border-radius:999px;white-space:nowrap}.va-switch{position:relative;flex:0 0 44px;width:44px;height:25px}.va-switch input{position:absolute;opacity:0;width:1px;height:1px}.va-switch i{position:absolute;inset:0;border-radius:999px;background:#d9e2e6;transition:.2s;cursor:pointer}.va-switch i:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.2s}.va-switch input:checked+i{background:#0bb7b4}.va-switch input:checked+i:after{transform:translateX(19px)}.va-switch input:focus-visible+i{outline:3px solid rgba(11,183,180,.25);outline-offset:2px}
@media(max-width:600px){.va-cookie-banner{left:12px;right:12px;bottom:12px;width:auto;padding:17px}.va-cookie-actions{display:grid;grid-template-columns:1fr 1fr}.va-cookie-actions .va-cookie-primary{grid-column:1/-1;margin-left:0}.va-cookie-link{border:1px solid #d6e2e7;border-radius:10px}.va-cookie-dialog{padding:20px}.va-cookie-row{gap:12px}.va-cookie-always{font-size:11px}}

/* v5.26 — pricing page: billing switch + decision guide */
.billing-switch{display:inline-flex;margin-top:28px;padding:5px;background:#edf5f6;border:1px solid #dcebed;border-radius:14px;gap:4px}.billing-switch button{border:0;background:transparent;border-radius:10px;padding:11px 18px;font-weight:850;color:#60758a;cursor:pointer}.billing-switch button.active{background:#fff;color:#078f91;box-shadow:0 4px 14px rgba(9,83,101,.10)}.billing-switch strong{font-size:10px;background:#dff9f4;color:#079475;padding:3px 6px;border-radius:999px;margin-left:4px}.billing-note{font-size:12px!important;margin-top:10px!important;color:#718394!important}.plan-guide{padding:62px 0 4px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.guide-grid article{border:1px solid #dcebed;border-radius:18px;padding:22px;background:#fff;box-shadow:0 12px 34px rgba(13,71,91,.045)}.guide-grid b{display:block;color:#09223e;font-size:16px;margin-bottom:8px}.guide-grid p{color:#657b8d;font-size:12px;line-height:1.55;min-height:58px}.guide-grid button{border:0;background:transparent;color:#078f91;font-weight:850;padding:0;cursor:pointer}.price.is-annual small{display:block;margin-top:5px}.price-card.billing-unavailable{opacity:.82}.price-card.billing-unavailable .price:after{content:' · mensual';font-size:11px;color:#6d8091;font-weight:700}@media(max-width:900px){.guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.guide-grid{grid-template-columns:1fr}.billing-switch{width:100%;justify-content:center}.billing-switch button{flex:1}.guide-grid p{min-height:0}}

/* v5.28 — pricing redesign */
.pricing-v528{background:#fff;color:#0a213c}.p528-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:#079b9d}.p528-hero{padding:92px 0 66px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(11,183,180,.12),transparent 40%),linear-gradient(180deg,#f8ffff,#fff)}.p528-hero h1{font-size:58px;line-height:1.02;letter-spacing:-.055em;margin:15px auto 18px;max-width:930px}.p528-hero h1 em,.p528-final h2 em{font-style:normal;color:#0bb7b4}.p528-hero>div>p{max-width:700px;margin:0 auto;color:#60758a;font-size:18px;line-height:1.55}.p528-hero-actions{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:28px}.p528-link{color:#17334c;font-weight:850;text-decoration:none}.p528-proof{display:flex;justify-content:center;gap:28px;margin-top:24px;color:#60758a;font-size:12px}.p528-plans{padding:72px 0}.p528-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.p528-section-head h2{font-size:42px;letter-spacing:-.045em;margin:8px 0 0}.p528-billing{display:flex;padding:5px;border-radius:14px;background:#edf5f6;border:1px solid #dcebed}.p528-billing button{border:0;background:transparent;padding:11px 18px;border-radius:10px;font-weight:850;color:#60758a;cursor:pointer}.p528-billing button.active{background:#fff;color:#078f91;box-shadow:0 4px 14px rgba(9,83,101,.1)}.p528-billing b{font-size:10px;background:#dff9f4;color:#079475;padding:3px 6px;border-radius:999px}.p528-billing-note{text-align:right;color:#7b8d9c;font-size:12px;margin:8px 0 20px}.p528-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.p528-card{position:relative;border:1px solid #dce8ec;border-radius:22px;padding:26px 24px;background:#fff;cursor:pointer;transition:.2s ease;box-shadow:0 12px 36px rgba(12,63,82,.045);outline:none}.p528-card:hover,.p528-card:focus-visible,.p528-card.selected{transform:translateY(-7px);border-color:#7bdedb;box-shadow:0 24px 55px rgba(11,122,132,.13)}.p528-card.featured{border:2px solid #0bb7b4}.p528-card.p528-agency-card{background:#071f3b;color:#fff;border-color:#071f3b}.p528-popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#0bb7b4;color:#fff;border-radius:999px;padding:6px 12px;font-size:9px;font-weight:900;letter-spacing:.1em}.p528-card-top{display:flex;justify-content:space-between;align-items:center}.p528-card-top span{font-weight:950;letter-spacing:.05em}.p528-card-top small{color:#7a8d9c}.p528-agency-card .p528-card-top small{color:#9fb3c3}.p528-price{margin:25px 0 15px}.p528-price strong{font-size:36px;letter-spacing:-.045em}.p528-price small{color:#7a8d9c}.p528-card>p{min-height:60px;color:#62778a;font-size:13px;line-height:1.55}.p528-agency-card>p{color:#afc0cd}.p528-card ul{list-style:none;padding:17px 0;margin:0;border-top:1px solid #e4edef;min-height:190px}.p528-agency-card ul{border-color:rgba(255,255,255,.13)}.p528-card li{padding:7px 0;font-size:13px}.p528-card li:before{content:'✓';color:#0bb7b4;font-weight:900;margin-right:8px}.p528-card-cta{display:flex;justify-content:space-between;align-items:center;text-decoration:none;border:1px solid #cddde3;border-radius:11px;padding:12px 14px;color:#17334c;font-weight:900}.p528-card-cta.primary{background:#0bb7b4;color:#fff;border-color:#0bb7b4}.p528-card-cta.dark{background:#fff;color:#071f3b;border-color:#fff}.p528-advisor{padding:46px 0 86px}.p528-advisor-box{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;padding:44px;border:1px solid #bde9e6;border-radius:28px;background:linear-gradient(135deg,#f4fffe,#f8fbff);box-shadow:0 24px 70px rgba(10,87,104,.08)}.p528-advisor-copy h2{font-size:42px;letter-spacing:-.045em;margin:10px 0}.p528-advisor-copy h2 span{color:#0bb7b4}.p528-advisor-copy>p{color:#61788b;max-width:650px}.p528-slider-row{margin-top:28px}.p528-slider-row input{width:100%;accent-color:#0bb7b4}.p528-scale{display:flex;justify-content:space-between;color:#80909e;font-size:11px}.p528-agency-toggle{margin-top:20px;font-size:13px;color:#38546a}.p528-answer{background:#fff;border:1px solid #dce9ed;border-radius:20px;padding:28px;box-shadow:0 15px 45px rgba(10,70,90,.08)}.p528-answer small{font-weight:900;letter-spacing:.12em;color:#78909f}.p528-answer strong{display:block;font-size:35px;color:#0bb7b4;margin:8px 0}.p528-answer>div{font-weight:900;color:#0a213c}.p528-answer p{color:#657b8d;font-size:13px;line-height:1.55}.p528-answer button{border:0;background:#071f3b;color:#fff;border-radius:10px;padding:11px 14px;font-weight:850;cursor:pointer}.p528-compare{padding:88px 0;background:#f7fbfc}.p528-compare-head{text-align:center;max-width:720px;margin:0 auto 48px}.p528-compare-head h2{font-size:48px;line-height:1.03;letter-spacing:-.05em;margin:10px 0}.p528-compare-head p{color:#657b8d}.p528-compare-block{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:center;background:#fff;border:1px solid #dfeaed;border-radius:24px;padding:38px;margin:18px 0}.p528-compare-copy>span{font-size:12px;font-weight:900;color:#0bb7b4}.p528-compare-copy h3{font-size:31px;letter-spacing:-.035em;margin:8px 0}.p528-compare-copy p{color:#687e90}.p528-bars>div{display:grid;grid-template-columns:80px 1fr 90px;gap:12px;align-items:center;margin:14px 0;font-size:12px}.p528-bars i{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#0bb7b4 var(--w),#e8eff1 var(--w));}.p528-bars strong{text-align:right}.p528-unlocks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.p528-unlocks article{border:1px solid #e0eaed;border-radius:15px;padding:17px}.p528-unlocks article.active{border-color:#70d8d4;background:#f3fffe}.p528-unlocks b{color:#0a213c}.p528-unlocks p{font-size:11px;color:#657b8d;margin:6px 0 0}.p528-table-wrap{overflow:auto;margin-top:30px;background:#fff;border:1px solid #dfeaed;border-radius:22px;padding:8px}.p528-table{width:100%;border-collapse:collapse;min-width:720px}.p528-table th,.p528-table td{padding:17px;text-align:center;border-bottom:1px solid #e8eef0}.p528-table th:first-child,.p528-table td:first-child{text-align:left}.p528-table .hot{background:#f0fcfb}.p528-faq{padding:82px 0}.p528-final{padding:72px 0;background:#071f3b;color:#fff}.p528-final .va-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.p528-final h2{font-size:42px;letter-spacing:-.045em;margin:10px 0}.p528-final p{color:#a9bbc8}.p528-final .p528-kicker{color:#5fe0db}
@media(max-width:1050px){.p528-grid{grid-template-columns:1fr 1fr}.p528-advisor-box{grid-template-columns:1fr}.p528-card ul{min-height:0}}@media(max-width:720px){.p528-hero{padding:64px 0 44px}.p528-hero h1{font-size:40px}.p528-hero-actions,.p528-proof,.p528-section-head,.p528-final .va-wrap{flex-direction:column;align-items:center}.p528-proof{gap:8px}.p528-section-head{align-items:flex-start}.p528-billing{width:100%}.p528-billing button{flex:1}.p528-billing-note{text-align:left}.p528-grid{grid-template-columns:1fr}.p528-advisor-box{padding:25px 20px}.p528-advisor-copy h2,.p528-compare-head h2,.p528-final h2{font-size:34px}.p528-compare-block{grid-template-columns:1fr;padding:25px 20px;gap:20px}.p528-unlocks{grid-template-columns:1fr}.p528-final{text-align:center}}


/* v5.30 — conversational plan advisor + Agency layout isolation */
.p528-agency-card .p528-card-top,.p528-agency-card .p528-price,.p528-agency-card>p,.p528-agency-card ul,.p528-agency-card .p528-card-cta{width:100%;max-width:none}.p528-agency-card .p528-price{display:block}.p528-agency-card .p528-price strong{display:inline}.p528-agency-card .p528-price small{display:inline;margin-left:4px}.p528-agency-card>p{display:block}.p530-advisor{padding:50px 0 92px;background:linear-gradient(180deg,#fff,#f6fbfc)}.p530-advisor-head{text-align:center;max-width:820px;margin:0 auto 34px}.p530-advisor-head h2{font-size:46px;line-height:1.06;letter-spacing:-.05em;margin:10px 0 14px;color:#09223e}.p530-advisor-head h2 em{font-style:normal;color:#0bb7b4}.p530-advisor-head p{margin:0 auto;color:#657b8d;font-size:16px;line-height:1.55;max-width:690px}.p530-chat{max-width:920px;margin:0 auto;border:1px solid #d9e8eb;border-radius:25px;background:#fff;box-shadow:0 26px 80px rgba(8,67,87,.10);overflow:hidden}.p530-chat-top{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid #e6eef0;background:#fbfefe}.p530-bot-mark,.p530-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#0bb7b4,#0785a0);color:#fff;font-weight:950}.p530-chat-top>div:nth-child(2){display:flex;flex-direction:column}.p530-chat-top b{font-size:13px;color:#0a213c}.p530-chat-top small{font-size:10px;color:#7a8d9c}.p530-chat-top>span{margin-left:auto;font-size:10px;font-weight:800;color:#079475;background:#e9faf4;border-radius:999px;padding:6px 9px}.p530-messages{padding:24px;max-height:510px;overflow:auto;background:radial-gradient(circle at 15% 0,rgba(11,183,180,.06),transparent 28%),#fff}.p530-msg{display:flex;gap:10px;margin:0 0 18px;align-items:flex-start}.p530-msg>div:last-child{max-width:76%;border-radius:6px 18px 18px 18px;background:#f2f7f8;padding:14px 16px}.p530-msg p{margin:0;color:#29475d;font-size:14px;line-height:1.55}.p530-msg small{display:block;margin-top:7px;color:#7c8f9e;font-size:11px}.p530-msg.user{justify-content:flex-end}.p530-msg.user>div{background:#0a213c;border-radius:18px 6px 18px 18px}.p530-msg.user p{color:#fff}.p530-msg.recommendation>div:last-child{background:#f5fffe;border:1px solid #bfe9e6;padding:18px 20px;min-width:58%}.p530-reco-label{font-size:9px;font-weight:950;letter-spacing:.13em;color:#078f91}.p530-msg h3{font-size:28px;letter-spacing:-.035em;margin:5px 0 0;color:#09223e}.p530-reco-price{font-size:14px;font-weight:900;color:#0bb7b4;margin:3px 0 11px}.p530-reco-why{color:#526b7e!important}.p530-msg ul{list-style:none;padding:10px 0 0;margin:10px 0 0;border-top:1px solid #dcebea}.p530-msg li{font-size:12px;color:#365268;padding:4px 0}.p530-msg li:before{content:'✓';color:#0bb7b4;font-weight:950;margin-right:7px}.p530-reco-actions{display:flex;gap:8px;margin-top:13px}.p530-reco-actions button{border:0;border-radius:9px;padding:9px 11px;font-weight:850;cursor:pointer}.p530-see-plan{background:#0bb7b4;color:#fff}.p530-ask-again{background:#eaf2f4;color:#29475d}.p530-suggestions{display:flex;gap:7px;flex-wrap:wrap;padding:0 20px 14px}.p530-suggestions button{border:1px solid #d8e7ea;background:#fff;color:#38556a;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:750;cursor:pointer}.p530-suggestions button:hover{border-color:#72d9d5;color:#078f91;background:#f5fffe}.p530-composer{display:grid;grid-template-columns:1fr auto;gap:9px;padding:14px 16px;border-top:1px solid #e5edef;background:#fbfefe}.p530-composer input{min-width:0;border:1px solid #cfdee2;border-radius:12px;padding:13px 14px;font:inherit;font-size:13px;color:#17334c;outline:none;background:#fff}.p530-composer input:focus{border-color:#0bb7b4;box-shadow:0 0 0 3px rgba(11,183,180,.10)}.p530-composer button{border:0;border-radius:11px;background:#0bb7b4;color:#fff;padding:0 17px;font-weight:900;cursor:pointer}.p530-chat-note{text-align:center;padding:0 16px 13px;background:#fbfefe;color:#8a9aa7;font-size:9px}.pricing-v530 .p528-advisor{display:none!important}
@media(max-width:720px){.p530-advisor{padding:30px 0 60px}.p530-advisor-head h2{font-size:34px}.p530-chat{border-radius:18px}.p530-messages{padding:17px 13px}.p530-msg>div:last-child{max-width:88%}.p530-msg.recommendation>div:last-child{min-width:0}.p530-suggestions{padding:0 13px 12px;flex-wrap:nowrap;overflow:auto}.p530-suggestions button{white-space:nowrap}.p530-composer{grid-template-columns:1fr}.p530-composer button{padding:12px}.p530-reco-actions{flex-direction:column}}