:root{
  --bg:#06152d;
  --bg-2:#081c3a;
  --ink:#091833;
  --muted:#64728a;
  --line:#dce5f3;
  --card:#ffffff;
  --soft:#f4f8ff;
  --primary:#0b7cff;
  --primary-2:#20c8ff;
  --primary-dark:#075ed1;
  --success:#32d07f;
  --shadow:0 22px 60px rgba(5,23,55,.16);
  --shadow-strong:0 28px 90px rgba(0,21,58,.38);
  --radius:24px;
  --radius-sm:16px;
  --container:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ink);
  background:#f6f9fe;
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.page-shell{
  min-height:100vh;
  background:
    radial-gradient(circle at 8% 32%, rgba(15,138,255,.38), transparent 21rem),
    radial-gradient(circle at 78% 18%, rgba(0,218,255,.22), transparent 25rem),
    linear-gradient(180deg,#031022 0%,#071d3d 100%);
}
.checkout-shell{
  background:
    radial-gradient(circle at 0% 50%, rgba(14,134,255,.35), transparent 21rem),
    radial-gradient(circle at 92% 36%, rgba(37,206,255,.22), transparent 27rem),
    linear-gradient(180deg,#031022 0%,#071d3d 72%,#071d3d 100%);
}
.tech-bg{position:relative;overflow:hidden}
.tech-bg::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.9;
  background-image:
    linear-gradient(115deg, transparent 0 15%, rgba(31,155,255,.13) 16%, transparent 17% 100%),
    radial-gradient(circle at 25% 48%, rgba(49,199,255,.75) 0 2px, transparent 3px),
    radial-gradient(circle at 64% 22%, rgba(49,199,255,.6) 0 2px, transparent 3px),
    radial-gradient(circle at 93% 44%, rgba(49,199,255,.65) 0 2px, transparent 3px),
    linear-gradient(125deg, transparent 0 59%, rgba(34,151,255,.17) 60%, transparent 61%);
  background-size:100% 100%, 420px 240px, 510px 260px, 360px 230px,100% 100%;
}
.tech-bg::after{
  content:"";position:absolute;inset:-10% -5%;pointer-events:none;opacity:.18;
  background-image:linear-gradient(rgba(46,164,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(46,164,255,.45) 1px,transparent 1px);
  background-size:88px 88px;
  transform:perspective(900px) rotateX(60deg) translateY(18%);
}
.container{width:min(var(--container), calc(100% - 48px));margin:0 auto;position:relative;z-index:2}
.site-header{
  position:sticky;top:0;z-index:20;
  background:rgba(3,16,34,.86);
  border-bottom:1px solid rgba(151,190,255,.12);
  backdrop-filter:blur(18px);
}
.navbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:flex;align-items:center;min-width:220px}
.brand img{width:208px;height:auto;display:block}
.nav-menu{display:flex;align-items:center;gap:46px;color:#f4f7fb;font-weight:700}
.nav-menu a{opacity:.94;transition:.2s}
.nav-menu a:hover{color:var(--primary-2)}
.nav-actions{display:flex;align-items:center;gap:14px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:54px;padding:0 28px;border-radius:10px;border:1px solid transparent;
  font-weight:800;letter-spacing:-.2px;cursor:pointer;transition:.2s ease;
}
.btn-primary{background:linear-gradient(180deg,#1689ff,#006cf0);color:#fff;box-shadow:0 12px 26px rgba(0,114,255,.32)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(0,114,255,.42)}
.btn-outline{background:rgba(5,15,34,.26);border-color:rgba(255,255,255,.58);color:#fff;box-shadow:inset 0 0 0 1px rgba(26,201,255,.05)}
.btn-outline:hover{border-color:var(--primary-2);background:rgba(11,124,255,.14)}
.btn-wide{width:100%;min-height:58px;border-radius:10px;font-size:16px}
.icon{width:22px;height:22px;display:inline-block;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero{padding:42px 0 58px;min-height:560px;color:#fff}
.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:56px}
.eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);font-weight:900;margin:0 0 14px}
.hero h1{font-size:clamp(46px,4.2vw,76px);line-height:1.02;letter-spacing:-3px;margin:0 0 22px;font-weight:900;max-width:650px}
.hero h1 span{color:var(--primary-2)}
.hero p{font-size:19px;line-height:1.65;color:#d7e4f8;max-width:650px;margin:0 0 28px}
.hero-ctas{display:flex;gap:18px;margin:28px 0 28px;flex-wrap:wrap}
.feature-pills{display:grid;grid-template-columns:repeat(3, minmax(160px,1fr));gap:16px;max-width:650px}
.pill{
  min-height:74px;border-radius:12px;border:1px solid rgba(177,215,255,.22);
  background:rgba(255,255,255,.07);display:flex;align-items:center;gap:14px;padding:16px 18px;
  color:#f7fbff;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.pill .icon{color:var(--primary-2);width:28px;height:28px;flex:0 0 auto}
.hero-product-frame{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(132,190,255,.24);
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.045) inset;
}
.hero-product-frame::before{
  content:"";
  position:absolute;
  inset:-38% -18% auto auto;
  width:52%;
  height:68%;
  background:radial-gradient(circle,rgba(32,200,255,.26),transparent 66%);
  pointer-events:none;
}
.hero-product-topbar{
  height:54px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
  padding:0 18px;
  background:rgba(4,16,34,.94);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.window-dots{display:flex;gap:8px}
.window-dots span{
  width:11px;height:11px;border-radius:50%;
  background:rgba(255,255,255,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15);
}
.hero-product-title{display:flex;align-items:center;gap:12px;font-weight:900;color:#fff}
.hero-product-title img{width:116px;height:auto;display:block}
.hero-product-title span{font-size:14px;color:#dcecff}
.hero-product-status{
  display:flex;align-items:center;gap:8px;
  color:#ccf8dd;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.hero-product-shot-wrap{
  position:relative;
  padding:12px;
  background:linear-gradient(135deg,rgba(6,20,42,.96),rgba(8,30,60,.9));
}
.hero-product-shot{
  width:100%;
  aspect-ratio:1905/960;
  object-fit:cover;
  object-position:center top;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 44px rgba(0,0,0,.32);
}
.dot{width:8px;height:8px;background:var(--success);border-radius:99px;display:inline-block;margin-right:6px}
.main-content{position:relative;z-index:3;background:#f6f9fe;padding-bottom:58px}
.how{padding:22px 0 18px}.how-grid{display:grid;grid-template-columns:230px 1fr;gap:38px;align-items:center}.section-title h2{font-size:28px;line-height:1.12;margin:0;color:#071b3b;letter-spacing:-.8px}.accent-line{width:40px;height:4px;background:var(--primary);border-radius:99px;margin-top:18px}.steps{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;gap:12px;align-items:center}.step-card{min-height:126px;background:#fff;border-radius:16px;box-shadow:var(--shadow);display:flex;align-items:center;gap:22px;padding:26px}.round-icon{width:74px;height:74px;border-radius:50%;background:#eef5ff;color:var(--primary);display:grid;place-items:center;flex:0 0 auto}.round-icon .icon{width:34px;height:34px}.num{color:var(--primary);font-size:22px;font-weight:900;margin-bottom:8px}.step-card h3{margin:0 0 7px;font-size:18px;color:#071b3b}.step-card p{margin:0;color:#6d7a91;font-size:14px;line-height:1.55}.arrow{color:#a3afc1;font-size:44px;text-align:center}
.bottom-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-top:4px}.price-card,.security-card,.checkout-card,.summary-card,.bottom-benefits{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(199,214,236,.7)}.price-card{padding:24px;display:grid;grid-template-columns:260px 1fr auto;gap:28px;align-items:center}.ticket-icon{width:82px;height:82px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#005fea);display:grid;place-items:center;color:#fff;box-shadow:0 12px 28px rgba(0,113,245,.32);float:left;margin-right:22px}.ticket-icon .icon{width:42px;height:42px}.price-title{font-size:23px;font-weight:900;margin:0 0 8px}.price{font-size:50px;font-weight:950;color:var(--primary);letter-spacing:-2px}.price small{font-size:26px}.sub{color:#65738b}.benefits{list-style:none;padding:0;margin:0;border-left:1px solid #dfe7f3;padding-left:28px;color:#53637a;font-weight:700;line-height:2.1}.benefits li::before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#167dff;color:#fff;font-size:12px;font-weight:900;margin-right:10px}.security-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.security-card{padding:24px 18px;text-align:center;min-height:176px}.security-card .icon{color:var(--primary);width:36px;height:36px;margin-bottom:18px}.security-card h3{font-size:17px;line-height:1.16;margin:0 0 10px}.security-card p{font-size:12px;line-height:1.45;color:#687891;margin:0}.section-label{font-size:14px;color:var(--primary);font-weight:950;text-transform:uppercase;letter-spacing:.03em;margin:0 0 12px}
.checkout-page{color:#fff;padding:42px 0 44px;min-height:calc(100vh - 78px)}.checkout-title{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:26px}.checkout-title h1{font-size:52px;line-height:1.06;letter-spacing:-2px;margin:0 0 14px}.checkout-title p{margin:0;color:#d7e4f8;font-size:18px;line-height:1.45}.secure-badge{display:flex;gap:16px;align-items:center;min-width:270px;background:rgba(255,255,255,.07);border:1px solid rgba(186,219,255,.22);border-radius:14px;padding:16px 18px}.secure-badge .icon{width:45px;height:45px;color:#22cfff}.secure-badge b{display:block}.secure-badge span{display:block;color:#c5d5eb;font-size:13px;margin-top:4px}.checkout-grid{display:grid;grid-template-columns:1.72fr 1fr;gap:26px}.checkout-card{padding:32px;color:var(--ink)}.form-head{display:flex;gap:16px;align-items:center;margin-bottom:28px}.form-head .icon{color:var(--primary);width:42px;height:42px}.form-head h2{margin:0 0 4px;font-size:24px}.form-head p{margin:0;color:#697891}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}.field label{display:block;font-size:14px;font-weight:900;margin-bottom:8px;color:#0d2142}.input-wrap{position:relative}.input-wrap .icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--primary)}.input-wrap input{width:100%;height:52px;border:1px solid #d7e0ec;border-radius:9px;padding:0 16px 0 50px;color:#11264a;background:#fff;outline:none;transition:.2s}.input-wrap input:focus{border-color:#0d82ff;box-shadow:0 0 0 4px rgba(13,130,255,.12)}.field small{display:block;color:#7b879b;margin-top:8px}.full{grid-column:1/-1}.notice{display:flex;align-items:center;gap:18px;border:1px solid #bad6fa;background:#eef6ff;border-radius:10px;color:#41607f;padding:14px 18px;margin:22px 0 24px}.notice b{color:#102a4e;margin-right:10px}.notice .icon{color:var(--primary);flex:0 0 auto}.safe-note{text-align:center;color:#7b8aa3;font-size:13px;margin:10px 0 0}.summary-card{padding:26px;color:var(--ink)}.summary-head{display:flex;gap:12px;align-items:center;margin-bottom:20px;color:#173a72;font-weight:900}.summary-plan{border:1px solid #dce5f3;border-radius:14px;padding:24px}.summary-main{display:flex;align-items:center;gap:24px;margin-bottom:22px}.summary-plan .ticket-icon{float:none;margin:0;width:84px;height:84px}.summary-plan h2{font-size:24px;margin:0 0 8px}.summary-plan .price{font-size:52px}.mini-list{border:1px solid #dfe7f3;border-radius:10px;list-style:none;padding:15px 16px;margin:0 0 20px;line-height:2;color:#1d3155;font-weight:800}.mini-list li::before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#167dff;color:#fff;font-size:11px;margin-right:8px}.summary-info{display:flex;gap:16px;border:1px solid #cfe1fa;background:#eff7ff;border-radius:10px;padding:15px}.summary-info .icon{width:44px;height:44px;color:#0c72f2;flex:0 0 auto}.summary-info b{display:block;margin-bottom:5px}.summary-info p{margin:0;color:#52667f;font-size:14px;line-height:1.45}.payment-note{text-align:center;color:#66748b;margin:22px 0 10px;font-size:13px;font-weight:700}.pay-icons{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap}.pay-icons span{font-weight:950;font-size:15px;color:#1b4a8b}.pay-icons .circle{width:22px;height:22px;border-radius:50%;display:inline-block;margin-left:-6px}.mc1{background:#ef3a32}.mc2{background:#ffb000}.elo{background:#0c1020;color:#fff!important;border-radius:50%;width:28px;height:28px;display:grid!important;place-items:center;font-size:10px!important}.pix{color:#62cdb6!important}.bottom-benefits{margin-top:22px;background:rgba(255,255,255,.06);border-color:rgba(185,217,255,.22);color:#fff;box-shadow:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:20px 0}.benefit-item{display:flex;align-items:center;gap:18px;padding:0 34px;border-right:1px solid rgba(207,225,250,.18)}.benefit-item:last-child{border-right:0}.benefit-item .icon{color:var(--primary-2);width:44px;height:44px;flex:0 0 auto}.benefit-item h3{margin:0 0 4px;font-size:17px}.benefit-item p{margin:0;color:#d5e0ef;font-size:14px;line-height:1.35}.mobile-menu{display:none;background:transparent;border:0;color:#fff}
@media (max-width:1320px){.hero-grid{gap:36px}.feature-pills{grid-template-columns:1fr 1fr;max-width:600px}}
@media (max-width:1180px){.hero-grid,.bottom-grid,.checkout-grid{grid-template-columns:1fr}.app-window{max-width:850px}.how-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.arrow{display:none}.price-card{grid-template-columns:1fr}.security-wrap{grid-template-columns:repeat(2,1fr)}.bottom-benefits{grid-template-columns:repeat(2,1fr)}.benefit-item:nth-child(2){border-right:0}.nav-menu{gap:24px}.hero{padding-bottom:42px}.main-content{padding-top:20px}}
@media (max-width:760px){.container{width:min(100% - 28px,var(--container))}.navbar{height:70px}.brand img{width:170px}.nav-menu{display:none}.mobile-menu{display:block}.hero h1{font-size:42px;letter-spacing:-1.5px}.hero p{font-size:16px}.feature-pills{grid-template-columns:1fr}.price-card{padding:18px}.security-wrap,.form-grid,.bottom-benefits{grid-template-columns:1fr}.benefit-item{border-right:0;border-bottom:1px solid rgba(207,225,250,.18);padding:18px}.benefit-item:last-child{border-bottom:0}.checkout-title{display:block}.checkout-title h1{font-size:38px}.secure-badge{margin-top:20px}.checkout-card,.summary-card{padding:20px}.summary-main{display:block}.summary-main .ticket-icon{margin-bottom:18px}.hero-ctas .btn{width:100%}}

/* Commercial flow refinements */
.price-card{
  grid-template-columns:minmax(260px,.9fr) minmax(320px,1.15fr) minmax(180px,.55fr);
  align-items:center;
}
.price-main{display:flex;align-items:center;gap:22px}
.price-main .ticket-icon{float:none;margin:0;flex:0 0 auto}
.price-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.price-actions .btn{min-width:170px;justify-content:center}
.price-actions span{font-size:13px;line-height:1.45;color:#65738b;font-weight:700}
.textarea-control{
  width:100%;
  min-height:126px;
  border:1px solid #d7e0ec;
  border-radius:9px;
  padding:16px;
  color:#11264a;
  background:#fff;
  outline:none;
  resize:vertical;
  font:inherit;
  transition:.2s;
}
.textarea-control:focus{border-color:#0d82ff;box-shadow:0 0 0 4px rgba(13,130,255,.12)}
.pix-card{
  display:grid;
  grid-template-columns:1fr 290px;
  gap:26px;
  margin-top:24px;
  padding:24px;
  border:1px solid #cfe1fa;
  border-radius:18px;
  background:linear-gradient(135deg,#f7fbff,#ffffff);
}
.pix-copy h2{margin:0 0 10px;font-size:28px;color:#0d2142}
.pix-copy p{margin:0 0 18px;color:#52667f;line-height:1.55}
.pix-support{padding:13px 15px;border:1px solid #bde6d2;border-radius:12px;background:#effaf4;color:#174f34!important;font-weight:800}
.pix-support a{color:#0a8f50;text-decoration:none;font-weight:950}.pix-support a:hover{text-decoration:underline}
.pix-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
.pix-details div{padding:14px;border:1px solid #dce7f5;border-radius:12px;background:#fff}
.pix-details span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6b7d95;font-weight:900;margin-bottom:6px}
.pix-details strong{color:#102a4e}
.pix-payload{width:100%;height:116px;border:1px solid #d7e0ec;border-radius:12px;padding:14px;color:#14345f;background:#fff;resize:vertical;font-family:Consolas,monospace;font-size:12px}
.pix-qr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;border-radius:18px;background:#fff;border:1px solid #dce7f5;box-shadow:0 12px 30px rgba(15,38,76,.08)}
.pix-qr img{width:220px;height:220px;object-fit:contain}
.pix-qr span{font-size:12px;color:#65738b;font-weight:900;letter-spacing:.06em}
.token-list{display:grid;gap:14px;margin-top:24px}
.token-kicker{font-size:13px;color:#17427d;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.approve-form{margin-top:22px}
.inline-form{margin:0}
.table-button{border:0;border-radius:8px;background:#167dff;color:#fff;font-weight:900;padding:10px 14px;cursor:pointer}
.table-button:hover{filter:brightness(.95)}
.orders-table th,.orders-table td{vertical-align:middle}
@media (max-width:1180px){
  .price-card{grid-template-columns:1fr}
  .benefits{border-left:0;border-top:1px solid #dfe7f3;padding:22px 0 0}
  .pix-card{grid-template-columns:1fr}
  .pix-qr{max-width:320px}
}
@media (max-width:760px){
  .price-main{align-items:flex-start}
  .pix-details{grid-template-columns:1fr}
}

.btn.active{box-shadow:0 0 0 1px rgba(255,255,255,.18),0 16px 34px rgba(0,114,255,.42)}
.end-session{display:flex;align-items:center;justify-content:center;text-decoration:none}
.inner-page{display:flex;align-items:flex-start}
.commercial-panel{
  width:100%;
  color:var(--ink);
  background:#fff;
  border:1px solid rgba(199,214,236,.7);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:34px;
}
.commercial-panel-narrow{max-width:680px;margin:0 auto}
.panel-kicker{
  color:var(--primary);
  font-size:13px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.commercial-panel h1{margin:0 0 18px;font-size:clamp(32px,3.2vw,52px);line-height:1.06;letter-spacing:-1.4px;color:#071b3b}
.muted-light{color:#61718b;font-size:16px;line-height:1.6;margin:0 0 22px}
.summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:24px 0;
}
.summary div{
  border:1px solid #dfe7f3;
  border-radius:14px;
  padding:16px;
  background:#f8fbff;
}
.summary span{display:block;color:#66748b;font-size:13px;font-weight:800;margin-bottom:8px}
.summary strong{display:block;color:#081b3b;font-size:17px;line-height:1.3}
.token-box{
  border:1px solid rgba(11,124,255,.26);
  border-radius:18px;
  padding:22px;
  background:linear-gradient(135deg,#eef6ff,#ffffff);
  margin:22px 0;
}
.token-box span{display:block;color:#17427d;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.token-box strong{
  display:block;
  color:#005fea;
  font-size:clamp(30px,4vw,48px);
  letter-spacing:1px;
  word-break:break-word;
}
.token-box p{margin:12px 0 0;color:#52667f}
.status-card{border-radius:16px;padding:18px 20px;margin:22px 0 18px;border:1px solid #cfe1fa;background:#eff7ff;color:#173a72}
.status-card strong{display:block;font-size:18px;margin-bottom:6px}.status-card p{margin:0;color:#52667f;line-height:1.5}
.status-card-success{border-color:#bde6d2;background:#effaf4;color:#17633d}.status-card-danger{border-color:#ffc9c9;background:#fff1f1;color:#9f1717}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:50;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;background:#16a34a;color:#fff;text-decoration:none;font-weight:950;box-shadow:0 16px 34px rgba(0,0,0,.24)}
.whatsapp-float:hover{filter:brightness(.95)}
.orders-table{
  width:100%;
  border-collapse:collapse;
  overflow:hidden;
  border-radius:14px;
  background:#fff;
  border:1px solid #dfe7f3;
}
.orders-table th,.orders-table td{padding:16px;text-align:left;border-bottom:1px solid #e5edf7}
.orders-table th{background:#f0f5fc;color:#0d2142;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.orders-table tr:last-child td{border-bottom:0}
.orders-table td{color:#223754}
.table-link{color:var(--primary);font-weight:900;text-decoration:none}
.table-link:hover{text-decoration:underline}
.alert{
  border-radius:12px;
  padding:14px 16px;
  margin:0 0 20px;
  font-weight:800;
  line-height:1.45;
  border:1px solid #ffd3d3;
  background:#fff1f1;
  color:#a21616;
}
.alert.warn{border-color:#ffe1a8;background:#fff7e8;color:#8c5b00}
.alert:not(.error):not(.warn){border-color:#cfe1fa;background:#eff7ff;color:#173a72}
.form-grid.single{grid-template-columns:1fr}
.safe-note .icon{width:16px;height:16px}
@media (max-width:860px){
  .summary{grid-template-columns:1fr}
  .commercial-panel{padding:22px}
  .orders-table{display:block;overflow-x:auto}
}

/* Pricing section refinements. */
.bottom-grid{grid-template-columns:1fr;gap:28px}
.price-card{padding:30px;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr) 220px;gap:30px;overflow:hidden}
.price-main{display:grid;grid-template-columns:82px 1fr;gap:20px;align-items:center}
.ticket-icon{float:none;margin-right:0;flex:0 0 auto}
.benefits{display:grid;gap:12px;line-height:1.35;font-weight:800;padding-left:30px}
.benefits li{display:flex;align-items:flex-start;gap:10px}
.benefits li::before{content:"\2713";flex:0 0 20px;width:20px;height:20px;margin:1px 0 0}
.price-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.price-actions .btn{width:100%;justify-content:center}
.price-actions span{font-size:12px;line-height:1.35;color:#6b7b91;text-align:center;font-weight:700}
@media (max-width:1180px){.price-card{grid-template-columns:1fr}}
@media (max-width:760px){.price-card{padding:18px}.price-main{grid-template-columns:1fr}}

/* Download cards */
.download-section{padding:26px 0 34px}
.download-title-row{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:end;margin-bottom:18px}
.download-title-row p:last-child{margin:0;color:#5d6e86;font-size:16px;line-height:1.6;max-width:850px}
.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.download-card{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(199,214,236,.78);border-radius:22px;box-shadow:var(--shadow);padding:28px;display:flex;flex-direction:column;gap:18px;min-height:340px}
.download-card::before{content:"";position:absolute;inset:0 0 auto auto;width:42%;height:58%;background:radial-gradient(circle at top right,rgba(11,124,255,.16),transparent 66%);pointer-events:none}
.download-card-head{position:relative;display:flex;align-items:center;gap:18px}
.download-card-icon{width:66px;height:66px;object-fit:contain;border-radius:16px;background:#06152d;padding:10px;box-shadow:0 16px 32px rgba(5,23,55,.18)}
.download-card-head span{display:block;color:var(--primary);font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.download-card h3{margin:0;font-size:30px;letter-spacing:-.8px;color:#071b3b}
.download-card p{position:relative;margin:0;color:#5b6d85;font-size:15px;line-height:1.6}
.download-card ul{position:relative;list-style:none;padding:0;margin:0;display:grid;gap:10px;color:#173456;font-weight:800}
.download-card li{display:flex;gap:10px;align-items:flex-start}
.download-card li::before{content:"\2713";display:inline-grid;place-items:center;width:19px;height:19px;flex:0 0 19px;border-radius:50%;background:#167dff;color:#fff;font-size:12px;font-weight:900;margin-top:1px}
.download-card .btn{position:relative;margin-top:auto;width:fit-content;min-width:210px}
.download-card-host{background:linear-gradient(135deg,#071b3b,#0a2a58);border-color:rgba(70,191,255,.34);color:#fff}
.download-card-host::before{background:radial-gradient(circle at top right,rgba(32,200,255,.24),transparent 66%)}
.download-card-host h3{color:#fff}
.download-card-host p,.download-card-host ul{color:#d9e8fb}
.download-card-host .download-card-head span{color:#20c8ff}
.download-card-host .download-card-icon{background:#041126;border:1px solid rgba(97,218,255,.22)}
.download-card-host li::before{background:#20c8ff;color:#021327}
.download-host-button{background:rgba(255,255,255,.05)}
@media (max-width:1180px){.download-title-row,.download-grid{grid-template-columns:1fr}}
@media (max-width:760px){.download-card{padding:20px;min-height:auto}.download-card-head{align-items:flex-start}.download-card-icon{width:56px;height:56px}.download-card h3{font-size:25px}.download-card .btn{width:100%;min-width:0}}

/* Menu mobile - botao hamburguer (corrige menu que desaparecia sem substituto) */
.mobile-menu{width:40px;height:40px;align-items:center;justify-content:center;border-radius:8px;cursor:pointer}
.mobile-menu:hover{background:rgba(255,255,255,.08)}
.mobile-menu .icon{width:24px;height:24px}
@media (max-width:760px){
  .navbar{position:relative}
  .nav-menu.open{
    display:flex;
    flex-direction:column;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    gap:0;
    background:#04122a;
    border-bottom:1px solid rgba(151,190,255,.16);
    padding:6px 24px 16px;
    box-shadow:0 18px 34px rgba(0,0,0,.28);
  }
  .nav-menu.open a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}
  .nav-menu.open a:last-child{border-bottom:0}
}

/* R-Viewer commercial refresh: dark tech hero, cyan highlights and premium cards. */
:root{
  --rviewer-bg:#020814;
  --rviewer-bg-2:#07192f;
  --rviewer-panel:#071326;
  --rviewer-cyan:#00d8ff;
  --rviewer-blue:#087cff;
  --rviewer-red:#ff244e;
  --rviewer-ink:#07162c;
  --rviewer-muted:#6b7891;
  --rviewer-line:#d6e4f7;
  --rviewer-soft:#f3f8ff;
  --rviewer-shadow:0 24px 70px rgba(2,13,33,.18);
  --rviewer-shadow-strong:0 35px 110px rgba(0,15,40,.45);
}

body{
  background:#f4f8ff;
}

.page-shell,
.checkout-shell{
  background:
    radial-gradient(circle at 18% 18%, rgba(0,216,255,.24), transparent 24rem),
    radial-gradient(circle at 78% 12%, rgba(8,124,255,.25), transparent 28rem),
    linear-gradient(135deg,#030814 0%,#071428 44%,#061f45 100%);
}

.site-header{
  background:rgba(8,18,34,.84);
  border-bottom:1px solid rgba(145,190,255,.14);
  box-shadow:0 12px 40px rgba(0,0,0,.2);
  backdrop-filter:blur(18px);
}

.navbar{
  min-height:76px;
}

.brand img{
  width:190px;
  filter:drop-shadow(0 0 18px rgba(0,216,255,.18));
}

.nav-menu a{
  position:relative;
  color:#d9e7fb;
}

.nav-menu a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--rviewer-cyan),var(--rviewer-blue));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .2s ease;
}

.nav-menu a:hover::after{
  transform:scaleX(1);
}

/* Header refinement: graphite glass with restrained R-Viewer highlights. */
.site-header{
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(8,22,40,.98) 0%,rgba(27,45,68,.97) 48%,rgba(8,27,49,.98) 100%);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(77,184,255,.28);
  box-shadow:
    0 14px 34px rgba(0,7,18,.28),
    inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(20px) saturate(130%);
}

.site-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent 5%,rgba(0,216,255,.34) 32%,rgba(11,124,255,.46) 68%,transparent 95%);
  pointer-events:none;
}

.navbar{
  position:relative;
}

.brand{
  transition:filter .18s ease,transform .18s ease;
}

.brand:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}

.nav-menu a{
  color:rgba(240,247,255,.84);
  padding:9px 2px;
  opacity:1;
  transition:color .18s ease,text-shadow .18s ease;
}

.nav-menu a:hover{
  color:#fff;
  text-shadow:0 0 18px rgba(75,195,255,.42);
}

.nav-actions .btn-primary{
  border-color:rgba(111,218,255,.28);
  background:linear-gradient(135deg,#087cf5 0%,#05b9f4 100%);
  box-shadow:0 10px 24px rgba(0,130,255,.28),inset 0 1px 0 rgba(255,255,255,.22);
}

.nav-actions .btn-primary:hover{
  box-shadow:0 14px 30px rgba(0,145,255,.36),inset 0 1px 0 rgba(255,255,255,.28);
}

.btn{
  border-radius:14px;
}

.btn-primary{
  background:linear-gradient(135deg,#0a87ff,#005cff 52%,#00d8ff);
  box-shadow:0 18px 42px rgba(8,124,255,.34);
}

.btn-primary:hover{
  filter:brightness(1.04);
  transform:translateY(-1px);
}

.btn-secondary{
  background:linear-gradient(135deg,#ff244e,#df123a);
  box-shadow:0 18px 42px rgba(255,36,78,.24);
}

.btn-outline{
  background:rgba(255,255,255,.065);
  border-color:rgba(112,196,255,.36);
  color:#eff8ff;
}

.hero{
  min-height:720px;
  padding:70px 0 92px;
}

.hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  gap:56px;
  align-items:center;
}

.hero-copy{
  position:relative;
  z-index:2;
}

.hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:22px;
  padding:10px 14px;
  border:1px solid rgba(0,216,255,.28);
  border-radius:999px;
  background:rgba(255,255,255,.075);
  color:#bfeeff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.hero-kicker span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22d66f;
  box-shadow:0 0 18px rgba(34,214,111,.9);
}

.hero h1{
  max-width:760px;
  font-size:clamp(48px,4.7vw,84px);
  letter-spacing:-3px;
  line-height:.97;
}

.hero h1 span{
  color:transparent;
  background:linear-gradient(90deg,#fff 0%,#8befff 34%,#0a87ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
}

.hero p{
  max-width:710px;
  color:#c9d9ee;
  font-size:18px;
}

.hero-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  max-width:700px;
  margin:28px 0 16px;
}

.hero-metrics div{
  border:1px solid rgba(150,196,255,.18);
  border-radius:16px;
  padding:16px;
  background:rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.hero-metrics strong{
  display:block;
  color:#fff;
  font-size:28px;
  line-height:1;
  letter-spacing:-.8px;
}

.hero-metrics span{
  display:block;
  margin-top:8px;
  color:#9eb1ca;
  font-size:13px;
  line-height:1.35;
  font-weight:800;
}

.feature-pills{
  max-width:700px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.pill{
  min-height:66px;
  border-radius:14px;
  background:rgba(255,255,255,.075);
  border-color:rgba(0,216,255,.14);
  color:#e9f7ff;
}

.pill .icon{
  color:var(--rviewer-cyan);
}

.hero-showcase{
  position:relative;
}

.hero-badges{
  position:absolute;
  top:-24px;
  left:26px;
  right:26px;
  z-index:4;
  display:flex;
  justify-content:space-between;
  gap:12px;
  pointer-events:none;
}

.hero-badges div,
.hero-orbit-card{
  border:1px solid rgba(89,214,255,.22);
  background:rgba(4,17,35,.9);
  color:#dff8ff;
  box-shadow:0 18px 46px rgba(0,0,0,.32);
  backdrop-filter:blur(16px);
}

.hero-badges div{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:950;
}

.hero-badges .icon{
  width:18px;
  height:18px;
  color:var(--rviewer-cyan);
}

.hero-product-frame{
  position:relative;
  border-radius:30px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.04)),
    radial-gradient(circle at top right,rgba(0,216,255,.22),transparent 42%),
    rgba(3,14,29,.92);
  border:1px solid rgba(127,204,255,.24);
  box-shadow:var(--rviewer-shadow-strong);
  transform:perspective(1100px) rotateY(-4deg) rotateX(1.5deg);
  transition:transform .22s ease;
}

.hero-product-frame:hover{
  transform:perspective(1100px) rotateY(-2deg) rotateX(1deg) translateY(-2px);
}

.hero-product-shot-wrap{
  padding:16px;
}

.hero-product-shot{
  border-radius:20px;
}

.hero-orbit-card{
  position:absolute;
  right:-20px;
  bottom:28px;
  z-index:5;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  font-weight:950;
}

.hero-orbit-card small{
  display:block;
  margin-top:4px;
  color:#9fb4ce;
  font-size:12px;
  font-weight:800;
}

.main-content{
  background:linear-gradient(180deg,#f7fbff 0%,#edf4ff 100%);
  padding-top:42px;
}

.how{
  position:relative;
  z-index:6;
  margin-top:-92px;
}

.step-card,
.download-card,
.price-card,
.security-card,
.checkout-card,
.summary-card,
.commercial-panel{
  border-color:rgba(194,214,242,.9);
  box-shadow:var(--rviewer-shadow);
}

.download-section{
  padding:46px 0;
}

.download-card{
  border-radius:24px;
}

.download-card::after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  top:0;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,var(--rviewer-blue),var(--rviewer-cyan));
}

.download-card-host{
  background:
    radial-gradient(circle at top right,rgba(0,216,255,.24),transparent 52%),
    linear-gradient(145deg,#06152d,#092a55);
}

.price-card{
  background:linear-gradient(135deg,#fff,#f8fbff);
}

.security-card{
  background:rgba(255,255,255,.94);
}

.whatsapp-float{
  background:linear-gradient(135deg,#19c75f,#099542);
}

@media (max-width:1180px){
  .hero{
    min-height:0;
    padding:54px 0 80px;
  }
  .hero-grid{
    grid-template-columns:1fr;
  }
  .hero-product-frame{
    transform:none;
  }
  .hero-orbit-card{
    right:16px;
  }
}

/* R-Viewer impact pass: keep the hero sharp and avoid washing out foreground content. */
.page-shell{
  background:
    radial-gradient(circle at 74% 18%,rgba(0,216,255,.10),transparent 34%),
    linear-gradient(180deg,#020711 0%,#041226 58%,#061832 100%);
  overflow-x:hidden;
}

.hero::after{
  height:150px;
  background:linear-gradient(90deg,transparent,rgba(0,216,255,.22),transparent);
  opacity:.75;
}

@media (max-width:760px){
  .page-shell{
    background:
      radial-gradient(circle at 50% 10%,rgba(0,216,255,.10),transparent 40%),
      linear-gradient(180deg,#020711 0%,#041226 100%);
  }

  .hero h1{
    font-size:clamp(32px,9vw,40px);
    line-height:1.02;
    letter-spacing:-1px;
  }
}

/* Final impact pass: keep the product hero immersive without a pale overlay crossing the content. */
.hero{
  min-height:auto;
  padding:96px 0 132px;
  background:
    radial-gradient(circle at 72% 22%,rgba(0,216,255,.12),transparent 34%),
    radial-gradient(circle at 92% 78%,rgba(11,124,255,.13),transparent 30%),
    linear-gradient(180deg,rgba(2,7,17,.74),rgba(4,18,38,.96));
}

.hero::after{
  display:none;
}

.hero-copy,
.hero p,
.hero-ctas,
.hero-metrics,
.feature-pills{
  position:relative;
  z-index:2;
}

.hero p{
  color:#d9e9fb;
}

.main-content{
  margin-top:0;
  position:relative;
  z-index:3;
}

.how{
  margin-top:-74px;
}

@media (max-width:1180px){
  .hero{
    padding:78px 0 92px;
  }

  .how{
    margin-top:-42px;
  }
}

@media (max-width:760px){
  .hero{
    padding:68px 0 54px;
  }

  .hero h1{
    max-width:100%;
    font-size:clamp(28px,7.4vw,34px);
    line-height:1.08;
    letter-spacing:-.6px;
    overflow-wrap:normal;
  }

  .hero p{
    max-width:100%;
    font-size:15px;
  }

  .how{
    margin-top:0;
  }
}

@media (max-width:760px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden;
  }
  .container{
    width:calc(100% - 44px);
    max-width:100%;
  }
  .navbar{
    min-height:68px;
    gap:10px;
    min-width:0;
  }
  .brand{
    min-width:0;
  }
  .brand img{
    width:138px;
  }
  .nav-actions > .btn,
  .nav-cta{
    display:none;
  }
  .mobile-menu{
    display:inline-flex;
    flex:0 0 auto;
  }
  .hero-grid,
  .hero-copy,
  .hero-showcase{
    min-width:0;
  }
  .hero{
    padding:42px 0 72px;
  }
  .hero h1{
    max-width:315px;
    font-size:clamp(28px,7.6vw,30px);
    letter-spacing:-.35px;
    line-height:1.08;
    overflow-wrap:break-word;
  }
  .hero h1 span{
    display:inline;
  }
  .hero p{
    max-width:315px;
    overflow-wrap:break-word;
  }
  .hero-ctas{
    display:grid;
    grid-template-columns:1fr;
    max-width:315px;
  }
  .hero-ctas .btn{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    white-space:normal;
  }
  .hero-metrics,
  .feature-pills{
    grid-template-columns:1fr;
  }
  .hero-badges{
    position:static;
    margin-bottom:12px;
    flex-direction:column;
  }
  .hero-orbit-card{
    position:static;
    margin:14px 0 0;
  }
  .how{
    margin-top:-62px;
  }
}

@media (max-width:430px){
  .brand img{
    width:132px;
  }
  .hero-kicker{
    font-size:11px;
    letter-spacing:.08em;
  }
}

/* R-Viewer immersive commercial redesign */
:root{
  --rv-night:#020711;
  --rv-panel:#071426;
  --rv-panel-2:#0a1d34;
  --rv-blue:#0b7cff;
  --rv-cyan:#00d8ff;
  --rv-line:rgba(134,194,255,.22);
  --rv-glass:rgba(6,20,38,.68);
  --rv-white:#f8fbff;
}

body{
  background:#edf4ff;
}

.page-shell{
  position:relative;
  overflow:hidden;
  background:#eef5ff;
}

.page-shell::before{
  display:none;
}

.site-header{
  background:
    linear-gradient(105deg,rgba(8,22,40,.97) 0%,rgba(39,56,79,.96) 50%,rgba(9,31,54,.97) 100%);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(85,191,255,.28);
  box-shadow:
    0 14px 38px rgba(0,7,18,.26),
    inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(20px) saturate(130%);
}

.navbar{
  height:68px;
  min-height:68px;
}

.brand img{
  width:168px;
  filter:drop-shadow(0 10px 22px rgba(0,216,255,.18));
}

.nav-menu{
  gap:34px;
  color:#eaf5ff;
}

.nav-menu a{
  position:relative;
  font-size:14px;
}

.nav-menu a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-9px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--rv-blue),var(--rv-cyan));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .18s ease;
}

.nav-menu a:hover::after{
  transform:scaleX(1);
}

.hero{
  position:relative;
  isolation:isolate;
  min-height:calc(100svh - 68px);
  padding:42px 0 70px;
  color:#fff;
  overflow:hidden;
  background:#03101f;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  width:auto;
  height:auto;
  transform:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:url('/assets/left_panel_wave_mesh.png') center bottom / 100% 72% no-repeat;
  opacity:.28;
  pointer-events:none;
  z-index:-1;
}

.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg,rgba(11,124,255,.11),transparent 34%,rgba(0,216,255,.06) 68%,transparent),
    repeating-linear-gradient(90deg,rgba(127,202,255,.045) 0 1px,transparent 1px 112px);
  opacity:.72;
  pointer-events:none;
  z-index:-1;
}

.hero-grid{
  grid-template-columns:minmax(520px,.94fr) minmax(560px,1.06fr);
  gap:42px;
  align-items:center;
}

.hero-copy{
  padding-top:0;
}

.hero-kicker{
  border-color:rgba(0,216,255,.34);
  background:linear-gradient(135deg,rgba(7,30,56,.84),rgba(8,21,41,.5));
  box-shadow:0 14px 40px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.08);
}

.hero h1{
  max-width:660px;
  margin-bottom:16px;
  font-size:60px;
  line-height:1;
  letter-spacing:0;
  text-shadow:0 28px 70px rgba(0,0,0,.32);
}

.hero h1 span{
  color:transparent;
  background:linear-gradient(90deg,#fff 0%,#9ff4ff 35%,#2da2ff 75%,#fff 100%);
  -webkit-background-clip:text;
  background-clip:text;
}

.hero p{
  max-width:620px;
  color:#c6d8ef;
  font-size:17px;
  line-height:1.55;
  margin-bottom:18px;
}

.hero-ctas .btn{
  min-height:50px;
  border-radius:12px;
  padding-inline:22px;
}

.hero-ctas{
  gap:12px;
  margin:18px 0;
}

.hero-ctas .btn-primary{
  background:linear-gradient(135deg,#16a0ff,#0a65ff 72%);
  box-shadow:0 20px 44px rgba(0,103,255,.35),0 0 0 1px rgba(255,255,255,.1) inset;
}

.hero-ctas .btn-outline{
  color:#eaf7ff;
  background:rgba(255,255,255,.06);
  border-color:rgba(163,214,255,.32);
  backdrop-filter:blur(18px);
}

.hero-metrics{
  gap:10px;
  margin:18px 0 10px;
}

.hero-metrics div{
  padding:12px 14px;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));
  border-color:rgba(128,193,255,.2);
  box-shadow:0 18px 52px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.08);
}

.hero-metrics strong{
  font-size:22px;
  letter-spacing:0;
}

.hero-metrics span{
  margin-top:5px;
  font-size:11px;
}

.feature-pills{
  gap:10px;
  margin-top:12px;
}

.pill{
  min-height:54px;
  padding:11px 13px;
  border-radius:14px;
  background:rgba(3,18,36,.56);
  border-color:rgba(98,194,255,.24);
  backdrop-filter:blur(18px);
}

.hero-showcase{
  position:relative;
  min-height:500px;
  display:grid;
  place-items:center;
  perspective:1500px;
}

.hero-product-stack{
  position:relative;
  z-index:3;
  width:min(740px,100%);
}

.hero-showcase::before,
.hero-showcase::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:44px;
  border:1px solid rgba(0,216,255,.16);
  transform:rotate(-8deg);
}

.hero-showcase::before{
  width:78%;
  height:72%;
  background:
    linear-gradient(135deg,rgba(0,216,255,.08),transparent 48%,rgba(11,124,255,.06)),
    repeating-linear-gradient(90deg,rgba(148,212,255,.14) 0 1px,transparent 1px 34px);
  filter:drop-shadow(0 34px 70px rgba(0,0,0,.22));
}

.hero-showcase::after{
  width:62%;
  height:52%;
  transform:rotate(10deg);
  border-color:rgba(0,216,255,.11);
}

.hero-product-frame{
  width:100%;
  z-index:3;
  overflow:visible;
  border-radius:34px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.035)),
    rgba(3,12,28,.94);
  border-color:rgba(144,211,255,.28);
  box-shadow:
    0 46px 105px rgba(0,0,0,.48),
    0 22px 90px rgba(0,109,255,.19),
    0 0 0 1px rgba(255,255,255,.055) inset;
  transform:perspective(1350px) rotateY(-7deg) rotateX(3deg) rotateZ(.4deg) translateY(0);
  animation:viewerFloat 6.4s ease-in-out infinite;
}

.hero-product-frame::before{
  inset:-5px;
  width:auto;
  height:auto;
  border-radius:36px;
  background:linear-gradient(135deg,rgba(0,216,255,.72),rgba(11,124,255,.18),rgba(255,255,255,.12));
  opacity:.42;
  filter:blur(18px);
  z-index:-1;
}

.hero-product-frame::after{
  display:none;
}

.hero-product-frame:hover{
  transform:perspective(1350px) rotateY(-5deg) rotateX(2deg) rotateZ(.2deg) translateY(-5px);
}

.hero-product-topbar{
  height:50px;
  border-radius:34px 34px 0 0;
  background:linear-gradient(90deg,rgba(3,13,29,.98),rgba(8,27,51,.96));
}

.hero-product-shot-wrap{
  padding:12px;
  border-radius:0 0 34px 34px;
}

.hero-product-shot{
  border-radius:24px;
  border-color:rgba(181,225,255,.16);
}

.hero-signal-strip{
  width:calc(100% - 72px);
  min-height:46px;
  margin:10px auto 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(115,205,255,.22);
  border-radius:14px;
  background:rgba(5,19,36,.92);
  box-shadow:0 18px 46px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06);
  color:#dcecff;
}

.hero-signal-strip span{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 12px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

.hero-signal-strip span + span{
  border-left:1px solid rgba(115,205,255,.14);
}

.hero-signal-strip .icon{
  width:16px;
  height:16px;
  color:var(--rv-cyan);
}

.hero-signal-strip .dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#29d879;
  box-shadow:0 0 12px rgba(41,216,121,.62);
}

.main-content{
  background:
    linear-gradient(180deg,#eef5ff 0%,#f8fbff 42%,#edf4ff 100%);
  padding-top:0;
}

.how{
  margin-top:-44px;
  padding-bottom:34px;
}

.step-card,
.download-card,
.price-card,
.security-card{
  border-color:rgba(185,209,239,.9);
  box-shadow:0 24px 70px rgba(8,31,65,.12);
}

.step-card{
  border-radius:24px;
}

.download-section{
  position:relative;
  padding:70px 0 48px;
}

.download-section::before{
  content:"";
  position:absolute;
  inset:22px 0 auto 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(11,124,255,.3),transparent);
}

.download-grid{
  gap:24px;
}

.download-card{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  background:
    linear-gradient(145deg,rgba(255,255,255,1),rgba(244,249,255,.92));
}

.download-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,var(--rv-blue),var(--rv-cyan));
}

.download-card-host{
  color:#fff;
  background:
    linear-gradient(145deg,rgba(2,10,24,.96),rgba(7,31,61,.94)),
    repeating-linear-gradient(90deg,rgba(0,216,255,.1) 0 1px,transparent 1px 38px);
}

.download-card-host .download-card-head span,
.download-card-host li{
  color:#d7e7f8;
}

.price-card{
  border-radius:30px;
  padding:34px;
  background:
    linear-gradient(135deg,#fff 0%,#f8fbff 52%,#eef6ff 100%);
}

.security-card{
  border-radius:22px;
  transition:transform .18s ease, box-shadow .18s ease;
}

.security-card:hover{
  transform:translateY(-4px);
  box-shadow:0 30px 78px rgba(8,31,65,.15);
}

@keyframes viewerFloat{
  0%,100%{transform:perspective(1350px) rotateY(-7deg) rotateX(3deg) rotateZ(.4deg) translateY(0)}
  50%{transform:perspective(1350px) rotateY(-6deg) rotateX(2.5deg) rotateZ(.2deg) translateY(-9px)}
}

@media (max-width:1500px){
  .hero{
    padding:30px 0 62px;
  }

  .hero-grid{
    grid-template-columns:minmax(460px,.92fr) minmax(500px,1.08fr);
    gap:26px;
  }

  .hero h1{
    max-width:600px;
    font-size:52px;
  }

  .hero p{
    font-size:16px;
  }

  .hero-showcase{
    min-height:440px;
  }

  .hero-product-frame{
    width:100%;
  }

  .hero-product-stack{
    width:min(650px,100%);
  }
}

@media (max-width:1100px){
  .hero-grid{
    grid-template-columns:1fr;
  }

  .hero-showcase{
    min-height:510px;
  }

  .hero-product-stack{
    transform:none;
    animation:none;
    width:min(920px,100%);
  }

  .hero-product-frame{
    transform:none;
    animation:none;
  }

  .hero-product-frame:hover{
    transform:translateY(-4px);
  }
}

@media (max-width:760px){
  html,
  body,
  .page-shell{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  .container,
  .hero .container{
    width:calc(100% - 28px);
    max-width:calc(100% - 28px);
    min-width:0;
    overflow:visible;
  }

  .page-shell{
    background:#eef5ff;
  }

  .site-header{
    background:linear-gradient(90deg,rgba(8,22,40,.99),rgba(22,41,63,.99));
  }

  .navbar{
    height:64px;
    min-height:64px;
  }

  .hero{
    min-height:0;
    padding:36px 0 70px;
    overflow:hidden;
  }

  .hero::before{
    width:auto;
    height:auto;
    transform:none;
    background-size:auto 70%;
  }

  .hero h1{
    max-width:100%;
    font-size:32px;
    line-height:1.08;
    letter-spacing:0;
    overflow-wrap:normal;
  }

  .hero p{
    max-width:100%;
    font-size:15px;
    line-height:1.65;
    overflow-wrap:break-word;
  }

  .hero-copy,
  .hero-ctas,
  .hero-metrics{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .hero-showcase{
    min-height:0;
    display:block;
  }

  .hero-showcase::before,
  .hero-showcase::after{
    display:none;
  }

  .hero-product-stack,
  .hero-product-frame{
    width:100%;
    border-radius:24px;
  }

  .hero-product-topbar{
    height:50px;
    border-radius:24px 24px 0 0;
  }

  .hero-product-title img{
    width:92px;
  }

  .hero-product-status{
    display:none;
  }

  .hero-product-shot-wrap{
    padding:10px;
  }

  .hero-product-shot{
    border-radius:16px;
  }

  .hero-signal-strip{
    width:calc(100% - 18px);
    margin-top:8px;
  }

  .hero-signal-strip span{
    gap:5px;
    padding:9px 5px;
    font-size:9px;
    white-space:normal;
    text-align:center;
  }

  .how{
    margin-top:-36px;
  }

  .download-title-row{
    grid-template-columns:1fr;
  }

  .price-card{
    padding:22px;
  }
}

/* Identidade visual R-Viewer - escudo oficial usado no aplicativo */
.brand{
  min-width:220px;
  height:60px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  overflow:visible;
}

.brand .brand-symbol{
  width:50px;
  height:50px;
  flex:0 0 50px;
  object-fit:contain;
  filter:drop-shadow(0 0 14px rgba(0,216,255,.24));
}

.brand-wordmark{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1;
  white-space:nowrap;
}

.brand-wordmark strong{
  color:#fff;
  font-size:20px;
  font-weight:800;
  letter-spacing:.01em;
}

.brand-wordmark small{
  margin-top:6px;
  color:#13d9ff;
  font-size:7px;
  font-weight:900;
  letter-spacing:.18em;
}

.hero-product-title{
  gap:9px;
}

.hero-product-title img{
  width:25px;
  height:25px;
  flex:0 0 25px;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(0,216,255,.32));
}

.download-card-icon{
  box-sizing:border-box;
  object-fit:contain;
  padding:10px;
  border:1px solid rgba(11,124,255,.16);
  background:linear-gradient(145deg,#f4fbff,#e8f4ff);
  box-shadow:0 16px 32px rgba(5,23,55,.14),inset 0 1px 0 rgba(255,255,255,.8);
}

.download-card-host .download-card-icon{
  border-color:rgba(97,218,255,.24);
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));
  box-shadow:0 16px 32px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.1);
}

@media (max-width:760px){
  .brand{
    min-width:0;
    height:54px;
    gap:8px;
  }

  .brand .brand-symbol{
    width:40px;
    height:40px;
    flex-basis:40px;
  }

  .brand-wordmark strong{
    font-size:17px;
  }

  .brand-wordmark small{
    margin-top:4px;
    font-size:5.8px;
    letter-spacing:.14em;
  }

  .hero-product-title img{
    width:23px;
    height:23px;
    flex-basis:23px;
  }
}