:root{
  --bg:#0A0F1C;
  --bg2:#0F1729;
  --panel:rgba(255,255,255,.05);
  --panel2:rgba(255,255,255,.08);
  --stroke:rgba(255,255,255,.12);
  --stroke-strong:rgba(255,255,255,.22);
  --text:#ffffff;
  --muted:rgba(255,255,255,.68);
  --soft:rgba(255,255,255,.50);
  --orange:#FF7A45;
  --pink:#F0509E;
  --purple:#6A4FE8;
  --blue:#4A9FF0;
  --green:#39E6A3;
  --shopee:#EE4D2D;
  --shopee-esc:#C73E22;
  --danger:#FF5A7A;
  --grad:linear-gradient(120deg,#FF8A3D 0%,#F0509E 42%,#6A4FE8 74%,#4A9FF0 100%);
  --shadow:0 30px 90px rgba(0,0,0,.5);
  --radius:24px;
  --radius2:16px;
  --max:1160px;
  --bg-a:rgba(240,80,158,.22);
  --bg-b:rgba(74,159,240,.20);
  --bg-c:rgba(255,177,92,.13);
  --bg-grad:linear-gradient(180deg,#060711 0%,#050711 46%,#03040a 100%);
  --grid-line:rgba(255,255,255,.035);
  --vignette:radial-gradient(circle at center, transparent 0, rgba(0,0,0,.22) 62%, rgba(0,0,0,.62) 100%);
  --nav-bg:rgba(5,7,17,.76);
  --nav-brd:rgba(255,255,255,.10);
  --card-bg:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.044));
  --card-brd:rgba(255,255,255,.13);
  --surface:rgba(255,255,255,.06);
  --surface-brd:rgba(255,255,255,.12);
}
html[data-theme="light"]{
  --text:#0F1729;
  --muted:rgba(15,23,41,.72);
  --soft:rgba(15,23,41,.52);
  --stroke:rgba(15,23,41,.10);
  --stroke-strong:rgba(15,23,41,.18);
  --shadow:0 24px 70px rgba(15,23,41,.14);
  --bg-a:rgba(240,80,158,.10);
  --bg-b:rgba(74,159,240,.10);
  --bg-c:rgba(255,138,61,.08);
  --bg-grad:linear-gradient(180deg,#F4F6FB 0%,#EEF1F8 50%,#E8ECF5 100%);
  --grid-line:rgba(15,23,41,.04);
  --vignette:radial-gradient(circle at center, transparent 0, rgba(15,23,41,.03) 70%, rgba(15,23,41,.07) 100%);
  --nav-bg:rgba(255,255,255,.82);
  --nav-brd:rgba(15,23,41,.08);
  --card-bg:linear-gradient(145deg,#ffffff,#F7F9FD);
  --card-brd:rgba(15,23,41,.09);
  --surface:rgba(15,23,41,.04);
  --surface-brd:rgba(15,23,41,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  background:
    radial-gradient(circle at 12% 8%, var(--bg-a), transparent 28%),
    radial-gradient(circle at 88% 0%, var(--bg-b), transparent 26%),
    radial-gradient(circle at 84% 58%, var(--bg-c), transparent 30%),
    var(--bg-grad);
  color:var(--text);
  min-height:100vh;
  overflow-x:hidden;
  position:relative;
  isolation:isolate;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 82%);
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:var(--vignette);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max), calc(100% - 32px));margin:0 auto}
.nav{
  position:sticky;top:0;z-index:80;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  background:var(--nav-bg);
  border-bottom:1px solid var(--nav-brd);
}
.nav-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand-mark{width:46px;height:46px;border-radius:14px;background:radial-gradient(circle at 30% 25%,rgba(240,80,158,.18),rgba(74,159,240,.10) 70%,transparent);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;box-shadow:0 12px 34px rgba(0,0,0,.28)}
.brand-mark img{width:40px;height:40px;object-fit:contain}
.brand-copy{line-height:1.08;min-width:0}
.brand-copy b{display:block;font-size:15px;letter-spacing:.02em;white-space:nowrap}
.brand-copy span{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.nav-links{display:flex;align-items:center;gap:10px}
.nav-links a{font-size:13px;color:var(--muted);padding:10px 12px;border-radius:999px;border:1px solid transparent;transition:.2s ease}
.nav-links a:hover{color:var(--text);border-color:var(--surface-brd);background:var(--surface)}
.mobile-menu{display:none}
.nav-toggle{display:none;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);cursor:pointer;flex-direction:column;gap:5px;position:relative;z-index:85}.nav-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:var(--text);transition:.25s ease}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-drawer{position:fixed;top:74px;left:0;right:0;bottom:0;z-index:70;background:rgba(3,4,10,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:none;flex-direction:column;padding:18px 22px 28px;overflow:auto}.nav-drawer.open{display:flex}.nav-drawer a{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:18px;font-size:17px;font-weight:700;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);margin-bottom:12px}.nav-drawer a:after{content:"›";color:rgba(255,255,255,.5);font-size:24px}.nav-drawer a.active{border-color:rgba(240,80,158,.4);background:rgba(240,80,158,.10)}.nav-drawer .btn{margin-top:8px;min-height:56px;font-size:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 19px;border-radius:999px;font-weight:800;font-size:14px;line-height:1;border:1px solid var(--surface-brd);transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;cursor:pointer;white-space:nowrap}
.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28)}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 16px 44px rgba(106,79,232,.28), 0 8px 24px rgba(240,80,158,.16)}
.btn-primary:hover{box-shadow:0 24px 70px rgba(106,79,232,.32),0 15px 35px rgba(240,80,158,.22)}
.btn-soft{background:var(--surface);color:var(--text)}
.btn-dark{background:rgba(0,0,0,.26);color:#fff}
.btn-full{width:100%}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--surface-brd);background:var(--surface);border-radius:999px;padding:8px 12px;font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.02em}
.badge-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--blue));box-shadow:0 0 20px rgba(74,159,240,.75)}
.hero{position:relative;padding:78px 0 52px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(320px,.97fr);gap:38px;align-items:center}
.kicker{margin-bottom:18px}
h1{font-size:clamp(42px,6.2vw,78px);line-height:.95;margin:0 0 20px;letter-spacing:-.065em;max-width:820px}
.gradient-text{background:linear-gradient(115deg,#fff 0%,#fff 30%,#FFAE7A 46%,#F0509E 64%,#6A4FE8 82%,#4A9FF0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(17px,2vw,21px);line-height:1.58;color:var(--muted);max-width:760px;margin:0 0 26px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 22px}
.trust-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.trust-pill{border:1px solid var(--surface-brd);background:var(--surface);padding:10px 12px;border-radius:999px;color:var(--muted);font-size:12px;font-weight:700}
.visual-card{position:relative;border-radius:30px;border:1px solid var(--card-brd);background:var(--card-bg);box-shadow:var(--shadow);padding:20px;overflow:hidden;min-height:430px}
.visual-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 30% 8%,rgba(240,80,158,.26),transparent 30%),radial-gradient(circle at 90% 18%,rgba(74,159,240,.20),transparent 30%),radial-gradient(circle at 50% 105%,rgba(255,138,61,.14),transparent 38%);z-index:0}
.visual-card>*{position:relative;z-index:1}
.logo-stage{position:relative;display:block;min-height:250px;aspect-ratio:1/1;border-radius:22px;background:#05070F;border:1px solid rgba(255,255,255,.10);overflow:hidden}
.logo-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 40%,rgba(0,0,0,.25) 100%);pointer-events:none}
.logo-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dashboard-card{margin-top:16px;display:grid;gap:12px}
.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.metric{padding:16px;border-radius:20px;background:var(--surface);border:1px solid var(--surface-brd)}
.metric b{display:block;font-size:24px;letter-spacing:-.04em}.metric span{font-size:12px;color:var(--muted);display:block;margin-top:3px}.metric .mini{font-size:11px;color:var(--soft);margin-top:8px}
.panel-block{margin-top:12px;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--surface-brd);display:grid;gap:12px}
.panel-item{display:grid;gap:7px}
.panel-item .pl{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);font-weight:600}
.panel-item .pl b{color:var(--text);font-weight:700}
.panel-line{height:8px;border-radius:999px;background:var(--surface-brd);overflow:hidden}
.panel-line i{display:block;height:100%;border-radius:inherit}
.panel-item:nth-child(1) .panel-line i{width:90%;background:linear-gradient(90deg,#FF8A3D,#F0509E)}
.panel-item:nth-child(2) .panel-line i{width:85%;background:linear-gradient(90deg,#6A4FE8,#4A9FF0)}
.panel-item:nth-child(3) .panel-line i{width:80%;background:linear-gradient(90deg,#4A9FF0,#39E6A3)}
.section{padding:72px 0}.section.tight{padding:48px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-title{margin:0;font-size:clamp(30px,4.8vw,52px);line-height:1;letter-spacing:-.045em}.section-sub{max-width:660px;color:var(--muted);line-height:1.6;font-size:16px;margin:12px 0 0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{position:relative;overflow:hidden;border-radius:var(--radius);padding:24px;background:var(--card-bg);border:1px solid var(--card-brd);box-shadow:0 22px 70px rgba(0,0,0,.10)}.card:before{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--pink),var(--blue),transparent);opacity:.52}.icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(240,80,158,.20),rgba(74,159,240,.13));border:1px solid var(--surface-brd);font-size:21px;margin-bottom:16px}.card h3{font-size:20px;margin:0 0 9px;letter-spacing:-.02em}.card p{margin:0;color:var(--muted);line-height:1.58;font-size:14.5px}.card ul{padding:0;margin:16px 0 0;list-style:none;display:grid;gap:9px}.card li{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:13.5px;line-height:1.4}.card li:before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--blue));margin-top:6px;flex:0 0 auto}.insight-card{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.03))}.insight-card .card-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#fff;font-size:11px;font-weight:900;letter-spacing:.02em}.insight-card .card-kicker.success{background:rgba(57,230,163,.08);border-color:rgba(57,230,163,.20);color:#8ff5ca}.insight-card ul{margin-top:14px}.insight-card{min-height:100%}.insight-card .icon{margin-bottom:12px}.insight-card h3{margin-bottom:10px}.feature-band{border-radius:34px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,rgba(240,80,158,.12),rgba(106,79,232,.09),rgba(74,159,240,.11));padding:30px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;box-shadow:var(--shadow)}.feature-band h2{font-size:clamp(28px,4.6vw,48px);line-height:1.02;margin:0 0 12px;letter-spacing:-.045em}.feature-band p{color:var(--muted);line-height:1.58;margin:0;max-width:720px}.steps{counter-reset:step;display:grid;gap:14px}.step{counter-increment:step;display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border-radius:22px;background:var(--surface);border:1px solid var(--surface-brd)}.step:before{content:counter(step);flex:0 0 auto;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:20px;background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));box-shadow:0 14px 38px rgba(106,79,232,.22)}.step-body{min-width:0;flex:1}.step h3{margin:4px 0 6px;font-size:17px;line-height:1.1}.step p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}.cta-box{border-radius:36px;padding:38px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 20% 0,rgba(240,80,158,.24),transparent 34%),radial-gradient(circle at 85% 15%,rgba(74,159,240,.18),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.04));box-shadow:var(--shadow);text-align:center}.cta-box h2{margin:0 0 13px;font-size:clamp(30px,5vw,58px);line-height:1;letter-spacing:-.055em}.cta-box p{margin:0 auto 24px;color:var(--muted);line-height:1.62;max-width:760px}.footer{padding:34px 0 48px;color:var(--soft);border-top:1px solid var(--surface-brd)}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.footer a{color:var(--muted)}
.page-hero{padding:72px 0 38px}.page-hero .lead{max-width:820px}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:13px;margin-bottom:18px}.breadcrumb a{color:var(--muted)}
.links-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}.links-card{width:min(520px,100%);border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.042));border-radius:34px;padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.links-card:before{content:"";position:absolute;inset:-40% -30% auto -30%;height:280px;background:radial-gradient(circle,rgba(240,80,158,.28),transparent 58%);pointer-events:none}.links-profile{position:relative;z-index:1;text-align:center;padding:8px 8px 16px}.links-profile img{width:132px;height:132px;border-radius:32px;margin:0 auto 16px;border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 70px rgba(0,0,0,.32)}.links-profile h1{font-size:34px;letter-spacing:-.045em;margin:0 0 8px;line-height:1}.links-profile p{color:var(--muted);line-height:1.52;margin:0 auto;max-width:380px}.links-list{position:relative;z-index:1;display:grid;gap:12px;margin-top:12px}.link-button{display:flex;align-items:center;gap:13px;width:100%;padding:17px;border-radius:20px;background:var(--surface);border:1px solid var(--surface-brd,255,.14);transition:.18s ease}.link-button:hover{transform:translateY(-2px);background:rgba(255,255,255,.105);border-color:rgba(255,255,255,.24)}.link-button .emoji{width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:20px;flex:0 0 auto}.link-button .txt{text-align:left;line-height:1.2}.link-button .txt b{display:block;font-size:15px}.link-button .txt span{display:block;margin-top:4px;color:var(--muted);font-size:12.5px}.link-button:after{content:"›";margin-left:auto;color:var(--soft);font-size:28px;line-height:1}.mini-footer{text-align:center;color:var(--soft);font-size:12px;margin-top:18px;position:relative;z-index:1}.mini-footer a{color:var(--muted)}
.pricing-card{display:grid;gap:12px;padding:22px;border-radius:26px;background:var(--surface);border:1px solid var(--surface-brd)}.price-tag{font-size:36px;font-weight:950;letter-spacing:-.045em}.price-tag small{font-size:13px;color:var(--muted);font-weight:700}.notice{padding:16px;border-radius:20px;border:1px solid rgba(57,230,163,.22);background:rgba(57,230,163,.07);color:var(--muted);font-size:14px;line-height:1.55}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.choice{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);transition:.18s ease}.choice:hover{transform:translateY(-2px);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22)}.choice-emoji{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,rgba(238,77,45,.18),rgba(240,80,158,.12));border:1px solid rgba(255,255,255,.12)}.choice-body{min-width:0}.choice-body b{display:block;margin-bottom:5px;font-size:15.5px}.choice-body span{display:block;color:var(--muted);font-size:13.5px;line-height:1.45}
.float-wa{position:fixed;right:20px;bottom:20px;z-index:60;width:58px;height:58px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#25D366,#18a957);box-shadow:0 18px 50px rgba(37,211,102,.28);border:1px solid rgba(255,255,255,.20);font-size:27px}.float-wa:hover{transform:translateY(-2px)}

.shot-frame{border-radius:26px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(150deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:var(--shadow);padding:14px;position:relative;overflow:hidden}.shot-frame:before{content:"";position:absolute;inset:-30% -20% auto -20%;height:240px;background:radial-gradient(circle,rgba(238,77,45,.16),transparent 60%);pointer-events:none}.shot-bar{position:relative;z-index:1;display:flex;align-items:center;gap:7px;padding:8px 12px 12px}.shot-bar i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.26)}.shot-bar i:nth-child(1){background:#ff5f57}.shot-bar i:nth-child(2){background:#febc2e}.shot-bar i:nth-child(3){background:#28c840}.shot-bar b{margin-left:10px;font-size:12px;color:var(--soft);font-weight:600}.shot-body{position:relative;z-index:1;border-radius:18px;background:#0F1729;border:1px solid rgba(255,255,255,.10);overflow:hidden}.shot-top{padding:16px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(238,77,45,.10),transparent)}.shot-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:4px 9px;font-size:11px;font-weight:800;color:#fff;margin-bottom:10px}.shot-badge b{color:#EE4D2D}.shot-badge-dot{width:5px;height:5px;border-radius:50%;background:#EE4D2D}.shot-title{font-size:17px;font-weight:800;letter-spacing:-.02em}.shot-sub{font-size:11.5px;color:var(--muted);margin-top:3px}.shot-tabs{display:flex;gap:8px;padding:14px 18px 0}.shot-tab{flex:1;text-align:center;padding:10px 8px;border-radius:11px 11px 0 0;font-size:11.5px;font-weight:700;background:rgba(255,255,255,.04);color:var(--muted)}.shot-tab.on{background:rgba(238,77,45,.16);color:#ff8a5c;border:1px solid rgba(238,77,45,.25);border-bottom:none}.shot-sec{padding:14px 18px 0;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}.shot-fields{padding:10px 18px 14px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.shot-fld{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.10);border-radius:11px;padding:9px 12px}.shot-fld label{font-size:10px;color:var(--soft);display:block;margin-bottom:4px;font-weight:700}.shot-fld b{font-size:15px;font-weight:700}.shot-calc{margin:2px 18px 16px;padding:13px;border-radius:12px;text-align:center;background:linear-gradient(135deg,#EE4D2D,#C73E22);font-weight:800;font-size:13.5px;color:#fff;box-shadow:0 10px 26px rgba(238,77,45,.32)}.shot-lock{margin:0 18px 18px;padding:22px 16px;border-radius:14px;text-align:center;background:rgba(0,0,0,.30);border:1.5px dashed rgba(255,255,255,.16)}.shot-lock-ico{font-size:26px;margin-bottom:8px}.shot-lock-t{font-size:14px;font-weight:800;margin-bottom:5px}.shot-lock-s{font-size:11.5px;color:var(--muted);line-height:1.5;margin-bottom:14px}.shot-lock-rows{display:grid;gap:7px;margin-bottom:16px}.shot-lock-blur{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:9px;background:rgba(255,255,255,.04);font-size:12px;color:var(--muted);filter:blur(3px);user-select:none}.shot-lock-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 20px;background:#EE4D2D;color:#fff;border-radius:9px;font-size:12.5px;font-weight:800;box-shadow:0 8px 22px rgba(238,77,45,.34)}.shot-out{margin:0 18px 18px;display:grid;gap:8px}.shot-outrow{display:flex;justify-content:space-between;padding:11px 14px;border-radius:11px;background:rgba(0,0,0,.26);font-size:13px}.shot-outrow span{color:var(--muted)}.shot-outrow b{letter-spacing:-.02em}.shot-outrow.hi{background:linear-gradient(135deg,rgba(57,230,163,.16),rgba(74,159,240,.10));border:1px solid rgba(57,230,163,.28)}.shot-outrow.hi b{color:#5bf0b8;font-size:15px}
.prod-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 22px}.ptag{background:var(--surface);border:1px solid var(--surface-brd);color:var(--muted);font-size:12px;font-weight:700;padding:6px 12px;border-radius:20px}.ic-shell{max-width:620px;margin:0 auto}.ic-wrap{border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:var(--shadow);padding:24px;position:relative;overflow:hidden}.ic-wrap:before{content:"";position:absolute;inset:-30% -20% auto -20%;height:220px;background:radial-gradient(circle,rgba(238,77,45,.14),transparent 60%);pointer-events:none}.ic-wrap>*{position:relative;z-index:1}.ic-head{margin-bottom:18px}.ic-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:4px 10px;font-size:11px;font-weight:800;margin-bottom:12px}.ic-badge b{color:#EE4D2D}.ic-badge-dot{width:5px;height:5px;border-radius:50%;background:#EE4D2D}.ic-title{font-size:19px;font-weight:800;letter-spacing:-.02em}.ic-sub{font-size:13px;color:var(--muted);margin-top:5px;line-height:1.5}.ic-sec{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-bottom:10px}.ic-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:16px}.ic-fld{display:flex;flex-direction:column;gap:6px}.ic-fld label{font-size:11.5px;color:var(--muted);font-weight:700}.ic-fld input{background:rgba(0,0,0,.28);border:1.5px solid rgba(255,255,255,.13);border-radius:11px;padding:11px 13px;font-size:15px;font-weight:700;color:#fff;outline:none;font-family:inherit;width:100%;transition:border-color .15s}.ic-fld input:focus{border-color:#EE4D2D}.ic-fld input::placeholder{color:rgba(255,255,255,.28);font-weight:500}.ic-btn{width:100%;min-height:52px;border:none;border-radius:13px;background:linear-gradient(135deg,#EE4D2D,#C73E22);color:#fff;font-weight:800;font-size:15px;font-family:inherit;cursor:pointer;box-shadow:0 14px 36px rgba(238,77,45,.32);transition:transform .18s ease}.ic-btn:hover{transform:translateY(-2px)}.ic-lock{display:none;margin-top:18px;padding:24px 18px;border-radius:16px;text-align:center;background:rgba(0,0,0,.30);border:1.5px dashed rgba(255,255,255,.16)}.ic-lock-ico{font-size:30px;margin-bottom:10px}.ic-lock-t{font-size:16px;font-weight:800;margin-bottom:6px}.ic-lock-s{font-size:12.5px;color:var(--muted);line-height:1.55;margin-bottom:16px;max-width:380px;margin-left:auto;margin-right:auto}.ic-lock-rows{display:grid;gap:8px;margin-bottom:18px}.ic-lock-blur{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;border-radius:11px;background:rgba(255,255,255,.04);font-size:13px;color:var(--muted);filter:blur(3.5px);user-select:none}.ic-lock-btn{display:inline-flex;align-items:center;gap:7px;padding:13px 24px;background:#EE4D2D;color:#fff;border-radius:11px;font-size:14px;font-weight:800;box-shadow:0 12px 30px rgba(238,77,45,.36)}
.theme-toggle{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--surface);border:1px solid var(--surface-brd);cursor:pointer;color:var(--text);font-size:15px;transition:all .18s ease;flex:0 0 auto}.theme-toggle:hover{border-color:var(--stroke-strong)}.theme-toggle .sun{display:none}.theme-toggle .moon{display:block}html[data-theme="light"] .theme-toggle .sun{display:block}html[data-theme="light"] .theme-toggle .moon{display:none}.stars{display:flex;align-items:center;gap:10px;margin-top:14px}.stars-ico{display:inline-flex;gap:2px;color:#FFB23E;font-size:16px;letter-spacing:1px}.stars-txt{font-size:12.5px;color:var(--muted);font-weight:600}.stars-txt b{color:var(--text);font-weight:800}.disclaimer{margin:0 auto;max-width:760px;border-radius:18px;border:1px solid rgba(238,77,45,.22);background:rgba(238,77,45,.06);padding:18px 20px;display:flex;gap:14px;align-items:flex-start}.disclaimer .di{font-size:22px;flex:0 0 auto;line-height:1.2}.disclaimer p{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}.disclaimer b{color:var(--text);font-weight:800}
.nav-right{display:flex;align-items:center;gap:10px}.shot-out{margin:0 18px 12px;display:grid;gap:8px}.shot-outrow{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-radius:11px;background:rgba(0,0,0,.26);font-size:13px}.shot-outrow span{color:var(--muted)}.shot-outrow b{letter-spacing:-.02em}.shot-outrow.hi{background:linear-gradient(135deg,rgba(57,230,163,.16),rgba(74,159,240,.10));border:1px solid rgba(57,230,163,.28)}.shot-outrow.hi b{color:#39E6A3;font-size:15px}.shot-foot{padding:0 18px 18px;font-size:10.5px;color:var(--soft);text-align:center;line-height:1.5}.shot-calc-btn{display:block;width:calc(100% - 36px);margin:2px 18px 16px;padding:14px;border:none;border-radius:12px;text-align:center;background:linear-gradient(135deg,#EE4D2D,#C73E22);font-weight:800;font-size:13.5px;color:#fff;font-family:inherit;cursor:pointer;box-shadow:0 10px 26px rgba(238,77,45,.32);transition:transform .18s ease}.shot-calc-btn:hover{transform:translateY(-2px)}.shot-fld input{width:100%;background:rgba(0,0,0,.30);border:1.5px solid rgba(255,255,255,.13);border-radius:8px;padding:7px 10px;font-size:15px;font-weight:700;color:#fff;outline:none;font-family:inherit;margin-top:2px;transition:border-color .15s}.shot-fld input:focus{border-color:#EE4D2D}.shot-fld input::placeholder{color:rgba(255,255,255,.3);font-weight:500}.prod-side{align-self:center;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:10px 0 10px 2px;min-height:100%}.product-showcase{grid-template-columns:minmax(0,1fr) minmax(440px,560px);align-items:center;gap:28px}.prod-side-main{max-width:560px}.prod-title,.prod-sub,.prod-action{max-width:520px}.prod-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.prod-list li{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:14.5px;line-height:1.45}.prod-list li:before{content:"\2713";color:#39E6A3;font-weight:900;flex:0 0 auto}.prod-side-fill{display:grid;gap:14px;max-width:540px}.prod-side-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.prod-stat{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);box-shadow:0 16px 36px rgba(0,0,0,.12)}.prod-stat strong{display:block;font-size:22px;line-height:1;color:#fff;margin-bottom:6px}.prod-stat span{display:block;color:var(--muted);font-size:12.5px;line-height:1.45}.prod-side-note{padding:16px 18px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);box-shadow:0 16px 36px rgba(0,0,0,.14)}.prod-side-note b{display:block;font-size:14px;margin-bottom:6px;color:#fff}.prod-side-note span{display:block;color:var(--muted);font-size:13px;line-height:1.6}.prod-side-pills{display:flex;flex-wrap:wrap;gap:10px}.prod-side-pills span{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#fff;font-size:12px;font-weight:800}
.shot-body,.shot-body b,.shot-body .shot-title{color:#fff}.shot-body .shot-sub{color:rgba(255,255,255,.62)}.shot-body .shot-sec{color:rgba(255,255,255,.42)}.shot-body .shot-fld label{color:rgba(255,255,255,.5)}.shot-body .shot-tab{color:rgba(255,255,255,.6)}.shot-body .shot-outrow span{color:rgba(255,255,255,.65)}.shot-body .shot-lock-s,.shot-body .shot-lock-blur{color:rgba(255,255,255,.62)}.shot-body .shot-foot{color:rgba(255,255,255,.4)}
html[data-theme="light"] .gradient-text{background:linear-gradient(115deg,#0F1729 0%,#0F1729 26%,#D2691E 44%,#E0429B 62%,#6A4FE8 80%,#3F8FF0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.stars-ico{color:#FFB23E}html[data-theme="light"] .nav-drawer{background:rgba(244,246,251,.94)}html[data-theme="light"] .nav-drawer a{color:#0F1729;background:rgba(15,23,41,.04);border-color:rgba(15,23,41,.08)}
html[data-theme="light"] .choice{box-shadow:0 6px 20px rgba(15,23,41,.08);border-color:rgba(15,23,41,.10)}html[data-theme="light"] .choice:hover{box-shadow:0 12px 32px rgba(15,23,41,.12);background:#fff}html[data-theme="light"] .card{box-shadow:0 10px 34px rgba(15,23,41,.08)}html[data-theme="light"] .visual-card{box-shadow:0 16px 50px rgba(15,23,41,.12)}html[data-theme="light"] .feature-band,html[data-theme="light"] .cta-box{box-shadow:0 14px 44px rgba(15,23,41,.10)}
.logo-carousel{position:absolute;inset:0;overflow:hidden}.logo-carousel .slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}.logo-carousel .slide.active{opacity:1}.logo-carousel .slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.logo-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:3}.logo-dots span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);transition:all .2s}.logo-dots span.on{background:#fff;width:18px;border-radius:99px}.cfg-gear{position:fixed;bottom:84px;right:20px;z-index:70;width:46px;height:46px;border-radius:14px;display:none;place-items:center;background:var(--bg2);border:1px solid var(--stroke-strong);color:var(--text);cursor:pointer;font-size:20px;box-shadow:0 12px 30px rgba(0,0,0,.3)}body.admin .cfg-gear{display:grid}.cfg-overlay{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:20px}.cfg-overlay.open{display:flex}.cfg-panel{width:min(520px,100%);max-height:86vh;overflow-y:auto;background:var(--bg2);border:1px solid var(--stroke-strong);border-radius:22px;padding:24px}.cfg-panel h3{font-size:18px;margin:0 0 4px}.cfg-panel .cfg-sub{font-size:13px;color:var(--muted);margin-bottom:18px}.cfg-row{display:flex;gap:10px;margin-bottom:12px}.cfg-up{flex:1;border:1.5px dashed var(--stroke-strong);border-radius:12px;padding:16px;text-align:center;cursor:pointer;font-size:13px;color:var(--muted);transition:.15s}.cfg-up:hover{border-color:var(--text);color:var(--text)}.cfg-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.cfg-thumb{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--surface-brd)}.cfg-thumb img{width:100%;height:100%;object-fit:cover}.cfg-thumb button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:rgba(0,0,0,.7);color:#fff;cursor:pointer;font-size:13px;line-height:1}.cfg-btns{display:flex;gap:10px;margin-top:16px}.cfg-note{font-size:11.5px;color:var(--soft);line-height:1.5;margin-top:14px;padding:12px;border-radius:10px;background:var(--surface)}
.cfg-fab{position:fixed;right:18px;bottom:84px;z-index:60;width:46px;height:46px;border-radius:50%;display:none;place-items:center;background:var(--surface);border:1px solid var(--surface-brd);color:var(--text);font-size:18px;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.3)}.cfg-fab.show{display:grid}.cfg-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:20px}.cfg-overlay.open{display:flex}.cfg-panel{width:min(520px,100%);max-height:88vh;overflow-y:auto;background:var(--bg2);border:1px solid var(--surface-brd);border-radius:20px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.5)}.cfg-panel h3{margin:0 0 4px;font-size:18px}.cfg-panel .cfg-sub{font-size:13px;color:var(--muted);margin-bottom:18px;line-height:1.5}.cfg-field{margin-bottom:16px}.cfg-field label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:7px}.cfg-upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cfg-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:10px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;border:1px solid var(--surface-brd);background:var(--surface);color:var(--text);transition:.15s}.cfg-btn:hover{border-color:var(--stroke-strong)}.cfg-btn.primary{background:var(--grad);color:#fff;border:none}.cfg-btn.danger{color:#FF5A7A;border-color:rgba(255,90,122,.3)}.cfg-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:12px}.cfg-thumb{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--surface-brd)}.cfg-thumb img{width:100%;height:100%;object-fit:cover}.cfg-thumb button{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:none;background:rgba(0,0,0,.7);color:#fff;font-size:12px;cursor:pointer;display:grid;place-items:center;line-height:1}.cfg-empty{font-size:12px;color:var(--soft);padding:14px;text-align:center;border:1px dashed var(--surface-brd);border-radius:10px;margin-top:10px}.cfg-hint{font-size:11px;color:var(--soft);margin-top:8px;line-height:1.5}.cfg-row{display:flex;gap:10px;margin-top:18px}.cfg-row .cfg-btn{flex:1;justify-content:center}.logo-carousel{position:absolute;inset:0}.logo-carousel .slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}.logo-carousel .slide.active{opacity:1}.logo-carousel .slide img{width:100%;height:100%;object-fit:cover}.logo-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;gap:6px;justify-content:center;z-index:2}.logo-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4);transition:.2s}.logo-dots span.on{background:#fff;width:18px;border-radius:3px}html[data-theme="light"] .card li{color:rgba(15,23,41,.7)}html[data-theme="light"] .card p{color:rgba(15,23,41,.66)}html[data-theme="light"] .choice-body span{color:rgba(15,23,41,.62)}html[data-theme="light"] .choice{box-shadow:0 8px 30px rgba(15,23,41,.06)}html[data-theme="light"] .card{box-shadow:0 10px 36px rgba(15,23,41,.08)}
.links-back{text-align:center;margin-top:16px;position:relative;z-index:1}.links-back a{display:inline-flex;align-items:center;gap:6px;padding:11px 22px;border-radius:999px;font-size:14px;font-weight:700;color:var(--text);background:var(--surface);border:1px solid var(--surface-brd);transition:.15s}.links-back a:hover{border-color:var(--stroke-strong)}
@media (max-width:920px){.nav-toggle{display:flex}.nav-links{display:none}.mobile-menu{display:none}.hero{padding:54px 0 36px}.hero-grid,.grid-2,.grid-3{grid-template-columns:1fr}.feature-band{grid-template-columns:1fr}.section-head{display:block}.visual-card{min-height:auto}.metric-row{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.container{width:min(100% - 24px,var(--max))}.nav-inner{height:68px}.nav-drawer{top:68px}.brand-copy span{max-width:150px}.hero-actions .btn{width:100%}.metric-row{grid-template-columns:1fr}.section{padding:52px 0}.card,.feature-band,.cta-box{border-radius:24px;padding:22px}.form-grid{grid-template-columns:1fr}.links-shell{align-items:flex-start}.links-card{border-radius:28px;padding:16px}.links-profile h1{font-size:30px}.float-wa{right:14px;bottom:14px}.calc-fields{grid-template-columns:1fr}.shot-fields{grid-template-columns:1fr}.ic-fields{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.link-button,.choice,.float-wa{transition:none}.btn:hover,.link-button:hover,.choice:hover,.float-wa:hover{transform:none}}

/* ===== FlowPE CMS: cards editáveis com vídeo/carrossel por página ===== */
[data-media-slot].media-slot-filled{position:relative;overflow:hidden;background:#05070F;border:1px solid rgba(255,255,255,.12);padding:0;min-height:260px}
.logo-stage.media-slot-filled{min-height:250px;aspect-ratio:1/1}
.shot-frame.media-slot-filled{min-height:430px;border-radius:24px}
.card.media-slot-filled{border-radius:var(--radius);min-height:270px}
.cta-box.media-slot-filled{border-radius:34px;min-height:320px}
.links-card.media-slot-filled{min-height:520px}
.media-slot-render{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#05070F}
.media-slot-render video,.media-slot-render img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#05070F}.media-slot-render video{object-position:center top}
.media-slot-render video{z-index:2}
.media-slot-render.media-video:after{content:"Toque no play para ouvir";position:absolute;left:12px;bottom:12px;z-index:3;padding:7px 10px;border-radius:999px;background:rgba(5,7,15,.72);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:11px;font-weight:800;pointer-events:none;backdrop-filter:blur(6px)}
.media-slot-filled .logo-carousel{position:absolute;inset:0;overflow:hidden}
.media-slot-filled .logo-dots{z-index:5}
@media (max-width:560px){.shot-frame.media-slot-filled{min-height:340px}.cta-box.media-slot-filled{min-height:260px}.links-card.media-slot-filled{min-height:430px}.prod-side-stats{grid-template-columns:1fr}}


/* Card de mídia do Precificador no hero: igual ao card principal da Home, mas com palco editável */

.precificador-media-card{min-height:auto;padding:22px;max-width:570px;margin-left:auto;border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));box-shadow:0 34px 100px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.10)}.precificador-media-card:after{content:"";position:absolute;top:11px;left:50%;transform:translateX(-50%);width:96px;height:6px;border-radius:999px;background:rgba(255,255,255,.28);box-shadow:0 0 18px rgba(255,255,255,.10);z-index:4}.precificador-media-card:before{border-radius:42px}.precificador-media-card .precificador-logo-stage{aspect-ratio:10/16;min-height:640px;display:block;border-radius:30px;background:#02040A;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 0 9px rgba(0,0,0,.72),0 18px 60px rgba(0,0,0,.38)}.precificador-media-card .precificador-logo-stage:after{display:none}.precificador-media-card .precificador-logo-stage .shot-frame{position:absolute;inset:12px;width:auto;height:auto;min-height:0;border-radius:24px;box-shadow:none;padding:12px;border:0;background:linear-gradient(150deg,rgba(255,255,255,.10),rgba(255,255,255,.035))}.precificador-media-card .precificador-logo-stage .shot-frame:before{height:150px}.precificador-media-card .precificador-logo-stage .shot-bar{padding:6px 12px 10px}.precificador-media-card .precificador-logo-stage .shot-body{height:calc(100% - 32px);border-radius:18px}.precificador-media-card .precificador-logo-stage .shot-top{padding:14px 16px 12px}.precificador-media-card .precificador-logo-stage .shot-title{font-size:16px}.precificador-media-card .precificador-logo-stage .shot-sub{font-size:11px}.precificador-media-card .precificador-logo-stage .shot-tabs{padding:12px 16px 0;gap:6px}.precificador-media-card .precificador-logo-stage .shot-tab{font-size:11px;padding:9px 6px}.precificador-media-card .precificador-logo-stage .shot-sec{padding:11px 16px 0}.precificador-media-card .precificador-logo-stage .shot-fields{padding:9px 16px 0;gap:9px}.precificador-media-card .precificador-logo-stage .shot-fld{padding:10px}.precificador-media-card .precificador-logo-stage .shot-fld input{padding:9px 10px}.precificador-media-card .precificador-logo-stage .shot-calc-btn{margin:12px 16px 14px;padding:13px}.precificador-media-card .precificador-logo-stage.media-slot-filled{
  aspect-ratio:9/16;
  max-width:390px;
  min-height:640px;
  margin:0 auto;
}
.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render{inset:12px;border-radius:24px}.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render video{object-fit:cover;background:#05070F}.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render img{object-fit:cover}.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render.media-video:after{display:none}@media (max-width:980px){.precificador-media-card{max-width:540px;margin:0 auto}.precificador-media-card .precificador-logo-stage{min-height:590px;aspect-ratio:10/16}}@media (max-width:560px){.precificador-media-card{min-height:auto;padding:16px;max-width:100%;border-radius:34px}.precificador-media-card:after{width:76px}.precificador-media-card .precificador-logo-stage{min-height:450px;aspect-ratio:10/15;border-radius:25px}.precificador-media-card .precificador-logo-stage.media-slot-filled{
  aspect-ratio:9/16;
  max-width:390px;
  min-height:640px;
  margin:0 auto;
}
.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render{inset:10px;border-radius:20px}.precificador-media-card .precificador-logo-stage .shot-fields{grid-template-columns:1fr 1fr}.precificador-media-card .precificador-logo-stage .shot-bar b{font-size:10px}}

/* FlowPE v14 — fundos por página aplicados diretamente no body */
body.flow-has-bg{
  background:
    linear-gradient(180deg,rgba(5,7,17,.74),rgba(5,7,17,.56)),
    radial-gradient(circle at 12% 8%, var(--bg-a), transparent 28%),
    radial-gradient(circle at 88% 0%, var(--bg-b), transparent 26%),
    radial-gradient(circle at 84% 58%, var(--bg-c), transparent 30%),
    var(--flow-bg-image) center/cover fixed no-repeat,
    var(--bg-grad);
}
html[data-theme="light"] body.flow-has-bg{
  background:
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(244,246,251,.62)),
    radial-gradient(circle at 12% 8%, var(--bg-a), transparent 28%),
    radial-gradient(circle at 88% 0%, var(--bg-b), transparent 26%),
    radial-gradient(circle at 84% 58%, var(--bg-c), transparent 30%),
    var(--flow-bg-image) center/cover fixed no-repeat,
    var(--bg-grad);
}


/* ============================================================================
   FlowPE Digital · acabamento visual clean premium (v23)
   Refinamento visual global: mais respiro, menos peso, cards sofisticados e
   F 3D com palco mais premium. Não altera lógica nem conteúdo editável.
   ============================================================================ */
:root{
  --bg-grad:linear-gradient(180deg,#050711 0%,#060816 44%,#03040A 100%);
  --card-bg:linear-gradient(160deg,rgba(255,255,255,.072),rgba(255,255,255,.026));
  --card-brd:rgba(255,255,255,.105);
  --surface:rgba(255,255,255,.052);
  --surface-brd:rgba(255,255,255,.105);
  --shadow:0 26px 76px rgba(0,0,0,.42);
}
body{
  background:
    radial-gradient(850px 520px at 9% -7%,rgba(240,80,158,.18),transparent 62%),
    radial-gradient(840px 520px at 94% 2%,rgba(74,159,240,.17),transparent 60%),
    radial-gradient(760px 520px at 58% 112%,rgba(255,138,61,.10),transparent 62%),
    var(--bg-grad);
}
body:before{opacity:.58;background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.38),transparent 78%)}
.nav{background:rgba(5,7,17,.68);box-shadow:0 14px 40px rgba(0,0,0,.18)}
.brand-mark{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border-color:rgba(255,255,255,.11);box-shadow:0 12px 34px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06)}
.nav-links a.active{color:#fff;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}
.hero{padding:92px 0 70px}
.hero-grid{gap:54px}
h1{letter-spacing:-.055em;line-height:1.01}.section-title{letter-spacing:-.04em;line-height:1.02}.lead{color:rgba(255,255,255,.72)}
.kicker.badge,.page-hero .badge{background:transparent;border-color:transparent;padding:0;letter-spacing:.15em;text-transform:uppercase;font-size:11.5px;color:rgba(255,255,255,.64)}
.card,.visual-card,.shot-frame,.cta-box,.choice,.pricing-card,.form-card,.links-profile,.link-button{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.card{border-radius:22px;padding:25px;background:var(--card-bg);border-color:var(--card-brd);box-shadow:0 10px 34px rgba(0,0,0,.18)}
.card:before{opacity:.34}.icon{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border-color:rgba(255,255,255,.10)}
.visual-card{border-radius:32px;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.026));border-color:rgba(255,255,255,.12);box-shadow:0 28px 90px rgba(0,0,0,.42)}
.logo-stage{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(106,79,232,.20),rgba(5,7,15,.98) 58%,#03040a 100%);border-color:rgba(255,255,255,.10)}
.logo-stage img{position:relative;inset:auto;width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 22px 40px rgba(106,79,232,.42)) drop-shadow(0 8px 18px rgba(240,80,158,.22))}
.logo-stage:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 62%);filter:blur(8px);pointer-events:none}.logo-stage:after{background:radial-gradient(circle at 50% 42%,transparent 42%,rgba(0,0,0,.22) 100%)}
.btn{border-radius:14px}.btn-primary{box-shadow:0 16px 46px rgba(106,79,232,.25),0 8px 24px rgba(240,80,158,.15)}
.cta-box{background:radial-gradient(circle at 18% 0,rgba(240,80,158,.17),transparent 36%),radial-gradient(circle at 86% 10%,rgba(74,159,240,.14),transparent 38%),linear-gradient(160deg,rgba(255,255,255,.072),rgba(255,255,255,.025));border-color:rgba(255,255,255,.10)}
.float-wa{box-shadow:0 18px 46px rgba(37,211,102,.22),0 8px 26px rgba(0,0,0,.32)}
html[data-theme="light"] body{background:linear-gradient(180deg,#F7F8FC 0%,#EEF2F8 100%)}
html[data-theme="light"] .lead{color:rgba(15,23,41,.72)}
html[data-theme="light"] .kicker.badge,html[data-theme="light"] .page-hero .badge{color:rgba(15,23,41,.58)}
html[data-theme="light"] .nav-links a.active{color:#0F1729;background:rgba(15,23,41,.05);border-color:rgba(15,23,41,.10)}
@media(max-width:900px){.hero{padding:74px 0 52px}.hero-grid{gap:34px}.visual-card{min-height:auto}.logo-stage img{width:82%;height:82%}}

/* ============================================================================
   FlowPE Digital · v25 REVOLUÇÃO CLEAN PREMIUM
   Topo flutuante com F 3D + hero central inspirado no demo de movimento.
   ============================================================================ */
:root{
  --nav-glass:rgba(5,7,17,.62);
  --nav-glass-brd:rgba(255,255,255,.12);
}
.nav{
  top:12px;
  width:min(1180px,calc(100% - 32px));
  margin:12px auto 0;
  border:1px solid var(--nav-glass-brd);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(9,12,26,.72),rgba(5,7,17,.54));
  box-shadow:0 18px 60px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08);
  overflow:visible;
}
.nav:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:24px;
  padding:1px;
  background:linear-gradient(120deg,rgba(255,138,61,.22),rgba(240,80,158,.16),rgba(106,79,232,.18),rgba(74,159,240,.22));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.nav .container{width:100%;max-width:none;padding:0 14px}
.nav-inner{height:70px}
.brand{gap:11px}
.brand-mark{
  width:48px;height:48px;border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 14px 34px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
  overflow:visible;
}
.brand-mark img{
  width:56px;height:56px;object-fit:contain;
  transform:translateZ(0);
  filter:drop-shadow(0 8px 14px rgba(106,79,232,.40)) drop-shadow(0 3px 8px rgba(240,80,158,.22));
}
.brand:hover .brand-mark img{transform:translateY(-1px) rotateY(-8deg);transition:transform .24s ease}
.brand-copy b{font-size:14px;letter-spacing:.01em}.brand-copy span{font-size:10.5px;opacity:.86}
.nav-links{gap:4px;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035)}
.nav-links a{padding:10px 15px;font-weight:700;color:rgba(255,255,255,.68)}
.nav-links a.active,.nav-links a:hover{background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.11);color:#fff}
.theme-toggle{border-radius:14px!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.11)!important}
.nav-right .btn-primary{min-height:46px;border-radius:15px;padding-inline:20px}

.hero{
  overflow:hidden;
  padding:36px 0 76px!important;
}
.hero-revolution{
  min-height:calc(100vh - 150px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  position:relative;
  z-index:3;
  gap:0;
}
.hero-eyebrow{
  color:rgba(235,240,255,.78);
  font-size:12px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:20px;
  text-wrap:balance;
}
.hero-fstage.logo-stage{
  width:clamp(122px,12vw,164px);
  height:clamp(122px,12vw,164px);
  min-height:0;
  aspect-ratio:1/1;
  margin:0 auto 32px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  perspective:1100px;
}
.hero-fstage.logo-stage:before,.hero-fstage.logo-stage:after{display:none!important}
.hero-fcube{width:100%;height:100%;display:grid;place-items:center;transform-style:preserve-3d}
.hero-fstage.logo-stage img{
  position:relative!important;inset:auto!important;
  width:100%!important;height:100%!important;object-fit:contain!important;
  filter:drop-shadow(0 24px 42px rgba(106,79,232,.52)) drop-shadow(0 8px 22px rgba(240,80,158,.28)) drop-shadow(0 0 16px rgba(74,159,240,.18));
}
.hero-revolution h1{
  max-width:1240px;
  margin:0 auto 20px;
  font-size:clamp(44px,7.4vw,92px);
  line-height:.98;
  letter-spacing:-.062em;
  text-wrap:balance;
}
.hero-revolution .lead{
  max-width:720px;
  margin:0 auto;
  color:rgba(223,229,246,.74);
  font-size:clamp(16px,1.7vw,20px);
  line-height:1.65;
  text-wrap:balance;
}
.hero-revolution .hero-actions{justify-content:center;margin:34px 0 0}
.hero-revolution .btn{min-height:50px;border-radius:15px;padding-inline:24px}
.hero-revolution .btn-soft{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.hero-revolution .trust-strip{justify-content:center;margin-top:28px;max-width:820px;opacity:.88}
.hero-revolution .trust-pill{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.085);font-size:11.5px;padding:9px 12px}
.hero-fstage{overflow:visible;background:transparent;border-color:transparent;min-height:220px}
.hero-fstage:after{display:none}
.hero-fstage .hero-fcube{perspective:1100px}
.hero-fstage .fx-3d-target{will-change:transform;transition:filter .28s ease, transform .28s ease}
.hero-fstage:hover .fx-3d-target{filter:drop-shadow(0 36px 62px rgba(106,79,232,.64)) drop-shadow(0 14px 32px rgba(240,80,158,.34)) drop-shadow(0 0 22px rgba(74,159,240,.30))}

.shot-analytics{padding:10px 18px 8px;display:grid;gap:10px}
.shot-analytics .panel-item{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.032);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.shot-analytics .panel-item .pl{font-size:11px;color:var(--muted)}
.shot-analytics .panel-item .pl b{font-size:12px;color:var(--text)}
.shot-analytics .panel-line{height:8px;background:rgba(255,255,255,.09)}
.shot-analytics .panel-item:nth-child(1) .panel-line i{background:linear-gradient(90deg,#FF8A3D,#F0509E)}
.shot-analytics .panel-item:nth-child(2) .panel-line i{background:linear-gradient(90deg,#6A4FE8,#4A9FF0)}
.shot-analytics .panel-item:nth-child(3) .panel-line i{background:linear-gradient(90deg,#4A9FF0,#39E6A3)}

.media-help-note{margin-top:16px;display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);color:var(--muted);font-size:12.5px;line-height:1.55}
.media-help-note span{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border-radius:999px;background:linear-gradient(135deg,#FF8A3D,#6A4FE8);color:#fff;font-size:11px;box-shadow:0 10px 26px rgba(106,79,232,.28)}
.media-help-note p{margin:0}

.tutorial-flow-wrap{display:block;padding-top:18px;opacity:1;transform:none}
.tutorial-flow-wrap.is-open{display:block;opacity:1;transform:none;animation:tutorialWrapIn .45s ease both}
.tutorial-flow-wrap .section-head{margin-bottom:22px}
.tutorial-flow-head.clean-head{justify-content:flex-start;align-items:flex-start}
.tutorial-stage-block{margin-top:18px}.tutorial-stage-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);color:#fff;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px}.tutorial-flow-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.tutorial-pre-tip{margin:0 0 18px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);max-width:820px}.tutorial-pre-tip span{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#fff;font-size:11px;font-weight:900;letter-spacing:.02em;margin-bottom:8px}.tutorial-pre-tip p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.65}.tutorial-pre-tip b{color:var(--text)}
.tutorial-flow-head{align-items:flex-end}
.tutorial-flow-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:var(--text);font-size:12px;font-weight:800;white-space:nowrap}
.tutorial-service-callout{display:grid;grid-template-columns:1.2fr .9fr;gap:18px;align-items:center;margin:0 0 22px;padding:22px 24px;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 60px rgba(0,0,0,.18);position:relative;overflow:hidden}
.tutorial-service-callout:before{content:"";position:absolute;inset:auto -8% 0 -8%;height:1px;background:linear-gradient(90deg,transparent,var(--pink),var(--blue),transparent);opacity:.7}
.tutorial-service-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#fff;font-size:12px;font-weight:900}
.tutorial-service-copy h3{margin:0 0 10px;font-size:26px;line-height:1.05;letter-spacing:-.03em}
.tutorial-service-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.tutorial-service-copy b{color:var(--text)}
.tutorial-service-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}
.tutorial-service-pills span{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:var(--text);font-size:12.5px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.tutorial-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tutorial-flow-grid-extended{grid-template-columns:repeat(3,1fr)}.tutorial-flow-grid-five{grid-template-columns:repeat(3,1fr)}.tutorial-flow-grid-five article:last-child:nth-child(5){grid-column:2 / span 1}
.tutorial-card{position:relative;padding:22px;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 50px rgba(0,0,0,.16);overflow:hidden;opacity:0;transform:translateY(16px) scale(.985);transition:opacity .45s ease, transform .45s ease, border-color .25s ease, box-shadow .25s ease}
.tutorial-card:before{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--pink),var(--blue),transparent);opacity:.55}
.tutorial-card:hover{border-color:rgba(255,255,255,.18);box-shadow:0 24px 64px rgba(0,0,0,.24)}
.tutorial-card-top{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}
.tutorial-step{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(145deg,rgba(255,138,61,.22),rgba(106,79,232,.20));border:1px solid rgba(255,255,255,.10);font-weight:900;letter-spacing:.03em;color:#fff;box-shadow:0 16px 34px rgba(106,79,232,.20)}
.tutorial-card h3{margin:0;font-size:20px;line-height:1.05;letter-spacing:-.03em}
.tutorial-card p{margin:0;color:var(--muted);line-height:1.65;font-size:14px}
.tutorial-card b{color:var(--text)}
.tutorial-flow-wrap.is-open .tutorial-card,.tutorial-flow-wrap .tutorial-card.in{opacity:1;transform:none}
@keyframes tutorialWrapIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.precificador-media-card{max-width:620px;padding:20px 20px 18px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045))}
.precificador-media-card.is-playing{box-shadow:0 38px 110px rgba(0,0,0,.54),0 0 0 1px rgba(255,255,255,.11),0 0 0 12px rgba(106,79,232,.045)}
.precificador-media-card:after{display:none}
.precificador-media-card .precificador-logo-stage{aspect-ratio:9/16;min-height:620px;border-radius:30px;background:linear-gradient(180deg,#060A13 0%,#05070F 100%);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 18px 60px rgba(0,0,0,.36)}
.precificador-media-card .precificador-logo-stage.media-slot-filled{max-width:100%;min-height:620px;aspect-ratio:9/16}
.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render{inset:0;border-radius:30px;background:radial-gradient(circle at 50% 0,rgba(106,79,232,.18),transparent 42%),#04070E;display:flex;align-items:center;justify-content:center}
.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render video,.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#04070E;border-radius:30px}
.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render.media-video:before{display:none}
.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render.media-video:after{display:none}
.precificador-media-card .precificador-logo-stage .calc-preview-phone{inset:0;border-radius:30px;border:1px solid rgba(255,255,255,.08)}
.precificador-media-card .precificador-logo-stage .calc-preview-window{padding:14px}
.precificador-media-card .precificador-logo-stage .calc-preview-app{border-radius:20px}

@media(max-width:1200px){.tutorial-flow-grid-extended,.tutorial-flow-grid-five{grid-template-columns:repeat(2,1fr)}.tutorial-flow-grid-five article:last-child:nth-child(5){grid-column:auto}.tutorial-service-callout{grid-template-columns:1fr}}
@media(max-width:980px){.precificador-media-card{max-width:560px}.precificador-media-card .precificador-logo-stage,.precificador-media-card .precificador-logo-stage.media-slot-filled{min-height:560px}}
@media(max-width:720px){.tutorial-flow-grid,.tutorial-flow-grid-extended,.tutorial-flow-grid-five,.tutorial-flow-grid-three{grid-template-columns:1fr}.tutorial-flow-grid-five article:last-child:nth-child(5){grid-column:auto}.tutorial-flow-chip{margin-top:8px}.precificador-media-card{padding:16px}.media-help-note{font-size:12px}.tutorial-service-callout{padding:18px}.tutorial-service-copy h3{font-size:22px}}
@media(max-width:560px){.precificador-media-card{border-radius:30px}.precificador-media-card .precificador-logo-stage,.precificador-media-card .precificador-logo-stage.media-slot-filled{min-height:460px;border-radius:24px}.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render,.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render video,.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render img,.precificador-media-card .precificador-logo-stage .calc-preview-phone{border-radius:24px}}

.page-hero{padding-top:90px}.page-hero h1{text-wrap:balance}.section-head{align-items:flex-end}
.card,.choice,.pricing-card,.form-card,.links-profile,.links-card{box-shadow:0 14px 44px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.04)}

html[data-theme="light"] .nav{background:rgba(255,255,255,.78);border-color:rgba(15,23,41,.10);box-shadow:0 18px 50px rgba(15,23,41,.12), inset 0 1px 0 rgba(255,255,255,.9)}
html[data-theme="light"] .nav-links{background:rgba(15,23,41,.035);border-color:rgba(15,23,41,.07)}
html[data-theme="light"] .nav-links a{color:rgba(15,23,41,.62)}
html[data-theme="light"] .nav-links a.active,html[data-theme="light"] .nav-links a:hover{background:rgba(15,23,41,.06);color:#0F1729}
html[data-theme="light"] .hero-eyebrow{color:rgba(15,23,41,.58)}
html[data-theme="light"] .hero-revolution .lead{color:rgba(15,23,41,.70)}
html[data-theme="light"] .hero-revolution .trust-pill{background:rgba(15,23,41,.035);border-color:rgba(15,23,41,.08);color:rgba(15,23,41,.64)}

@media(max-width:920px){
  .nav{width:calc(100% - 24px);top:10px;margin-top:10px;border-radius:22px}
  .nav:before{border-radius:22px}.nav-inner{height:66px}.nav .container{padding:0 10px}
  .brand-mark{width:45px;height:45px}.brand-mark img{width:52px;height:52px}.brand-copy span{max-width:180px}
  .nav-drawer{top:88px;left:12px;right:12px;bottom:auto;max-height:calc(100vh - 104px);border-radius:24px;border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 70px rgba(0,0,0,.38)}
  .hero{padding:34px 0 62px!important}.hero-revolution{min-height:calc(100vh - 142px)}
  .hero-revolution h1{font-size:clamp(40px,10.2vw,68px)}
}
@media(max-width:560px){
  .nav{width:calc(100% - 18px);border-radius:20px}.nav:before{border-radius:20px}.nav-inner{height:62px}
  .brand-copy b{font-size:13px}.brand-copy span{display:none}.nav-right{gap:7px}.theme-toggle{width:42px!important;height:42px!important}
  .hero{padding-top:30px!important}.hero-revolution{min-height:calc(100vh - 128px)}
  .hero-eyebrow{font-size:10.5px;letter-spacing:.14em;margin-bottom:16px}
  .hero-fstage.logo-stage{width:112px;height:112px;margin-bottom:24px}
  .hero-revolution h1{font-size:clamp(36px,12vw,56px);line-height:1.02;letter-spacing:-.05em}
  .hero-revolution .lead{font-size:15.8px;line-height:1.58}.hero-revolution .trust-strip{display:none}
}


/* ==========================================================================
   FlowPE Digital · v25 Precificador premium
   Ajuste do vídeo + card visual mais próximo da calculadora real.
========================================================================== */
.precificador-media-card .precificador-logo-stage.media-slot-filled{
  aspect-ratio:9/16;
  max-width:390px;
  min-height:640px;
  margin:0 auto;
}
.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render{
  background:radial-gradient(circle at 50% 12%,rgba(238,77,45,.18),transparent 32%),#05070F;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render video{
  width:100%;
  height:100%;
  object-fit:contain!important;
  background:#05070F;
  border-radius:20px;
}
.precificador-media-card .precificador-logo-stage.media-slot-filled .media-slot-render.media-video:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:24px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), inset 0 -38px 80px rgba(0,0,0,.28);
  z-index:3;
}
.calc-preview-stage{position:relative;overflow:hidden;isolation:isolate;}
.calc-preview-phone{position:absolute;inset:12px;border-radius:24px;overflow:hidden;background:#05070F;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);}
.calc-preview-glow{position:absolute;inset:-45% -30% auto -30%;height:230px;background:radial-gradient(circle,rgba(238,77,45,.28),transparent 58%),radial-gradient(circle at 80% 40%,rgba(74,159,240,.18),transparent 52%);filter:blur(6px);opacity:.8;pointer-events:none;}
.calc-preview-window{position:absolute;inset:0;padding:13px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));}
.calc-preview-bar{height:29px;display:flex;align-items:center;gap:7px;padding:0 8px 9px;color:rgba(255,255,255,.44);font-size:10.5px;font-weight:800;}
.calc-preview-bar i{width:8px;height:8px;border-radius:50%;display:block;background:rgba(255,255,255,.24)}
.calc-preview-bar i:nth-child(1){background:#ff5f57}.calc-preview-bar i:nth-child(2){background:#febc2e}.calc-preview-bar i:nth-child(3){background:#28c840}.calc-preview-bar b{margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.calc-preview-app{height:calc(100% - 29px);border-radius:17px;background:linear-gradient(180deg,#12182A 0%,#0D1424 48%,#0A101D 100%);border:1px solid rgba(255,255,255,.10);overflow:hidden;color:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);}
.calc-preview-head{padding:15px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(238,77,45,.12),rgba(255,255,255,0));}
.calc-preview-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:9.7px;font-weight:900;color:#fff;margin-bottom:9px;}
.calc-preview-pill span{width:5px;height:5px;border-radius:50%;background:#EE4D2D;box-shadow:0 0 10px rgba(238,77,45,.85)}
.calc-preview-pill b{color:#FF7A45}.calc-preview-head h3{margin:0;font-size:15.5px;line-height:1.05;font-weight:900;letter-spacing:-.03em}.calc-preview-head p{margin:4px 0 0;color:rgba(255,255,255,.58);font-size:10.2px;font-weight:600;line-height:1.35}.calc-preview-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px 15px 0}.calc-preview-tabs span{display:block;padding:9px 6px;border-radius:10px 10px 0 0;text-align:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.56);font-size:10px;font-weight:900;line-height:1.25}.calc-preview-tabs span.active{background:linear-gradient(135deg,rgba(238,77,45,.23),rgba(192,59,209,.13));border-color:rgba(238,77,45,.35);color:#FFB199}.calc-preview-section{padding:12px 15px 0;font-size:8.8px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000;color:rgba(255,255,255,.38)}.calc-preview-section.compact{padding-top:10px}.calc-preview-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px 15px 0}.calc-preview-fields div{border-radius:10px;background:rgba(0,0,0,.29);border:1px solid rgba(255,255,255,.10);padding:9px 10px;min-width:0}.calc-preview-fields small{display:block;color:rgba(255,255,255,.48);font-size:8.8px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calc-preview-fields strong{display:block;margin-top:4px;font-size:14px;letter-spacing:-.02em;color:#fff}.calc-preview-bars{display:grid;gap:7px;padding:9px 15px 0}.calc-bar-row div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}.calc-bar-row span{font-size:9.2px;color:rgba(255,255,255,.62);font-weight:800}.calc-bar-row b{font-size:9.2px;color:#FFB199;font-weight:1000}.calc-bar-row em{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);overflow:hidden;position:relative}.calc-bar-row i{display:block;height:100%;width:var(--w);border-radius:999px;background:linear-gradient(90deg,#EE4D2D,#F0509E,#6A4FE8,#4A9FF0);background-size:220% auto;animation:calcBarIn 1.2s cubic-bezier(.2,.8,.2,1) both,calcBarMove 3.8s linear infinite;animation-delay:var(--d),calc(var(--d) + 1.2s);box-shadow:0 0 18px rgba(240,80,158,.25)}.calc-preview-results{display:grid;gap:7px;padding:9px 15px 0}.calc-preview-results div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:10px;background:rgba(0,0,0,.29);border:1px solid rgba(255,255,255,.05);font-size:10.2px}.calc-preview-results div.hi{background:linear-gradient(135deg,rgba(57,230,163,.18),rgba(74,159,240,.10));border-color:rgba(57,230,163,.32)}.calc-preview-results span{color:rgba(255,255,255,.66);font-weight:700}.calc-preview-results b{color:#fff;font-size:11.8px;white-space:nowrap}.calc-preview-results .hi b{color:#39E6A3}.calc-preview-foot{padding:9px 15px 12px;text-align:center;color:rgba(255,255,255,.34);font-size:8.8px;font-weight:700;line-height:1.35}
@keyframes calcBarIn{from{width:0}to{width:var(--w)}}
@keyframes calcBarMove{0%{background-position:0% 50%}100%{background-position:220% 50%}}
@media (max-width:980px){.calc-preview-phone{inset:12px}}
@media (max-width:560px){.precificador-media-card .precificador-logo-stage.media-slot-filled{max-width:100%;min-height:450px}
.calc-preview-phone{inset:10px;border-radius:20px}.calc-preview-window{padding:10px}.calc-preview-bar{height:25px;font-size:9px;padding-bottom:7px}.calc-preview-app{height:calc(100% - 25px);border-radius:15px}.calc-preview-head{padding:12px 13px 10px}.calc-preview-head h3{font-size:14px}.calc-preview-tabs{padding:9px 12px 0;gap:5px}.calc-preview-tabs span{font-size:8.8px;padding:7px 4px}.calc-preview-section{padding:9px 12px 0;font-size:7.8px}.calc-preview-fields{padding:7px 12px 0;gap:6px}.calc-preview-fields div{padding:7px 8px}.calc-preview-fields small{font-size:7.6px}.calc-preview-fields strong{font-size:12px}.calc-preview-bars,.calc-preview-results{padding:7px 12px 0;gap:5px}.calc-preview-results div{padding:7px 8px;font-size:8.8px}.calc-preview-results b{font-size:10px}.calc-preview-foot{font-size:7.8px;padding:7px 12px 10px}}
@media (prefers-reduced-motion:reduce){.calc-bar-row i{animation:none!important;width:var(--w)!important}}