:root{--ink:#11140f;--muted:#747a71;--line:#dde1d7;--lime:#a7ef2f;--paper:#f6f7f2;--soft:#eef1e9;--dark:#11140f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.shell{width:min(1240px,calc(100% - 48px));margin:auto}.nav-wrap{position:fixed;z-index:50;top:0;left:0;right:0;padding:12px 0;pointer-events:none}.nav{height:64px;border:1px solid rgba(20,25,17,.09);background:rgba(250,251,247,.88);backdrop-filter:blur(18px);border-radius:18px;display:flex;align-items:center;padding:0 18px;box-shadow:0 10px 40px rgba(15,20,12,.05);pointer-events:auto;transition:.35s ease}.nav-wrap.scrolled .nav{height:58px;background:rgba(250,251,247,.94);box-shadow:0 12px 45px rgba(15,20,12,.1)}.brand img{display:block;width:145px}.nav-links{display:flex;gap:28px;margin:auto}.nav a{text-decoration:none;color:inherit}.nav-links a,.login{font-size:12px;font-weight:650}.nav-actions{display:flex;align-items:center;gap:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;border-radius:999px;text-decoration:none;font-size:12px;font-weight:800;border:1px solid transparent}.btn svg,.icon-dot svg,.mini-ico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.btn-dark,.nav .btn-dark{background:var(--ink)!important;color:#fff!important}.btn-lime{background:var(--lime);color:#11140f}.btn-ghost{border-color:#d9ddd3;color:var(--ink);background:rgba(255,255,255,.58)}.btn-white{background:#fff;color:var(--ink)}.btn-ghost svg .fill{fill:currentColor;stroke:none}.menu-toggle{display:none;width:42px;height:42px;border:1px solid #d9ddd3;background:#fff;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0}.menu-toggle span,.menu-close span{display:block;width:17px;height:1.5px;background:#11140f}.mobile-menu{display:none}
.hero{padding-top:160px;min-height:1080px;text-align:center;position:relative}.eyebrow,.section-kicker,.section-title>span{font-size:9px;font-weight:800;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;color:#5d6558}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(167,239,47,.13)}h1{font:700 clamp(48px,3.65vw,56px)/1.04 Manrope,sans-serif;letter-spacing:-.052em;margin:24px auto 26px;max-width:1120px;text-wrap:balance}h1 em{font-style:normal;color:#9ba197}.hero-copy{font-size:16px;line-height:1.62;color:#747a71;max-width:700px;margin:0 auto}.hero-actions{display:flex;justify-content:center;gap:10px;margin-top:28px}.hero-audience{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px auto 0;color:#7a8177;font-size:10px}.hero-audience>span{font-size:8px;letter-spacing:.14em;font-weight:800}.audience-avatars{display:flex;align-items:center;margin-right:2px}.audience-avatars .avatar{width:27px;height:27px;border-radius:50%;border:2px solid var(--paper);margin-left:-7px;display:grid;place-items:center;font:800 8px Manrope;color:#11140f;box-shadow:0 4px 12px rgba(15,20,12,.08)}.audience-avatars .avatar:first-child{margin-left:0}.avatar-a{background:#d8f99f}.avatar-b{background:#e3e6de}.avatar-c{background:#b9ee63}.audience-types{display:flex;align-items:center;gap:10px}.hero-audience b{font-size:10px;color:#353a33}.hero-audience i{width:3px;height:3px;border-radius:50%;background:#b2b7ae}.product-stage{position:relative;height:600px;margin-top:62px;perspective:1200px}.browser-window{position:absolute;left:50%;top:0;transform:translateX(-50%) rotateX(1.2deg);transform-origin:center top;width:min(1120px,94vw);background:#fff;border:1px solid #dce0d7;border-radius:25px;padding:10px;box-shadow:0 40px 100px rgba(18,25,13,.14);overflow:hidden;transition:transform .3s ease}.browser-top{height:36px;background:#f1f3ee;border-radius:16px 16px 9px 9px;display:flex;align-items:center;gap:7px;padding:0 12px}.browser-top>i{width:7px;height:7px;border-radius:50%;background:#c7cbc2}.browser-address{margin:auto;background:#fff;border:1px solid #e1e5dc;border-radius:8px;padding:7px 50px;font-size:8px;color:#83887f}.browser-window img{display:block;width:100%;border-radius:8px}.float-card{position:absolute;z-index:2;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border:1px solid #e1e5dc;box-shadow:0 20px 50px rgba(15,20,11,.1);border-radius:15px;padding:12px 15px;display:flex;align-items:center;gap:11px;text-align:left;animation:floatY 4.8s ease-in-out infinite}.float-card small{display:block;font-size:7px;letter-spacing:.13em;color:#8c9288}.float-card b{font-size:10px}.fc1{left:1.5%;top:190px}.fc2{right:1.5%;bottom:62px;animation-delay:-1.8s}.fc3{left:8%;bottom:30px;animation-delay:-3.1s}.icon-dot{width:28px;height:28px;border-radius:9px;background:#eefbd9;display:grid;place-items:center}.icon-dot svg{width:14px}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(167,239,47,.15)}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.dark-intro{background:#11140f;color:#fff;padding:100px 0 0;overflow:hidden}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:86px;align-items:center;min-height:520px}.intro-copy{max-width:600px}.section-kicker{color:var(--lime);padding-top:0}.intro-copy h2,.section-title h2,.inside h2,.offers h2,.final-cta h2{font:700 clamp(44px,4.5vw,68px)/1 Manrope;letter-spacing:-.055em;margin:20px 0 0}.intro-copy h2 em,.section-title h2 em,.inside h2 em,.offers h2 em{font-style:normal;color:#62685f}.intro-copy p{max-width:590px;color:#9ca198;font-size:15px;line-height:1.7;margin:30px 0 0}.intro-visual{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.intro-screen{width:94%;height:300px;border-radius:25px;background:#eef0eb;padding:12px;overflow:hidden;transform:perspective(900px) rotateY(7deg) rotateX(1deg);box-shadow:0 45px 80px rgba(0,0,0,.28);position:relative}.intro-screen img{width:100%;height:100%;object-fit:cover;object-position:left top;border-radius:16px;display:block}.intro-glow{position:absolute;inset:auto 5% -40% 5%;height:150px;background:radial-gradient(circle,rgba(167,239,47,.25),transparent 65%);filter:blur(20px)}.intro-chip{position:absolute;background:#fff;color:#11140f;padding:12px 15px;border-radius:13px;font-size:10px;font-weight:800;box-shadow:0 15px 45px rgba(0,0,0,.2);display:flex;align-items:center;gap:8px}.intro-chip span{width:7px;height:7px;border-radius:50%;background:var(--lime)}.chip-a{left:0;top:65px;animation:floatY 5s ease-in-out infinite}.chip-b{right:-3px;bottom:55px;animation:floatY 5s ease-in-out infinite -2.5s}.module-marquee{margin-top:65px;border-top:1px solid #242922;border-bottom:1px solid #242922;overflow:hidden}.module-track{display:flex;width:max-content;animation:marquee 26s linear infinite}.module-track span{width:210px;flex:0 0 210px;padding:24px 26px;border-right:1px solid #242922;font-size:12px;font-weight:700;display:flex;align-items:center;gap:14px}.module-track small{font-size:7px;color:#5d645a;font-weight:800}.module-marquee:hover .module-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}
.usecases{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:110px 0}.usecase{position:relative;min-height:690px;border-radius:30px;overflow:hidden;padding:38px}.light-card{background:#eef1e9;border:1px solid #e0e4da}.dark-card{background:#11140f;color:white}.usecase-copy{position:relative;z-index:2}.card-meta{display:flex;justify-content:space-between;gap:14px;font-size:8px;font-weight:800;letter-spacing:.14em}.card-meta b{padding:8px 10px;border-radius:99px;background:#e3e7dd;color:#777d73}.dark-card .card-meta b{background:rgba(167,239,47,.12);color:var(--lime)}.usecase h3{font:700 clamp(34px,3.25vw,50px)/1.02 Manrope;letter-spacing:-.05em;margin:70px 0 16px;max-width:530px}.usecase h3 em{font-style:normal;color:#9ca299}.usecase p{max-width:510px;color:#777d73;line-height:1.65;margin:0}.dark-card p{color:#969c92}.visual{position:absolute;left:0;right:0;bottom:0;height:305px}.phone-visual{display:flex;justify-content:center;align-items:flex-end}.phone{width:220px;height:440px;border-radius:36px;background:#111;padding:8px;position:relative;box-shadow:0 25px 60px rgba(12,17,9,.18)}.notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:78px;height:19px;background:#050605;border-radius:0 0 15px 15px;z-index:2}.phone-screen{height:100%;background:#fafbf8;border-radius:28px;padding:43px 16px 16px;text-align:left;color:#10130f}.phone-screen small{font-size:7px;color:#8d928a}.phone-screen strong{display:block;font:700 23px/1.05 Manrope;margin:8px 0 16px}.metric{background:#11140f;color:#fff;padding:14px;border-radius:13px;font:700 19px Manrope}.metric span{font:500 8px Inter;color:#90968b;float:right;margin-top:6px}.row{display:flex;justify-content:space-between;padding:12px 2px;border-bottom:1px solid #e0e4da;font-size:9px}.tournament-visual{padding:0 38px 34px;display:flex;align-items:flex-end}.flow{width:100%;border-top:1px solid #2f352c}.flow div{display:grid;grid-template-columns:45px 1fr 90px;align-items:center;border-bottom:1px solid #2f352c;padding:16px 0}.flow i{font-style:normal;color:#6f766c;font-size:8px}.flow b{font-size:13px}.flow span{text-align:right;font-size:8px;color:#858c82}.flow .active span{color:var(--lime)}
.features{padding:120px 0;background:#fff}.section-title.center{text-align:center;max-width:850px;margin:auto}.section-title>span{color:#64705d}.section-title h2{margin:16px 0 22px}.section-title p{color:#757b72;line-height:1.65;max-width:650px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 26px;margin-top:70px}.feature-card .media{height:410px;border-radius:25px;background:#f2f3ef;overflow:hidden;position:relative}.feature-card h3{font:700 19px/1.2 Manrope;margin:16px 0 8px;display:flex;align-items:center;gap:9px}.feature-card p{color:#8a9086;font-size:14px;line-height:1.55;margin:0}.mini-ico{width:27px;height:27px;border-radius:9px;background:#11140f;color:#fff;display:grid;place-items:center;font-size:12px}.mini-ico svg{width:14px}.pro{font-size:7px;background:var(--lime);color:#27300f;padding:4px 6px;border-radius:6px;margin-left:4px}.media-finance{background-image:linear-gradient(#e8ebe4 1px,transparent 1px),linear-gradient(90deg,#e8ebe4 1px,transparent 1px)!important;background-size:42px 42px!important}.mini-chart{position:absolute;inset:70px 35px 60px;background:linear-gradient(160deg,transparent 48%,#a7ef2f 49%,#a7ef2f 51%,transparent 52%);opacity:.7}.finance-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:260px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 20px 50px rgba(18,25,13,.09)}.finance-panel small,.finance-panel span{display:block;color:#8a9086;font-size:8px}.finance-panel strong{display:block;font:700 30px Manrope;margin:8px 0}.media-story{display:flex;align-items:center;justify-content:center;gap:28px}.story-upload{background:#fff;border:1px solid #dfe3da;padding:15px 18px;border-radius:14px;font-size:10px;font-weight:700;box-shadow:0 15px 35px rgba(17,22,13,.07)}.story-preview{width:205px;height:340px;border-radius:22px;background:#11140f;color:white;padding:18px;display:flex;flex-direction:column;transform:rotate(4deg);box-shadow:0 25px 50px rgba(16,22,11,.16)}.story-preview small{font-size:7px;letter-spacing:.15em}.story-preview strong{font:800 29px/.95 Manrope;margin:auto}.story-preview span{font-size:7px;color:var(--lime);letter-spacing:.12em}.media-live{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#2b3422,#11140f 68%)!important}.score{text-align:center;color:white}.score>span{font-size:8px;letter-spacing:.18em;color:#a9b0a5}.score div{display:flex;align-items:center;gap:18px;margin:15px 0}.score b{font:800 78px/.9 Manrope}.score i{font-style:normal;color:#7f867c}.score small{color:var(--lime);font-size:8px;letter-spacing:.15em}.media-scale{padding:26px}.media-scale img{width:100%;height:100%;object-fit:cover;object-position:left top;border-radius:17px;box-shadow:0 20px 50px rgba(17,22,13,.1)}
.inside{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;padding:130px 0}.dark-kicker{color:#61705c}.inside h2{font-size:52px;margin:18px 0}.inside p{color:#7f857b;line-height:1.6;max-width:430px}.tabs{margin-top:100px;border-top:1px solid #dfe3d9}.tabs button{width:100%;text-align:left;border:0;border-bottom:1px solid #dfe3d9;background:none;padding:16px 0;font-size:14px;color:#777d73;cursor:pointer;transition:.25s ease}.tabs button:hover{color:#11140f;padding-left:5px}.tabs button.active{color:#11140f;font-weight:700;box-shadow:inset 0 2px 0 var(--lime)}.inside-media{background:#eef0eb;border-radius:28px;min-height:700px;display:grid;place-items:center;overflow:hidden;position:relative}.inside-view{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateY(12px) scale(.985);pointer-events:none;transition:.5s cubic-bezier(.2,.8,.2,1)}.inside-view.active{opacity:1;transform:none;pointer-events:auto}.device-frame{width:83%;padding:12px;background:#fff;border-radius:27px;box-shadow:0 35px 80px rgba(14,20,10,.12);transform:rotate(1.5deg)}.device-frame img{width:100%;display:block;border-radius:16px}.showcase-phone .phone{width:260px;height:520px}.inside-finance{width:65%;background:#fff;border-radius:28px;padding:38px;box-shadow:0 35px 80px rgba(14,20,10,.1)}.inside-finance small,.inside-finance span{display:block;color:#7d847a}.inside-finance strong{display:block;font:700 58px Manrope;letter-spacing:-.05em;margin:10px 0 4px}.finance-bars{display:flex;align-items:flex-end;gap:12px;height:180px;margin-top:45px}.finance-bars i{flex:1;background:#dfe4da;border-radius:8px 8px 3px 3px}.finance-bars i:nth-child(1){height:42%}.finance-bars i:nth-child(2){height:61%}.finance-bars i:nth-child(3){height:49%}.finance-bars i:nth-child(4){height:78%;background:var(--lime)}.finance-bars i:nth-child(5){height:68%}.finance-bars i:nth-child(6){height:86%}.finance-bars i:nth-child(7){height:72%}.tv-preview{width:78%;min-height:420px;border-radius:28px;background:radial-gradient(circle at 50% 40%,#2b3422,#11140f 68%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 35px 80px rgba(14,20,10,.2)}.tv-preview small{letter-spacing:.18em;color:#a6ada2}.tv-preview div{display:flex;align-items:center;gap:28px;margin:30px}.tv-preview strong{font:800 100px/.9 Manrope}.tv-preview i{font-style:normal;color:#7d857a;font-size:28px}.tv-preview span{font-size:9px;color:var(--lime);letter-spacing:.16em}
.offers{background:#11140f;color:white;padding:120px 0}.offers .section-title{max-width:840px}.offers .section-title h2{font-size:64px}.offers .section-title p{margin:22px 0 0;color:#9ca198}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}.offer-grid article{min-height:360px;border:1px solid #2c3229;border-radius:24px;padding:28px;display:flex;flex-direction:column}.offer-grid article.featured{background:var(--lime);color:#11140f;border-color:var(--lime)}.offer-grid small{font-size:8px;letter-spacing:.15em;color:#8d9489}.offer-grid h3{font:700 28px/1.08 Manrope;letter-spacing:-.035em;margin:45px 0 14px}.offer-grid p{color:#8f968b;font-size:13px;line-height:1.6}.offer-grid .featured p,.offer-grid .featured small{color:#4f5a3f}.offer-grid a{color:inherit;text-decoration:none;font-weight:800;font-size:11px;margin-top:auto}.final-cta{background:#11140f;padding:0 0 100px}.cta-panel{min-height:540px;border-radius:34px;background:#f4f5f1;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative}.cta-copy{padding:70px 0 70px 70px;display:flex;flex-direction:column;align-items:flex-start}.cta-mark{width:48px;height:48px;border-radius:14px;background:var(--lime);display:grid;place-items:center;font:800 14px Manrope}.final-cta h2{font-size:54px;margin:42px 0 18px;max-width:520px}.final-cta p{color:#7c8278;line-height:1.6;max-width:440px}.cta-copy .hero-actions{justify-content:flex-start}.cta-device{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 52% 45%,rgba(167,239,47,.16),transparent 40%)}.cta-device .phone{transform:rotate(9deg);width:250px;height:500px}.footer{background:#11140f;color:white;padding:30px 0 25px;border-top:1px solid #282e26}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px;padding:35px 0 60px}.footer img{width:150px;filter:brightness(0) invert(1)}.footer p{color:#7f867c;max-width:300px;font-size:12px;line-height:1.6}.footer b{display:block;font-size:11px;margin-bottom:16px}.footer a{display:block;color:#7f867c;text-decoration:none;font-size:11px;margin:10px 0}.footer-bottom{display:flex;justify-content:space-between;color:#5f665d;border-top:1px solid #282e26;padding-top:20px;font-size:10px}.reveal{opacity:0;transform:translateY(22px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}.reveal-scale{opacity:0;transform:scale(.97);transition:1s ease}.reveal-scale.visible{opacity:1;transform:scale(1)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}
@media(max-width:1050px){.hero{min-height:970px}.fc3{display:none}.intro-grid{gap:45px}.usecase{min-height:650px}.usecase h3{font-size:39px}.inside{gap:40px}.offers .section-title h2{font-size:56px}}
@media(max-width:900px){.shell{width:min(100% - 28px,1240px)}.nav{height:60px}.nav-links,.nav-actions{display:none}.brand img{width:126px}.menu-toggle{display:flex;margin-left:auto}.mobile-menu{display:block;position:fixed;inset:0;background:#11140f;color:#fff;opacity:0;visibility:hidden;transform:translateY(-15px);transition:.45s cubic-bezier(.2,.8,.2,1);pointer-events:none}.mobile-menu.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}.mobile-menu-inner{height:100%;padding-top:28px;display:flex;flex-direction:column}.mobile-menu-top{display:flex;justify-content:space-between;align-items:center;color:#697065;font-size:9px;letter-spacing:.16em}.menu-close{width:44px;height:44px;border-radius:13px;border:1px solid #2d342b;background:#181c17;position:relative}.menu-close span{position:absolute;left:12px;top:21px;width:18px;background:#fff}.menu-close span:first-child{transform:rotate(45deg)}.menu-close span:last-child{transform:rotate(-45deg)}.mobile-menu-links{margin-top:70px}.mobile-menu-links a{display:flex;align-items:baseline;gap:18px;color:#fff;text-decoration:none;font:700 42px/1.15 Manrope;letter-spacing:-.045em;padding:13px 0;border-bottom:1px solid #282e26}.mobile-menu-links small{font:700 8px Inter;color:#697065;letter-spacing:.14em}.mobile-menu-actions{display:flex;align-items:center;gap:16px;margin-top:auto;padding-bottom:26px}.mobile-menu-actions>a:first-child{color:#fff;text-decoration:none;font-weight:700;font-size:13px}.mobile-menu-inner>p{color:#4f564d;font-size:8px;letter-spacing:.15em;padding-bottom:26px;margin:0}.hero{padding-top:135px;min-height:820px}.hero-audience{flex-wrap:wrap}.product-stage{height:420px}.float-card{display:none}.intro-grid,.inside{grid-template-columns:1fr}.intro-grid{gap:35px;min-height:auto}.intro-copy{order:1}.intro-visual{order:2;height:330px}.intro-screen{height:255px}.module-track span{width:180px;flex-basis:180px}.usecases,.feature-grid,.offer-grid,.cta-panel{grid-template-columns:1fr}.usecase{min-height:620px}.inside-media{min-height:480px}.tabs{margin-top:40px}.cta-copy{padding:48px 30px}.cta-device{min-height:480px}.footer-grid{grid-template-columns:1fr 1fr}.offers .section-title h2{font-size:50px}}
@media(max-width:580px){h1{font-size:38px;line-height:1.04;letter-spacing:-.048em;max-width:390px}.hero{padding-top:125px;min-height:740px}.hero-copy{font-size:14px;max-width:355px}.hero-actions{flex-direction:column;align-items:stretch;max-width:330px;margin-left:auto;margin-right:auto}.hero-audience{max-width:355px;line-height:1.5;gap:9px}.hero-audience>span{width:auto}.audience-avatars .avatar{width:24px;height:24px}.audience-types{gap:7px;flex-wrap:wrap;justify-content:center}.product-stage{height:285px;margin-top:48px}.browser-window{width:116%;border-radius:18px;padding:7px}.browser-top{height:27px}.browser-address{padding:5px 15px}.dark-intro{padding-top:75px}.intro-grid{gap:25px}.intro-copy h2,.section-title h2,.inside h2,.offers .section-title h2,.final-cta h2{font-size:40px;line-height:1.02}.intro-copy p{font-size:14px}.intro-visual{height:275px}.intro-screen{width:104%;height:215px;transform:none}.intro-chip{font-size:8px;padding:9px 11px}.chip-a{left:-4px;top:25px}.chip-b{right:-3px;bottom:30px}.module-marquee{margin-top:45px}.module-track{animation-duration:18s}.module-track span{width:150px;flex-basis:150px;padding:20px 18px}.usecases{padding:70px 0}.usecase{padding:26px;min-height:600px}.card-meta{font-size:7px}.usecase h3{font-size:37px;margin-top:48px}.usecase p{font-size:14px}.visual{height:270px}.phone{width:190px;height:380px}.phone-screen strong{font-size:20px}.feature-card .media{height:320px}.feature-grid{gap:34px}.features{padding:85px 0}.inside{padding:85px 0}.inside h2{max-width:340px}.inside-media{min-height:380px}.device-frame{width:93%;padding:7px;border-radius:18px}.showcase-phone .phone{width:205px;height:410px}.inside-finance{width:84%;padding:28px}.inside-finance strong{font-size:42px}.tv-preview{width:90%;min-height:300px}.tv-preview strong{font-size:70px}.offer-grid article{min-height:300px}.offers{padding:85px 0}.final-cta{padding-bottom:70px}.cta-panel{border-radius:24px}.cta-copy{padding:40px 25px}.final-cta h2{max-width:330px}.cta-device{min-height:430px}.cta-device .phone{width:210px;height:420px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* V0.6 — Hero + mobile navigation refinement */
@media (min-width:1051px){
  h1{font-size:64px;max-width:1180px;line-height:1.01;letter-spacing:-.052em}
}
@media (max-width:900px){
  .mobile-menu-inner{width:100%;padding:28px 24px 22px}
  .mobile-menu-top{width:100%}
  .menu-close{flex:0 0 48px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:transform .25s ease,background .25s ease,border-color .25s ease}
  .menu-close:active{transform:scale(.94)}
  .menu-close span{left:14px;top:23px;width:20px;height:1.5px;border-radius:99px;background:#fff}
  .mobile-menu-links{margin-top:62px}
  .mobile-menu-actions{padding-bottom:20px}
  .menu-toggle{width:46px;height:46px;border-radius:50%;border:1px solid rgba(17,20,15,.12);background:rgba(255,255,255,.78);box-shadow:0 8px 22px rgba(15,20,12,.06);gap:0;position:relative;transition:transform .25s ease,box-shadow .25s ease}
  .menu-toggle:active{transform:scale(.95)}
  .menu-toggle span{position:absolute;width:18px;height:1.5px;border-radius:99px;transition:.25s ease}
  .menu-toggle span:first-child{transform:translateY(-4px)}
  .menu-toggle span:last-child{transform:translateY(4px);width:13px;right:13px}
}
/* V0.7 — escala tipográfica consolidada + mockup Operação Integrada */
@media (min-width:1060px){
  h1{font-size:64px}
  .intro-copy h2,.section-title h2,.offers .section-title h2{font-size:56px;line-height:1.02}
  .inside h2,.final-cta h2{font-size:52px;line-height:1.03}
  .usecase h3{font-size:44px}
  .offer-grid h3{font-size:28px}
  .intro-grid{grid-template-columns:1.08fr .92fr;gap:72px}
  .intro-visual{height:470px}
  .intro-screen-final{width:108%;height:430px;padding:0;background:transparent;border-radius:0;overflow:visible;transform:none;box-shadow:none}
  .intro-screen-final img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0;filter:drop-shadow(0 34px 50px rgba(0,0,0,.34))}
  .intro-screen-final .intro-glow{inset:auto 8% -16% 8%;height:170px}
}
@media (max-width:1059px) and (min-width:581px){
  .intro-copy h2,.section-title h2,.offers .section-title h2{font-size:52px}
  .inside h2,.final-cta h2{font-size:48px}
  .intro-screen-final{height:300px;padding:0;background:transparent;box-shadow:none;transform:none}
  .intro-screen-final img{object-fit:contain;border-radius:0}
}
@media(max-width:580px){
  .intro-screen-final{height:245px;padding:0;background:transparent;box-shadow:none;transform:none;width:110%}
  .intro-screen-final img{object-fit:contain;border-radius:0}
}

/* V0.8 — mockup Operação Integrada: escala maior + blend sem bordas */
@media (min-width:1060px){
  .dark-intro{background:#090d08}
  .intro-grid{grid-template-columns:1.16fr .84fr;gap:58px;min-height:610px}
  .intro-visual{height:560px;overflow:visible;justify-content:flex-start}
  .intro-screen-final{width:128%;height:550px;margin-left:-8%;overflow:visible}
  .intro-screen-final img{
    width:100%;height:100%;object-fit:contain;object-position:center;
    filter:drop-shadow(0 36px 52px rgba(0,0,0,.30));
    -webkit-mask-image:radial-gradient(ellipse 74% 74% at 51% 50%,#000 58%,rgba(0,0,0,.96) 66%,rgba(0,0,0,.68) 79%,transparent 100%);
    mask-image:radial-gradient(ellipse 74% 74% at 51% 50%,#000 58%,rgba(0,0,0,.96) 66%,rgba(0,0,0,.68) 79%,transparent 100%);
  }
  .intro-screen-final .intro-glow{inset:auto 7% -10% 7%;height:190px;opacity:.75}
  .intro-copy{max-width:575px}
}
@media (max-width:1059px) and (min-width:581px){
  .dark-intro{background:#090d08}
  .intro-screen-final{width:116%;height:355px;margin-left:-8%;overflow:visible}
  .intro-screen-final img{
    width:100%;height:100%;object-fit:contain;
    -webkit-mask-image:radial-gradient(ellipse 76% 76% at 50% 50%,#000 58%,rgba(0,0,0,.94) 70%,rgba(0,0,0,.58) 84%,transparent 100%);
    mask-image:radial-gradient(ellipse 76% 76% at 50% 50%,#000 58%,rgba(0,0,0,.94) 70%,rgba(0,0,0,.58) 84%,transparent 100%);
  }
}
@media(max-width:580px){
  .dark-intro{background:#090d08}
  .intro-screen-final{width:120%;height:275px;margin-left:-10%;overflow:visible}
  .intro-screen-final img{
    width:100%;height:100%;object-fit:contain;
    -webkit-mask-image:radial-gradient(ellipse 78% 78% at 50% 50%,#000 58%,rgba(0,0,0,.94) 70%,rgba(0,0,0,.55) 84%,transparent 100%);
    mask-image:radial-gradient(ellipse 78% 78% at 50% 50%,#000 58%,rgba(0,0,0,.94) 70%,rgba(0,0,0,.55) 84%,transparent 100%);
  }
}

/* V0.9 — Operação Integrada como composição de fundo full-bleed */
.dark-intro{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#090d08;
}
.dark-intro .operation-bg{
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(90deg, rgba(9,13,8,0) 0%, rgba(9,13,8,.04) 42%, rgba(9,13,8,.62) 55%, #090d08 72%),
    linear-gradient(180deg, #090d08 0%, rgba(9,13,8,0) 10%, rgba(9,13,8,0) 86%, #090d08 100%),
    url('./assets/operacao-integrada-mockup.webp') left 7% center / min(58vw, 1020px) auto no-repeat;
  transform:scale(1.03);
  transform-origin:left center;
  filter:saturate(.96) contrast(1.02);
}
.dark-intro .intro-grid-overlay{
  position:relative;
  z-index:1;
  min-height:680px;
  grid-template-columns:1.04fr .96fr;
  gap:44px;
  align-items:center;
}
.dark-intro .intro-visual-spacer{height:100%;min-height:560px}
.dark-intro .intro-copy{
  max-width:620px;
  margin-left:-34px;
  padding:72px 0 66px;
}
.dark-intro .operation-title{
  font-size:56px;
  line-height:1.02;
  letter-spacing:-.055em;
  margin:18px 0 28px;
}
.dark-intro .operation-title span,
.dark-intro .operation-desc span{display:block;white-space:nowrap}
.dark-intro .operation-title em{color:#5f665d;font-style:normal}
.dark-intro .operation-desc{
  max-width:600px;
  font-size:15px;
  line-height:1.6;
  color:#9ca198;
  margin:0;
}
.dark-intro .module-marquee{position:relative;z-index:2}

@media (max-width:1180px) and (min-width:901px){
  .dark-intro .operation-bg{background-size:64vw auto;background-position:left 3% center}
  .dark-intro .intro-grid-overlay{grid-template-columns:1fr .92fr;gap:28px}
  .dark-intro .intro-copy{margin-left:-10px;max-width:540px}
  .dark-intro .operation-title{font-size:50px}
  .dark-intro .operation-desc{font-size:14px}
}
@media(max-width:900px){
  .dark-intro .operation-bg{
    inset:0 0 auto 0;
    height:430px;
    background:
      linear-gradient(180deg, rgba(9,13,8,0) 0%, rgba(9,13,8,.08) 64%, #090d08 100%),
      url('./assets/operacao-integrada-mockup.webp') center 15% / min(94vw, 700px) auto no-repeat;
    transform:none;
  }
  .dark-intro .intro-grid-overlay{grid-template-columns:1fr;min-height:auto;gap:0;padding-top:360px}
  .dark-intro .intro-visual-spacer{display:none}
  .dark-intro .intro-copy{margin-left:0;max-width:680px;padding:34px 0 44px}
  .dark-intro .operation-title{font-size:44px;max-width:680px}
  .dark-intro .operation-title span,.dark-intro .operation-desc span{white-space:normal}
}
@media(max-width:580px){
  .dark-intro .operation-bg{height:300px;background-size:116vw auto;background-position:center 18%}
  .dark-intro .intro-grid-overlay{padding-top:265px}
  .dark-intro .intro-copy{padding-top:20px}
  .dark-intro .operation-title{font-size:38px;line-height:1.03;margin:14px 0 22px}
  .dark-intro .operation-desc{font-size:14px;line-height:1.55}
}

/* V1.0 — Operação integrada alinhada ao mockup aprovado */
.dark-intro{
  min-height:800px;
  padding:0;
  background:#070b07;
}
.dark-intro .operation-bg{
  inset:0;
  z-index:0;
  transform:none;
  filter:none;
  background:
    linear-gradient(90deg,
      rgba(7,11,7,0) 0%,
      rgba(7,11,7,0) 46%,
      rgba(7,11,7,.20) 52%,
      rgba(7,11,7,.72) 61%,
      #070b07 72%),
    linear-gradient(180deg,#070b07 0%,rgba(7,11,7,0) 8%,rgba(7,11,7,0) 88%,#070b07 100%),
    url('./assets/operacao-integrada-approved.png') left 4vw center / min(60vw,1115px) auto no-repeat;
}
.dark-intro .intro-grid-overlay{
  width:min(1500px,calc(100% - 72px));
  min-height:800px;
  grid-template-columns:56% 44%;
  gap:0;
  align-items:center;
}
.dark-intro .intro-visual-spacer{min-height:760px}
.dark-intro .intro-copy{
  position:relative;
  z-index:2;
  margin:0;
  max-width:650px;
  padding:30px 0 30px 12px;
}
.dark-intro .section-kicker{font-size:10px;letter-spacing:.12em}
.dark-intro .operation-title{
  width:650px;
  max-width:100%;
  font-size:56px;
  line-height:1.06;
  letter-spacing:-.052em;
  margin:28px 0 32px;
}
.dark-intro .operation-title span{display:block;white-space:nowrap}
.dark-intro .operation-title em{color:#5e655c}
.dark-intro .operation-desc{
  width:620px;
  max-width:100%;
  font-size:16px;
  line-height:1.55;
  color:#a4aaa1;
}
.dark-intro .operation-desc span{display:block;white-space:nowrap}
.dark-intro .module-marquee{margin-top:0}

@media (max-width:1320px) and (min-width:901px){
  .dark-intro .operation-bg{
    background:
      linear-gradient(90deg,rgba(7,11,7,0) 0%,rgba(7,11,7,0) 43%,rgba(7,11,7,.28) 51%,rgba(7,11,7,.8) 62%,#070b07 74%),
      linear-gradient(180deg,#070b07 0%,rgba(7,11,7,0) 8%,rgba(7,11,7,0) 88%,#070b07 100%),
      url('./assets/operacao-integrada-approved.png') left 1vw center / 64vw auto no-repeat;
  }
  .dark-intro .intro-grid-overlay{width:min(1240px,calc(100% - 48px));grid-template-columns:54% 46%;}
  .dark-intro .operation-title{font-size:50px;width:570px}
  .dark-intro .operation-desc{font-size:15px;width:560px}
}

@media(max-width:900px){
  .dark-intro{min-height:auto;padding:0}
  .dark-intro .operation-bg{
    height:470px;
    background:
      linear-gradient(180deg,rgba(7,11,7,0) 0%,rgba(7,11,7,.02) 68%,#070b07 100%),
      url('./assets/operacao-integrada-approved.png') center top / min(1100px,132vw) auto no-repeat;
  }
  .dark-intro .intro-grid-overlay{width:min(100% - 28px,760px);padding-top:400px;grid-template-columns:1fr;min-height:auto}
  .dark-intro .intro-copy{padding:34px 0 46px;margin:0;max-width:700px}
  .dark-intro .operation-title{width:auto;font-size:44px}
  .dark-intro .operation-title span,.dark-intro .operation-desc span{white-space:normal}
  .dark-intro .operation-desc{width:auto}
}
@media(max-width:580px){
  .dark-intro .operation-bg{height:330px;background-size:148vw auto;background-position:center top}
  .dark-intro .intro-grid-overlay{padding-top:285px}
  .dark-intro .operation-title{font-size:38px;line-height:1.04}
  .dark-intro .operation-desc{font-size:14px}
}

/* V1.2 — operação integrada usando a arte aprovada como background completo */
@media (min-width: 901px){
  .dark-intro{
    position:relative;
    min-height:auto;
    padding:0;
    background:#070b07;
    overflow:hidden;
  }
  .dark-intro .operation-bg{
    position:absolute;
    inset:0 0 auto 0;
    width:100%;
    height:clamp(780px,53.333vw,1024px);
    background-image:url('./assets/operacao-integrada-bg-v12.png');
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center center;
    transform:none;
    filter:none;
    opacity:1;
    z-index:0;
    pointer-events:none;
  }
  .dark-intro .intro-grid-overlay{
    position:relative;
    z-index:1;
    width:min(1560px,calc(100% - 64px));
    min-height:clamp(780px,53.333vw,1024px);
    grid-template-columns:56% 44%;
    gap:0;
    align-items:center;
  }
  .dark-intro .intro-visual-spacer{min-height:1px}
  .dark-intro .intro-copy{
    align-self:center;
    justify-self:start;
    margin:0;
    padding:0 0 0 18px;
    max-width:590px;
  }
  .dark-intro .section-kicker{font-size:10px;letter-spacing:.13em}
  .dark-intro .operation-title{
    width:590px;
    max-width:100%;
    font-size:56px;
    line-height:1.055;
    letter-spacing:-.052em;
    margin:28px 0 30px;
  }
  .dark-intro .operation-title span{display:block;white-space:nowrap}
  .dark-intro .operation-desc{
    width:585px;
    max-width:100%;
    font-size:16px;
    line-height:1.55;
    margin:0;
  }
  .dark-intro .operation-desc span{display:block;white-space:nowrap}
  .dark-intro .module-marquee{position:relative;z-index:2;margin-top:0;background:rgba(7,11,7,.84);backdrop-filter:blur(8px)}
}

@media (max-width: 1320px) and (min-width:901px){
  .dark-intro .intro-grid-overlay{width:min(1240px,calc(100% - 44px));grid-template-columns:55% 45%}
  .dark-intro .intro-copy{padding-left:8px;max-width:525px}
  .dark-intro .operation-title{width:525px;font-size:48px}
  .dark-intro .operation-desc{width:520px;font-size:14px}
}

@media (max-width:900px){
  .dark-intro{position:relative;background:#070b07;padding:0;overflow:hidden}
  .dark-intro .operation-bg{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    aspect-ratio:1920/1024;
    background-image:url('./assets/operacao-integrada-bg-v12.png');
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center top;
    transform:none;
    filter:none;
    opacity:1;
  }
  .dark-intro .intro-grid-overlay{
    width:min(100% - 30px,760px);
    min-height:auto;
    padding-top:0;
    grid-template-columns:1fr;
  }
  .dark-intro .intro-visual-spacer{display:none}
  .dark-intro .intro-copy{padding:34px 0 46px;margin:0;max-width:700px}
  .dark-intro .operation-title{width:auto;font-size:42px;line-height:1.04}
  .dark-intro .operation-title span,.dark-intro .operation-desc span{white-space:normal}
  .dark-intro .operation-desc{width:auto;font-size:14px}
}

@media(max-width:580px){
  .dark-intro .intro-copy{padding-top:26px}
  .dark-intro .operation-title{font-size:36px}
}

/* V1.3 — correção final da composição Operação Integrada
   Arte como background de apoio, sem invadir a área editorial. */
@media (min-width: 901px){
  .dark-intro{
    position:relative!important;
    min-height:820px!important;
    padding:0!important;
    background:#070b07!important;
    overflow:hidden!important;
  }
  .dark-intro .operation-bg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-image:url('./assets/operacao-integrada-bg-v12.png')!important;
    background-repeat:no-repeat!important;
    background-size:min(68vw,1305px) auto!important;
    background-position:left center!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    z-index:0!important;
    pointer-events:none!important;
  }
  /* protege a leitura sem criar um retângulo visível */
  .dark-intro::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:linear-gradient(90deg,
      rgba(7,11,7,0) 0%,
      rgba(7,11,7,0) 48%,
      rgba(7,11,7,.42) 55%,
      rgba(7,11,7,.92) 66%,
      #070b07 82%);
  }
  .dark-intro .intro-grid-overlay{
    position:relative!important;
    z-index:1!important;
    width:min(1560px,calc(100% - 64px))!important;
    min-height:820px!important;
    display:grid!important;
    grid-template-columns:61% 39%!important;
    gap:0!important;
    align-items:center!important;
  }
  .dark-intro .intro-visual-spacer{display:block!important;min-height:1px!important}
  .dark-intro .intro-copy{
    grid-column:2!important;
    align-self:center!important;
    justify-self:start!important;
    width:100%!important;
    max-width:560px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    z-index:3!important;
  }
  .dark-intro .section-kicker{
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.13em!important;
    margin:0 0 26px!important;
  }
  .dark-intro .operation-title{
    width:100%!important;
    max-width:560px!important;
    font-size:56px!important;
    line-height:1.055!important;
    letter-spacing:-.052em!important;
    margin:0 0 30px!important;
  }
  .dark-intro .operation-title span{
    display:block!important;
    white-space:nowrap!important;
  }
  .dark-intro .operation-title em{font-style:normal!important;color:#62685f!important}
  .dark-intro .operation-desc{
    width:100%!important;
    max-width:560px!important;
    font-size:15px!important;
    line-height:1.58!important;
    color:#a0a69c!important;
    margin:0!important;
  }
  .dark-intro .operation-desc span{display:block!important;white-space:nowrap!important}
  .dark-intro .module-marquee{
    position:relative!important;
    z-index:4!important;
    margin-top:0!important;
    background:rgba(7,11,7,.9)!important;
    backdrop-filter:blur(10px)!important;
  }
}

@media (max-width: 1480px) and (min-width: 901px){
  .dark-intro{min-height:760px!important}
  .dark-intro .operation-bg{background-size:67vw auto!important;background-position:left center!important}
  .dark-intro .intro-grid-overlay{
    width:min(1320px,calc(100% - 48px))!important;
    min-height:760px!important;
    grid-template-columns:60% 40%!important;
  }
  .dark-intro .intro-copy{max-width:510px!important}
  .dark-intro .operation-title{max-width:510px!important;font-size:48px!important}
  .dark-intro .operation-desc{max-width:510px!important;font-size:14px!important}
}

@media (max-width: 1120px) and (min-width: 901px){
  .dark-intro .operation-bg{background-size:64vw auto!important;background-position:left center!important}
  .dark-intro .intro-grid-overlay{grid-template-columns:58% 42%!important}
  .dark-intro .operation-title{font-size:44px!important}
  .dark-intro .operation-desc span{white-space:normal!important}
}

@media (max-width:900px){
  .dark-intro{padding:0!important;background:#070b07!important;overflow:hidden!important}
  .dark-intro::after{display:none!important}
  .dark-intro .operation-bg{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1920/1024!important;
    background-image:url('./assets/operacao-integrada-bg-v12.png')!important;
    background-repeat:no-repeat!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
  .dark-intro .intro-grid-overlay{
    width:min(100% - 30px,760px)!important;
    min-height:auto!important;
    grid-template-columns:1fr!important;
    padding:34px 0 46px!important;
  }
  .dark-intro .intro-visual-spacer{display:none!important}
  .dark-intro .intro-copy{grid-column:1!important;max-width:680px!important;padding:0!important;margin:0!important}
  .dark-intro .operation-title{font-size:42px!important;line-height:1.04!important;max-width:680px!important}
  .dark-intro .operation-title span,.dark-intro .operation-desc span{white-space:normal!important}
  .dark-intro .operation-desc{font-size:14px!important;max-width:640px!important}
}

@media (max-width:580px){
  .dark-intro .intro-grid-overlay{padding:26px 0 38px!important}
  .dark-intro .operation-title{font-size:36px!important}
}

/* V1.4 — ajuste de respiro da seção + leitura mobile */
@media (min-width:901px){
  .dark-intro{min-height:780px!important;}
  .dark-intro .intro-grid-overlay{min-height:780px!important;}
}

@media (max-width:900px){
  .dark-intro .operation-desc{
    max-width:560px!important;
    line-height:1.62!important;
    text-wrap:pretty;
  }
  .dark-intro .operation-desc span{
    display:inline!important;
    white-space:normal!important;
  }
  .dark-intro .operation-desc span:not(:last-child)::after{content:" ";}
}

@media (max-width:580px){
  .dark-intro .intro-copy{padding:24px 0 38px!important;}
  .dark-intro .operation-desc{
    font-size:14px!important;
    line-height:1.58!important;
    max-width:100%!important;
  }
}

/* V1.5 — microgap desktop + mockup maior no mobile */
@media (min-width:901px){
  .dark-intro .module-marquee{
    margin-top:-5px!important;
    transform:translateY(5px);
  }
  .dark-intro{margin-bottom:5px!important;}
}

@media (max-width:580px){
  .dark-intro .operation-bg{
    aspect-ratio:auto!important;
    height:260px!important;
    background-size:128% auto!important;
    background-position:center top!important;
  }
}

@media (max-width:430px){
  .dark-intro .operation-bg{
    height:250px!important;
    background-size:132% auto!important;
  }
}


/* V1.6 — correção efetiva: zip raiz + gap zerado + mockup mobile maior */
.dark-intro{margin-bottom:0!important;}
.dark-intro .module-marquee{
  margin-top:-1px!important;
  transform:none!important;
  border-top:1px solid rgba(255,255,255,.08);
}

@media (min-width:901px){
  .dark-intro .module-marquee{margin-top:-2px!important;}
}

@media (max-width:580px){
  .dark-intro .operation-bg{
    height:285px!important;
    aspect-ratio:auto!important;
    background-size:150% auto!important;
    background-position:43% top!important;
  }
  .dark-intro .intro-grid-overlay{
    padding-top:22px!important;
  }
}

@media (max-width:430px){
  .dark-intro .operation-bg{
    height:275px!important;
    background-size:156% auto!important;
    background-position:43% top!important;
  }
}

/* V1.7 — fechamento desktop + arte dedicada no mobile */
@media (min-width:901px){
  .dark-intro{
    min-height:720px!important;
  }
  .dark-intro .intro-grid-overlay{
    min-height:720px!important;
  }
  .dark-intro .module-marquee{
    margin-top:-2px!important;
  }
}

@media (max-width:900px){
  .dark-intro .operation-bg{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:800 / 330!important;
    background-image:url('./assets/operacao-integrada-mobile-v17.png')!important;
    background-repeat:no-repeat!important;
    background-size:112% auto!important;
    background-position:50% 0!important;
  }
  .dark-intro .intro-grid-overlay{
    padding-top:20px!important;
  }
}

@media (max-width:580px){
  .dark-intro .operation-bg{
    height:auto!important;
    aspect-ratio:800 / 320!important;
    background-size:118% auto!important;
    background-position:50% 0!important;
  }
  .dark-intro .intro-grid-overlay{
    padding-top:18px!important;
  }
}

@media (max-width:430px){
  .dark-intro .operation-bg{
    aspect-ratio:800 / 315!important;
    background-size:122% auto!important;
    background-position:50% 0!important;
  }
}

/* V1.8 — mobile: arte dedicada sem corte, respeitando 800x490 */
@media (max-width:900px){
  .dark-intro .operation-bg{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:800 / 490!important;
    background-image:url('./assets/operacao-integrada-mobile-v18.png')!important;
    background-repeat:no-repeat!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
  .dark-intro .intro-grid-overlay{
    padding-top:18px!important;
  }
}
@media (max-width:580px){
  .dark-intro .operation-bg{
    height:auto!important;
    aspect-ratio:800 / 490!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
  .dark-intro .intro-grid-overlay{padding-top:14px!important;}
}
@media (max-width:430px){
  .dark-intro .operation-bg{
    height:auto!important;
    aspect-ratio:800 / 490!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
}

/* V1.9 — mobile: mockup maior + conteúdo mais próximo */
@media (max-width:900px){
  .dark-intro .operation-bg{
    width:100%!important;
    height:360px!important;
    aspect-ratio:auto!important;
    background-image:url('./assets/operacao-integrada-mobile-v18.png')!important;
    background-size:122% auto!important;
    background-position:50% 0!important;
    background-repeat:no-repeat!important;
  }
  .dark-intro .intro-grid-overlay{
    padding-top:0!important;
    margin-top:-6px!important;
  }
}
@media (max-width:580px){
  .dark-intro .operation-bg{
    height:300px!important;
    background-size:132% auto!important;
    background-position:50% 0!important;
  }
  .dark-intro .intro-grid-overlay{
    padding-top:0!important;
    margin-top:-10px!important;
  }
}
@media (max-width:430px){
  .dark-intro .operation-bg{
    height:270px!important;
    background-size:138% auto!important;
    background-position:50% 0!important;
  }
  .dark-intro .intro-grid-overlay{
    margin-top:-12px!important;
  }
}


/* V2.0 — mobile usa a mesma arte aprovada do desktop */
@media (max-width:900px){
  .dark-intro .operation-bg{
    width:100%!important;
    height:390px!important;
    aspect-ratio:auto!important;
    background-image:url('./assets/operacao-integrada-bg-v12.png')!important;
    background-repeat:no-repeat!important;
    background-size:150% auto!important;
    background-position:39% top!important;
  }
  .dark-intro .intro-grid-overlay{
    padding-top:0!important;
    margin-top:-38px!important;
  }
}
@media (max-width:580px){
  .dark-intro .operation-bg{
    height:330px!important;
    background-size:154% auto!important;
    background-position:39% top!important;
  }
  .dark-intro .intro-grid-overlay{margin-top:-34px!important;}
}
@media (max-width:430px){
  .dark-intro .operation-bg{
    height:300px!important;
    background-size:158% auto!important;
    background-position:39% top!important;
  }
  .dark-intro .intro-grid-overlay{margin-top:-30px!important;}
}

/* V2.1 — mobile: texto primeiro, mockup depois, colado ao carrossel */
@media (max-width:900px){
  .dark-intro{
    display:flex!important;
    flex-direction:column!important;
  }
  .dark-intro .intro-grid-overlay{
    order:1!important;
    width:min(100% - 30px,760px)!important;
    margin:0 auto!important;
    padding:34px 0 24px!important;
  }
  .dark-intro .intro-copy{
    padding:0!important;
    margin:0!important;
  }
  .dark-intro .operation-bg{
    order:2!important;
    position:relative!important;
    width:100%!important;
    height:360px!important;
    margin:0!important;
    background-image:url('./assets/operacao-integrada-bg-v12.png')!important;
    background-repeat:no-repeat!important;
    background-size:148% auto!important;
    background-position:39% 48%!important;
  }
  .dark-intro .module-marquee{
    order:3!important;
    margin-top:-1px!important;
  }
}

@media (max-width:580px){
  .dark-intro .intro-grid-overlay{
    padding:28px 0 18px!important;
  }
  .dark-intro .operation-bg{
    height:250px!important;
    background-size:168% auto!important;
    background-position:39% 45%!important;
  }
}

@media (max-width:430px){
  .dark-intro .intro-grid-overlay{
    padding:26px 0 14px!important;
  }
  .dark-intro .operation-bg{
    height:230px!important;
    background-size:176% auto!important;
    background-position:39% 44%!important;
  }
}

/* V2.2 — mobile: respiro padrão de 60px + mockup inteiro e maior */
@media (max-width:900px){
  .dark-intro .intro-grid-overlay{
    padding:60px 0 28px!important;
  }
  .dark-intro .operation-bg{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1450 / 1024!important;
    margin:0!important;
    background-image:url('./assets/operacao-integrada-mobile-crop-v22.png')!important;
    background-repeat:no-repeat!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
  .dark-intro .module-marquee{
    margin-top:-1px!important;
  }
  .usecases{
    padding-top:60px!important;
  }
}

@media (max-width:580px){
  .dark-intro .intro-grid-overlay{
    padding:60px 0 26px!important;
  }
  .dark-intro .operation-bg{
    height:auto!important;
    aspect-ratio:1450 / 1024!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
}

@media (max-width:430px){
  .dark-intro .intro-grid-overlay{
    padding:60px 0 24px!important;
  }
  .dark-intro .operation-bg{
    height:auto!important;
    aspect-ratio:1450 / 1024!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
}

/* V2.3 — centralização óptica do mockup no mobile */
@media (max-width:900px){
  .dark-intro .operation-bg{
    background-size:110% auto!important;
    background-position:56% top!important;
  }
}
@media (max-width:580px){
  .dark-intro .operation-bg{
    background-size:110% auto!important;
    background-position:56% top!important;
  }
}

/* V2.4 — mobile: desloca composição do mockup para a esquerda */
@media (max-width:900px){
  .dark-intro .operation-bg{
    background-size:110% auto!important;
    background-position:76% top!important;
  }
}
@media (max-width:580px){
  .dark-intro .operation-bg{
    background-size:110% auto!important;
    background-position:78% top!important;
  }
}

/* V2.5 — correção efetiva do enquadramento mobile do mockup */
@media (max-width:900px){
  .dark-intro .operation-bg{
    background-size:125% auto!important;
    background-position:88% top!important;
  }
}
@media (max-width:580px){
  .dark-intro .operation-bg{
    background-size:125% auto!important;
    background-position:90% top!important;
  }
}

/* V2.6 — correção definitiva mobile: imagem real, sem background zoom/crop */
.operation-mobile-img{display:none}
@media (max-width:900px){
  .dark-intro .operation-bg{
    order:2!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
    overflow:hidden!important;
  }
  .dark-intro .operation-mobile-img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    object-fit:contain!important;
  }
  .dark-intro .module-marquee{
    margin-top:-1px!important;
  }
}
@media (max-width:580px){
  .dark-intro .operation-mobile-img{
    width:100%!important;
    height:auto!important;
    margin:0!important;
    transform:none!important;
  }
}


/* V2.8 — mobile: deslocamento óptico real do mockup */
@media (max-width:900px){
  .dark-intro .operation-bg{
    overflow:hidden!important;
  }
  .dark-intro .operation-mobile-img{
    display:block!important;
    width:calc(100% + 70px)!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    transform:translateX(-55px)!important;
    transform-origin:center center!important;
    object-fit:contain!important;
  }
}
@media (max-width:580px){
  .dark-intro .operation-mobile-img{
    width:calc(100% + 72px)!important;
    transform:translateX(-56px)!important;
  }
}

/* V2.9 — seção Para quem é: heading editorial + cards alternados conteúdo/imagem */
.usecases-section{padding:120px 0 130px;background:var(--paper)}
.usecases-heading{max-width:820px;margin:0 auto 72px;text-align:center}
.usecases-heading>span{color:#64705d}
.usecases-heading h2{font-size:56px;line-height:1.02;margin:16px 0 22px}
.usecases-heading p{max-width:680px;margin:0 auto;color:#747a71;font-size:16px;line-height:1.65}
.usecase-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.usecase-grid .usecase,.usecase-media-card{min-height:570px;border-radius:30px;overflow:hidden;position:relative}
.usecase-copy-card{padding:40px;display:flex;align-items:stretch}
.usecase-copy-card .usecase-copy{width:100%;display:flex;flex-direction:column}
.usecase-copy-card h3{font-size:48px;margin:92px 0 18px;max-width:500px}
.usecase-copy-card p{font-size:15px;max-width:505px}
.usecase-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:38px}
.usecase-pills span{border:1px solid #d8ddd2;background:rgba(255,255,255,.55);border-radius:999px;padding:9px 12px;font-size:10px;font-weight:700;color:#5e655b}
.usecase-media-card{background:#f0f2ec;border:1px solid #e0e4da}
.usecase-coach-media{background:linear-gradient(145deg,#f1f4eb 0%,#e9eee1 100%)}
.coach-device-wrap{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:0}
.coach-phone{width:245px;height:490px;transform:translateY(74px);box-shadow:0 40px 90px rgba(20,28,15,.18)}
.coach-status{position:absolute;z-index:4;left:36px;top:48px;background:#fff;border:1px solid #e0e4da;border-radius:16px;padding:14px 16px;box-shadow:0 20px 50px rgba(20,28,15,.09);min-width:190px}
.coach-status span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-right:8px}
.coach-status b{font-size:9px;color:#747a71}.coach-status strong{display:block;font:700 14px Manrope;margin-top:5px}
.coach-mini-card{position:absolute;right:34px;bottom:42px;background:#11140f;color:white;border-radius:18px;padding:17px 18px;width:150px;box-shadow:0 22px 55px rgba(20,28,15,.18)}
.coach-mini-card small{display:block;font-size:7px;letter-spacing:.13em;color:#8c9488}.coach-mini-card b{display:block;font:700 30px Manrope;margin:8px 0 2px}.coach-mini-card span{font-size:9px;color:#9ca399}
.active-row{background:#eefbd9;margin:0 -5px;padding-left:7px;padding-right:7px;border-radius:8px;border-bottom-color:transparent}
.usecase-tournament-media{background:#11140f;border-color:#11140f;display:flex;align-items:center;justify-content:center;padding:36px}
.tournament-browser{width:102%;background:#f5f6f2;border-radius:22px;padding:9px;box-shadow:0 36px 80px rgba(0,0,0,.26);transform:perspective(1100px) rotateY(-5deg) rotateX(1deg)}
.tournament-browser-bar{height:30px;border-radius:14px 14px 7px 7px;background:#e9ece6;display:flex;align-items:center;gap:6px;padding:0 10px;position:relative}
.tournament-browser-bar i{width:6px;height:6px;background:#c5cbc0;border-radius:50%}.tournament-browser-bar span{position:absolute;left:50%;transform:translateX(-50%);font-size:7px;color:#888e84;background:#fff;padding:5px 34px;border-radius:6px}
.tournament-browser img{display:block;width:100%;border-radius:8px}
.live-float{position:absolute;right:28px;bottom:34px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-radius:15px;padding:13px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.live-float>span{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(167,239,47,.15)}.live-float small{display:block;font-size:7px;letter-spacing:.12em;color:#858b82}.live-float b{font-size:10px;color:#11140f}
.compact-flow{margin-top:auto;padding-top:42px}.compact-flow div{grid-template-columns:42px 1fr 90px;padding:14px 0}.compact-flow b{font-size:12px}

@media(max-width:900px){
  .usecases-section{padding:60px 0}
  .usecases-heading{margin-bottom:44px;text-align:left}
  .usecases-heading h2{font-size:40px;line-height:1.04;margin:14px 0 18px}
  .usecases-heading p{font-size:14px;margin:0;max-width:580px}
  .usecase-grid{grid-template-columns:1fr;gap:14px}
  .usecase-grid .usecase,.usecase-media-card{min-height:500px;border-radius:24px}
  .usecase-copy-card{padding:28px}
  .usecase-copy-card h3{font-size:38px;margin:62px 0 16px}
  .usecase-coach-media{order:2}.usecase-grid .light-card{order:1}.usecase-tournament-media{order:3}.usecase-grid .dark-card{order:4}
  .coach-phone{width:225px;height:450px;transform:translateY(72px)}
  .coach-status{left:22px;top:26px}.coach-mini-card{right:20px;bottom:28px}
  .usecase-tournament-media{padding:22px;min-height:390px}
  .tournament-browser{width:112%;transform:perspective(900px) rotateY(-3deg)}
}
@media(max-width:580px){
  .usecases-section{padding:60px 0}
  .usecases-heading{margin-bottom:36px}
  .usecases-heading h2{font-size:36px}
  .usecase-grid .usecase,.usecase-media-card{min-height:470px}
  .usecase-copy-card h3{font-size:34px;margin-top:56px}
  .usecase-copy-card p{font-size:14px}
  .card-meta{font-size:7px}
  .coach-phone{width:205px;height:410px;transform:translateY(70px)}
  .coach-status{left:16px;top:20px;min-width:165px;padding:12px}.coach-mini-card{right:14px;bottom:22px;width:132px;padding:14px}
  .usecase-tournament-media{min-height:330px;padding:16px}
  .tournament-browser{width:118%}.live-float{right:14px;bottom:16px}
}

/* V30 — hierarquia cromática + ordem mobile dos casos de uso */
/* Partes secundárias dos títulos passam a usar o verde da identidade. */
h1 em,
.intro-copy h2 em,
.section-title h2 em,
.inside h2 em,
.offers h2 em,
.usecase h3 em,
.operation-title em {
  color:var(--lime);
}

/* No mobile cada caso mantém a leitura conteúdo -> visual. */
@media (max-width:900px){
  .usecase-grid .light-card{order:1}
  .usecase-coach-media{order:2}
  .usecase-grid .dark-card{order:3}
  .usecase-tournament-media{order:4}
}

/* V3.0 — títulos em lime + ordem narrativa mobile */
/* Partes de títulos antes em cinza passam a usar o lime da identidade. */
h1 em,
.intro-copy h2 em,
.section-title h2 em,
.inside h2 em,
.offers h2 em,
.usecase h3 em,
.dark-intro .operation-title em{
  color:var(--lime)!important;
}

/* No mobile a leitura deve ser sempre conteúdo -> visual. */
@media(max-width:900px){
  .usecase-grid .light-card{order:1!important}
  .usecase-coach-media{order:2!important}
  .usecase-grid .dark-card{order:3!important}
  .usecase-tournament-media{order:4!important}
}

/* V31 — Pricing premium */
.pricing-section{background:#f7f8f4;color:#11140f;padding:120px 0 110px}
.pricing-head{text-align:center;max-width:820px;margin:0 auto}.pricing-head .section-kicker{display:inline-block;color:#6c7368}.pricing-head h2{font:700 56px/1.01 Manrope;letter-spacing:-.055em;margin:20px 0 0}.pricing-head h2 em{font-style:normal;color:var(--lime)}.pricing-head>p{max-width:690px;margin:22px auto 0;color:#70776d;font-size:15px;line-height:1.65}.billing-toggle{margin:34px auto 0;display:inline-flex;align-items:center;padding:5px;border:1px solid #dde1d9;background:#fff;border-radius:999px;box-shadow:0 8px 30px rgba(17,20,15,.05)}.billing-toggle button{border:0;background:transparent;border-radius:999px;padding:11px 16px;color:#70776d;font:700 11px Inter;cursor:pointer;transition:.25s}.billing-toggle button.active{background:#11140f;color:#fff}.billing-toggle button span{display:inline-flex;margin-left:7px;padding:4px 7px;border-radius:999px;background:var(--lime);color:#11140f;font-size:8px;letter-spacing:.02em}.billing-toggle button.active span{background:var(--lime);color:#11140f}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:980px;margin:54px auto 0}.price-card{position:relative;background:#fff;border:1px solid #dde1d9;border-radius:28px;padding:34px;min-height:610px;display:flex;flex-direction:column;box-shadow:0 20px 55px rgba(17,20,15,.04)}.price-card.featured{border:2px solid #11140f}.popular-ribbon{position:absolute;right:-2px;top:-2px;border-radius:0 25px 0 16px;background:var(--lime);padding:12px 18px;font:800 8px Inter;letter-spacing:.1em;color:#11140f}.price-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.price-eyebrow{font:800 8px Inter;letter-spacing:.15em;color:#6e756b}.price-top h3{font:700 29px/1.08 Manrope;letter-spacing:-.04em;margin:14px 0 0;max-width:340px}.price-badge{white-space:nowrap;background:#eef1e9;border-radius:999px;padding:8px 11px;font:700 8px Inter;color:#687064}.price-desc{color:#777e73;font-size:13px;line-height:1.65;margin:22px 0 0;max-width:390px}.price-row{display:flex;align-items:flex-end;margin-top:34px;letter-spacing:-.045em}.price-row .currency{font:700 16px Manrope;margin:0 7px 9px 0}.price-row strong{font:700 52px/.9 Manrope}.price-row .period{font:600 13px Inter;color:#62695f;margin:0 0 6px 7px;letter-spacing:0}.billing-note{font-size:10px;color:#8a9187;margin:12px 0 0;min-height:17px}.price-cta{height:50px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font:800 11px Inter;margin-top:26px}.price-cta.secondary{border:1px solid #cfd4cc;color:#11140f;background:#fff}.price-cta.primary{background:#11140f;color:#fff}.price-cta svg,.services-strip a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.price-cta span{font-size:16px;line-height:1}.price-divider{height:1px;background:#e5e8e2;margin:30px 0 24px}.includes-title{font-size:11px}.price-features{list-style:none;padding:0;margin:18px 0 0}.price-features li{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#525950;margin:14px 0;line-height:1.45}.price-features i{font-style:normal;width:18px;height:18px;display:grid;place-items:center;background:#edfbd7;color:#5c8e10;border-radius:50%;font-size:10px;flex:0 0 18px}.services-strip{max-width:1120px;margin:28px auto 0;border:1px solid #dde1d9;border-radius:24px;background:#fff;padding:28px 30px;display:grid;grid-template-columns:1.2fr 1fr auto;gap:32px;align-items:center}.services-strip span{font:800 8px Inter;letter-spacing:.14em;color:#6e756b}.services-strip h3{font:700 20px/1.15 Manrope;letter-spacing:-.03em;margin:8px 0 0}.services-strip p{font-size:11px;line-height:1.6;color:#777e73;margin:0}.services-strip a{white-space:nowrap;text-decoration:none;color:#11140f;font:800 10px Inter;border:1px solid #d7dbd4;padding:13px 16px;border-radius:999px}.services-strip a span{color:inherit;font-size:14px;letter-spacing:0;margin-left:8px}.services-strip a{display:inline-flex;align-items:center;justify-content:center;gap:9px}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:620px}.services-strip{grid-template-columns:1fr}.services-strip a{justify-self:start}.pricing-head h2{font-size:50px}}
@media(max-width:580px){.pricing-section{padding:60px 0}.pricing-head{text-align:left}.pricing-head h2{font-size:40px}.pricing-head>p{font-size:14px;margin-left:0}.billing-toggle{margin-left:0}.pricing-grid{margin-top:38px;gap:16px}.price-card{padding:26px;min-height:auto;border-radius:22px}.price-top h3{font-size:26px}.price-row strong{font-size:48px}.popular-ribbon{border-radius:0 20px 0 14px}.services-strip{margin-top:18px;padding:24px;border-radius:20px;gap:18px}}


/* V3.3 — navegação dark + CTA final premium */
.nav-wrap{padding-top:14px}
.nav{background:rgba(17,20,15,.94);border-color:rgba(255,255,255,.10);box-shadow:0 14px 48px rgba(15,20,12,.15);color:#fff;border-radius:999px;padding:0 18px 0 26px}
.nav-wrap.scrolled .nav{background:rgba(17,20,15,.96);box-shadow:0 16px 55px rgba(15,20,12,.22)}
.brand img{width:150px}
.nav-links a,.login{color:#fff}
.nav-links a{opacity:.92}
.nav-links a:hover,.login:hover{opacity:1}
.nav .nav-cta{background:var(--lime)!important;color:#11140f!important;padding-left:28px;padding-right:24px;min-height:48px}
.menu-toggle{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.08)}
.menu-toggle span{background:#fff}

/* botões gerais: mais respiro; pricing preservado */
.btn:not(.price-cta){min-height:52px;padding-left:30px;padding-right:26px;font-size:12px}
.hero .btn:not(.price-cta){min-width:170px}
.hero .btn svg,.cta-primary svg,.nav-cta svg{margin-left:4px}

.final-cta{background:var(--paper);padding:80px 0}
.final-cta .cta-shell{width:min(1280px,calc(100% - 48px))}
.cta-panel{min-height:610px;border-radius:30px;background:#fff;display:block;position:relative;overflow:visible;box-shadow:0 24px 80px rgba(26,33,22,.06)}
.cta-copy{position:relative;z-index:3;width:54%;padding:84px 0 76px 78px;display:flex;flex-direction:column;align-items:flex-start}
.cta-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 11px;border-radius:999px;background:#f1f3ef;color:#30352e;font-size:9px;font-weight:800;letter-spacing:.08em}
.cta-eyebrow i{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(167,239,47,.13)}
.final-cta h2{font:600 48px/1.05 Manrope,sans-serif;letter-spacing:-.052em;margin:34px 0 22px;max-width:630px;color:#11140f}
.final-cta h2 em{font-style:normal;color:#7bbd0f}
.final-cta p{font-size:15px;line-height:1.62;color:#697067;max-width:500px;margin:0 0 32px}
.cta-primary{min-width:290px;justify-content:space-between!important;background:#11140f!important;color:#fff!important;padding-left:34px!important;padding-right:26px!important}
.cta-primary svg{color:var(--lime)}
.cta-proof{display:flex;align-items:center;gap:14px;margin-top:24px;color:#697067;font-size:11px}
.cta-avatars{display:flex;align-items:center}
.cta-avatars .ca{width:29px;height:29px;border-radius:50%;border:2px solid #fff;margin-left:-7px;display:grid;place-items:center;font:800 9px Manrope;color:#11140f;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.cta-avatars .ca:first-child{margin-left:0}.ca1{background:#d7f89d}.ca2{background:#ead7c8}.ca3{background:#c8d5f1}.ca4{background:#e6d5c7}.ca5{background:#bfdcaa}
.cta-art{position:absolute;z-index:2;right:-54px;bottom:-3px;width:61%;height:690px;pointer-events:none;overflow:hidden;border-radius:0 30px 30px 0}
.cta-art:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 7%,rgba(255,255,255,.48) 19%,rgba(255,255,255,0) 38%);pointer-events:none}
.cta-art img{position:absolute;right:-2%;bottom:-5%;width:104%;height:auto;max-width:none;display:block;transform:rotate(-1deg)}
.desktop-only{display:block}

@media(max-width:900px){
  .nav{border-radius:22px;padding:0 10px 0 18px;background:rgba(17,20,15,.96)}
  .brand img{width:135px}
  .menu-toggle{display:flex}
  .final-cta{padding:60px 0}
  .final-cta .cta-shell{width:min(100% - 28px,1280px)}
  .cta-panel{min-height:auto;border-radius:24px;overflow:hidden;padding-bottom:0}
  .cta-copy{width:100%;padding:54px 26px 18px}
  .final-cta h2{font-size:40px;max-width:100%;margin-top:26px}
  .final-cta p{font-size:14px;margin-bottom:26px}
  .cta-primary{width:100%;min-width:0}
  .cta-proof{margin-top:20px}
  .cta-art{position:relative;right:auto;bottom:auto;width:100%;height:470px;border-radius:0;margin-top:-10px}
  .cta-art:before{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.92) 9%,rgba(255,255,255,.08) 28%,transparent 42%)}
  .cta-art img{width:115%;right:-14%;bottom:-8%;transform:none}
}
@media(max-width:580px){
  .final-cta{padding:60px 0}
  .cta-copy{padding:46px 22px 12px}
  .cta-eyebrow{font-size:7px;letter-spacing:.06em}
  .final-cta h2{font-size:36px;line-height:1.03;margin:24px 0 20px}
  .final-cta p{font-size:13px;line-height:1.6}.desktop-only{display:none}
  .cta-proof{gap:10px;font-size:10px}.cta-avatars .ca{width:26px;height:26px}
  .cta-art{height:390px;margin-top:0}.cta-art img{width:132%;right:-26%;bottom:-8%}
}


/* V34 — CTA final: mockup em proporção real + PNG transparente sobressaindo o card */
@media (min-width:901px){
  .final-cta{padding:80px 0}
  .cta-panel{min-height:610px;overflow:visible;isolation:isolate}
  .cta-panel::after{
    content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
    background:linear-gradient(90deg,#fff 0%,#fff 43%,rgba(255,255,255,.97) 49%,rgba(255,255,255,.72) 55%,rgba(255,255,255,.18) 64%,rgba(255,255,255,0) 72%);
  }
  .cta-copy{position:relative;z-index:3}
  .cta-art{
    position:absolute;z-index:1;right:-34px;bottom:-18px;top:auto;
    width:52%;height:auto;overflow:visible;border-radius:0;pointer-events:none;
  }
  .cta-art::before{display:none}
  .cta-art img{
    position:relative;right:auto;bottom:auto;width:100%;height:auto;max-width:none;
    display:block;transform:none;object-fit:contain;object-position:center bottom;
    filter:drop-shadow(0 28px 34px rgba(17,20,15,.12));
  }
}
@media (max-width:900px){
  .cta-art::before{display:none}
  .cta-art{position:relative;right:auto;bottom:auto;top:auto;width:118%;height:auto;margin:0 0 -2% -9%;overflow:visible;border-radius:0}
  .cta-art img{position:relative;right:auto;bottom:auto;width:100%;height:auto;max-width:none;display:block;transform:none;object-fit:contain}
}
\n\n/* V35 — CTA: pedra contida no card; somente o celular sobressai */
@media (min-width:901px){
  .cta-panel{overflow:visible}
  .cta-panel::after{display:none!important}
  .cta-art{position:absolute;z-index:2;right:0;bottom:0;width:55%;height:100%;overflow:visible;border-radius:0 30px 30px 0;pointer-events:none}
  .cta-art::before{display:none!important}
  .cta-rock-base{position:absolute!important;z-index:1;right:0!important;bottom:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center bottom!important;transform:none!important;filter:none!important;border-radius:0 30px 30px 0;clip-path:inset(0 0 0 0 round 0 30px 30px 0)}
  .cta-phone-overflow{position:absolute!important;z-index:3;right:0!important;bottom:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center bottom!important;transform:none!important;filter:drop-shadow(0 22px 30px rgba(17,20,15,.12))!important;overflow:visible}
  .cta-copy{z-index:4}
}
@media (max-width:900px){
  .cta-panel{overflow:hidden}
  .cta-art{width:100%;height:430px;margin:0;overflow:hidden;border-radius:0}
  .cta-rock-base{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  .cta-phone-overflow{display:none!important}
}

/* V36 — navegação clara restaurada + CTA com pedra no fundo e celular independente */
.nav-wrap{padding-top:12px}
.nav{height:64px;border:1px solid rgba(20,25,17,.09)!important;background:rgba(250,251,247,.88)!important;backdrop-filter:blur(18px);border-radius:18px!important;display:flex;align-items:center;padding:0 18px!important;box-shadow:0 10px 40px rgba(15,20,12,.05)!important;color:var(--ink)!important}
.nav-wrap.scrolled .nav{height:58px;background:rgba(250,251,247,.94)!important;box-shadow:0 12px 45px rgba(15,20,12,.1)!important}
.brand img{width:145px!important}.nav-links a,.login{color:var(--ink)!important}.nav-links a{opacity:1}.nav .nav-cta{background:var(--ink)!important;color:#fff!important;min-height:48px;padding-left:28px;padding-right:24px}.menu-toggle{border-color:#d9ddd3!important;background:#fff!important}.menu-toggle span{background:#11140f!important}

@media (min-width:901px){
  .cta-panel{overflow:visible!important;isolation:isolate}
  .cta-panel::after{display:none!important}
  .cta-art{position:absolute!important;z-index:2!important;right:0!important;bottom:0!important;width:55%!important;height:100%!important;overflow:visible!important;border-radius:0 30px 30px 0!important;pointer-events:none}
  .cta-art::before{display:none!important}
  .cta-rock-bg{position:absolute;z-index:1;inset:0;border-radius:0 30px 30px 0;background:url('./assets/cta-rock-bg-v36.jpg') center/cover no-repeat;overflow:hidden}
  .cta-phone-only{position:absolute!important;z-index:3!important;right:38px!important;top:-52px!important;width:70%!important;height:auto!important;max-width:none!important;display:block!important;object-fit:contain!important;transform:rotate(-1deg)!important;filter:drop-shadow(0 28px 36px rgba(17,20,15,.18))!important}
  .cta-copy{z-index:4!important}
}
@media (max-width:900px){
  .nav{height:60px!important;border-radius:22px!important;padding:0 10px 0 18px!important;background:rgba(250,251,247,.94)!important}.brand img{width:126px!important}
  .cta-panel{overflow:hidden!important}
  .cta-art{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;height:430px!important;margin:0!important;overflow:hidden!important;border-radius:0!important}
  .cta-rock-bg{position:absolute;inset:0;background:url('./assets/cta-rock-bg-v36.jpg') center/cover no-repeat}
  .cta-phone-only{position:absolute!important;width:78%!important;height:auto!important;right:1%!important;top:-18px!important;transform:rotate(-1deg)!important;filter:drop-shadow(0 18px 28px rgba(17,20,15,.16))!important}
}
@media (max-width:580px){
  .cta-art{height:380px!important}.cta-phone-only{width:86%!important;right:-3%!important;top:-8px!important}
}

/* V37 — CTA usa o PNG final fornecido pelo usuário, sem reconstrução de pedra/celular */
@media (min-width:901px){
  .cta-panel{overflow:visible!important;isolation:isolate}
  .cta-art{position:absolute!important;z-index:2!important;right:-14px!important;bottom:0!important;width:56%!important;height:100%!important;overflow:visible!important;border-radius:0 30px 30px 0!important;pointer-events:none}
  .cta-rock-bg,.cta-phone-only{display:none!important}
  .cta-final-visual{position:absolute!important;z-index:2!important;right:0!important;bottom:-2px!important;width:101%!important;height:auto!important;max-width:none!important;display:block!important;object-fit:contain!important;transform:none!important;filter:drop-shadow(0 24px 34px rgba(17,20,15,.12))!important}
  .cta-copy{z-index:4!important}
}
@media (max-width:900px){
  .cta-panel{overflow:hidden!important}
  .cta-art{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important;margin:0!important;overflow:visible!important;border-radius:0!important}
  .cta-final-visual{position:relative!important;right:auto!important;bottom:auto!important;width:112%!important;height:auto!important;max-width:none!important;display:block!important;margin:0 0 -3% -5%!important;object-fit:contain!important;transform:none!important;filter:drop-shadow(0 18px 28px rgba(17,20,15,.12))!important}
}
@media (max-width:580px){
  .cta-final-visual{width:120%!important;margin-left:-9%!important;margin-bottom:-4%!important}
}

/* V38 — CTA: reduz o PNG no desktop e mantém o visual dentro da lateral direita */
@media (min-width:901px){
  .cta-art{right:0!important;width:54%!important}
  .cta-final-visual{right:18px!important;bottom:-2px!important;width:94%!important}
}

/* V3.9 — CTA: mantém a escala aprovada e encosta o mockup na borda direita */
@media (min-width: 901px){
  .cta-final-visual{right:0!important;}
}

/* V4.3 — menu desktop mais compacto, totalmente arredondado e logo maior */
@media (min-width:901px){
  .nav.shell{width:min(1120px,calc(100% - 64px))!important;}
  .nav{height:64px!important;border-radius:999px!important;padding:0 12px 0 24px!important;}
  .brand img{width:185px!important;height:auto!important;}
  .nav-links{gap:26px!important;}
  .nav-actions{gap:16px!important;}
  .nav-wrap.scrolled .nav{height:60px!important;border-radius:999px!important;}
}

/* V4.4 — mobile: logo maior e barra do menu totalmente pill */
@media (max-width:900px){
  .nav{height:64px!important;border-radius:999px!important;padding:0 10px 0 18px!important;overflow:hidden!important;}
  .brand{display:flex!important;align-items:center!important;min-width:0!important;}
  .brand img{width:158px!important;height:auto!important;max-height:42px!important;}
  .menu-toggle{width:44px!important;height:44px!important;border-radius:999px!important;flex:0 0 44px!important;}
  .nav-wrap.scrolled .nav{height:60px!important;border-radius:999px!important;}
}
@media (max-width:580px){
  .brand img{width:150px!important;max-height:40px!important;}
}

/* V4.5 — mobile: logo um pouco maior */
@media (max-width:900px){
  .brand img{width:170px!important;max-height:46px!important;}
}
@media (max-width:580px){
  .brand img{width:164px!important;max-height:44px!important;}
}

/* V4.6 — Hero mobile-first: celular central + cards orbitais de produto */
.hero-phone-stage{height:690px!important;margin-top:48px!important;position:relative;overflow:hidden;isolation:isolate;perspective:none!important}
.hero-phone-stage::before{content:"";position:absolute;left:50%;top:52%;width:760px;height:430px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(167,239,47,.10),rgba(167,239,47,0) 67%);pointer-events:none;z-index:0}
.hero-phone-mockup{position:absolute;z-index:5;left:50%;top:0;transform:translateX(-50%);height:660px;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 32px 38px rgba(17,20,15,.12));pointer-events:none}
.hero-orbit{position:absolute;z-index:2;inset:0;pointer-events:none}
.orbit-card{position:absolute;width:245px;min-height:92px;padding:16px 18px;border-radius:22px;border:1px solid rgba(218,223,213,.92);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 22px 55px rgba(17,20,15,.09);display:flex;align-items:center;gap:13px;text-align:left;will-change:transform,opacity;animation:arenaOrbit 10s ease-in-out infinite}
.orbit-card small{display:block;font:800 8px/1.2 Inter,sans-serif;letter-spacing:.14em;color:#858c80;margin-bottom:6px}.orbit-card b{display:block;font:750 13px/1.2 Manrope,sans-serif;color:#171a15}.orbit-card em{display:block;font:500 9px/1.35 Inter,sans-serif;font-style:normal;color:#8a9086;margin-top:4px}.orbit-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#effbdd;color:#5c8d16;display:grid;place-items:center;font:800 12px Manrope,sans-serif}.orbit-live{width:13px;height:13px;flex:0 0 13px;border-radius:50%;background:#9fd52d;box-shadow:0 0 0 8px rgba(159,213,45,.14);margin:0 13px}
.oc1{left:4%;top:76px;animation-delay:-1s}.oc2{right:3%;top:138px;animation-delay:-5.5s}.oc3{left:1%;top:320px;animation-delay:-3.2s}.oc4{right:0;top:370px;animation-delay:-7.2s}.oc5{left:8%;bottom:52px;animation-delay:-8.4s}.oc6{right:7%;bottom:36px;animation-delay:-2.1s}
.oc2,.oc3,.oc5{z-index:1;opacity:.82;transform:scale(.94)}
@keyframes arenaOrbit{0%,100%{translate:0 0;rotate:0deg}35%{translate:0 -9px;rotate:-.35deg}70%{translate:0 7px;rotate:.25deg}}
@media (max-width:1050px){.hero-phone-stage{height:620px!important}.hero-phone-mockup{height:600px}.orbit-card{width:215px}.oc1{left:0}.oc2{right:0}.oc3{left:-3%}.oc4{right:-3%}.oc5{left:2%}.oc6{right:2%}}
@media (max-width:900px){.hero{min-height:1120px!important}.hero-phone-stage{height:650px!important;margin-top:42px!important;overflow:hidden!important}.hero-phone-mockup{height:620px!important;top:4px}.orbit-card{width:190px;min-height:78px;padding:12px 13px;border-radius:18px}.orbit-card small{font-size:7px}.orbit-card b{font-size:11px}.orbit-card em{font-size:8px}.orbit-icon{width:32px;height:32px;flex-basis:32px}.oc1{left:-40px;top:110px}.oc2{right:-45px;top:175px}.oc3{left:-58px;top:330px}.oc4{right:-62px;top:390px}.oc5{left:-28px;bottom:70px}.oc6{right:-30px;bottom:42px}}
@media (max-width:580px){.hero{min-height:1000px!important}.hero-phone-stage{height:570px!important;margin-top:34px!important;width:calc(100% + 28px);margin-left:-14px}.hero-phone-stage::before{width:500px;height:330px}.hero-phone-mockup{height:545px!important;top:0}.orbit-card{width:155px;min-height:68px;padding:10px 11px;gap:8px;border-radius:16px}.orbit-card small{font-size:6px;margin-bottom:4px}.orbit-card b{font-size:9px}.orbit-card em{font-size:7px}.orbit-icon{width:28px;height:28px;flex-basis:28px;border-radius:9px;font-size:9px}.orbit-live{margin:0 8px;width:10px;height:10px;flex-basis:10px;box-shadow:0 0 0 6px rgba(159,213,45,.14)}.oc1{left:-72px;top:80px}.oc2{right:-72px;top:148px}.oc3{left:-84px;top:270px}.oc4{right:-86px;top:326px}.oc5{left:-66px;bottom:70px}.oc6{right:-68px;bottom:38px}}
@media (prefers-reduced-motion:reduce){.orbit-card{animation:none!important}}

/* V4.7 — Hero: órbita contínua em carrossel ao redor do celular, inspirada na referência */
.hero-phone-stage{
  --orbit-rx:430px;
  --orbit-ry:145px;
  height:700px!important;
  overflow:hidden!important;
}
.hero-phone-stage::after{
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  bottom:48px;
  width:660px;
  height:130px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(17,20,15,.09) 0%,rgba(17,20,15,.035) 36%,rgba(17,20,15,0) 72%);
  filter:blur(12px);
  pointer-events:none;
}
.hero-orbit{z-index:3!important;overflow:visible!important}
.hero-phone-mockup{z-index:6!important;height:670px!important;top:2px!important}
.orbit-card,
.oc1,.oc2,.oc3,.oc4,.oc5,.oc6{
  left:50%!important;
  right:auto!important;
  top:61%!important;
  bottom:auto!important;
  z-index:3!important;
  opacity:1;
  transform:none;
  animation:arenaCarousel 24s linear infinite!important;
  transform-origin:center center;
}
.oc1{animation-delay:0s!important}
.oc2{animation-delay:-4s!important}
.oc3{animation-delay:-8s!important}
.oc4{animation-delay:-12s!important}
.oc5{animation-delay:-16s!important}
.oc6{animation-delay:-20s!important}

@keyframes arenaCarousel{
  0%{
    transform:translate(-50%,-50%) translate3d(var(--orbit-rx),0,0) scale(.90);
    opacity:.72;
    filter:blur(.15px);
  }
  12.5%{
    transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * .72),calc(var(--orbit-ry) * .72),0) scale(.96);
    opacity:.93;
    filter:blur(0);
  }
  25%{
    transform:translate(-50%,-50%) translate3d(0,var(--orbit-ry),0) scale(1);
    opacity:1;
    filter:blur(0);
  }
  37.5%{
    transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * -.72),calc(var(--orbit-ry) * .72),0) scale(.96);
    opacity:.93;
    filter:blur(0);
  }
  50%{
    transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * -1),0,0) scale(.90);
    opacity:.72;
    filter:blur(.15px);
  }
  62.5%{
    transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * -.72),calc(var(--orbit-ry) * -.72),0) scale(.84);
    opacity:.44;
    filter:blur(.45px);
  }
  75%{
    transform:translate(-50%,-50%) translate3d(0,calc(var(--orbit-ry) * -1),0) scale(.80);
    opacity:.28;
    filter:blur(.7px);
  }
  87.5%{
    transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * .72),calc(var(--orbit-ry) * -.72),0) scale(.84);
    opacity:.44;
    filter:blur(.45px);
  }
  100%{
    transform:translate(-50%,-50%) translate3d(var(--orbit-rx),0,0) scale(.90);
    opacity:.72;
    filter:blur(.15px);
  }
}

@media (max-width:1050px){
  .hero-phone-stage{--orbit-rx:360px;--orbit-ry:135px;height:650px!important}
  .hero-phone-mockup{height:620px!important}
}

@media (max-width:900px){
  .hero-phone-stage{
    --orbit-rx:235px;
    --orbit-ry:105px;
    height:630px!important;
    margin-top:38px!important;
  }
  .hero-phone-mockup{height:600px!important;top:2px!important}
  .orbit-card{width:170px!important;min-height:72px!important}
  .hero-phone-stage::after{width:430px;height:90px;bottom:44px}
}

@media (max-width:580px){
  .hero-phone-stage{
    --orbit-rx:205px;
    --orbit-ry:92px;
    height:565px!important;
    width:calc(100% + 28px)!important;
    margin-left:-14px!important;
    margin-top:32px!important;
  }
  .hero-phone-mockup{height:535px!important;top:0!important}
  .orbit-card{width:150px!important;min-height:66px!important;padding:9px 10px!important}
  .hero-phone-stage::after{width:330px;height:72px;bottom:38px}
}

@media (prefers-reduced-motion:reduce){
  .orbit-card{animation:none!important}
  .oc1{transform:translate(-50%,-50%) translateX(var(--orbit-rx)) scale(.9)!important}
  .oc2{transform:translate(-50%,-50%) translateX(calc(var(--orbit-rx) * -1)) scale(.9)!important}
  .oc3,.oc4,.oc5,.oc6{display:none!important}
}

/* V4.8 — cards premium + órbita com passagem real na frente do celular */
.orbit-card{
  width:264px;
  min-height:98px;
  padding:14px 15px;
  gap:12px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.92);
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(247,249,244,.91));
  box-shadow:0 26px 65px rgba(23,31,18,.12),0 3px 10px rgba(23,31,18,.045),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(24px) saturate(1.15);
  -webkit-backdrop-filter:blur(24px) saturate(1.15);
}
.orbit-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(159,213,45,.07),transparent 40%,rgba(255,255,255,.35));opacity:.9}
.orbit-copy{position:relative;z-index:1;min-width:0;flex:1}
.orbit-card small{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.16em;color:#788171;margin-bottom:7px}
.orbit-card small i{width:5px;height:5px;border-radius:50%;background:#9fd52d;box-shadow:0 0 0 3px rgba(159,213,45,.12)}
.orbit-card b{font-size:13px;letter-spacing:-.015em;color:#151914}
.orbit-card em{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#8a9185;margin-top:5px}
.orbit-card em strong{font:750 7px/1 Inter,sans-serif;color:#5c7f1f;background:#eff8df;border:1px solid rgba(159,213,45,.22);padding:4px 6px;border-radius:999px}
.orbit-icon{position:relative;z-index:1;width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:linear-gradient(145deg,#f2fde1,#e8f7cd);border:1px solid rgba(159,213,45,.18);color:#527b15;box-shadow:inset 0 1px 0 #fff}
.orbit-live{position:relative;z-index:1;width:12px;height:12px;flex:0 0 12px;margin:0 15px 0 12px;background:#9fd52d;box-shadow:0 0 0 7px rgba(159,213,45,.13),0 0 22px rgba(159,213,45,.35)}
.orbit-arrow{position:relative;z-index:1;align-self:flex-start;margin-left:auto;color:#a3aa9d;font:600 13px/1 Manrope,sans-serif;background:rgba(255,255,255,.74);border:1px solid rgba(220,225,216,.8);width:27px;height:27px;border-radius:999px;display:grid;place-items:center}
.orbit-tv{background:linear-gradient(145deg,rgba(246,255,232,.98),rgba(255,255,255,.92));border-color:rgba(159,213,45,.25)}
.orbit-finance .orbit-icon{background:linear-gradient(145deg,#ecfbd8,#f7ffed)}
.hero-phone-mockup{z-index:6!important}

@keyframes arenaCarousel{
  0%{transform:translate(-50%,-50%) translate3d(var(--orbit-rx),0,0) scale(.90);opacity:.72;filter:blur(.18px);z-index:4}
  12.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * .72),calc(var(--orbit-ry) * .72),0) scale(1.01);opacity:.98;filter:blur(0);z-index:9}
  25%{transform:translate(-50%,-50%) translate3d(0,var(--orbit-ry),0) scale(1.08);opacity:1;filter:blur(0);z-index:10}
  37.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * -.72),calc(var(--orbit-ry) * .72),0) scale(1.01);opacity:.98;filter:blur(0);z-index:9}
  49%{z-index:8}
  50%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * -1),0,0) scale(.90);opacity:.72;filter:blur(.18px);z-index:4}
  62.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * -.72),calc(var(--orbit-ry) * -.72),0) scale(.83);opacity:.38;filter:blur(.7px);z-index:3}
  75%{transform:translate(-50%,-50%) translate3d(0,calc(var(--orbit-ry) * -1),0) scale(.76);opacity:.22;filter:blur(1px);z-index:3}
  87.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * .72),calc(var(--orbit-ry) * -.72),0) scale(.83);opacity:.38;filter:blur(.7px);z-index:3}
  100%{transform:translate(-50%,-50%) translate3d(var(--orbit-rx),0,0) scale(.90);opacity:.72;filter:blur(.18px);z-index:4}
}

@media(max-width:900px){
  .orbit-card{width:190px!important;min-height:80px!important;padding:11px 12px!important;border-radius:20px!important;gap:9px!important}
  .orbit-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:11px!important}
  .orbit-card b{font-size:11px!important}.orbit-card em{font-size:8px!important;gap:4px!important}.orbit-card em strong{font-size:6px!important;padding:3px 5px!important}.orbit-arrow{width:23px;height:23px;font-size:10px}
}
@media(max-width:580px){
  .orbit-card{width:162px!important;min-height:70px!important;padding:9px 10px!important;border-radius:18px!important}
  .orbit-icon{width:30px!important;height:30px!important;flex-basis:30px!important}.orbit-card b{font-size:9px!important}.orbit-card small{font-size:5.5px!important;margin-bottom:4px!important}.orbit-card em{font-size:6.5px!important}.orbit-card em strong{display:none}.orbit-arrow{display:none}.orbit-live{margin:0 9px 0 7px!important}
}

/* V4.9 — cards orbitais sempre passam na frente do celular ao cruzar o centro */
.hero-orbit{z-index:8!important;}
.hero-phone-mockup{z-index:6!important;}
.orbit-card{z-index:9!important;}

/* V4.10 — órbita 3D: metade inferior na frente, metade superior atrás do celular */
.hero-orbit{z-index:5!important;}
.hero-phone-mockup{z-index:6!important;}
.orbit-card{z-index:4;}
@keyframes arenaCarousel{
  0%{transform:translate(-50%,-50%) translate3d(var(--orbit-rx),0,0) scale(.90);opacity:.72;filter:blur(.18px);z-index:4}
  12.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * .72),calc(var(--orbit-ry) * .72),0) scale(1.01);opacity:.98;filter:blur(0);z-index:9}
  25%{transform:translate(-50%,-50%) translate3d(0,var(--orbit-ry),0) scale(1.08);opacity:1;filter:blur(0);z-index:10}
  37.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * -.72),calc(var(--orbit-ry) * .72),0) scale(1.01);opacity:.98;filter:blur(0);z-index:9}
  49%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * -.99),calc(var(--orbit-ry) * .03),0) scale(.91);opacity:.74;filter:blur(.15px);z-index:8}
  50%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * -1),0,0) scale(.90);opacity:.70;filter:blur(.2px);z-index:3}
  62.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * -.72),calc(var(--orbit-ry) * -.72),0) scale(.83);opacity:.42;filter:blur(.65px);z-index:3}
  75%{transform:translate(-50%,-50%) translate3d(0,calc(var(--orbit-ry) * -1),0) scale(.76);opacity:.30;filter:blur(.9px);z-index:3}
  87.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * .72),calc(var(--orbit-ry) * -.72),0) scale(.83);opacity:.42;filter:blur(.65px);z-index:3}
  99%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * .99),calc(var(--orbit-ry) * -.03),0) scale(.89);opacity:.68;filter:blur(.22px);z-index:3}
  100%{transform:translate(-50%,-50%) translate3d(var(--orbit-rx),0,0) scale(.90);opacity:.72;filter:blur(.18px);z-index:4}
}

/* V4.11 — correção real de profundidade da órbita
   O contêiner da órbita NÃO pode criar um stacking context abaixo do celular.
   Assim, o z-index animado de cada card consegue alternar de verdade:
   metade inferior = frente / metade superior = atrás. */
.hero-orbit{
  z-index:auto!important;
}
.hero-phone-mockup{
  z-index:6!important;
}
.orbit-card{
  position:absolute;
}
@keyframes arenaCarousel{
  0%{transform:translate(-50%,-50%) translate3d(var(--orbit-rx),0,0) scale(.90);opacity:.72;filter:blur(.18px);z-index:7}
  12.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * .72),calc(var(--orbit-ry) * .72),0) scale(1.01);opacity:.98;filter:blur(0);z-index:9}
  25%{transform:translate(-50%,-50%) translate3d(0,var(--orbit-ry),0) scale(1.08);opacity:1;filter:blur(0);z-index:10}
  37.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * -.72),calc(var(--orbit-ry) * .72),0) scale(1.01);opacity:.98;filter:blur(0);z-index:9}
  49.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * -.995),calc(var(--orbit-ry) * .01),0) scale(.91);opacity:.76;filter:blur(.12px);z-index:7}
  50%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * -1),0,0) scale(.90);opacity:.70;filter:blur(.2px);z-index:4}
  62.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * -.72),calc(var(--orbit-ry) * -.72),0) scale(.83);opacity:.42;filter:blur(.65px);z-index:4}
  75%{transform:translate(-50%,-50%) translate3d(0,calc(var(--orbit-ry) * -1),0) scale(.76);opacity:.30;filter:blur(.9px);z-index:3}
  87.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * .72),calc(var(--orbit-ry) * -.72),0) scale(.83);opacity:.42;filter:blur(.65px);z-index:4}
  99.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx) * .995),calc(var(--orbit-ry) * -.01),0) scale(.89);opacity:.68;filter:blur(.22px);z-index:4}
  100%{transform:translate(-50%,-50%) translate3d(var(--orbit-rx),0,0) scale(.90);opacity:.72;filter:blur(.18px);z-index:7}
}

/* V4.12 — hero orbital igual ao conceito aprovado
   Duas cópias sincronizadas dos cards permitem profundidade real:
   metade superior passa atrás do celular; metade inferior passa na frente. */
.hero-phone-stage{
  --orbit-rx:480px;
  --orbit-ry:165px;
  height:720px!important;
  margin-top:44px!important;
  overflow:visible!important;
  isolation:isolate;
}
.hero-phone-stage::before{
  width:920px!important;
  height:520px!important;
  top:54%!important;
  background:radial-gradient(ellipse,rgba(159,213,45,.115) 0%,rgba(159,213,45,.045) 31%,rgba(159,213,45,0) 70%)!important;
}
.hero-phone-stage::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:42px;
  width:520px;
  height:66px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(159,213,45,.20),rgba(159,213,45,.055) 45%,transparent 72%);
  filter:blur(14px);
  z-index:0;
  pointer-events:none;
}
.hero-phone-mockup{
  height:680px!important;
  width:auto!important;
  top:8px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  z-index:6!important;
  filter:drop-shadow(0 26px 30px rgba(18,24,15,.16));
}
.hero-orbit{
  position:absolute!important;
  inset:0!important;
  pointer-events:none;
  overflow:visible!important;
}
.hero-orbit-back{
  z-index:4!important;
  clip-path:inset(0 0 50% 0);
}
.hero-orbit-front{
  z-index:8!important;
  clip-path:inset(50% 0 0 0);
}
.hero-orbit-back .orbit-card,
.hero-orbit-front .orbit-card{
  z-index:auto!important;
}
.orbit-track{
  position:absolute;
  left:50%;
  top:50%;
  width:calc(var(--orbit-rx) * 2.08);
  height:calc(var(--orbit-ry) * 2.02);
  transform:translate(-50%,-50%);
  z-index:2;
  pointer-events:none;
  opacity:.72;
}
.orbit-track>span{
  position:absolute;
  inset:0;
  border:1px solid rgba(112,124,102,.24);
  border-radius:50%;
}
.orbit-track>span::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  border-bottom:1px dashed rgba(112,124,102,.18);
}
.orbit-dot{
  position:absolute;
  top:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#b7dc77;
  box-shadow:0 0 0 4px rgba(183,220,119,.12);
  transform:translateY(-50%);
}
.dot-left{left:-3px}.dot-right{right:-3px}

/* cards mais próximos do mockup, como no conceito */
.orbit-card{
  width:230px!important;
  min-height:92px!important;
  padding:14px 15px!important;
  border-radius:23px!important;
  box-shadow:0 25px 55px rgba(28,36,23,.11),0 2px 8px rgba(28,36,23,.04),inset 0 1px 0 rgba(255,255,255,.98)!important;
  background:rgba(255,255,255,.93)!important;
  border:1px solid rgba(218,224,213,.86)!important;
}
.orbit-tv{background:linear-gradient(145deg,rgba(248,255,238,.97),rgba(255,255,255,.94))!important;border-color:rgba(159,213,45,.28)!important}
.orbit-card b{font-size:14px!important}
.orbit-card em{font-size:9px!important}
.orbit-icon{width:45px!important;height:45px!important;flex-basis:45px!important;border-radius:15px!important}
.orbit-arrow{width:29px!important;height:29px!important}

/* profundidade: frente maior/nítida, fundo levemente menor e suave */
@keyframes arenaCarousel{
  0%{transform:translate(-50%,-50%) translate3d(var(--orbit-rx),0,0) scale(.92);opacity:.82;filter:blur(.15px)}
  12.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx)*.72),calc(var(--orbit-ry)*.72),0) scale(1.03);opacity:1;filter:blur(0)}
  25%{transform:translate(-50%,-50%) translate3d(0,var(--orbit-ry),0) scale(1.11);opacity:1;filter:blur(0)}
  37.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx)*-.72),calc(var(--orbit-ry)*.72),0) scale(1.03);opacity:1;filter:blur(0)}
  50%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx)*-1),0,0) scale(.92);opacity:.82;filter:blur(.15px)}
  62.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx)*-.72),calc(var(--orbit-ry)*-.72),0) scale(.85);opacity:.48;filter:blur(.65px)}
  75%{transform:translate(-50%,-50%) translate3d(0,calc(var(--orbit-ry)*-1),0) scale(.80);opacity:.34;filter:blur(.95px)}
  87.5%{transform:translate(-50%,-50%) translate3d(calc(var(--orbit-rx)*.72),calc(var(--orbit-ry)*-.72),0) scale(.85);opacity:.48;filter:blur(.65px)}
  100%{transform:translate(-50%,-50%) translate3d(var(--orbit-rx),0,0) scale(.92);opacity:.82;filter:blur(.15px)}
}

@media(max-width:1100px){
  .hero-phone-stage{--orbit-rx:390px;--orbit-ry:145px;height:680px!important}
  .hero-phone-mockup{height:640px!important}
  .orbit-card{width:205px!important;min-height:84px!important;padding:12px 13px!important}
}
@media(max-width:900px){
  .hero-phone-stage{--orbit-rx:270px;--orbit-ry:112px;height:620px!important;overflow:hidden!important}
  .hero-phone-mockup{height:585px!important;top:4px!important}
  .orbit-card{width:176px!important;min-height:74px!important;padding:10px 11px!important;border-radius:19px!important}
  .orbit-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:11px!important}
  .orbit-card b{font-size:10.5px!important}.orbit-card em{font-size:7.5px!important}.orbit-arrow{width:23px!important;height:23px!important;font-size:10px!important}
  .orbit-track{opacity:.48}
}
@media(max-width:580px){
  .hero-phone-stage{--orbit-rx:205px;--orbit-ry:90px;height:535px!important;margin-top:36px!important}
  .hero-phone-mockup{height:505px!important;top:0!important}
  .orbit-card{width:148px!important;min-height:64px!important;padding:8px 9px!important;border-radius:17px!important}
  .orbit-icon{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:10px!important}
  .orbit-card b{font-size:8.5px!important}.orbit-card small{font-size:5px!important;margin-bottom:3px!important}.orbit-card em{font-size:6px!important}.orbit-card em strong{display:none!important}.orbit-arrow{display:none!important}.orbit-live{margin:0 8px 0 6px!important}
  .orbit-track{width:calc(var(--orbit-rx)*2.12);height:calc(var(--orbit-ry)*2.05);opacity:.36}
}

/* V4.13 — alinha os cards à elipse e corrige a profundidade no mobile
   O carrossel herdava top:61% da V4.7, enquanto a elipse e os recortes
   frente/trás estão centrados em 50%. Isso fazia os cards rodarem abaixo
   da linha visual da órbita e fazia parte do arco superior cair na camada frontal. */
.hero-orbit .orbit-card,
.hero-orbit .oc1,
.hero-orbit .oc2,
.hero-orbit .oc3,
.hero-orbit .oc4,
.hero-orbit .oc5,
.hero-orbit .oc6{
  top:50%!important;
}
.hero-orbit-back{clip-path:inset(0 0 50% 0)!important;}
.hero-orbit-front{clip-path:inset(50% 0 0 0)!important;}

@media(max-width:900px){
  .hero-orbit .orbit-card,
  .hero-orbit .oc1,
  .hero-orbit .oc2,
  .hero-orbit .oc3,
  .hero-orbit .oc4,
  .hero-orbit .oc5,
  .hero-orbit .oc6{top:49%!important;}
  /* no mobile, segura um pouco mais a troca de profundidade para que
     o arco superior desapareça integralmente atrás do aparelho */
  .hero-orbit-back{clip-path:inset(0 0 48% 0)!important;}
  .hero-orbit-front{clip-path:inset(52% 0 0 0)!important;}
}

/* V4.16 — títulos mobile centralizados + quebra natural + CTA mobile arredondado */
@media (max-width:580px){
  /* Títulos editoriais: sem quebras artificiais e alinhamento central no mobile */
  .operation-title,
  .usecases-heading,
  .usecase-copy-card .usecase-copy,
  .section-title.center,
  .inside-copy,
  .pricing-head,
  .cta-copy{
    text-align:center!important;
  }

  .operation-title span{display:inline!important;}
  .operation-title span + span::before{content:" "!important;}

  .usecases-heading h2,
  .usecase-copy-card h3,
  .section-title.center h2,
  .inside-copy h2,
  .pricing-head h2,
  .final-cta h2{
    width:100%!important;
    max-width:none!important;
    text-align:center!important;
    text-wrap:balance;
  }

  .usecases-heading>span,
  .inside-copy .section-kicker,
  .pricing-head .section-kicker,
  .cta-eyebrow{
    display:flex!important;
    justify-content:center!important;
    width:100%!important;
    text-align:center!important;
  }

  .usecases-heading p,
  .inside-copy>p,
  .pricing-head>p,
  .final-cta p{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .billing-toggle{margin-left:auto!important;margin-right:auto!important;}
  .cta-copy{align-items:center!important;}
  .cta-primary{align-self:stretch!important;justify-content:center!important;}
  .cta-proof{justify-content:center!important;width:100%!important;}

  /* Safari/iPhone real: força o recorte final do mockup dentro do card arredondado */
  .final-cta .cta-panel{
    border-radius:24px!important;
    overflow:hidden!important;
    clip-path:inset(0 round 24px)!important;
    -webkit-mask-image:-webkit-radial-gradient(white,black)!important;
  }
  .final-cta .cta-art{
    overflow:hidden!important;
    border-radius:0 0 24px 24px!important;
  }
  .final-cta .cta-final-visual{
    display:block!important;
  }
}

/* V4.17 — ritmo tipográfico desktop, tabs horizontais e refinamentos mobile */
@media (min-width:901px){
  /* Títulos: frases completas por linha, sem <br> fixo */
  .usecases-heading{max-width:880px!important;}
  .usecases-heading h2{max-width:820px!important;margin-left:auto!important;margin-right:auto!important;text-wrap:balance;}
  .usecases-heading h2 em{white-space:nowrap;}
  .usecases-heading p{max-width:590px!important;text-wrap:balance;}

  .usecase-copy-card h3{max-width:500px!important;text-wrap:balance;}
  .usecase-copy-card h3 em{white-space:nowrap;}
  .usecase-copy-card p{max-width:470px!important;text-wrap:balance;}

  .features .section-title.center{max-width:930px!important;}
  .features .section-title.center h2{max-width:900px!important;margin-left:auto!important;margin-right:auto!important;text-wrap:balance;}
  .features .section-title.center h2 em{white-space:nowrap;}
  .features .section-title.center p{max-width:560px!important;text-wrap:balance;}
  .feature-card p{max-width:540px;text-wrap:balance;}

  .pricing-head{max-width:820px!important;}
  .pricing-head h2{max-width:760px!important;margin-left:auto!important;margin-right:auto!important;text-wrap:balance;}
  .pricing-head h2 em{white-space:nowrap;}
  .pricing-head>p{max-width:600px!important;text-wrap:balance;}

  /* CTA: três linhas mais equilibradas e mockup menor */
  .final-cta h2{max-width:620px!important;text-wrap:balance;}
  .final-cta h2 em{color:var(--lime)!important;}
  .final-cta p{max-width:470px!important;}
  .cta-art{width:50%!important;right:12px!important;}
  .cta-final-visual{width:86%!important;right:22px!important;bottom:-1px!important;}
}

/* Por dentro do Arena: copy central + navegação horizontal */
.inside.inside-modern{display:block!important;padding:120px 0!important;}
.inside-modern .inside-copy{max-width:850px;margin:0 auto 42px;text-align:center;}
.inside-modern .inside-copy h2{font-size:52px;max-width:760px;margin:18px auto 18px;text-wrap:balance;}
.inside-modern .inside-copy>p{max-width:610px;margin:0 auto;color:#7f857b;line-height:1.65;text-wrap:balance;}
.inside-modern .tabs{margin:34px auto 0;border:0;display:flex;justify-content:center;gap:8px;max-width:100%;}
.inside-modern .tabs button{width:auto;flex:0 0 auto;border:1px solid #dde2d8;background:#fff;border-radius:999px;padding:12px 18px;font-size:12px;line-height:1;color:#6f766c;box-shadow:none;}
.inside-modern .tabs button:hover{padding-left:18px;color:#11140f;border-color:#cfd6c9;}
.inside-modern .tabs button.active{background:#11140f;color:#fff;border-color:#11140f;box-shadow:none;}
.inside-modern .inside-media{min-height:650px;border-radius:30px;}
.inside-modern .device-frame{width:88%;max-width:1050px;}

@media (max-width:900px){
  .inside.inside-modern{padding:70px 0!important;}
  .inside-modern .inside-copy{margin-bottom:28px;}
  .inside-modern .inside-copy h2{font-size:42px;max-width:620px;}
  .inside-modern .inside-copy>p{max-width:560px;}
  .inside-modern .tabs{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 2px 10px;margin-top:28px;-webkit-overflow-scrolling:touch;}
  .inside-modern .tabs::-webkit-scrollbar{display:none;}
  .inside-modern .tabs button{scroll-snap-align:start;white-space:nowrap;}
  .inside-modern .inside-media{min-height:500px;}
}

@media (max-width:580px){
  /* seção escura: kicker, título e descrição centralizados */
  .dark-intro .intro-copy{text-align:center!important;}
  .dark-intro .section-kicker{text-align:center!important;}
  .dark-intro .operation-title{margin-left:auto!important;margin-right:auto!important;text-align:center!important;}
  .dark-intro .operation-desc{margin-left:auto!important;margin-right:auto!important;text-align:center!important;max-width:330px!important;}

  /* Por dentro do Arena: cabeçalho central e tabs horizontais roláveis */
  .inside-modern .inside-copy{text-align:center!important;}
  .inside-modern .inside-copy h2{font-size:36px!important;max-width:340px!important;margin-left:auto!important;margin-right:auto!important;}
  .inside-modern .inside-copy>p{font-size:14px!important;max-width:330px!important;text-align:center!important;}
  .inside-modern .tabs{width:calc(100vw - 28px);margin-left:calc((100% - (100vw - 28px))/2);margin-right:0;justify-content:flex-start!important;}
  .inside-modern .tabs button{padding:11px 16px;font-size:11px;}
  .inside-modern .inside-media{min-height:390px;border-radius:24px;}

  /* mantém títulos mobile naturais; evita palavras órfãs com balance */
  .usecases-heading h2,.usecase-copy-card h3,.section-title.center h2,.pricing-head h2,.final-cta h2{text-wrap:balance!important;}
  .usecases-heading p,.usecase-copy-card p,.section-title.center p,.pricing-head>p,.feature-card p,.final-cta p{text-wrap:pretty!important;}
  .final-cta h2 em{color:var(--lime)!important;}
}

/* V4.18 — correção do card "Para quem ensina" + CTA premium de serviços */
@media (min-width:901px){
  /* Impede o título verde de extrapolar o card em larguras intermediárias. */
  .usecase-copy-card h3{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(40px,3vw,48px)!important;
    overflow-wrap:normal;
  }
  .usecase-copy-card h3 em{
    display:block!important;
    max-width:100%!important;
    white-space:normal!important;
    text-wrap:balance;
  }
}

/* O serviço de implantação/operação é o ticket premium e recebe hierarquia própria. */
.services-strip.services-premium{
  position:relative;
  overflow:hidden;
  max-width:1180px;
  margin:44px auto 0;
  padding:46px 48px;
  border:1px solid rgba(159,213,45,.28);
  border-radius:30px;
  background:
    radial-gradient(circle at 88% 12%,rgba(159,213,45,.16),transparent 28%),
    linear-gradient(135deg,#10140f 0%,#141a12 100%);
  color:#fff;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);
  gap:56px;
  align-items:center;
  box-shadow:0 34px 90px rgba(13,18,10,.16);
}
.services-strip.services-premium::after{
  content:"";
  position:absolute;
  width:360px;height:360px;border-radius:50%;
  right:-165px;bottom:-235px;
  border:58px solid rgba(159,213,45,.07);
  pointer-events:none;
}
.services-premium-copy,.services-premium-action{position:relative;z-index:1}
.services-premium-kicker{
  display:inline-flex!important;align-items:center;gap:9px;
  color:#cbd2c6!important;font:800 8px/1 Inter!important;letter-spacing:.16em!important;
}
.services-premium-kicker i{
  width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(159,213,45,.10)
}
.services-strip.services-premium h3{
  max-width:700px;
  margin:18px 0 18px;
  font:700 clamp(34px,3.1vw,48px)/1.02 Manrope,sans-serif;
  letter-spacing:-.05em;
  color:#fff;
  text-wrap:balance;
}
.services-strip.services-premium h3 em{font-style:normal;color:var(--lime)}
.services-strip.services-premium .services-premium-copy>p{
  max-width:650px;margin:0;color:#aeb6aa;font-size:14px;line-height:1.7;text-wrap:pretty
}
.services-premium-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.services-premium-tags span{
  color:#dce2d8!important;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);
  border-radius:999px;padding:10px 13px;font:700 9px/1 Inter!important;letter-spacing:0!important
}
.services-premium-action{
  padding:28px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(8px);
}
.services-premium-action strong{display:block;font:700 18px/1.2 Manrope;letter-spacing:-.025em;color:#fff}
.services-premium-action p{margin:9px 0 22px!important;color:#9da69a!important;font-size:11px!important;line-height:1.55!important}
.services-strip.services-premium .services-premium-action a{
  width:100%;min-height:54px;padding:0 21px!important;border:0!important;border-radius:999px!important;
  background:var(--lime)!important;color:#10140f!important;font:800 11px/1 Inter!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  box-shadow:0 12px 32px rgba(159,213,45,.16);
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.services-strip.services-premium .services-premium-action a:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(159,213,45,.23)}
.services-strip.services-premium .services-premium-action a svg{width:19px;height:19px}

@media (max-width:900px){
  .services-strip.services-premium{grid-template-columns:1fr;gap:28px;padding:38px 34px}
  .services-premium-action{max-width:520px;width:100%}
}
@media (max-width:580px){
  .services-strip.services-premium{margin-top:24px;padding:30px 24px;border-radius:24px;gap:24px;text-align:center}
  .services-premium-kicker{justify-content:center;width:100%;font-size:7px!important}
  .services-strip.services-premium h3{font-size:34px;max-width:330px;margin:16px auto 16px}
  .services-strip.services-premium .services-premium-copy>p{font-size:13px;max-width:330px;margin-left:auto;margin-right:auto;text-align:center}
  .services-premium-tags{justify-content:center;margin-top:22px}
  .services-premium-tags span{font-size:8px!important;padding:9px 11px}
  .services-premium-action{text-align:left;padding:22px;border-radius:19px}
  .services-premium-action strong{font-size:17px}
  .services-strip.services-premium .services-premium-action a{min-height:52px;font-size:10px!important}
}

/* V4.19 — refinamentos de marca, card organizador e CTA final */
/* Remove a linha solta entre a descrição e o fluxo no card de torneio. */
.usecase-copy-card.dark-card .compact-flow{
  border-top:0!important;
}

/* CTA final: preserva o tamanho aprovado e volta a encostar o mockup na borda direita. */
@media (min-width:901px){
  .final-cta .cta-art{
    right:0!important;
    width:50%!important;
  }
  .final-cta .cta-final-visual{
    width:86%!important;
    right:0!important;
    bottom:-1px!important;
  }
}

/* V4.20 — seção Para quem ensina: visual fotográfico premium + ícones nas tags */
.usecase-pills span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.usecase-pills span svg{
  width:15px;
  height:15px;
  flex:0 0 15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.9;
}
.usecase-coach-media.coach-photo-card{
  background:#eef1e9;
  padding:0;
  overflow:hidden;
  isolation:isolate;
}
.coach-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  border-radius:inherit;
  transform:scale(1.002);
}
@media (max-width:900px){
  .usecase-coach-media.coach-photo-card{min-height:520px!important}
  .coach-photo{object-position:center center}
}
@media (max-width:580px){
  .usecase-coach-media.coach-photo-card{min-height:470px!important}
  .usecase-pills{gap:7px!important}
  .usecase-pills span{padding:9px 11px!important;gap:6px}
  .usecase-pills span svg{width:14px;height:14px;flex-basis:14px}
}

/* V4.21 — imagem professor full-bleed + cards flutuantes premium */
.usecase-coach-media.coach-photo-card{
  overflow:hidden;
  position:relative;
}
.coach-photo{
  inset:-1.6%!important;
  width:103.2%!important;
  height:103.2%!important;
  max-width:none!important;
  transform:none!important;
  object-fit:cover;
  border-radius:0!important;
}
.coach-float-card{
  position:absolute;
  z-index:4;
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 20px 55px rgba(9,15,8,.14), inset 0 1px 0 rgba(255,255,255,.55);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
  backdrop-filter:blur(18px) saturate(1.08);
  will-change:transform;
}
.coach-next-class{
  left:6.5%;
  top:6.7%;
  width:30.5%;
  min-height:90px;
  padding:18px 20px;
  border-radius:18px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  background:rgba(255,255,255,.94);
  animation:coachFloatA 4.6s ease-in-out infinite;
}
.coach-next-class small{display:block;color:#747a71;font-size:11px;line-height:1.15;margin:0 0 8px}
.coach-next-class strong{display:block;color:#11140f;font:700 17px/1.1 Manrope,sans-serif;letter-spacing:-.03em;white-space:nowrap}
.coach-pulse-dot{
  width:9px;height:9px;border-radius:50%;background:var(--lime);flex:0 0 9px;margin-top:2px;
  box-shadow:0 0 0 0 rgba(167,239,47,.45);
  animation:coachPulse 1.8s ease-out infinite;
}
.coach-active-students{
  right:10.2%;
  bottom:9.5%;
  width:28.8%;
  min-height:148px;
  border-radius:22px;
  padding:21px 24px;
  color:#fff;
  background:linear-gradient(145deg,rgba(10,15,10,.93),rgba(15,22,13,.86));
  border-color:rgba(255,255,255,.22);
  animation:coachFloatB 5.2s ease-in-out infinite;
}
.coach-active-students small{display:block;font-size:10px;letter-spacing:.15em;color:rgba(255,255,255,.62);font-weight:700}
.coach-students-row{display:flex;align-items:center;justify-content:space-between;margin-top:15px}
.coach-active-students strong{font:700 42px/1 Manrope,sans-serif;letter-spacing:-.05em}
.coach-active-students em{display:block;margin-top:14px;font-style:normal;font-size:12px;color:rgba(255,255,255,.72)}
.coach-trend-icon{width:42px;height:30px;display:grid;place-items:center;filter:drop-shadow(0 0 11px rgba(167,239,47,.18));animation:coachTrendPulse 2s ease-in-out infinite}
.coach-trend-icon svg{width:35px;height:23px;fill:none;stroke:var(--lime);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
@keyframes coachFloatA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
@keyframes coachFloatB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,9px,0)}}
@keyframes coachPulse{0%{box-shadow:0 0 0 0 rgba(167,239,47,.55);opacity:1}70%{box-shadow:0 0 0 9px rgba(167,239,47,0);opacity:.82}100%{box-shadow:0 0 0 0 rgba(167,239,47,0);opacity:1}}
@keyframes coachTrendPulse{0%,100%{opacity:.82;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-2px) scale(1.07)}}
@media (max-width:900px){
  .coach-next-class{left:6%;top:6%;width:35%;min-height:74px;padding:14px 15px;border-radius:15px;gap:9px}
  .coach-next-class small{font-size:9px;margin-bottom:5px}.coach-next-class strong{font-size:13px}
  .coach-active-students{right:7%;bottom:8%;width:31%;min-height:124px;padding:17px 18px;border-radius:18px}
  .coach-active-students small{font-size:8px}.coach-active-students strong{font-size:34px}.coach-active-students em{font-size:10px;margin-top:10px}
}
@media (max-width:580px){
  .coach-photo{inset:-2.4%!important;width:104.8%!important;height:104.8%!important}
  .coach-next-class{left:5.5%;top:5.5%;width:43%;min-height:66px;padding:12px 12px}
  .coach-next-class strong{font-size:11px}.coach-next-class small{font-size:8px}
  .coach-active-students{right:5.5%;bottom:7%;width:38%;min-height:108px;padding:14px 15px}
  .coach-active-students strong{font-size:29px}.coach-trend-icon{width:30px}.coach-trend-icon svg{width:27px}
}
@media (prefers-reduced-motion:reduce){
  .coach-next-class,.coach-active-students,.coach-pulse-dot,.coach-trend-icon{animation:none!important}
}


/* V4.22 — remove cards duplicados da foto, corrige agenda e alinha pills no mobile */
.coach-next-class{
  width:33.5%!important;
  padding-right:18px!important;
}
.coach-next-class strong{
  font-size:16px!important;
  white-space:nowrap!important;
  letter-spacing:-.035em!important;
}
@media (max-width:900px){
  .coach-next-class{width:38%!important}
  .coach-next-class strong{font-size:12.5px!important}
}
@media (max-width:580px){
  .usecase-copy-card .usecase-pills{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    justify-content:center!important;
    align-items:stretch!important;
    padding-top:28px!important;
  }
  .usecase-copy-card .usecase-pills span{
    width:100%!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  .coach-next-class{width:47%!important;left:5%!important}
  .coach-next-class strong{font-size:10.5px!important;white-space:nowrap!important}
}
\n\n/* V4.23 — novo mockup fotorealista com app Vireon + proporção preservada */\n.usecase-coach-media.coach-photo-card{\n  overflow:hidden!important;\n}\n.coach-photo{\n  position:absolute!important;\n  inset:0!important;\n  width:100%!important;\n  height:100%!important;\n  max-width:none!important;\n  object-fit:cover!important;\n  object-position:center 48%!important;\n  transform:none!important;\n  border-radius:0!important;\n}\n@media (max-width:900px){\n  .coach-photo{object-position:center 47%!important;}\n}\n@media (max-width:580px){\n  .coach-photo{\n    inset:0!important;\n    width:100%!important;\n    height:100%!important;\n    object-fit:cover!important;\n    object-position:center 45%!important;\n  }\n}\n
/* V4.24 — enquadramento desktop do mockup + card Próxima aula compacto no mobile */
@media (min-width:901px){
  .coach-photo{
    object-position:center 30%!important;
  }
}
@media (max-width:580px){
  .coach-next-class{
    width:auto!important;
    max-width:62%!important;
    min-height:0!important;
    padding:10px 12px!important;
    gap:9px!important;
    left:5%!important;
    top:5%!important;
    border-radius:14px!important;
  }
  .coach-next-class small{
    font-size:9.5px!important;
    line-height:1.1!important;
    margin-bottom:4px!important;
  }
  .coach-next-class strong{
    font-size:12.25px!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
  }
  .coach-pulse-dot{
    width:8px!important;
    height:8px!important;
    flex-basis:8px!important;
    margin-top:1px!important;
  }
}

/* V4.25 — desktop: preservar topo completo do mockup sem alterar o mobile */
@media (min-width:901px){
  .coach-photo{
    object-position:center top!important;
  }
}

/* V4.26 — correção definitiva do mockup desktop: imagem inteira sem recorte */
@media (min-width:901px){
  .usecase-coach-media.coach-photo-card{
    position:relative!important;
    overflow:hidden!important;
    background:#d9c4a3!important;
  }
  .usecase-coach-media.coach-photo-card::before{
    content:"";
    position:absolute;
    inset:-5%;
    z-index:0;
    background:url('./assets/coach-professor-v423-app.png') center center/cover no-repeat;
    filter:blur(18px) saturate(.92);
    transform:scale(1.08);
    opacity:.48;
    pointer-events:none;
  }
  .usecase-coach-media .coach-photo{
    z-index:1!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
  }
  .usecase-coach-media .coach-float-card{
    z-index:4!important;
  }
}


/* V4.27 — usa a imagem final enviada pelo cliente, sem blur/contain lateral */
@media (min-width:901px){
  .usecase-coach-media.coach-photo-card{
    background:#d9c4a3!important;
  }
  .usecase-coach-media.coach-photo-card::before{
    content:none!important;
    display:none!important;
  }
  .usecase-coach-media .coach-photo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    border-radius:0!important;
    z-index:1!important;
  }
  .usecase-coach-media .coach-float-card{z-index:4!important;}
}
@media (max-width:900px){
  .usecase-coach-media .coach-photo{
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* V4.28 — mockup de operação ao vivo + cards flutuantes */
.tournament-photo-card{
  padding:0!important;
  display:block!important;
  background:#0d100c!important;
  overflow:hidden!important;
  position:relative;
}
.tournament-photo{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}
.tournament-photo-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(10,13,9,.02) 45%,rgba(10,13,9,.18) 100%);
}
.tournament-float-card{
  position:absolute;
  z-index:3;
  border:1px solid rgba(255,255,255,.48);
  box-shadow:0 22px 60px rgba(0,0,0,.24);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  animation:tournamentFloat 4.8s ease-in-out infinite;
}
.tournament-live-card{
  left:30px;
  top:34px;
  min-width:205px;
  padding:14px 16px;
  border-radius:17px;
  display:flex;
  align-items:center;
  gap:11px;
  color:#11140f;
  background:rgba(255,255,255,.90);
}
.tournament-pulse-dot{
  width:10px;
  height:10px;
  flex:0 0 10px;
  border-radius:50%;
  background:var(--lime);
  box-shadow:0 0 0 5px rgba(167,239,47,.16);
  animation:tournamentPulse 1.8s ease-in-out infinite;
}
.tournament-live-card small,.tournament-tv-card small{
  display:block;
  font-size:8px;
  line-height:1;
  letter-spacing:.13em;
  font-weight:800;
  color:#7c8377;
}
.tournament-live-card strong{
  display:block;
  margin-top:6px;
  font:800 13px/1.15 Manrope,sans-serif;
  white-space:nowrap;
}
.tournament-tv-card{
  right:28px;
  bottom:32px;
  width:188px;
  padding:16px 17px;
  border-radius:19px;
  color:#fff;
  background:rgba(12,16,10,.78);
  border-color:rgba(255,255,255,.20);
  animation-delay:-2.2s;
}
.tournament-tv-card small{color:#b4b9b0}
.tournament-score-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0 6px}
.tournament-score-row strong{font:800 24px/1 Manrope,sans-serif;letter-spacing:-.05em}
.tournament-score-row strong i{font-style:normal;color:var(--lime);font-size:15px;margin:0 4px}
.tournament-live-chip{font-size:7px;line-height:1;background:var(--lime);color:#11140f;border-radius:999px;padding:5px 7px;font-weight:900;letter-spacing:.08em}
.tournament-tv-card em{font-style:normal;font-size:9px;color:#c3c8bf}
@keyframes tournamentFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes tournamentPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 5px rgba(167,239,47,.14)}50%{transform:scale(1.18);box-shadow:0 0 0 9px rgba(167,239,47,.04)}}
@media(max-width:900px){
  .tournament-photo-card{min-height:500px!important}
  .tournament-photo{object-position:center center}
  .tournament-live-card{left:18px;top:20px;min-width:180px;padding:12px 13px;border-radius:15px}
  .tournament-live-card strong{font-size:12px}
  .tournament-tv-card{right:16px;bottom:20px;width:164px;padding:14px;border-radius:17px}
  .tournament-score-row strong{font-size:21px}
}
@media(max-width:580px){
  .tournament-photo-card{min-height:440px!important}
  .tournament-live-card{left:12px;top:14px;min-width:160px;padding:10px 11px;gap:8px}
  .tournament-live-card small,.tournament-tv-card small{font-size:7px}
  .tournament-live-card strong{font-size:11px}
  .tournament-tv-card{right:12px;bottom:14px;width:146px;padding:12px 13px}
  .tournament-score-row{margin:7px 0 5px}
  .tournament-score-row strong{font-size:19px}
  .tournament-tv-card em{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.tournament-float-card,.tournament-pulse-dot{animation:none!important}}

/* V5.0 — evolução comercial: stories de produto + planos Free/Pro */
.product-stories{padding:128px 0 40px;background:#f6f7f2}
.product-stories-head{max-width:840px;margin-bottom:64px}
.product-stories-head h2{max-width:820px}
.product-stories-head p{max-width:680px!important;margin:0!important}
.story-block{min-height:600px;margin:0 0 26px;border:1px solid #dde1d7;border-radius:32px;background:#fff;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);overflow:hidden;position:relative}
.story-block.reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.story-block.reverse .story-copy{order:2}.story-block.reverse .story-visual{order:1}
.story-copy{padding:64px 60px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.story-kicker{display:flex;align-items:center;gap:10px;color:#62695e;font-size:9px;font-weight:800;letter-spacing:.16em}
.story-kicker i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(167,239,47,.12)}
.story-copy h3{font:700 clamp(38px,3.7vw,56px)/1.01 Manrope,sans-serif;letter-spacing:-.055em;margin:22px 0 20px;max-width:560px;text-wrap:balance}
.story-copy h3 em{font-style:normal;color:#969d92}
.story-copy>p{color:#747b71;font-size:14px;line-height:1.75;max-width:540px;margin:0;text-wrap:pretty}
.story-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.story-points span{padding:10px 12px;border:1px solid #e0e4db;border-radius:999px;background:#f8f9f5;color:#4f574d;font-size:9px;font-weight:750}
.story-visual{min-width:0;position:relative;background:#eef1e9;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tournament-visual:before,.content-visual:before,.live-ecosystem:before,.reservation-visual:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(167,239,47,.28),rgba(167,239,47,.03) 54%,transparent 70%);filter:blur(3px)}
.tournament-visual>img{position:absolute;height:91%;width:auto;max-width:75%;object-fit:contain;bottom:-5%;left:50%;transform:translateX(-50%);filter:drop-shadow(0 30px 40px rgba(17,20,15,.18))}
.sv-card{position:absolute;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.90);backdrop-filter:blur(15px);box-shadow:0 20px 50px rgba(14,20,11,.12);border-radius:18px;padding:15px 17px;z-index:3}
.sv-card small{display:block;font-size:7px;letter-spacing:.14em;color:#858b82;font-weight:800}.sv-card strong{display:block;font:800 18px Manrope;margin:6px 0 3px}.sv-card span{font-size:9px;color:#767d73}.sv-event{left:28px;top:34px}.sv-bracket{right:26px;bottom:40px;background:rgba(15,20,13,.92);color:#fff;border-color:rgba(255,255,255,.14)}.sv-bracket small,.sv-bracket span{color:#aeb5ab}.sv-bracket span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:5px}
.content-visual{background:#11140f;color:#fff;min-height:600px;gap:28px;flex-direction:column}
.content-visual:before{background:radial-gradient(circle,rgba(167,239,47,.23),transparent 66%);width:520px;height:520px}
.story-phone{position:relative;z-index:2;width:260px;height:455px;border:8px solid #070907;border-radius:36px;background:linear-gradient(150deg,#141a12,#26331a);box-shadow:0 30px 80px rgba(0,0,0,.35);padding:20px;display:flex;flex-direction:column}
.story-phone-top{display:flex;justify-content:space-between;align-items:center;font-size:11px}.story-phone-top b{font:700 13px Manrope}.story-phone-top em{font-style:normal;color:var(--lime)}
.story-result{margin:auto 0;text-align:center}.story-result small{font-size:8px;letter-spacing:.18em;color:#c7cec3}.story-result strong{display:block;font:800 52px/1 Manrope;margin:18px 0;letter-spacing:-.05em}.story-result strong i{font-style:normal;color:var(--lime);font-size:24px}.story-result p{margin:0;color:#c4cbbf;font-size:10px}
.story-sponsor-row{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.14);padding-top:14px;font-size:7px;letter-spacing:.1em;color:#aeb5aa}
.publish-flow{position:relative;z-index:3;display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-size:8px;color:#bbc2b7}.publish-flow i{font-style:normal;color:#66705f}.publish-flow strong{color:var(--lime)}
.live-ecosystem{background:#e9ede4;min-height:600px}.live-tv{position:absolute;left:7%;right:12%;top:12%;height:60%;border:10px solid #11140f;border-radius:22px;background:#11140f;color:#fff;box-shadow:0 28px 70px rgba(17,20,15,.18);display:flex;flex-direction:column;align-items:center;justify-content:center}.live-tv small{font-size:8px;letter-spacing:.16em;color:#adb4a8}.live-tv>div{display:flex;align-items:center;gap:24px;margin:18px 0}.live-tv strong{font:800 68px/1 Manrope}.live-tv i{font-style:normal;color:var(--lime);font:700 24px Manrope}.live-tv span{font-size:9px;color:#8e968a;letter-spacing:.12em}
.live-phone{position:absolute;right:6%;bottom:7%;width:170px;height:270px;border:7px solid #11140f;border-radius:28px;background:#fbfcf9;padding:34px 15px 16px;box-shadow:0 24px 60px rgba(17,20,15,.2);display:flex;flex-direction:column}.live-phone small{font-size:7px;color:#7a8177;letter-spacing:.15em}.live-phone strong{font:800 28px Manrope;margin:15px 0}.live-phone span{margin-top:auto;background:#11140f;color:#fff;border-radius:999px;padding:12px;text-align:center;font-size:8px;font-weight:800}
.live-public{position:absolute;left:6%;bottom:7%;width:270px;padding:16px 18px;border-radius:17px;background:rgba(255,255,255,.92);border:1px solid #dfe4da;box-shadow:0 18px 45px rgba(17,20,15,.1)}.live-public small{display:block;font-size:7px;letter-spacing:.14em;color:#7b8277}.live-public b{display:block;margin:7px 0;font:750 13px Manrope}.live-public span{font-size:8px;color:#858c82}
.reservation-visual{min-height:600px;background:linear-gradient(145deg,#edf0e9,#f9faf7)}.reservation-visual img{position:relative;z-index:2;display:block;height:92%;max-height:570px;width:auto;max-width:88%;object-fit:contain;border-radius:32px;filter:drop-shadow(0 30px 45px rgba(17,20,15,.17))}

/* inside: telas reais/representativas por módulo */
.inside-modern .inside-media{overflow:hidden;background:#eef1e9!important;border:1px solid #dce1d7!important}
.portal-preview,.tournament-inside,.content-inside{width:100%;height:100%;min-height:650px;display:flex;align-items:center;justify-content:center;position:relative}
.portal-preview img{height:92%;max-height:610px;width:auto;max-width:88%;border-radius:30px;filter:drop-shadow(0 28px 42px rgba(17,20,15,.18))}
.tournament-inside{background:radial-gradient(circle at 55% 50%,rgba(167,239,47,.18),transparent 38%),#eef1e9}.tournament-inside>img{height:96%;width:auto;max-width:72%;object-fit:contain;filter:drop-shadow(0 25px 45px rgba(17,20,15,.18))}.inside-floating-stat{position:absolute;left:7%;bottom:9%;z-index:2;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid #dfe3da;box-shadow:0 18px 45px rgba(17,20,15,.12)}.inside-floating-stat small{display:block;font-size:7px;letter-spacing:.15em;color:#7d847a}.inside-floating-stat strong{display:block;font:800 23px Manrope;margin:6px 0 3px}.inside-floating-stat span{font-size:9px;color:#7e857b}
.inside-finance{width:min(620px,80%);padding:46px;border-radius:28px;background:#11140f!important;color:#fff;box-shadow:0 28px 70px rgba(17,20,15,.18)}.inside-finance>small{font-size:8px;letter-spacing:.18em;color:#9ba397}.inside-finance>strong{display:block;font:800 58px/1 Manrope;margin:18px 0 8px}.inside-finance>span{font-size:11px;color:#90988c}.finance-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.finance-kpis b{padding:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);border-radius:15px;font:750 16px Manrope}.finance-kpis small{display:block;font:700 7px Inter;letter-spacing:.12em;color:#8f988b;margin-bottom:7px}
.content-inside{background:#11140f;color:#fff;gap:24px;padding:8%}.content-inside>small{position:absolute;left:7%;top:7%;font-size:8px;letter-spacing:.16em;color:#91998d}.content-result-card{width:280px;height:390px;border-radius:28px;background:linear-gradient(150deg,#1a2216,#31441d);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 25px 60px rgba(0,0,0,.25)}.content-result-card span{font-size:8px;letter-spacing:.16em}.content-result-card strong{font:800 48px Manrope;margin:18px 0;color:#fff}.content-result-card em{font-style:normal;color:var(--lime);font-size:9px}.content-queue{width:270px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.05)}.content-queue b{display:block;font:700 18px Manrope;margin-bottom:15px}.content-queue span{display:block;padding:12px 0;border-top:1px solid rgba(255,255,255,.08);font-size:9px;color:#aab2a6}

/* pricing V5 — mantém a linguagem dos cards aprovados */
.pricing-grid .price-card:first-child .price-row strong{letter-spacing:-.055em}
.price-card.featured{transform:translateY(-8px)}
.annual-saving{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:14px 0 0;padding:12px 14px;border-radius:14px;background:rgba(167,239,47,.12);border:1px solid rgba(167,239,47,.25);color:#293021}.annual-saving[hidden]{display:none!important}.annual-saving span{font-size:7px;font-weight:900;letter-spacing:.14em}.annual-saving b{font-size:10px}.annual-saving em{font-style:normal;font-size:9px;color:#68705f}

@media(max-width:900px){
  .product-stories{padding:88px 0 20px}.product-stories-head{margin-bottom:44px}
  .story-block,.story-block.reverse{grid-template-columns:1fr;min-height:0}.story-block.reverse .story-copy{order:1}.story-block.reverse .story-visual{order:2}
  .story-copy{padding:48px 40px}.story-visual,.content-visual,.live-ecosystem,.reservation-visual{min-height:540px}
  .portal-preview,.tournament-inside,.content-inside{min-height:500px}.inside-finance{width:min(620px,88%)}
  .price-card.featured{transform:none}
}
@media(max-width:580px){
  .product-stories{padding:72px 0 8px}.product-stories .shell{width:calc(100% - 28px)}.product-stories-head{margin-bottom:32px;text-align:center}.product-stories-head p{margin:0 auto!important}
  .story-block{border-radius:25px;margin-bottom:16px}.story-copy{padding:36px 26px}.story-copy h3{font-size:36px}.story-copy>p{font-size:13px}.story-points span{font-size:8px;padding:9px 10px}
  .story-visual,.content-visual,.live-ecosystem,.reservation-visual{min-height:430px}.tournament-visual>img{height:89%;max-width:84%}.sv-event{left:12px;top:16px}.sv-bracket{right:12px;bottom:18px}.sv-card{padding:12px 13px;border-radius:14px}.sv-card strong{font-size:15px}
  .story-phone{width:218px;height:375px;border-radius:30px}.story-result strong{font-size:43px}.publish-flow{max-width:92%;font-size:7px;gap:6px}
  .live-tv{left:5%;right:5%;top:7%;height:58%;border-width:7px}.live-tv strong{font-size:52px}.live-public{left:5%;bottom:5%;width:210px}.live-phone{right:4%;bottom:4%;width:135px;height:218px}.live-phone strong{font-size:21px}
  .reservation-visual img{height:auto;max-height:405px;max-width:90%;border-radius:24px}
  .portal-preview,.tournament-inside,.content-inside{min-height:390px}.portal-preview img{max-height:360px;border-radius:22px}.tournament-inside>img{max-width:86%;height:95%}.inside-floating-stat{left:4%;bottom:5%;padding:13px 14px}.inside-floating-stat strong{font-size:18px}.inside-finance{width:90%;padding:28px 22px;border-radius:22px}.inside-finance>strong{font-size:42px}.finance-kpis{gap:7px}.finance-kpis b{padding:12px;font-size:13px}.content-inside{gap:10px;padding:12% 5% 5%}.content-result-card{width:52%;height:290px;border-radius:22px}.content-result-card strong{font-size:34px}.content-queue{width:43%;padding:16px}.content-queue b{font-size:14px}.content-queue span{font-size:7px;padding:9px 0}
}