:root{--bg:#f5fbff;--card:#fff;--ink:#07111f;--muted:#64748b;--blue:#aee3ff;--blue2:#e6f7ff;--line:#dcecf7;--green:#18d26e;--shadow:0 24px 70px rgba(35,102,160,.16);--radius:30px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,#dff5ff 0,#f8fcff 34%,#fff 70%);color:var(--ink)}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,92%);margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(190,220,238,.7)}.nav-inner{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:950;font-size:25px;letter-spacing:-.05em}.links{display:flex;gap:8px;align-items:center}.links a{padding:11px 15px;border-radius:999px;color:#23344d;font-weight:750}.links a:hover,.links a.active{background:#eef9ff}.mobile-toggle{display:none;border:1px solid var(--line);background:white;border-radius:999px;padding:10px 14px;font-weight:800}.hero,.page-hero{padding:88px 0 48px}.page-hero{padding-bottom:28px}.grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:white;border:1px solid var(--line);border-radius:999px;font-weight:850;color:#33536b;box-shadow:0 12px 30px rgba(76,150,205,.1)}.live-dot,.spark-dot{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(24,210,110,.14),0 0 22px rgba(24,210,110,.9);display:inline-block;animation:pulse 1.45s infinite}.spark-dot{width:9px;height:9px}@keyframes pulse{50%{transform:scale(1.18);box-shadow:0 0 0 11px rgba(24,210,110,.08),0 0 36px rgba(24,210,110,1)}}h1{font-size:clamp(42px,7vw,82px);line-height:.94;letter-spacing:-.08em;margin:20px 0 18px}h2{font-size:clamp(30px,4vw,52px);line-height:1;letter-spacing:-.06em;margin:0 0 14px}h3{font-size:28px;letter-spacing:-.04em;margin:12px 0}.lead{font-size:19px;line-height:1.7;color:#53677e;max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 20px;font-weight:900;border:1px solid transparent;cursor:pointer;transition:.25s ease}.primary{background:#07111f;color:white;box-shadow:0 18px 40px rgba(7,17,31,.22)}.primary:hover{transform:translateY(-2px)}.soft{background:white;border-color:var(--line);color:#12324a}.whatsapp{background:#ecfff4;border-color:#b7f2d1;color:#064e2b}.section{padding:54px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head p{color:var(--muted);line-height:1.7;max-width:700px}.app-card,.soft-card,.plan{background:rgba(255,255,255,.86);border:1px solid rgba(195,225,241,.9);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;position:relative;overflow:hidden}.app-card:before,.dotted:before,.plan:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(48,133,190,.22) 1.25px,transparent 1.25px);background-size:16px 16px;mask-image:linear-gradient(135deg,rgba(0,0,0,.45),transparent 55%);pointer-events:none}.dashboard{position:relative;z-index:1;background:linear-gradient(180deg,#fff,#edf9ff);border-radius:26px;padding:22px;border:1px solid var(--line)}.topbar{display:flex;justify-content:space-between;gap:10px;align-items:center}.pill,.tag{font-size:12px;font-weight:900;color:#35627d;background:#e9f8ff;border:1px solid #c8ebff;border-radius:999px;padding:8px 10px}.rank-ring{width:210px;height:210px;margin:30px auto;border-radius:50%;background:conic-gradient(#61c8ff 0 74%,#d9f0fb 0);display:grid;place-items:center;box-shadow:inset 0 0 0 18px white}.rank-inner{width:138px;height:138px;background:white;border-radius:50%;display:grid;place-items:center;text-align:center;box-shadow:0 14px 36px rgba(45,124,180,.12)}.rank-inner strong{font-size:50px;letter-spacing:-.07em}.rank-inner span{font-size:12px;color:var(--muted);font-weight:850}.rank-dots{display:flex;gap:8px;justify-content:center;margin:16px 0 22px}.rank-dots i{width:12px;height:12px;border-radius:50%;background:#d7e8f2}.rank-dots i.on{background:#3ebdfc;box-shadow:0 0 20px rgba(62,189,252,.45)}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric,.compare-box{background:white;border:1px solid var(--line);border-radius:22px;padding:16px}.metric b{font-size:24px}.metric small{display:block;color:var(--muted);margin-top:5px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.plan{padding:24px}.plan.featured{outline:3px solid rgba(98,200,255,.45)}.market{color:#718096;text-decoration:line-through;font-weight:850;margin:12px 0 6px}.price{font-size:32px;font-weight:950;letter-spacing:-.05em}.notice{color:#66788b;line-height:1.65}.list{list-style:none;padding:0;margin:16px 0}.list li{padding:9px 0;border-bottom:1px solid #edf5fa;color:#385068}.list li:before{content:"•";color:#38bdf8;font-weight:900;margin-right:9px}.comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.timeline{display:grid;gap:12px}.step{display:flex;gap:14px;align-items:center;background:#f3fbff;border:1px solid var(--line);padding:14px;border-radius:20px}.step b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:white}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field label{display:block;font-weight:900;margin-bottom:8px;color:#20354c}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:18px;padding:14px 15px;font:inherit;background:white}.field textarea{min-height:130px}.full{grid-column:1/-1}.result{display:none;margin-top:18px;background:#f0fbff;border:1px solid #c9ecff;border-radius:24px;padding:22px}.result.show{display:block;animation:rise .35s ease}.footer{margin-top:40px;padding:36px 0;background:#07111f;color:white}.foot-inner{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.foot-links{display:flex;flex-direction:column;gap:10px;text-align:right}.foot-links a{color:#dff5ff}.fade-in{opacity:0;transform:translateY(18px);animation:rise .7s ease forwards}@keyframes rise{to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.grid-2,.cards,.comparison,.form-grid{grid-template-columns:1fr}.links{display:none;position:absolute;top:74px;left:4%;right:4%;background:white;border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.links.open{display:flex}.mobile-toggle{display:block}.section-head,.foot-inner{align-items:flex-start;flex-direction:column}.foot-links{text-align:left}h1{font-size:44px}}

/* Final animation pass */
.app-card,.soft-card,.plan,.step,.compare-box,.diag-reveal{opacity:0;transform:translateY(28px) scale(.985);filter:blur(8px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1),filter .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0ms)}
.app-card.is-visible,.soft-card.is-visible,.plan.is-visible,.step.is-visible,.compare-box.is-visible,.diag-reveal.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
.btn,.plan,.metric,.diag-button{will-change:transform}.plan:hover,.metric:hover,.diag-button:hover{transform:translateY(-5px)}
.dashboard{animation:softFloat 5.8s ease-in-out infinite}.rank-ring{animation:slowSpin 18s linear infinite}.rank-inner{animation:counterSpin 18s linear infinite}.rank-dots i.on{animation:dotGlow 1.7s ease-in-out infinite alternate}.rank-dots i.on:nth-child(2){animation-delay:.15s}.rank-dots i.on:nth-child(3){animation-delay:.3s}.rank-dots i.on:nth-child(4){animation-delay:.45s}.rank-dots i.on:nth-child(5){animation-delay:.6s}
@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes counterSpin{to{transform:rotate(-360deg)}}
@keyframes dotGlow{from{box-shadow:0 0 8px rgba(62,189,252,.25)}to{box-shadow:0 0 24px rgba(62,189,252,.8)}}

/* Slider diagnostic calculator */
.calc-body{background:#050505;color:#f7f7f7}.calc-nav{background:rgba(5,5,5,.78);border-bottom:1px solid rgba(255,255,255,.08)}.calc-nav .brand,.calc-nav .links a{color:#fff}.calc-nav .links a:hover,.calc-nav .links a.active{background:rgba(255,255,255,.08)}
.diagnostic{width:min(980px,92%);margin:0 auto;padding:44px 0 70px}.diag-hero{padding:32px 0 36px}.diag-meta{font-size:12px;letter-spacing:.36em;text-align:center;color:#8b8b8b;margin-bottom:34px}.diag-label{font-size:22px;letter-spacing:.42em;color:#d7d7d7;margin-bottom:28px}.diag-kicker,.diag-section-title,.metric-label{font-size:13px;letter-spacing:.44em;color:#9a9a9a}.diag-hero h1{font-size:clamp(38px,7vw,66px);letter-spacing:-.06em;line-height:1.08;color:#fff;max-width:860px}.diag-copy{font-size:22px;line-height:1.35;color:#9b9b9b;max-width:800px}.diag-panel{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));padding:clamp(28px,6vw,66px);margin:28px 0 44px;box-shadow:0 0 0 1px rgba(0,0,0,.9),0 30px 90px rgba(0,0,0,.38);position:relative;overflow:hidden}.diag-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 100%,rgba(24,210,110,.12),transparent 32%),radial-gradient(circle at 20% 0%,rgba(255,255,255,.07),transparent 24%);pointer-events:none}.slider-row{position:relative;z-index:1;margin-top:42px}.slider-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.slider-top label{font-size:15px;letter-spacing:.42em;color:#dcdcdc;font-weight:850}.slider-top output{font-size:22px;letter-spacing:.08em;font-weight:850;color:#fff;white-space:nowrap}.slider-row p{margin:14px 0 0;color:#767676;font-size:18px;line-height:1.35}input[type=range]{--fill:30%;width:100%;height:34px;margin:14px 0 0;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:linear-gradient(90deg,#fff 0 var(--fill),#222 var(--fill) 100%)}input[type=range]::-webkit-slider-thumb{appearance:none;width:52px;height:31px;border-radius:999px;background:#fff;border:0;box-shadow:0 6px 20px rgba(0,0,0,.45);margin-top:-12px;transition:transform .18s ease}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.08)}input[type=range]::-moz-range-track{height:7px;border-radius:999px;background:#222}input[type=range]::-moz-range-progress{height:7px;border-radius:999px;background:#fff}input[type=range]::-moz-range-thumb{width:52px;height:31px;border-radius:999px;background:#fff;border:0}
.result-panel{padding-bottom:58px}.mega-number{font-size:clamp(54px,12vw,104px);font-weight:950;letter-spacing:-.07em;line-height:.95;margin:16px 0 36px;color:#fff;text-shadow:0 0 36px rgba(255,255,255,.1)}.diag-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:42px}.diag-stats span{display:block;color:#8b8b8b;letter-spacing:.32em;font-size:12px;margin-bottom:14px}.diag-stats strong{font-size:31px;letter-spacing:-.02em}.diag-divider{height:1px;background:rgba(255,255,255,.11);margin:0 0 26px}.diag-lines p{display:flex;justify-content:space-between;gap:18px;margin:14px 0;color:#8f8f8f;font-size:20px}.diag-lines b{color:#fff}.diag-plan-card{margin-top:28px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);padding:20px;font-size:18px;line-height:1.5;color:#d2d2d2}.diag-actions{display:grid;grid-template-columns:1fr;gap:16px;margin-top:30px}.diag-button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:76px;padding:18px 24px;text-align:center;font-weight:950;letter-spacing:.32em;border:1px solid rgba(255,255,255,.12);transition:.25s ease}.diag-button-light{background:#fff;color:#050505;box-shadow:0 18px 50px rgba(255,255,255,.12)}.diag-button-whatsapp{background:#fff;color:#050505;box-shadow:0 0 58px rgba(24,210,110,.28)}.diag-note{color:#666;line-height:1.5;font-size:15px;margin-top:22px}@media(max-width:720px){.diagnostic{width:100%;padding-left:18px;padding-right:18px}.diag-panel{padding:28px 20px}.diag-meta{letter-spacing:.24em}.diag-label{letter-spacing:.32em}.slider-top label{letter-spacing:.28em;font-size:13px}.slider-top output{font-size:18px}.slider-row p{font-size:16px}.diag-stats{grid-template-columns:1fr}.diag-lines p{font-size:16px}.diag-button{letter-spacing:.18em;min-height:68px}.mega-number{font-size:56px}.calc-nav .links.open{background:#050505;border-color:rgba(255,255,255,.12)}}