:root{--lf-ink:#142030;--lf-purple:#7436f5;--lf-violet:#a54bff;--lf-lilac:#f4efff;--lf-line:#e9e4f2}.landing{font-family:"DM Sans",sans-serif;color:var(--lf-ink);overflow:hidden;background:#fff}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.landing-nav{height:82px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.landing-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#152033;font-size:24px;letter-spacing:-1px}.landing-brand svg{width:34px;height:34px;fill:var(--lf-purple)}.landing-brand strong{color:var(--lf-purple)}.landing-links{display:flex;gap:34px}.landing-links a,.text-link{font-size:13px;font-weight:600;color:#5e6877;text-decoration:none}.landing-actions{display:flex;align-items:center;gap:22px}.landing-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(135deg,#6931ea,#873df6);color:#fff;text-decoration:none;padding:15px 21px;border-radius:9px;font-size:14px;font-weight:700;box-shadow:0 10px 25px #7739ee32;transition:.2s}.landing-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #7739ee45}.landing-button.small{padding:11px 16px;font-size:12px}.hero{min-height:675px;display:grid;grid-template-columns:43% 57%;align-items:center;padding:55px 0 85px}.hero-copy{position:relative;z-index:2}.hero-tag{display:inline-flex;align-items:center;gap:8px;color:#7035e4;font-weight:700;font-size:11px;letter-spacing:.04em;background:#f5f0ff;padding:8px 11px;border-radius:20px}.hero-tag i{width:6px;height:6px;border-radius:50%;background:#8a49f2;box-shadow:0 0 0 4px #e7dbff}.hero h1{font-size:58px;line-height:1.03;letter-spacing:-3px;margin:22px 0 22px}.hero h1 em,.section-intro em,.features h2 em,.cta-box em{font-style:normal;color:var(--lf-purple)}.hero-copy>p{font-size:17px;line-height:1.7;color:#697485;max-width:520px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.watch-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:#263244;font-size:13px;font-weight:700}.watch-link b{display:grid;place-items:center;width:37px;height:37px;border:1px solid #ded7eb;border-radius:50%;font-size:10px;color:#7137e4}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:38px}.proof-faces{display:flex}.proof-faces span{width:31px;height:31px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:#d9d1eb;color:#544b68;font-size:8px;font-weight:700;margin-left:-7px}.proof-faces span:first-child{margin:0;background:#c5d9e2}.proof-faces span:nth-child(2){background:#e7cdbd}.proof-faces span:nth-child(3){background:#d1c2ea}.proof-faces span:last-child{background:#7436f5;color:#fff}.hero-proof p{font-size:10px;line-height:1.5;color:#7b8492;margin:0}.hero-proof strong{color:#333e4e}.product-scene{height:550px;position:relative;margin-left:20px}.glow{position:absolute;border-radius:50%;filter:blur(1px)}.glow.one{width:570px;height:500px;background:radial-gradient(circle,#e5d7ff 0,#f4efff 48%,transparent 70%);top:-15px;left:10px}.glow.two{width:240px;height:240px;background:#d4b9ff;filter:blur(70px);bottom:0;right:-110px;opacity:.55}.app-preview{position:absolute;top:57px;left:30px;width:680px;height:420px;background:#fff;border-radius:15px;box-shadow:0 30px 80px #35245d30;display:grid;grid-template-columns:135px 1fr;overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.app-preview aside{background:#111c2c;color:#9ca7b7;padding:20px 13px;font-size:8px;display:flex;flex-direction:column;gap:6px}.mini-brand{color:#fff;font-size:13px;margin-bottom:19px}.mini-brand b{background:#7539ef;padding:4px;border-radius:5px}.mini-label{font-size:6px;letter-spacing:.1em;color:#596778;margin:10px 7px 3px}.app-preview aside a{display:flex;align-items:center;gap:7px;padding:7px;border-radius:5px}.app-preview aside a.on{background:#202d41;color:#fff}.app-preview aside a b{margin-left:auto}.app-preview section{background:#f8f9fb;padding:24px 24px}.app-preview header{display:flex;justify-content:space-between;align-items:end}.app-preview header div{display:grid}.app-preview header small,.preview-metrics small,.preview-chart small,.preview-table>small{font-size:6px;color:#8992a1;letter-spacing:.08em}.app-preview header strong{font-size:16px;margin-top:4px}.app-preview button{background:#7437ed;color:#fff;border:0;border-radius:6px;padding:8px 11px;font-size:7px}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.preview-metrics article,.preview-chart,.preview-table{background:#fff;border:1px solid #ecedf1;border-radius:7px;padding:12px}.preview-metrics article{display:grid}.preview-metrics strong{font-size:18px;margin:5px 0}.preview-metrics em{font-style:normal;color:#30a071;font-size:6px}.preview-chart{margin-top:10px;height:150px}.preview-chart>div:first-child{display:grid}.preview-chart strong{font-size:10px}.bars{height:82px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid #eee;margin-top:4px}.bars i{width:24px;background:linear-gradient(#7b40ee,#ac88f5);border-radius:3px 3px 0 0}.bar-labels{display:flex;justify-content:space-around;color:#8d96a4;font-size:5px;margin-top:4px}.preview-table{margin-top:10px}.preview-table p{display:grid;grid-template-columns:22px 1fr auto;align-items:center;margin:7px 0;font-size:7px}.preview-table p i{width:18px;height:18px;background:#ede8f8;border-radius:5px;display:grid;place-items:center;font-style:normal}.preview-table p span{background:#f0ebff;color:#6b3bd4;padding:3px 6px;border-radius:8px}.preview-table p span.green{color:#22865e;background:#e8f8f1}.floating-card{position:absolute;background:#fff;border:1px solid #eee9f6;border-radius:10px;box-shadow:0 18px 35px #3c2d6030;z-index:2;display:flex;align-items:center}.capture-card{top:20px;left:0;padding:11px 14px;gap:10px}.float-icon{background:#eee6ff;color:#7135e8;border-radius:7px;width:31px;height:31px;display:grid;place-items:center}.floating-card div{display:grid}.floating-card small{font-size:6px;color:#9a92a6}.floating-card strong{font-size:9px;margin-top:2px}.capture-card>i{color:#2fac74;font-style:normal;margin-left:12px}.message-card{right:-32px;bottom:26px;padding:12px 18px;gap:10px}.message-card p{font-size:7px;color:#9a93a4;margin:3px 0 0}.whatsapp-dot{color:#29b873;background:#e8faf2;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.logo-strip{border-block:1px solid #eeeaf3;background:#fdfcff}.logo-strip .wrap{height:85px;display:flex;align-items:center;justify-content:space-between;color:#a39bab}.logo-strip span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.logo-strip b{font-size:11px;letter-spacing:.08em}.steps{padding:105px 0}.section-intro{text-align:center;max-width:650px;margin:auto}.section-intro>span,.section-kicker,.result>div>span,.cta-box>span{font-size:10px;color:#773ce4;font-weight:800;letter-spacing:.14em}.section-intro h2,.features h2,.result h2,.cta-box h2{font-size:42px;line-height:1.12;letter-spacing:-2px;margin:14px 0}.section-intro p,.features>div>div>p,.result>div>p,.cta-box p{color:#77808f;line-height:1.65;font-size:14px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px}.step-grid article{position:relative;border:1px solid var(--lf-line);border-radius:14px;padding:30px;background:#fff;box-shadow:0 12px 35px #3f2d6309}.step-grid article>b{position:absolute;right:20px;top:18px;color:#ede8f4;font-size:28px}.step-grid article>span,.feature-list article>span{width:45px;height:45px;display:grid;place-items:center;border-radius:10px;background:#f0e9ff;color:#7337e8;font-size:20px}.step-grid h3,.feature-list h3{font-size:16px;margin:20px 0 8px}.step-grid p,.feature-list p{font-size:12px;line-height:1.65;color:#77808f;margin:0}.features{background:#111b2b;color:#fff;padding:105px 0;position:relative}.features:after{content:"";position:absolute;width:400px;height:400px;background:#7136e944;filter:blur(100px);left:-200px;bottom:-250px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-list article{padding:22px;background:#182538;border:1px solid #29364a;border-radius:12px}.feature-list article>span{background:#2a2350}.feature-list h3{margin:14px 0 7px}.feature-list p{color:#99a5b6}.result{padding:110px 0;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:90px}.result-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.result-numbers article{border-left:1px solid #ddd5e8;padding-left:25px}.result-numbers strong{font-size:40px;color:#7137e7;letter-spacing:-2px}.result-numbers p{font-size:11px;line-height:1.6;color:#798291}.cta-section{padding:30px 0 80px}.cta-box{text-align:center;color:#fff;background:linear-gradient(135deg,#632bd8,#9145f6);border-radius:24px;padding:70px 20px;box-shadow:0 25px 60px #6f35e52b}.cta-box>span{color:#d9c7ff}.cta-box h2{font-size:46px}.cta-box em{color:#dac8ff}.cta-box p{color:#e0d7f4;max-width:520px;margin:0 auto 25px}.landing-button.light{background:#fff;color:#6b32df}.landing-footer{height:110px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee9f4}.landing-footer p,.landing-footer>a:last-child{font-size:11px;color:#8b93a0;text-decoration:none}
@media(max-width:980px){.landing-links{display:none}.hero{grid-template-columns:minmax(0,1fr);padding-top:40px}.hero-copy{min-width:0;text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.product-scene{min-width:0;margin:40px auto 0;width:100%}.app-preview{left:50%;transform:translateX(-50%) scale(.92);transform-origin:top}.logo-strip .wrap{gap:30px;overflow:hidden}.feature-grid,.result{grid-template-columns:1fr;gap:50px}.feature-grid>div:first-child{text-align:center}.result{text-align:center}.result>div>p{max-width:550px;margin-inline:auto}.result-numbers{text-align:left}}@media(max-width:680px){.wrap{width:min(100% - 30px,1160px)}.landing-actions .text-link{display:none}.hero{min-height:auto;padding:35px 0 55px}.hero h1{font-size:42px;letter-spacing:-2px}.hero-copy>p{font-size:15px}.product-scene{height:350px}.app-preview{width:680px;left:50%;transform:translateX(-50%) scale(.58);transform-origin:top}.capture-card{transform:scale(.8);transform-origin:left}.message-card{right:-8px;bottom:8px;transform:scale(.82)}.logo-strip b:nth-of-type(n+3){display:none}.steps{padding:75px 0}.section-intro h2,.features h2,.result h2,.cta-box h2{font-size:34px}.step-grid,.feature-list{grid-template-columns:1fr}.feature-grid{gap:35px}.result{padding:75px 0}.result-numbers article{padding-left:12px}.result-numbers strong{font-size:31px}.cta-box{padding:55px 18px}.landing-footer{height:auto;padding:35px 0;flex-direction:column;gap:20px}}

/* Premium visual layer */
.landing{--lf-ink:#101827;background:linear-gradient(180deg,#fff 0,#fdfbff 35%,#fff 66%)}
.landing-nav{height:90px}
.landing-brand img{display:block;width:150px;height:48px;object-fit:contain;object-position:left center}
.landing-brand svg,.landing-brand>span{display:none}
.hero{min-height:720px;padding-top:62px;position:relative}
.hero:before{content:"";position:absolute;inset:-100px -20vw 0;background-image:radial-gradient(#7a3ce71c 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent 72%);pointer-events:none}
.hero-orbit{position:absolute;border:1px solid #8146eb22;border-radius:50%;pointer-events:none}
.orbit-one{width:640px;height:640px;right:-180px;top:-40px}
.orbit-two{width:430px;height:430px;right:-75px;top:65px}
.hero h1{font-size:64px;line-height:1.01;letter-spacing:-3.6px;text-wrap:balance}
.hero h1 em{background:linear-gradient(100deg,#682be8 10%,#b350ff 50%,#7133f0 90%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lf-shimmer 5s linear infinite}
.landing-button{background:linear-gradient(135deg,#5e27dc,#9849ff);box-shadow:0 14px 34px #7133ec3b}
.product-scene:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:conic-gradient(from 90deg,#8e49fb24,#ffffff00,#642be638,#ffffff00,#8e49fb24);right:-20px;top:5px;animation:lf-spin 24s linear infinite}
.app-preview{border:1px solid #ffffffdd;border-radius:18px;box-shadow:0 44px 110px #35245d3b,0 8px 30px #713be21c}
.floating-card{background:#ffffffdf;backdrop-filter:blur(18px);border-color:#fff;border-radius:13px;box-shadow:0 22px 50px #3c2d6038;animation:lf-float 5s ease-in-out infinite}
.message-card{animation-delay:-2.2s}
.step-grid article{border-radius:18px;background:linear-gradient(145deg,#fff,#fdfaff);box-shadow:0 18px 50px #3f2d630c;transition:.3s ease}
.step-grid article:hover{transform:translateY(-8px);border-color:#cdb9fa;box-shadow:0 26px 60px #6537ba1c}
.features{background:radial-gradient(circle at 15% 100%,#2c1a5d 0,transparent 38%),radial-gradient(circle at 90% 0,#24215e 0,transparent 34%),#0c1524;padding-block:120px}
.feature-list article{background:linear-gradient(145deg,#1b293d,#142033);border-color:#304058;border-radius:15px;transition:.28s ease}
.feature-list article:hover{transform:translateY(-5px);border-color:#7450b5;box-shadow:0 20px 50px #0003}
.cta-box{background:radial-gradient(circle at 18% 10%,#bd73ff 0,transparent 28%),radial-gradient(circle at 85% 100%,#5420d9 0,transparent 35%),linear-gradient(135deg,#5d25d5,#8e3ff4);border:1px solid #b985ff;border-radius:28px;padding-block:78px;box-shadow:0 32px 80px #6f35e53d;position:relative;overflow:hidden}
.cta-box:before,.cta-box:after{content:"";position:absolute;border:1px solid #ffffff26;border-radius:50%}
.cta-box:before{width:400px;height:400px;left:-230px;top:-230px}
.cta-box:after{width:330px;height:330px;right:-190px;bottom:-210px}
.landing-footer .landing-brand img{width:128px}
@keyframes lf-shimmer{to{background-position:200% center}}
@keyframes lf-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes lf-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hero h1 em,.product-scene:before,.floating-card{animation:none}}
@media(max-width:980px){.hero{min-height:auto}.hero-orbit{display:none}.hero h1{font-size:58px}.product-scene:before{right:50%;transform:translateX(50%)}}
@media(max-width:680px){.landing-nav{height:76px}.landing-brand img{width:116px;height:38px}.hero h1{font-size:42px}.cta-box{padding-block:58px}.product-scene:before{width:350px;height:350px}.landing-footer .landing-brand img{width:120px}}

.demo-section{padding:110px 0;background:linear-gradient(180deg,#faf7ff,#fff)}
.demo-shell{margin-top:52px;background:#0d1727;border:1px solid #26354c;border-radius:24px;padding:14px;box-shadow:0 35px 90px #3522562b;overflow:hidden}
.demo-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:4px 4px 14px}
.demo-tabs button{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#8391a6;background:transparent;border:1px solid transparent;border-radius:12px;text-align:left;cursor:pointer}
.demo-tabs button:hover{background:#142136;color:#cbd5e4}.demo-tabs button.active{color:#fff;background:#19273b;border-color:#34445e;box-shadow:inset 0 0 25px #7b3ff112}
.demo-tabs i{width:30px;height:30px;display:grid;place-items:center;color:#9d6cff;background:#292048;border-radius:8px;font-size:9px;font-style:normal;font-weight:800}
.demo-tabs span{display:grid}.demo-tabs strong{font-size:12px}.demo-tabs small{margin-top:2px;color:#6f7d92;font-size:9px}
.demo-stage{background:radial-gradient(circle at 100% 0,#36206a 0,transparent 30%),#111d2d;border:1px solid #293950;border-radius:17px;min-height:470px;overflow:hidden}
.demo-panel{display:none;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;padding:52px}.demo-panel.active{display:grid;animation:demo-in .35s ease}
.demo-copy>span{color:#9b68ff;font-size:9px;font-weight:800;letter-spacing:.14em}.demo-copy h3{margin:13px 0 15px;color:#fff;font-size:34px;line-height:1.13;letter-spacing:-1.5px}.demo-copy>p{color:#91a0b5;font-size:12px;line-height:1.7}
.demo-checks{display:grid;gap:9px;margin-top:24px}.demo-checks b{color:#c4cfdd;font-size:10px;font-weight:600}
.demo-ui{position:relative;min-height:320px;padding:22px;background:#f8f9fc;border:1px solid #fff;border-radius:14px;box-shadow:0 25px 60px #0005;color:#263244}
.demo-window-head{display:flex;align-items:center;gap:5px;margin:-5px 0 22px}.demo-window-head i{width:6px;height:6px;border-radius:50%;background:#e39da6}.demo-window-head i:nth-child(2){background:#e9c46a}.demo-window-head i:nth-child(3){background:#6dc8a0}.demo-window-head small{margin-left:8px;color:#8994a4;font-size:8px}
.search-demo label{display:grid;gap:6px;margin-bottom:13px;color:#778397;font-size:8px}.search-demo label strong{padding:11px;color:#334054;background:#fff;border:1px solid #e2e6ec;border-radius:7px;font-size:10px}.demo-range{display:grid;grid-template-columns:1fr auto;align-items:center;color:#778397;font-size:8px}.demo-range i{grid-column:1/-1;height:4px;margin:9px 0 18px;background:linear-gradient(90deg,#7a3bea 60%,#e4e5eb 60%);border-radius:4px}.search-demo>button{width:100%;padding:11px;color:#fff;background:linear-gradient(135deg,#6630df,#9047f5);border:0;border-radius:7px;font-size:9px;font-weight:700}.demo-result-pop{position:absolute;right:-20px;bottom:-18px;display:flex;align-items:center;gap:10px;padding:13px 16px;background:#fff;border-radius:10px;box-shadow:0 15px 35px #0002}.demo-result-pop>span{width:28px;height:28px;display:grid;place-items:center;color:#20865a;background:#e5f8ef;border-radius:50%}.demo-result-pop div{display:grid}.demo-result-pop strong{font-size:9px}.demo-result-pop small{color:#8b96a6;font-size:7px}
.demo-table-head{display:grid;grid-template-columns:1.2fr 1fr .55fr;padding:8px;color:#8b96a5;font-size:7px}.leads-demo>p{display:grid;grid-template-columns:30px 1.1fr 1fr .55fr;align-items:center;gap:9px;margin:0;padding:13px 8px;border-top:1px solid #e7eaf0;font-size:9px}.leads-demo>p>i{width:27px;height:27px;display:grid;place-items:center;background:#ece8f7;border-radius:7px;font-style:normal}.leads-demo b,.leads-demo strong{display:grid;font-size:8px}.leads-demo small{margin-top:3px;color:#929cab;font-size:6px}.leads-demo .wa{color:#24885f}.leads-demo em{justify-self:start;padding:4px 7px;color:#7041d1;background:#eee9fb;border-radius:9px;font-size:6px;font-style:normal}
.demo-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-kanban section{padding:10px;background:#eef1f5;border-radius:8px}.demo-kanban header{display:flex;justify-content:space-between;color:#7f8a9a;font-size:7px}.demo-kanban section>p{display:grid;margin:8px 0 0;padding:10px;background:#fff;border-left:2px solid #7b42eb;border-radius:6px;box-shadow:0 4px 12px #1e293b0c}.demo-kanban strong{font-size:8px}.demo-kanban small{margin-top:5px;color:#909aa8;font-size:6px}
@keyframes demo-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:800px){.demo-section{padding:75px 0}.demo-tabs button{justify-content:center}.demo-tabs button span{display:none}.demo-panel{grid-template-columns:1fr;padding:32px;gap:30px}.demo-copy{text-align:center}.demo-checks{justify-items:center}.demo-stage{min-height:700px}}
@media(max-width:520px){.demo-shell{padding:8px;border-radius:18px}.demo-panel{padding:25px 14px}.demo-copy h3{font-size:28px}.demo-ui{padding:15px;min-height:300px}.demo-result-pop{right:3px}.demo-kanban{grid-template-columns:1fr}.demo-kanban section:nth-child(n+2){display:none}.demo-stage{min-height:660px}}

/* Motion system */
.landing-nav{position:sticky;top:0;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}
.landing-nav.scrolled:before{content:"";position:absolute;inset:8px -18px;border:1px solid #ede7f5;background:#fffffff0;box-shadow:0 12px 40px #37245213;backdrop-filter:blur(16px);border-radius:16px;z-index:-1}
.landing-links a{position:relative}.landing-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:linear-gradient(90deg,#7234ed,#ae55ff);transition:right .25s ease}.landing-links a:hover:after{right:0}
.landing-button span{transition:transform .22s ease}.landing-button:hover span{transform:translateX(4px)}
.hero-copy>*{animation:hero-enter .7s both}.hero-copy .hero-tag{animation-delay:.05s}.hero-copy h1{animation-delay:.13s}.hero-copy>p{animation-delay:.21s}.hero-actions{animation-delay:.29s}.hero-proof{animation-delay:.37s}
.hero-tag i{animation:tag-pulse 2.2s ease-out infinite}
.app-preview{animation:preview-enter .9s .18s cubic-bezier(.2,.75,.25,1) both;transition:transform .3s ease,box-shadow .3s ease}
.product-scene.is-tracking .app-preview{transform:perspective(1200px) translate(var(--mouse-x),var(--mouse-y)) rotateY(-1deg) rotateX(1deg);box-shadow:0 50px 115px #35245d42}
.product-scene.is-tracking .capture-card{margin-left:calc(var(--mouse-x) * -.35);margin-top:calc(var(--mouse-y) * -.35)}
.product-scene.is-tracking .message-card{margin-right:calc(var(--mouse-x) * -.45);margin-bottom:calc(var(--mouse-y) * -.45)}
.preview-metrics article{transition:transform .25s ease,box-shadow .25s ease}.preview-metrics article:hover{transform:translateY(-3px);box-shadow:0 12px 24px #34245b14}
.bars i{transform-origin:bottom;animation:bar-grow 1s .7s cubic-bezier(.2,.8,.25,1) both}
.bars i:nth-child(2){animation-delay:.78s}.bars i:nth-child(3){animation-delay:.86s}.bars i:nth-child(4){animation-delay:.94s}.bars i:nth-child(5){animation-delay:1.02s}
.demo-tabs button{position:relative;overflow:hidden}.demo-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#7950f2,#b86cff);transform-origin:left;animation:tab-progress 4.8s linear}
.demo-result-pop{animation:result-bob 3.8s ease-in-out infinite}
.demo-kanban section>p{transition:transform .22s ease,box-shadow .22s ease}.demo-kanban section>p:hover{transform:translateY(-3px) rotate(-.4deg);box-shadow:0 10px 22px #31255a1c}
.cta-box:before{animation:cta-orbit 12s linear infinite}.cta-box:after{animation:cta-orbit 15s linear reverse infinite}
.motion-ready .scroll-reveal{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .7s ease var(--reveal-delay,0ms),transform .7s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms)}
.motion-ready .scroll-reveal.is-visible{opacity:1;transform:none}
@keyframes hero-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes preview-enter{from{opacity:0;transform:perspective(1200px) translateY(34px) rotateY(-8deg) rotateX(3deg)}to{opacity:1;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}}
@keyframes tag-pulse{0%,100%{box-shadow:0 0 0 4px #e7dbff}50%{box-shadow:0 0 0 8px #e7dbff00}}
@keyframes bar-grow{from{transform:scaleY(0);opacity:.2}to{transform:scaleY(1);opacity:1}}
@keyframes tab-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes result-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes cta-orbit{to{transform:rotate(360deg) translateX(10px)}}
@media(prefers-reduced-motion:reduce){.hero-copy>*,.app-preview,.bars i,.hero-tag i,.demo-result-pop,.cta-box:before,.cta-box:after,.demo-tabs button.active:after{animation:none!important}.motion-ready .scroll-reveal{opacity:1;transform:none;transition:none}.product-scene.is-tracking .app-preview{transform:none}}
@media(max-width:980px){.product-scene.is-tracking .app-preview{transform:translateX(-50%) scale(.92)}}
@media(max-width:680px){.product-scene.is-tracking .app-preview{transform:translateX(-50%) scale(.58)}.landing-nav.scrolled:before{inset:6px -8px}}