.interactive-comparison{padding-top:110px!important;padding-bottom:110px!important}.comparison-heading{max-width:720px;margin:0 auto 40px;text-align:center}.comparison-heading h2{margin:0;font-size:clamp(2.6rem,5vw,4.8rem);letter-spacing:-.07em}.comparison-heading>p:last-child{margin:18px 0 0;color:var(--landing-muted)}.compare-wrap{max-width:1050px;margin:auto}.compare-panel{position:relative;isolation:isolate;min-height:540px;overflow:hidden;border:1px solid var(--landing-line);border-radius:18px;background:var(--landing-surface);cursor:ew-resize;touch-action:none;user-select:none;--compare-position:50%}.compare-panel.is-dragging{cursor:grabbing}.compare-state{position:absolute;inset:0;padding:34px}.compare-before{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.05),transparent 42%),#151513}.compare-after{z-index:2;clip-path:inset(0 0 0 var(--compare-position));background:radial-gradient(circle at 80% 25%,rgba(198,161,90,.17),transparent 48%),#0c0c0a}.compare-label{display:inline-flex;padding:6px 10px;border:1px solid var(--landing-line);border-radius:999px;color:var(--landing-muted);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.compare-after .compare-label{border-color:rgba(198,161,90,.45);color:var(--landing-gold)}.before-cluster{position:relative;width:76%;height:350px;margin:28px auto 0}.before-piece{position:absolute;display:grid;gap:6px;min-width:145px;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:#1b1b18;box-shadow:0 15px 30px rgba(0,0,0,.2);font-size:.72rem;color:var(--landing-muted);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s}.before-piece b{color:var(--landing-text);font-size:.72rem}.before-piece strong{font-size:1.45rem;color:var(--landing-muted)}.before-piece i{font-style:normal}.piece-message{top:12%;left:4%;transform:rotate(-7deg)}.piece-calendar{top:8%;right:4%;transform:rotate(5deg)}.piece-tools{bottom:10%;left:18%;transform:rotate(3deg)}.piece-doubt{right:12%;bottom:8%;transform:rotate(-5deg)}.compare-before .compare-bottom-message,.compare-after .compare-bottom-message{position:absolute;bottom:22px;left:34px;margin:0;color:var(--landing-muted);font-size:1.15rem}.compare-after .compare-bottom-message{right:34px;left:auto;color:var(--landing-text);font-weight:750}.after-dashboard{width:78%;margin:80px auto 0;padding:18px;border:1px solid rgba(198,161,90,.45);border-radius:11px;background:#11110f;box-shadow:0 25px 55px rgba(0,0,0,.35)}.after-dashboard-head{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--landing-line);color:var(--landing-text);font-size:.82rem}.after-dashboard-head span{color:var(--landing-muted);font-size:.7rem}.after-nav{display:flex;gap:14px;margin:18px 0;color:var(--landing-gold);font-size:.63rem}.after-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.after-metrics strong{display:grid;gap:4px;padding:12px 8px;border:1px solid var(--landing-line);border-radius:6px;font-size:.78rem}.after-metrics small{color:var(--landing-muted);font-size:.55rem;font-weight:500}.after-flow{display:grid;gap:7px;margin-top:18px;color:#7dc596;font-size:.68rem}.compare-handle{position:absolute;z-index:5;top:0;bottom:0;left:var(--compare-position);display:flex;align-items:center;justify-content:center;gap:4px;width:40px;margin-left:-20px;padding:0;border:0;border-left:1px solid rgba(255,255,255,.75);border-right:1px solid rgba(255,255,255,.75);background:rgba(198,161,90,.12);color:var(--landing-text);cursor:ew-resize}.compare-handle i{height:42px;width:4px;border-radius:4px;background:var(--landing-gold);box-shadow:0 0 18px rgba(198,161,90,.5)}.compare-handle span{font-size:.7rem}.compare-handle:focus-visible{outline:2px solid var(--landing-gold);outline-offset:3px}.compare-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:18px 0}.compare-controls>button{min-height:38px;border:1px solid var(--landing-line);border-radius:6px;padding:8px 13px;background:transparent;color:var(--landing-muted);cursor:pointer}.compare-controls>button:hover{border-color:var(--landing-gold);color:var(--landing-text)}.compare-range-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.comparison-reactions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:30px}.comparison-reactions article{display:grid;gap:5px;padding:17px;border:1px solid var(--landing-line);border-radius:8px;background:var(--landing-surface);opacity:.45;transition:opacity .3s,border-color .3s,transform .3s}.comparison-reactions article.is-active{border-color:var(--landing-gold);opacity:1;transform:translateY(-3px)}.comparison-reactions span{color:var(--landing-muted);font-size:.62rem;text-transform:uppercase}.comparison-reactions strong{font-size:.85rem}.comparison-reactions b{color:var(--landing-gold);font-size:.8rem}.comparison-reactions strong:last-child{color:var(--landing-gold)}
@media(max-width:900px){.comparison-reactions{grid-template-columns:repeat(2,1fr)}.compare-panel{min-height:500px}.after-dashboard{width:84%}}
@media(max-width:640px){.interactive-comparison{padding-top:70px!important;padding-bottom:70px!important}.comparison-heading{text-align:left}.comparison-heading h2{font-size:2.8rem}.compare-panel{min-height:630px;cursor:ns-resize}.compare-state{padding:22px}.compare-after{clip-path:inset(calc(100% - var(--compare-position)) 0 0 0)}.before-cluster{width:100%;height:410px}.before-piece{min-width:120px;padding:11px;font-size:.64rem}.piece-message{top:10%;left:0}.piece-calendar{top:7%;right:0}.piece-tools{bottom:10%;left:0}.piece-doubt{right:0;bottom:8%}.after-dashboard{width:96%;margin-top:105px;padding:13px}.after-nav{gap:7px;font-size:.55rem}.after-metrics strong{font-size:.67rem}.compare-handle{top:var(--compare-position);right:0;bottom:auto;left:0;width:100%;height:40px;margin-top:-20px;border-top:1px solid rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.75);border-left:0;border-right:0;cursor:ns-resize}.compare-handle i{width:42px;height:4px}.compare-controls{gap:8px}.compare-controls>button{flex:1;font-size:.72rem}.comparison-reactions{grid-template-columns:1fr;margin-top:20px}.compare-before .compare-bottom-message,.compare-after .compare-bottom-message{bottom:17px;font-size:.95rem}.compare-after .compare-bottom-message{right:22px}.flow-screen,.fragment{}}
@media(prefers-reduced-motion:reduce){.compare-panel *,.comparison-reactions article,.before-piece{transition:none!important}.compare-panel{cursor:default}.compare-handle{cursor:pointer}}

/* Scroll narrative: fragmented operation to a calm, connected dashboard. */
.interactive-comparison{--comparison-progress:0;position:relative;isolation:isolate}.interactive-comparison .comparison-heading>p:last-child{max-width:560px;margin:18px auto 0}.comparison-scroll-stage{position:relative;min-height:760px;overflow:hidden;border:1px solid var(--landing-line);border-radius:22px;background:radial-gradient(circle at 50% 45%,rgba(198,161,90,.08),transparent 36%),#0d0d0b}.comparison-before-layer,.comparison-after-layer{position:absolute;inset:0;padding:34px}.comparison-before-layer{opacity:calc(1 - (var(--comparison-progress) * 1.15));transform:scale(calc(1 - (var(--comparison-progress) * .08)));filter:blur(calc(var(--comparison-progress) * 2px))}.comparison-after-layer{display:grid;place-items:center;opacity:calc((var(--comparison-progress) - .35) * 1.55);transform:translateY(calc((1 - var(--comparison-progress)) * 36px)) scale(calc(.92 + (var(--comparison-progress) * .08)));filter:blur(calc((1 - var(--comparison-progress)) * 2px))}.comparison-fragments{position:relative;width:min(100%,900px);height:590px;margin:20px auto}.comparison-fragments article{position:absolute;display:grid;gap:7px;width:190px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(24,24,21,.92);box-shadow:0 18px 38px rgba(0,0,0,.25);color:var(--landing-muted);font-size:.78rem;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.comparison-fragments article b{color:var(--landing-text);font-size:.78rem}.comparison-fragments article strong{color:var(--landing-gold)}.comparison-fragments article:nth-child(1){top:6%;left:6%;transform:translate(calc(var(--comparison-progress) * 330px),calc(var(--comparison-progress) * 230px)) rotate(calc(-7deg * (1 - var(--comparison-progress))))}.comparison-fragments article:nth-child(2){top:11%;right:7%;transform:translate(calc(var(--comparison-progress) * -300px),calc(var(--comparison-progress) * 210px)) rotate(calc(6deg * (1 - var(--comparison-progress))))}.comparison-fragments article:nth-child(3){top:43%;left:20%;transform:translate(calc(var(--comparison-progress) * 230px),calc(var(--comparison-progress) * 55px)) rotate(calc(4deg * (1 - var(--comparison-progress))))}.comparison-fragments article:nth-child(4){top:42%;right:18%;transform:translate(calc(var(--comparison-progress) * -190px),calc(var(--comparison-progress) * 70px)) rotate(calc(-5deg * (1 - var(--comparison-progress))))}.comparison-fragments article:nth-child(5){bottom:7%;left:8%;transform:translate(calc(var(--comparison-progress) * 340px),calc(var(--comparison-progress) * -170px)) rotate(calc(5deg * (1 - var(--comparison-progress))))}.comparison-fragments article:nth-child(6){right:6%;bottom:8%;transform:translate(calc(var(--comparison-progress) * -320px),calc(var(--comparison-progress) * -170px)) rotate(calc(-6deg * (1 - var(--comparison-progress))))}.comparison-center-flow{position:absolute;inset:28% 20%;pointer-events:none;opacity:calc(var(--comparison-progress) * .7)}.comparison-center-flow span{position:absolute;width:1px;height:44%;left:50%;top:28%;background:linear-gradient(transparent,var(--landing-gold),transparent);transform-origin:center;transform:rotate(calc(var(--flow-angle, 0deg)));}.comparison-center-flow span:nth-child(1){--flow-angle:35deg}.comparison-center-flow span:nth-child(2){--flow-angle:-35deg}.comparison-center-flow span:nth-child(3){--flow-angle:65deg}.comparison-center-flow span:nth-child(4){--flow-angle:-65deg}.comparison-center-flow span:nth-child(5){--flow-angle:15deg}.comparison-center-flow span:nth-child(6){--flow-angle:-15deg}.comparison-dashboard{width:min(760px,100%);padding:22px;border:1px solid rgba(198,161,90,.42);border-radius:16px;background:#11110f;box-shadow:0 30px 70px rgba(0,0,0,.38)}.comparison-dashboard header{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--landing-line)}.comparison-dashboard header span,.comparison-dashboard header small{color:var(--landing-muted);font-size:.72rem}.comparison-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.comparison-kpis strong{padding:14px 10px;border:1px solid var(--landing-line);border-radius:9px;font-size:1.2rem}.comparison-kpis small{display:block;margin-top:5px;color:var(--landing-muted);font-size:.62rem;font-weight:500}.comparison-dashboard-body{display:grid;gap:7px}.comparison-dashboard-body div{display:flex;justify-content:space-between;padding:10px 12px;border-radius:7px;background:rgba(255,255,255,.035);font-size:.72rem}.comparison-dashboard-body b{color:#7dc596;font-weight:600}.comparison-dashboard ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0 0;padding:0;list-style:none;color:#7dc596;font-size:.72rem}.comparison-final-message{position:absolute;bottom:34px;left:0;right:0;text-align:center;opacity:calc((var(--comparison-progress) - .68) * 3.1);transform:translateY(calc((1 - var(--comparison-progress)) * 20px))}.comparison-final-message h3{margin:0;font-size:clamp(1.7rem,3vw,2.8rem);letter-spacing:-.05em}.comparison-final-message h3:nth-child(2){color:var(--landing-gold)}.comparison-final-message p{margin:10px 0 0;color:var(--landing-muted)}
.mobile-before-after{--comparison-progress:0}.mobile-comparison-lead{color:var(--landing-muted);font-size:.95rem}.mobile-comparison-story{position:relative;min-height:600px;margin-top:28px}.mobile-fragment-stack{display:grid;gap:12px;transition:transform .7s ease,opacity .7s ease}.mobile-fragment-stack span{width:78%;padding:14px;border:1px solid var(--landing-line);border-radius:11px;background:var(--landing-surface);color:var(--landing-muted);font-size:.72rem;transition:transform .8s ease,opacity .7s ease}.mobile-fragment-stack span:nth-child(even){margin-left:auto}.mobile-fragment-stack b{color:var(--landing-text)}.mobile-connected-hint{margin:38px 0;text-align:center;color:var(--landing-gold);font-weight:800;opacity:calc(var(--comparison-progress) * 2);transform:scale(calc(.9 + (var(--comparison-progress) * .1)))}.mobile-mini-dashboard{padding:18px;border:1px solid rgba(198,161,90,.42);border-radius:14px;background:var(--landing-surface);opacity:calc((var(--comparison-progress) - .3) * 1.7);transform:translateY(calc((1 - var(--comparison-progress)) * 35px));transition:opacity .3s,transform .3s}.mobile-mini-dashboard header{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--landing-line)}.mobile-mini-dashboard small{color:var(--landing-muted)}.mobile-mini-dashboard>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.mobile-mini-dashboard strong{padding:11px;border:1px solid var(--landing-line);border-radius:8px;font-size:1.05rem}.mobile-mini-dashboard strong small{display:block;margin-top:4px;font-size:.6rem}.mobile-mini-dashboard ul{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:#7dc596;font-size:.75rem}.mobile-comparison-final{margin-top:30px;opacity:calc((var(--comparison-progress) - .65) * 3);transform:translateY(calc((1 - var(--comparison-progress)) * 18px))}.mobile-comparison-final h3{margin:0;font-size:1.8rem;line-height:1.08}.mobile-comparison-final h3:nth-child(2){color:var(--landing-gold)}
@media(max-width:900px){.comparison-scroll-stage{min-height:680px}.comparison-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.interactive-comparison{display:none}.mobile-before-after{display:block!important;padding-top:70px}.mobile-before-after .mobile-toggle,.mobile-before-after .mobile-comparison-list{display:none}}
@media(prefers-reduced-motion:reduce){.comparison-fragments article,.comparison-before-layer,.comparison-after-layer,.comparison-final-message,.mobile-fragment-stack span,.mobile-mini-dashboard,.mobile-comparison-final,.mobile-connected-hint{transition:none!important;transform:none!important;filter:none!important}}