@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/inter-400-a32d2804.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/inter-500-2923d792.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/inter-600-c4a36fc8.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/inter-700-ba3b1a62.woff2") format('woff2');
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/sora-400-8787d99a.woff2") format('woff2');
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/sora-500-57051772.woff2") format('woff2');
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/sora-600-233879b0.woff2") format('woff2');
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/sora-700-e2c6bb57.woff2") format('woff2');
}
:root{--bg:#080d1b;--surface:#101828;--surface2:#151e32;--line:#253149;--text:#f7faff;--muted:#a1afc6;--dim:#788cae;--blue:#0057ff;--cyan:#00d8ff;--green:#63e6b6;--radius:20px;--heading:Sora,Arial,sans-serif;--body:Inter,Arial,sans-serif;color-scheme:dark;font-family:var(--body);background:var(--bg);color:var(--text);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:110px}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}img{max-width:100%;height:auto}svg{display:block}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{border:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--heading);font-weight:600}h1{font-size:clamp(40px,4.35vw,65px);line-height:1.14;letter-spacing:-2.8px}h2{font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-1.6px}h3{font-size:20px;line-height:1.4;letter-spacing:-.5px}p{color:var(--muted);line-height:1.75;font-size:16px}small{line-height:1.55}strong{font-weight:600}[hidden]{display:none!important}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.narrow{max-width:850px}.section{padding:108px 0;position:relative}.section+.section{border-top:1px solid rgba(37,49,73,.55)}.eyebrow{display:flex;align-items:center;gap:9px;color:#92aecf;font-size:11px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:23px}.eyebrow:before{content:'';display:block;width:20px;height:2px;background:var(--cyan)}.eyebrow.center{justify-content:center}.text-cyan{color:var(--cyan)}.text-gradient{background:linear-gradient(105deg,#e9f6ff 3%,#8cc9ff 43%,#00d8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.section-head{display:flex;align-items:end;justify-content:space-between;gap:56px;margin-bottom:42px}.section-head h2{max-width:650px}.section-head p{max-width:365px;font-size:14px}.center{text-align:center}.center .eyebrow{justify-content:center}.center h2{margin-inline:auto}.section-intro{max-width:650px;margin:22px auto 0}.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.small{width:15px;height:15px}.arrow{transition:transform .22s}.btn:hover .arrow,.text-link:hover .arrow{transform:translateX(4px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:49px;padding:14px 23px;border-radius:10px;font-size:13px;font-weight:600;line-height:1.5;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--cyan);color:#04212e;box-shadow:0 2px 20px #00d8ff14}.btn-primary:hover{background:#6ae9ff;box-shadow:0 6px 28px #00d8ff23}.btn-outline{border:1px solid #354461;background:#0f1726;color:#e8eef9}.btn-outline:hover{border-color:#5f7caa;background:#17233b}.btn-quiet{background:transparent;border:1px solid var(--line)}.btn-dark{background:#14223b;color:#b5d5ff}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:500;color:#b6c9e9}.actions{display:flex;align-items:center;gap:22px;margin-top:30px;flex-wrap:wrap}.skip-link{position:fixed;top:10px;left:15px;z-index:100;transform:translateY(-150%);background:var(--cyan);color:#08212a;padding:12px;border-radius:8px}.skip-link:focus{transform:translateY(0)}
.site-header{height:86px;position:sticky;top:0;z-index:40;background:#080d1be8;border-bottom:1px solid #25314980;backdrop-filter:blur(20px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;flex:none}.brand img{width:155px;height:42px;object-fit:contain;filter:brightness(1.85)}.nav{display:flex;align-items:center;gap:28px;font-size:12px;color:#b0bdd2}.nav>a,.nav summary{padding:12px 0;transition:color .2s}.nav>a:hover,.nav summary:hover,.nav a[aria-current=page]{color:var(--cyan)}.nav-dropdown{position:relative}.nav-dropdown>summary{list-style:none;display:flex;align-items:center;gap:5px}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown summary .icon{width:12px;height:12px}.dropdown{position:absolute;left:-20px;top:45px;width:300px;padding:10px;border-radius:14px;border:1px solid var(--line);background:#111a2b;box-shadow:0 20px 60px #0006}.dropdown a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:8px}.dropdown a:hover{background:#1a2843}.dropdown a>.icon{color:var(--cyan)}.dropdown small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.header-actions{display:flex;align-items:center;gap:22px;font-size:12px}.header-actions .btn{min-height:41px;padding:11px 17px;font-size:12px}.menu-button{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:9px;border:1px solid var(--line);background:#101a2c}.mobile-nav{display:none}.header-login:hover{color:var(--cyan)}
.hero{position:relative;overflow:hidden;padding:82px 0 76px;background:radial-gradient(ellipse at 82% 45%,#05396f55,transparent 55%)}.hero:after{content:'';pointer-events:none;position:absolute;width:660px;height:660px;right:-120px;top:-280px;border:1px solid #20437336;border-radius:50%;box-shadow:0 0 0 100px #1e45750c,0 0 0 200px #1e457508}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:.98fr 1.12fr;gap:55px;align-items:center}.hero-copy{padding:24px 0}.hero-copy p{max-width:475px;margin-top:24px;font-size:15px;line-height:1.8}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.6px}.hero-note{display:flex;align-items:center;gap:7px;margin-top:18px;color:#8396b5;font-size:11px}.hero-note .icon{color:var(--green);width:14px;height:14px}.trustline{display:flex;align-items:center;gap:12px;margin-top:38px;font-size:10px;color:#92a5c2}.trustline .trust-mark{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #34425d;border-radius:8px;font-family:var(--heading);font-weight:600;color:#ced8ea}.trustline strong{color:#d4dfef;font-size:11px}.hero-product{position:relative;min-width:0;padding:5px 0 24px}.product-halo{position:absolute;inset:30% 0 0 10%;background:#0057ff28;filter:blur(90px);pointer-events:none}.preview-caption{display:flex;justify-content:space-between;gap:10px;margin:16px 8px 0;color:#8395b3;font-size:9px;letter-spacing:.1px}.preview-caption>span:first-child{display:flex;align-items:center;gap:5px}.live-dot{width:5px;height:5px;border-radius:100%;background:#5ce6b5;display:inline-block;box-shadow:0 0 7px #63e6b633}.floating-sale{position:absolute;bottom:7px;left:-22px;display:flex;align-items:center;gap:11px;padding:13px 19px;background:#162338f2;border:1px solid #344d69;border-radius:13px;box-shadow:0 15px 40px #0005;animation:float-in .75s ease-out both .4s}.floating-sale .check-circle{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#1c61544d;color:#63e6b6}.floating-sale strong{display:block;font-size:11px}.floating-sale small{display:block;font-size:9px;color:#91a3be;margin-top:4px}.floating-sale>.money{font-size:12px;color:#cce9df;margin-left:20px}.dashboard{position:relative;background:#101728;border:1px solid #34415a;border-radius:15px;box-shadow:0 28px 90px #0007;overflow:hidden}.dash-chrome{height:35px;border-bottom:1px solid #28344b;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#141e31;font-size:8px;color:#8d9db6}.window-dots{display:flex;gap:4px}.window-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#4a5364}.window-dots i:first-child{background:#8d575c}.window-dots i:nth-child(2){background:#9e8652}.window-dots i:last-child{background:#5a9378}.dash-layout{display:grid;grid-template-columns:103px 1fr;min-height:356px}.dash-aside{border-right:1px solid #26334a;background:#0d1525;padding:20px 10px}.dash-aside img{width:78px;filter:brightness(1.9);margin-bottom:26px}.dash-aside .dash-nav{display:flex;align-items:center;gap:7px;padding:10px 8px;font-size:8px;color:#8b9bb6;border-radius:5px;margin-bottom:3px}.dash-aside .dash-nav .icon{width:12px;height:12px}.dash-aside .dash-nav.active{background:#1d3155;color:#bcdaff}.dash-aside .dash-nav.active .icon{color:#50caff}.dash-aside .aside-bottom{margin-top:75px;border-top:1px solid #26334a;padding-top:12px;font-size:8px;color:#8495af}.dash-main{padding:18px;min-width:0}.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:8px;color:#8395b3}.dash-top strong{font-size:12px;display:block;color:#edf1fb;margin-bottom:5px}.dash-date{padding:7px 8px;border:1px solid #34425c;border-radius:5px;font-size:7px;color:#abc0de;background:#172137}.dash-tabs{display:flex;align-items:center;gap:15px;border-bottom:1px solid #27354e;margin-bottom:16px}.dash-tab{padding:0 0 10px;background:transparent;font-size:8px;color:#91a5c5;border-bottom:2px solid transparent}.dash-tab[aria-selected=true]{color:#c9ddff;border-color:var(--cyan)}.dash-kpis{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;margin-bottom:12px}.dash-kpi{padding:12px;border:1px solid #2a3b57;border-radius:7px;background:#152036}.dash-kpi .label{font-size:7px;color:#92a6c5;display:flex;align-items:center;gap:5px}.dash-kpi strong{display:block;font-size:18px;font-family:var(--heading);letter-spacing:-.7px;margin:8px 0 5px}.dash-kpi small{font-size:7px;color:#8aa2c6}.dash-kpi small em{font-style:normal;color:#65dfb4}.chart-panel{padding:13px 12px 7px;border:1px solid #293954;border-radius:7px;background:#111c30}.chart-heading{display:flex;justify-content:space-between;color:#b8c9df;font-size:8px}.chart-heading span{font-size:6px;color:#7494be}.chart-heading span:before{content:'';display:inline-block;width:4px;height:4px;margin-right:3px;border-radius:50%;background:#00d8ff}.chart-wrap{position:relative;height:117px;margin-top:10px}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-path{stroke-dasharray:700;stroke-dashoffset:700;animation:draw-line 1.6s ease-out forwards .2s}.chart-labels{display:flex;justify-content:space-between;color:#6f86a7;font-size:6px;padding-left:24px;margin-top:1px}.demo-sale-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 0 0;border-top:1px solid #283651;color:#90a5c5;font-size:7px}.badge-green{border-radius:4px;padding:3px 5px;background:#1b5b493d;color:#63e6b6;font-size:7px}.dash-checkout{padding:6px}.checkout-demo{max-width:320px;margin:0 auto;background:#eaf0fa;border-radius:10px;color:#13203a;padding:15px}.checkout-demo h4{font-family:var(--body);font-size:11px}.checkout-demo>p{font-size:8px;color:#5a6d89;margin:5px 0 12px}.mock-field{background:#fff;border:1px solid #ccd7e5;border-radius:5px;color:#667590;font-size:8px;padding:9px;margin-bottom:7px}.payment-choice{display:flex;gap:6px;margin:10px 0}.payment-choice span{flex:1;border:1px solid #cad7ea;padding:7px;font-size:7px;border-radius:4px;text-align:center}.payment-choice span:first-child{border-color:#0057ff;color:#0057ff;background:#dbe8ff}.mock-bump{border:1px dashed #0057ff;border-radius:5px;background:#e0eaff;padding:9px;font-size:8px;color:#263e65;display:flex;gap:6px;align-items:center}.mock-pay{background:#0c53dd;border-radius:5px;padding:10px;color:white;font-size:8px;text-align:center;margin-top:10px}.demo-members-header{background:linear-gradient(110deg,#123961,#1c2854);border-radius:7px;min-height:100px;display:flex;align-items:end;padding:14px;margin-bottom:13px;font-size:16px;font-family:var(--heading)}.lesson{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #293954;color:#c2d0e5;font-size:9px}.lesson .lesson-play{width:24px;height:24px;display:grid;place-items:center;border-radius:5px;background:#234362;color:#85dfff}.lesson small{margin-left:auto;color:#7890b2;font-size:7px}.progress{height:3px;background:#263750;border-radius:2px;margin-top:15px;overflow:hidden}.progress i{display:block;width:42%;height:100%;background:var(--cyan)}
.principles{border-top:1px solid #253149;border-bottom:1px solid #253149;background:#0d1524}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr)}.principle{padding:28px 28px 28px 0;display:flex;align-items:center;gap:18px}.principle+.principle{padding-left:40px;border-left:1px solid #253149}.principle>span{font-family:var(--heading);font-size:33px;font-weight:600;letter-spacing:-1.5px;color:#d4e6ff;white-space:nowrap}.principle>span.cyan{color:var(--cyan)}.principle strong{font-size:11px;display:block;font-weight:500}.principle small{display:block;color:#8397b5;font-size:10px;margin-top:5px}.feature-section{background:linear-gradient(180deg,#0a101e,#080d1b)}.platform-tabs{display:flex;gap:8px;border-bottom:1px solid #29354d;margin-bottom:40px}.platform-tab{display:flex;align-items:center;gap:10px;padding:15px 24px;border:1px solid transparent;border-bottom:0;border-radius:9px 9px 0 0;background:transparent;color:#8399b9;font-size:13px}.platform-tab[aria-selected=true]{border-color:#2c3c57;background:#152137;color:#d6e9ff;box-shadow:0 2px 0 #00d8ff inset}.platform-tab .icon{width:17px;height:17px;color:#67bafb}.feature-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center;min-height:310px}.feature-layout h3{font-size:27px;line-height:1.3;margin-bottom:18px;letter-spacing:-.9px}.feature-layout p{font-size:14px}.check-list{padding:0;list-style:none;margin:22px 0;display:grid;gap:14px}.check-list li{font-size:12px;color:#becce0;display:flex;align-items:start;gap:9px;line-height:1.65}.check-list .icon{width:15px;height:15px;color:#6cbadb;margin-top:2px}.feature-preview{position:relative;min-height:290px;border-radius:18px;border:1px solid #293c58;background:radial-gradient(ellipse at top right,#0b457755,#111c30 70%);padding:30px}.feature-preview .tiny-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#a1b7d3;margin-bottom:20px}.offer-demo{max-width:340px;margin:auto;background:#13243d;border:1px solid #395273;border-radius:12px;padding:20px;box-shadow:0 20px 35px #0003}.offer-demo-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#acc4e4;margin-bottom:17px}.offer-product{display:flex;align-items:center;gap:12px;border-bottom:1px solid #304663;padding-bottom:17px}.product-tile{width:46px;height:55px;border-radius:6px;background:linear-gradient(145deg,#093f7c,#0b8399);display:grid;place-items:center;color:#a3e9ff}.offer-product strong{display:block;font-size:11px}.offer-product small{display:block;font-size:9px;color:#96b0ce;margin-top:5px}.bump-checkbox{display:flex;align-items:start;gap:11px;padding:14px 12px;background:#152c47;border:1px solid #30729a;border-radius:8px;margin-top:15px;cursor:pointer}.bump-checkbox input{accent-color:var(--cyan);width:14px;height:14px;margin:1px 0 0}.bump-checkbox strong{font-size:10px;display:block;color:#d4e8ff}.bump-checkbox small{font-size:8px;color:#9eb5d5;display:block;margin-top:5px;line-height:1.5}.offer-total{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b7cbe5;margin:19px 0 0}.offer-total strong{font-size:17px;color:#eaf5ff}.demo-tag{display:flex;align-items:center;gap:5px;font-size:9px;color:#7f98ba;margin:14px 0 0;justify-content:center}.feature-under{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px;padding-top:30px;border-top:1px solid #26354d}.feature-under .icon{color:#699ec7;margin-bottom:14px}.feature-under h3{font-family:var(--body);font-size:12px;margin-bottom:8px}.feature-under p{font-size:11px;line-height:1.8}.members-visual{background:linear-gradient(130deg,#203e5f,#192142);border:1px solid #3a5678;border-radius:10px;padding:23px}.members-visual h4{font-size:20px;margin-bottom:8px}.members-visual p{font-size:10px}.member-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.course-cover{height:95px;border-radius:6px;background:linear-gradient(155deg,#12628a,#17385b);display:flex;flex-direction:column;justify-content:end;padding:12px;font-size:10px;color:#c9ecff}.course-cover:nth-child(2){background:linear-gradient(155deg,#2f3d80,#1c305a)}.course-cover:nth-child(3){background:linear-gradient(155deg,#0d6b6b,#163d52)}.course-cover small{color:#83b4cc;font-size:7px;margin-bottom:9px}.management-visual{display:grid;gap:8px}.manage-row{display:flex;align-items:center;gap:12px;background:#172840;padding:14px;border:1px solid #345070;border-radius:8px;color:#bdd2ee;font-size:11px}.manage-row .icon{color:#74d6ee}.manage-row span:last-child{margin-left:auto;color:#68d9b7;font-size:9px}.manage-total{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #304663;padding-top:18px;margin-top:8px}.manage-total small{color:#91a9c9;font-size:10px}.manage-total strong{font-size:23px;font-family:var(--heading)}
.cost-section{background:radial-gradient(ellipse at 0 80%,#0c314b44,transparent 50%),#0c1423}.cost-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}.cost-copy h2{max-width:440px}.cost-copy>p{font-size:14px;margin-top:23px;max-width:430px}.cost-copy .text-link{margin-top:23px}.cost-footnote{margin-top:24px;font-size:10px;line-height:1.8;color:#8a9ebf;max-width:420px}.calculator{border:1px solid #354865;border-radius:18px;background:#111d31;padding:27px}.calc-title{font-size:13px;font-weight:500;display:flex;align-items:center;gap:9px;margin-bottom:23px;color:#d2e3f8}.calc-title .icon{color:var(--cyan);width:17px;height:17px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-field label{display:block;color:#92a8c8;font-size:10px;margin-bottom:7px}.input-shell{display:flex;align-items:center;gap:8px;border:1px solid #344967;border-radius:7px;background:#0c1628;padding:10px 12px}.input-shell span{font-size:11px;color:#8099be}.input-shell input{width:100%;min-width:0;background:none;border:0;outline:0;color:#e8f3ff;font-size:13px}.input-shell:focus-within{border-color:var(--cyan)}.input-shell input:focus-visible{outline:none}.calc-rates{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:17px 0 22px}.cost-bars{display:grid;gap:16px;margin-top:24px}.cost-bar-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9bb0cf;margin-bottom:8px;gap:10px}.cost-bar-top strong{font-size:13px;color:#dbeaff}.cost-bar-track{height:7px;border-radius:8px;background:#26344a;overflow:hidden}.cost-bar-fill{height:100%;background:#506680;border-radius:8px;min-width:2px;transition:width .45s}.cost-bar-fill.bravvius{background:linear-gradient(90deg,#006cff,#00d8ff)}.calc-result{margin-top:25px;padding-top:20px;border-top:1px solid #32445f;display:flex;align-items:center;justify-content:space-between;gap:18px}.calc-result .label{font-size:10px;color:#a6bedc;max-width:120px;line-height:1.5}.calc-result output{display:block;color:var(--cyan);font-family:var(--heading);font-size:30px;letter-spacing:-1.1px;font-weight:500}.calc-result small{font-size:9px;color:#7f9bbb;display:block;margin-top:4px;text-align:right}.calc-assumption{font-size:9px;line-height:1.7;color:#8198bb;margin-top:18px}.calc-explanation{margin-top:9px;font-size:9px;line-height:1.5;color:#91a9c9}.calc-result.negative output{color:#f5c68e}
.integration-showcase{padding-bottom:95px;background:radial-gradient(ellipse at 50% 55%,#092d4c44,transparent 65%)}.integrations-home-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:40px}.logo-tile{min-height:100px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#111b2c;border:1px solid #2b3b55;transition:transform .25s,border-color .25s,background .25s}.logo-tile:hover{transform:translateY(-5px);border-color:#48678f;background:#15233a}.partner-logo{display:flex;align-items:center;justify-content:center;gap:7px;max-width:100%;font-size:18px;font-weight:600;color:#d1deee;letter-spacing:-.7px}.partner-logo img{width:23px;height:23px;filter:grayscale(1) brightness(1.8);object-fit:contain}.partner-logo.stone{font-size:23px;font-weight:500;letter-spacing:-1px}.partner-logo.btg{font-family:Arial,sans-serif;letter-spacing:-1.5px;font-size:27px;font-weight:500}.partner-logo.btg i{font-style:normal;font-size:10px;line-height:1.1;letter-spacing:-.2px;margin-left:0}.partner-logo.mercadopago{font-size:14px;line-height:1.05;letter-spacing:-.3px}.partner-logo.cielo{font-size:23px;font-weight:400;letter-spacing:-1.6px}.brand-crop{height:32px;width:32px;overflow:hidden;position:relative;border-radius:8px;flex:none}.brand-crop img{max-width:none;position:absolute;filter:none}.brand-crop.tronnus img{width:116px;height:auto;left:-73px;top:0}.brand-crop.stone img{width:176px;height:176px;left:-110px;top:-53px}.brand-crop.btg img{width:300px;height:auto;left:-54px;top:-76px}.integration-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:25px;color:#7f98b8;font-size:11px}.integration-footer span{display:flex;align-items:center;gap:8px}.integration-footer .icon{width:15px;height:15px}.integration-footer .text-link{font-size:12px}.integration-bridges{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:24px}.mini-chip{display:inline-flex;gap:7px;align-items:center;border:1px solid #304461;padding:7px 12px;border-radius:30px;font-size:10px;color:#93accf}.mini-chip .icon{width:12px;height:12px}
.app-section{background:linear-gradient(125deg,#111b30 0,#0b1425 65%);overflow:hidden}.app-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.phone-stage{position:relative;min-height:480px;display:grid;place-items:center;isolation:isolate}.phone-stage:before{position:absolute;z-index:-1;content:'';width:420px;height:420px;border:1px solid #42618630;border-radius:50%;box-shadow:0 0 0 60px #314b7010,0 0 0 120px #314b7008;background:radial-gradient(ellipse,#0574aa30,transparent 75%)}.phone{width:225px;min-height:447px;background:#071020;border:5px solid #2a3548;border-radius:35px;box-shadow:8px 20px 60px #0008,inset 0 0 0 1px #53647a;position:relative;overflow:hidden;transform:rotate(-4deg)}.phone-island{height:18px;width:68px;background:#010610;border-radius:0 0 13px 13px;position:absolute;left:50%;top:0;transform:translateX(-50%)}.phone-status{padding:14px 17px 8px;font-size:8px;display:flex;align-items:center;justify-content:space-between;color:#d6e7ff}.phone-inner{padding:17px 15px 16px}.phone-logo{width:80px;filter:brightness(2.1);margin-bottom:24px}.phone-hello{font-size:8px;color:#7896bf;margin-bottom:6px}.phone-heading{font-size:17px;font-family:var(--heading);letter-spacing:-.5px}.phone-date{font-size:7px;color:#91acd1;margin-top:7px}.phone-kpi{border:1px solid #30517b;border-radius:10px;background:linear-gradient(110deg,#14385d,#152843);padding:14px 12px;margin-top:18px}.phone-kpi span{font-size:7px;color:#8fb9dc;display:block}.phone-kpi strong{display:block;font-family:var(--heading);font-size:23px;margin-top:9px;color:#eaf7ff;letter-spacing:-.6px}.phone-kpi small{font-size:7px;color:#6de1b6;margin-top:7px;display:block}.phone-chart{height:78px;width:100%;margin-top:17px}.phone-chart svg{width:100%;height:100%}.phone-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.phone-stat{padding:10px;border:1px solid #243d5d;border-radius:8px;background:#101f35}.phone-stat small{font-size:6px;color:#88a2c6;display:block}.phone-stat strong{font-size:14px;display:block;margin-top:5px}.phone-bottom{display:flex;align-items:center;justify-content:space-between;padding:15px 15px 13px;border-top:1px solid #263a58;color:#647e9f;margin-top:14px}.phone-bottom .icon{width:14px;height:14px}.phone-bottom .icon:first-child{color:#00d8ff}.phone-popup{position:absolute;top:82px;right:-30px;z-index:2;width:201px;display:flex;gap:10px;padding:13px 15px;border:1px solid #4b6584;border-radius:12px;background:#1b2d45f5;box-shadow:0 12px 35px #0005}.phone-popup .app-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:linear-gradient(120deg,#1353b5,#0bb1c5);color:white}.phone-popup .app-icon .icon{width:16px;height:16px}.phone-popup strong{font-size:9px;display:block;color:#e1eaf6}.phone-popup small{font-size:8px;color:#a0b7d3;display:block;margin-top:5px}.phone-caption{position:absolute;bottom:0;font-size:9px;color:#6e85a7}.app-copy>p{font-size:14px;max-width:460px;margin-top:22px}.app-feature-list{margin-top:25px;display:grid;gap:1px}.app-feature{display:flex;align-items:start;gap:14px;border-bottom:1px solid #2b3c55;padding:17px 0;background:transparent;text-align:left}.app-feature .icon{color:#658cb9;margin-top:3px}.app-feature strong{display:block;font-size:12px;font-weight:500;color:#d0dff3;line-height:1.5}.app-feature small{display:block;margin-top:4px;color:#8198ba;font-size:11px;line-height:1.65}.app-feature[aria-selected=true] .icon{color:var(--cyan)}.app-feature[aria-selected=true] strong{color:var(--cyan)}.app-copy .actions{margin-top:24px}.app-client-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #244362;gap:7px;font-size:8px;color:#b7cde5}.app-client-row .avatar{width:23px;height:23px;display:grid;place-items:center;background:#1b3e60;color:#9bc9ec;border-radius:50%;font-size:7px}.app-client-row>span:nth-child(2){flex:1}.app-client-row small{font-size:6px;color:#769ac2;display:block;margin-top:3px}.notice-card{background:#152a45;border:1px solid #2d5377;border-radius:7px;padding:10px;margin-top:9px}.notice-card strong{font-size:8px;display:block;color:#d9f1ff}.notice-card p{font-size:7px;color:#8daaca;margin-top:5px;line-height:1.6}.notice-card>small{font-size:6px;color:#6c8bb1;display:block;margin-top:6px}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{padding:30px 27px;border:1px solid #2c3b55;background:#0f192b;border-radius:16px;position:relative;display:flex;flex-direction:column;min-width:0}.plan-card.featured{border-color:#326f9b;background:linear-gradient(150deg,#13304b,#101c2f 70%)}.plan-label{display:inline-flex;align-items:center;gap:5px;color:#8fe4f2;font-size:9px;margin-bottom:17px;font-weight:500;letter-spacing:.1px}.plan-label.blank{color:#829cbe}.plan-card h3{font-size:19px;margin-bottom:10px}.plan-card>p{font-size:12px;line-height:1.65;min-height:42px}.plan-price{display:flex;align-items:baseline;gap:5px;margin:24px 0 17px}.plan-price .currency{font-size:14px;color:#95b0cd}.plan-price strong{font-family:var(--heading);font-size:38px;letter-spacing:-1.5px}.plan-price .period{font-size:10px;color:#7e98b7}.plan-quota{font-size:11px;color:#b2c7e0;line-height:1.8;padding-bottom:21px;border-bottom:1px solid #2b3d56}.plan-quota small{display:block;font-size:10px;color:#7794b8}.plan-card .check-list{margin:22px 0 26px;gap:11px}.plan-card .check-list li{font-size:10px}.plan-card .check-list .icon{width:13px;height:13px}.plan-card .btn{width:100%;margin-top:auto;font-size:12px}.plan-card .plan-after{font-size:9px;text-align:center;margin-top:11px;color:#829cbe}.plans-note{font-size:11px;color:#849cbc;line-height:1.9;max-width:760px;margin-top:25px}.plans-links{margin-top:28px;display:flex;align-items:center;gap:22px;justify-content:center}.plans-links small{font-size:11px;color:#829bbb}.leavening-section{background:radial-gradient(ellipse at 15% 0,#12415c44,transparent 50%),#0c1526}.leavening-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.leavening-copy p{font-size:14px;margin:23px 0}.leavening-word{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:25px;letter-spacing:-1.2px;font-family:var(--heading);color:#9eb4cf}.leavening-word small{display:block;font-size:10px;letter-spacing:.1px;color:#8096b5;border-left:1px solid #3b4f6b;padding-left:13px;line-height:1.7;font-family:var(--body)}.ownership-panel{border-top:1px solid #32455f;border-bottom:1px solid #32455f;padding:25px 0;display:grid;gap:27px}.ownership-panel .row{display:flex;align-items:center;gap:18px}.ownership-panel .row>.icon{color:#79aece;width:23px;height:23px}.ownership-panel strong{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.ownership-panel small{color:#8fa5c3;font-size:12px;line-height:1.7;display:block}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}.faq-layout .faq-copy p{font-size:13px;margin-top:20px}.faq-layout .faq-copy .text-link{margin-top:24px}.faq-list{border-top:1px solid #2c3d55}.faq-list details{border-bottom:1px solid #2c3d55}.faq-list summary{list-style:none;display:flex;align-items:start;justify-content:space-between;gap:20px;padding:23px 0;font-size:13px;line-height:1.6;color:#cad7eb}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:23px;font-weight:300;line-height:1;color:#7996bd}.faq-list details[open] summary:after{content:'−';color:var(--cyan)}.faq-list details[open] summary{color:#f0f5fe}.faq-list details p{font-size:12px;line-height:1.85;padding:0 32px 23px 0}.cta-section{padding:75px 0 90px;border-top:0!important}.cta-panel{background:radial-gradient(ellipse at 80% 0,#00648b33,transparent 60%),linear-gradient(110deg,#11243c,#111c30);border:1px solid #355170;border-radius:22px;padding:53px 56px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.cta-panel h2{max-width:660px;font-size:35px}.cta-panel p{font-size:13px;margin-top:17px;max-width:590px}.cta-panel .actions{margin-top:0;display:block;text-align:center}.cta-panel .actions small{display:block;margin-top:12px;font-size:10px;color:#8ca6c7}.site-footer{border-top:1px solid #26334a;background:#080e1b;padding:58px 0 25px}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:60px}.footer-brand .brand img{width:147px;height:40px}.footer-brand p{font-size:12px;max-width:220px;margin-top:18px}.footer-product{font-size:10px;color:#8da4c6;margin-top:24px;display:block}.footer-column strong{font-size:11px;font-weight:600;color:#b6c8e1;display:block;margin-bottom:20px}.footer-column a{font-size:11px;color:#859bbd;display:block;margin-top:13px;line-height:1.6}.footer-column a:hover{color:var(--cyan)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #23324a;padding-top:23px;margin-top:42px;color:#657c9e;font-size:9px;gap:25px}.footer-legal{display:flex;gap:24px}.footer-legal a:hover{color:#c2d8f2}
.page-hero{padding:71px 0 63px;background:radial-gradient(ellipse at 65% -15%,#003d7170,transparent 60%);border-bottom:1px solid #24344b;position:relative;overflow:hidden}.page-hero h1{max-width:870px;font-size:clamp(38px,4.3vw,59px);line-height:1.15}.page-hero p{margin-top:24px;max-width:650px;font-size:15px}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:10px;color:#7997bd;margin-bottom:35px}.breadcrumb .icon{width:11px;height:11px}.breadcrumb a:hover{color:var(--cyan)}.page-hero.center h1,.page-hero.center p{margin-inline:auto}.page-hero.center .breadcrumb{justify-content:center}.page-hero.center .eyebrow{justify-content:center}.page-hero.center .actions{justify-content:center}.page-body{padding:70px 0 90px}.filters-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:33px;flex-wrap:wrap}.search-box{position:relative;min-width:280px}.search-box>.icon{position:absolute;top:13px;left:15px;width:17px;height:17px;color:#8098bb}.search-box input{width:100%;height:44px;border:1px solid #344762;border-radius:8px;background:#101b2e;padding:12px 15px 12px 44px;font-size:12px;color:#dbe7f9}.search-box input::placeholder{color:#8199ba}.filter-buttons{display:flex;gap:7px;flex-wrap:wrap}.filter-button{padding:11px 16px;font-size:11px;border:1px solid #2b3f5c;border-radius:7px;background:#0f1a2d;color:#91a9cc}.filter-button[aria-pressed=true]{border-color:#3079a2;background:#123550;color:#a2e9fc}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.integration-card{display:flex;flex-direction:column;border:1px solid #2d405b;border-radius:15px;background:#101c2e;overflow:hidden;transition:transform .2s,border-color .2s}.integration-card:hover{border-color:#486f97;transform:translateY(-3px)}.integration-card-logo{height:110px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#18335255,transparent 80%);border-bottom:1px solid #263a56}.integration-card-logo .partner-logo{font-size:25px;color:#d9e9ff}.integration-card-logo .partner-logo.mercadopago{font-size:20px}.integration-card-logo>.icon{width:33px;height:33px;color:#91bddf}.integration-card-copy{padding:23px;display:flex;flex-direction:column;flex:1}.category-label{font-size:9px;color:#7093be;letter-spacing:.5px;display:block;margin-bottom:10px}.integration-card h2{font-size:19px;letter-spacing:-.4px;margin-bottom:10px}.integration-card p{font-size:12px;line-height:1.85;flex:1}.integration-detail{margin-top:21px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #293c57;padding-top:15px;font-size:10px;color:#a3c8e8}.integration-detail .icon{width:14px;height:14px}.integration-count{font-size:11px;color:#7e9abc;margin-bottom:20px}.empty-state{padding:45px;text-align:center;border:1px dashed #3d5879;border-radius:12px;color:#91abcc}.empty-state strong{display:block;color:#d5e5fb;font-size:18px;margin-bottom:10px}.empty-state p{font-size:13px}.integration-note{font-size:11px;color:#7e9abc;line-height:1.9;margin-top:30px;max-width:800px}.integration-callout{margin-top:50px;padding:29px;border-top:1px solid #304762;border-bottom:1px solid #304762;display:flex;justify-content:space-between;align-items:center;gap:30px}.integration-callout h3{font-size:19px;margin-bottom:10px}.integration-callout p{font-size:12px;max-width:650px}.dialog-backdrop{padding:24px;border:1px solid #466386;border-radius:18px;background:#111d31;color:#eaf4ff;max-width:520px;width:calc(100% - 40px);box-shadow:0 50px 100px #0008}.dialog-backdrop::backdrop{background:#030810c9;backdrop-filter:blur(8px)}.dialog-close{width:30px;height:30px;display:grid;place-items:center;border:1px solid #435777;border-radius:50%;background:#1b2c46;float:right;font-size:18px}.dialog-logo{display:flex;justify-content:start;align-items:center;min-height:70px}.dialog-backdrop h2{font-size:25px;letter-spacing:-.6px;margin:15px 0}.dialog-backdrop p{font-size:13px;margin-top:15px}.dialog-backdrop .btn{margin-top:24px}.dialog-backdrop .dialog-note{color:#7e9cbf;font-size:10px;margin-top:20px}.detail-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.detail-feature{border-top:1px solid #354a67;padding:25px 0}.detail-feature>.icon{color:#79b6df;margin-bottom:20px;width:24px;height:24px}.detail-feature h3{font-size:17px;margin-bottom:12px}.detail-feature p{font-size:13px;line-height:1.9}.detail-split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.detail-split p{font-size:14px;margin-top:23px}.detail-media{padding:25px;background:radial-gradient(ellipse at 80% 20%,#184a7780,#101b2e 70%);border:1px solid #344b6a;border-radius:19px;min-width:0}.detail-media>img{width:100%;object-fit:contain;max-height:390px}.detail-media .preview-caption{justify-content:center}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.process-step{padding:5px 20px 5px 0}.process-step>span{font-family:var(--heading);color:#4e8fc5;font-size:30px;display:block;margin-bottom:22px}.process-step h3{font-size:18px;margin-bottom:14px}.process-step p{font-size:13px}.comparison-wrap{overflow-x:auto;border:1px solid #32445f;border-radius:13px}.comparison{width:100%;border-collapse:collapse;min-width:650px}.comparison th,.comparison td{text-align:left;padding:18px 23px;border-bottom:1px solid #293a54;font-size:12px;color:#97aece}.comparison th{background:#17253d;color:#d6e6fc;font-weight:500}.comparison td:first-child{color:#c6d8ee}.comparison tr:last-child td{border:0}.comparison .yes{color:#7cd9c8}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.support-card{background:#101b2c;border:1px solid #304461;border-radius:15px;padding:32px}.support-card>.icon{width:29px;height:29px;color:#7ac1e1;margin-bottom:23px}.support-card h2{font-size:24px;letter-spacing:-.7px}.support-card p{font-size:13px;margin-top:16px;max-width:430px}.support-card .text-link{margin-top:26px}.support-card .btn{margin-top:26px;font-size:12px}.note-box{font-size:12px;line-height:1.9;border-left:2px solid #3e8aaf;background:#11243b;padding:20px 25px;color:#92b0d1;margin-top:30px}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px;border-top:1px solid #2c415f;padding-top:26px}.metric-strip strong{font-size:23px;display:block;font-family:var(--heading);color:#c2e7ff}.metric-strip span{font-size:11px;color:#8aa8cd;display:block;margin-top:10px}.progress-line{height:2px;width:0;position:fixed;top:85px;background:var(--cyan);z-index:45;opacity:.65;pointer-events:none}.motion-toggle{position:fixed;right:17px;bottom:17px;z-index:30;background:#152137dd;border:1px solid #364965;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#96b5d7;backdrop-filter:blur(8px)}.motion-toggle .icon{width:14px;height:14px}.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.motion-ready .reveal.in-view{opacity:1;transform:translateY(0)}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduce-motion .reveal{opacity:1!important;transform:none!important}.noscript-note{display:block;background:#16324b;color:#c5d9ef;padding:12px;text-align:center;font-size:11px}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes float-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){.container{width:min(1290px,calc(100% - 130px))}.hero{padding-top:105px;padding-bottom:96px}.hero-layout{gap:75px}.dash-layout{min-height:380px}.dash-main{padding:23px}.chart-wrap{height:130px}.hero-copy h1{font-size:65px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.nav{gap:20px}.header-inner{gap:25px}.header-actions{gap:18px}.hero-layout{gap:30px;grid-template-columns:1fr 1.05fr}.hero h1{font-size:46px;letter-spacing:-2px}.hero-copy p{font-size:14px}.hero-copy .actions{gap:15px}.hero-copy .btn{font-size:12px;padding:14px 18px}.hero-copy .text-link{font-size:11px}.dash-layout{grid-template-columns:86px 1fr}.dash-aside{padding:19px 6px}.dash-aside img{width:66px}.dash-aside .dash-nav{font-size:7px;padding:10px 5px;gap:5px}.dash-main{padding:15px}.dash-tab{font-size:7px}.dash-kpi strong{font-size:16px}.dash-kpi{padding:11px}.floating-sale{left:-5px}.section{padding:85px 0}.feature-layout,.cost-layout,.app-layout,.faq-layout,.leavening-layout,.detail-split{gap:48px}.phone-popup{right:-12px}.integrations-home-grid{gap:9px}.partner-logo{font-size:16px}.partner-logo.mercadopago{font-size:12px}.partner-logo.stone{font-size:21px}.principle+.principle{padding-left:25px}.principle{gap:14px}.principle>span{font-size:29px}.plan-card{padding:25px 21px}.plan-price strong{font-size:34px}.footer-main{gap:40px}.cta-panel{padding:43px}.cta-panel h2{font-size:30px}}
@media(max-width:950px){.nav,.header-actions>.header-login{display:none}.menu-button{display:flex}.header-actions{margin-left:auto}.site-header{height:75px}.header-inner{gap:20px}.mobile-nav{display:grid;position:absolute;left:0;right:0;top:74px;background:#101a2cfb;border-bottom:1px solid #3a4b67;padding:18px 32px 25px;box-shadow:0 30px 50px #0006;gap:2px}.mobile-nav a{display:block;padding:13px 0;font-size:13px;color:#c8d7ec;border-bottom:1px solid #2a3a53}.mobile-nav .mobile-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mobile-nav small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#708cb5;margin-top:14px;padding:7px 0}.hero{padding:55px 0 65px}.hero-layout{gap:30px;grid-template-columns:1fr 1fr}.hero h1{font-size:41px;letter-spacing:-1.8px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-copy p{font-size:12px}.hero-copy .actions{gap:15px}.hero-copy .text-link{font-size:10px}.hero-copy .hero-note{font-size:9px;gap:5px}.trustline{margin-top:25px;font-size:9px}.trustline strong{font-size:10px}.dash-layout{grid-template-columns:62px 1fr;min-height:310px}.dash-aside{padding:15px 5px}.dash-aside img{width:47px}.dash-aside .dash-nav{font-size:0;padding:12px 8px;justify-content:center}.dash-aside .dash-nav .icon{width:14px;height:14px}.dash-aside .aside-bottom{font-size:6px;margin-top:40px}.dash-main{padding:13px 10px}.dash-kpis{gap:6px}.dash-kpi{padding:9px}.dash-kpi strong{font-size:13px}.dash-kpi .label{font-size:6px}.dash-kpi small{font-size:6px}.dash-top strong{font-size:10px}.dash-top{font-size:6px}.dash-date{font-size:6px}.dash-tabs{gap:10px}.dash-tab{font-size:6px}.chart-wrap{height:95px}.floating-sale{padding:11px 13px;gap:8px;bottom:4px}.floating-sale>.money{margin-left:12px;font-size:11px}.preview-caption{font-size:7px}.principle{padding:23px 15px 23px 0;gap:10px}.principle+.principle{padding-left:20px}.principle>span{font-size:26px}.principle strong{font-size:9px}.principle small{font-size:8px}.feature-layout,.cost-layout,.app-layout,.leavening-layout,.faq-layout,.detail-split{gap:35px}.section-head{gap:30px}.section-head p{font-size:12px;max-width:300px}.feature-layout h3{font-size:24px}.feature-layout p{font-size:12px}.feature-preview{padding:25px 16px}.check-list li{font-size:11px}.feature-under{gap:25px}.cost-copy>p{font-size:12px}.cost-copy .cost-footnote{font-size:9px}.calculator{padding:22px}.calc-result output{font-size:26px}.integrations-home-grid{grid-template-columns:repeat(3,1fr);gap:12px}.logo-tile{min-height:85px}.partner-logo{font-size:19px}.partner-logo.mercadopago{font-size:15px}.phone-stage{min-height:460px}.phone-popup{right:-18px;top:70px;width:180px}.app-copy h2{font-size:30px}.app-copy>p{font-size:12px}.app-feature small{font-size:10px}.app-feature strong{font-size:11px}.plan-card{padding:24px 18px}.plan-card h3{font-size:17px}.plan-card>p{font-size:11px;min-height:55px}.plan-price{gap:3px}.plan-price strong{font-size:29px}.plan-price .currency{font-size:11px}.plan-price .period{font-size:8px}.plan-quota{font-size:10px}.plan-quota small{font-size:9px}.plan-card .check-list li{font-size:9px}.plan-card .check-list{gap:10px}.plan-card .btn{font-size:10px;padding:12px 8px;gap:8px}.leavening-copy p{font-size:12px}.ownership-panel strong{font-size:12px}.ownership-panel small{font-size:11px}.faq-layout{grid-template-columns:.75fr 1.25fr}.faq-list summary{font-size:12px}.cta-panel{padding:35px;gap:25px}.cta-panel h2{font-size:27px}.cta-panel p{font-size:12px}.cta-panel .btn{font-size:12px;padding:13px 18px}.footer-main{gap:30px;grid-template-columns:1.25fr 1fr 1fr 1fr}.footer-brand p{font-size:10px}.footer-column a{font-size:10px}.integration-card-copy{padding:20px}.integration-card h2{font-size:17px}.integration-card p{font-size:11px}.integration-grid{gap:13px}.progress-line{top:74px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}h1{letter-spacing:-1.8px}h2{font-size:30px;letter-spacing:-1px}.site-header{height:70px}.brand img{width:135px;height:36px}.header-actions .btn{font-size:10px;padding:9px 12px;min-height:38px}.header-actions{gap:10px}.header-inner{gap:10px}.menu-button{width:37px;height:37px}.mobile-nav{top:69px;padding-inline:20px}.hero{padding:43px 0 61px}.hero-layout{display:flex;flex-direction:column;gap:40px;align-items:stretch}.hero-copy{padding:0}.hero h1{font-size:44px;line-height:1.13;max-width:520px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:22px}.hero-copy p{font-size:14px;max-width:470px;margin-top:23px}.hero-copy .actions{margin-top:27px;gap:20px}.hero-copy .btn{font-size:12px;padding:14px 19px}.hero-copy .text-link{font-size:11px}.hero-copy .hero-note{font-size:10px;margin-top:16px}.trustline{margin-top:25px;font-size:9px}.hero-product{margin:0 auto;width:min(520px,100%);padding-bottom:28px}.dash-layout{grid-template-columns:83px 1fr;min-height:330px}.dash-aside{padding:18px 8px}.dash-aside img{width:62px}.dash-aside .dash-nav{font-size:6px;padding:11px 5px;gap:6px;justify-content:start}.dash-aside .dash-nav .icon{width:11px;height:11px}.dash-aside .aside-bottom{font-size:7px;margin-top:57px}.dash-main{padding:15px 13px}.dash-top strong{font-size:11px}.dash-top{font-size:7px}.dash-date{font-size:6px}.dash-tab{font-size:7px}.dash-kpi strong{font-size:16px}.dash-kpi .label{font-size:6px}.dash-kpi small{font-size:6px}.chart-wrap{height:105px}.chart-heading{font-size:7px}.floating-sale{padding:12px 17px;left:10px;bottom:0}.preview-caption{font-size:8px}.principle-grid{grid-template-columns:1fr}.principle{padding:21px 0;gap:20px}.principle+.principle{padding-left:0;border-left:0;border-top:1px solid #26354a}.principle>span{font-size:29px;width:65px;text-align:center}.principle strong{font-size:11px}.principle small{font-size:10px}.section{padding:65px 0}.section-head{display:block;margin-bottom:30px}.section-head h2{max-width:510px}.section-head p{font-size:13px;max-width:470px;margin-top:20px}.eyebrow{font-size:10px;margin-bottom:18px;letter-spacing:1.4px}.platform-tabs{gap:0;margin-bottom:30px}.platform-tab{flex:1;justify-content:center;padding:14px 8px;font-size:11px;gap:7px}.platform-tab .icon{width:15px;height:15px}.feature-layout,.cost-layout,.app-layout,.leavening-layout,.faq-layout,.detail-split{grid-template-columns:1fr;gap:35px}.feature-layout h3{font-size:25px}.feature-layout p{font-size:13px}.feature-preview{padding:28px 23px;min-height:290px}.feature-under{grid-template-columns:1fr;gap:25px;margin-top:40px;padding-top:27px}.feature-under>div{padding-left:34px;position:relative}.feature-under .icon{position:absolute;left:0;top:2px;width:18px;height:18px}.feature-under h3{font-size:12px}.feature-under p{font-size:12px;max-width:450px}.cost-copy h2{max-width:470px}.cost-copy>p{font-size:13px;max-width:490px}.cost-copy .cost-footnote{font-size:10px;max-width:490px}.calculator{padding:25px}.calc-result output{font-size:29px}.integrations-home-grid{grid-template-columns:repeat(2,1fr)}.integration-footer{align-items:start;flex-direction:column;gap:20px;font-size:10px}.integration-bridges{gap:7px}.mini-chip{font-size:9px;padding:7px 10px}.phone-stage{order:2;min-height:485px;max-width:420px;width:100%;margin:auto}.app-copy>p{font-size:13px}.app-layout{gap:35px}.app-feature strong{font-size:12px}.app-feature small{font-size:11px}.phone-popup{right:5px;top:74px;width:190px}.phone-caption{bottom:0}.plans-grid{grid-template-columns:1fr;gap:20px}.plan-card{padding:28px;max-width:540px;width:100%;margin:auto}.plan-label{font-size:10px}.plan-card h3{font-size:22px}.plan-card>p{font-size:13px;min-height:0}.plan-price strong{font-size:40px}.plan-price .currency{font-size:16px}.plan-price .period{font-size:11px}.plan-quota{font-size:12px}.plan-quota small{font-size:11px}.plan-card .check-list li{font-size:12px}.plan-card .check-list .icon{width:15px;height:15px}.plan-card .check-list{gap:13px}.plan-card .btn{font-size:13px;padding:14px 20px}.plan-card .plan-after{font-size:10px}.plans-note{font-size:10px}.plans-links{flex-direction:column;gap:15px}.leavening-copy p{font-size:13px}.ownership-panel strong{font-size:13px}.ownership-panel small{font-size:12px}.ownership-panel{gap:25px}.faq-layout{gap:30px}.faq-layout .faq-copy p{font-size:13px}.faq-layout .faq-copy .text-link{font-size:12px;margin-top:18px}.faq-list summary{font-size:12px;padding:21px 0}.faq-list details p{font-size:12px}.cta-section{padding:20px 0 65px}.cta-panel{display:block;padding:33px 27px;border-radius:17px}.cta-panel h2{font-size:28px}.cta-panel p{font-size:13px}.cta-panel .actions{margin-top:27px;text-align:left}.cta-panel .actions small{text-align:left;margin-top:15px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 30px}.footer-brand{grid-column:1/-1}.footer-brand p{font-size:12px;max-width:300px}.footer-brand .brand img{width:145px}.footer-product{margin-top:15px}.footer-column strong{font-size:12px;margin-bottom:16px}.footer-column a{font-size:11px;margin-top:12px}.footer-bottom{display:block;font-size:9px;line-height:1.8;margin-top:30px}.footer-legal{gap:18px;margin-top:14px;flex-wrap:wrap}.site-footer{padding-top:42px}.page-hero{padding:39px 0 43px}.page-hero h1{font-size:38px;line-height:1.18;letter-spacing:-1.6px}.page-hero p{font-size:14px}.breadcrumb{margin-bottom:30px;font-size:9px}.page-body{padding:43px 0 65px}.filters-row{display:block;margin-bottom:25px}.search-box{min-width:0;width:100%;margin-bottom:20px}.filter-buttons{gap:6px}.filter-button{padding:10px 12px;font-size:10px}.integration-grid{grid-template-columns:1fr 1fr;gap:12px}.integration-card-logo{height:95px}.integration-card-logo .partner-logo{font-size:18px}.integration-card-logo .partner-logo.mercadopago{font-size:13px}.integration-card-copy{padding:17px}.integration-card h2{font-size:15px}.integration-card p{font-size:10px;line-height:1.8}.category-label{font-size:8px;margin-bottom:9px}.integration-detail{font-size:9px;gap:5px;padding-top:13px;margin-top:18px}.integration-note{font-size:10px}.integration-callout{display:block;padding:25px 0;margin-top:35px}.integration-callout .btn{margin-top:20px}.integration-callout p{font-size:12px}.detail-feature-grid{grid-template-columns:1fr;gap:10px}.detail-feature{padding-top:25px}.detail-feature h3{font-size:19px}.detail-feature p{font-size:13px}.process-grid{grid-template-columns:1fr;gap:25px}.process-step{padding:5px 0}.process-step>span{font-size:25px;margin-bottom:14px}.process-step h3{font-size:18px}.process-step p{font-size:13px}.detail-split p{font-size:13px;margin-top:20px}.detail-media{padding:20px}.support-grid{grid-template-columns:1fr}.support-card{padding:27px}.support-card h2{font-size:24px}.support-card p{font-size:13px}.metric-strip{gap:15px;margin-top:35px}.metric-strip strong{font-size:19px}.metric-strip span{font-size:10px;line-height:1.7}.comparison th,.comparison td{padding:16px;font-size:11px}.motion-toggle{bottom:13px;right:12px;width:32px;height:32px}.progress-line{top:69px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:39px}.brand img{width:117px}.header-actions .btn{padding:9px 10px;font-size:9px}.header-inner{gap:7px}.header-actions{gap:7px}.hero-copy .actions{gap:15px}.hero-copy .text-link{font-size:10px}.dash-layout{grid-template-columns:62px 1fr}.dash-aside img{width:45px}.dash-aside .dash-nav{font-size:0;justify-content:center}.dash-kpi strong{font-size:14px}.input-row,.calc-rates{gap:10px}.calculator{padding:20px}.calc-result output{font-size:25px}.phone-popup{right:-5px}.integration-grid{grid-template-columns:1fr}.integration-card-logo .partner-logo{font-size:23px}.integration-card p{font-size:12px}.integration-card h2{font-size:18px}.integration-detail{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.chart-path{stroke-dashoffset:0}.motion-ready .reveal{opacity:1;transform:none}}

.partner-logo.full-logo img{width:100px;height:35px;object-fit:contain;filter:grayscale(1) brightness(2)}.brand-crop.mercadopago img{width:420px;height:auto;left:-170px;top:-330px}.calc-monthly{margin:0 0 14px}.calc-monthly summary{font-size:10px;color:#87a7cc;padding:3px 0;list-style:none}.calc-monthly summary:before{content:"+";margin-right:8px;color:#8ddcf0}.calc-monthly[open] summary:before{content:"−"}.calc-monthly .form-field{margin-top:14px}.calc-error{font-size:11px;line-height:1.7;padding:15px;background:#46352966;border-radius:8px;color:#e9c6a4}[data-invalid=true] .cost-bars,[data-invalid=true] .calc-result,[data-invalid=true] .calc-explanation{display:none}@media(max-width:700px){.hero h1{font-size:clamp(30px,9.6vw,44px)}}

.brand-crop.stone img{width:342px;height:342px;left:-254px;top:-155px}.brand-crop.mercadopago img{top:-295px}

/* Movimento da interface: luz, conexões e profundidade. */
.brand img { filter: brightness(1.85); }
.cinematic-hero {
  padding: 30px 0 26px;
  isolation: isolate;
  background: #060a15;
  --hero-scroll: 0;
}
.cinematic-hero::after { display: none; }
.hero-atmosphere { position: absolute; inset: 0; overflow: hidden; z-index: -1; pointer-events: none; }
.light-source {
  position: absolute; right: -4%; top: -155px; width: 650px; height: 450px;
  background: radial-gradient(ellipse, #00c7ef30, #055baf18 38%, transparent 68%);
  transform: rotate(-28deg);
}
.light-beam {
  position: absolute; right: -15%; top: -190px; width: 1050px; height: 450px;
  transform-origin: 88% 10%; filter: blur(13px); opacity: .75;
  background: conic-gradient(from 174deg at 78% 4%, transparent 0deg, #00c5f600 4deg, #00c5f622 10deg, #b5faff3d 13deg, #0671d81b 17deg, transparent 25deg);
  animation: light-travel 14s ease-in-out infinite alternate;
}
.light-beam-two { top: -240px; right: -10%; opacity: .38; animation-delay: -9s; animation-duration: 19s; transform: rotate(11deg); }
.light-dust {
  position: absolute; inset: 0; opacity: .24;
  background-image: radial-gradient(#8dcfff66 .7px, transparent .9px);
  background-size: 65px 65px;
  mask-image: radial-gradient(ellipse at 65% 60%, #000, transparent 64%);
  animation: dust-drift 25s linear infinite alternate;
}
.hero-horizon {
  position: absolute; width: 110%; height: 220px; left: -5%; bottom: -220px;
  border-radius: 50%; background: #0057ff; filter: blur(110px); opacity: .22;
}
.cinematic-hero .hero-layout { display: block; position: relative; }
.cinematic-hero .hero-copy { padding: 0; text-align: center; margin: 0 auto; max-width: 1000px; transform: translateY(calc(var(--hero-scroll) * -22px)); }
.cinematic-hero .eyebrow { justify-content: center; margin-bottom: 13px; color: #8da3c2; font-size: 9px; letter-spacing: 1.5px; }
.cinematic-hero .eyebrow::before { width: 15px; background: #5bd9ef; }
.hero-product-label { color: #657b9a; letter-spacing: .4px; font-weight: 400; text-transform: none; }
.cinematic-hero h1 { font-size: clamp(43px, 4.15vw, 59px); line-height: 1.12; letter-spacing: -2.4px; }
.headline-mask { display: block; overflow: hidden; padding: 2px 0 3px; }
.headline-line { display: inline-block; }
.cinematic-hero .text-gradient { background-image: linear-gradient(105deg, #dcefff 10%, #78d9f5 55%, #00d8ff 92%); }
.cinematic-hero .hero-copy > p { max-width: 720px; margin: 15px auto 0; font-size: 13px; line-height: 1.8; color: #93a6c3; }
.cinematic-hero .hero-copy > p strong { color: #dce9f8; font-weight: 500; }
.cinematic-hero .actions { justify-content: center; gap: 25px; margin-top: 22px; }
.cinematic-hero .actions .btn { min-height: 45px; padding: 12px 21px; font-size: 12px; }
.cinematic-hero .actions .text-link { font-size: 11px; }
.cinematic-hero .hero-note { justify-content: center; margin-top: 12px; font-size: 9px; color: #7086a5; }
.cinematic-hero .hero-note .icon { width: 12px; height: 12px; color: #6cbdd1; }
.flow-stage { width: min(1180px, 100%); height: clamp(300px, 31vw, 380px); position: relative; margin: 17px auto 0; perspective: 1300px; }
.stage-floor {
  position: absolute; left: 10%; right: 10%; bottom: -35%; height: 100%;
  background: repeating-linear-gradient(0deg, transparent 0 29px, #27649a18 30px 31px), repeating-linear-gradient(90deg, transparent 0 49px, #27649a18 50px 51px);
  transform: perspective(550px) rotateX(70deg); transform-origin: center;
  mask-image: radial-gradient(ellipse, #0009 4%, transparent 64%); pointer-events: none;
}
.stage-orbit { pointer-events: none; position: absolute; left: 50%; top: 50%; border: 1px solid #1f74aa24; border-radius: 50%; width: 76%; height: 106%; transform: translate(-50%,-50%) rotate(-5deg); }
.orbit-two { width: 88%; height: 127%; border-color: #15335322; transform: translate(-50%,-50%) rotate(6deg); }
.flow-wires { pointer-events: none; position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.flow-wire { fill: none; stroke: #1d405d; stroke-width: 1; vector-effect: non-scaling-stroke; }
.wire-pulse { fill: none; stroke: url(#flow-cyan); stroke-width: 2; stroke-dasharray: 18 280; stroke-linecap: round; vector-effect: non-scaling-stroke; animation: connection-travel 6.8s linear infinite; animation-delay: var(--wire-delay); opacity: .85; }
[data-wire].is-active .flow-wire { stroke: #398ab1; }
[data-wire].is-active .wire-pulse { stroke-width: 2.6; opacity: 1; }
.flow-node { position: absolute; left: var(--node-x); top: var(--node-y); z-index: 4; width: 134px; min-height: 75px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; transform: translate(-50%,-50%); animation: node-drift 7s ease-in-out infinite; animation-delay: var(--node-delay); }
.flow-node-icon { display: grid; place-items: center; width: 43px; height: 43px; border: 1px solid #283b53; border-radius: 12px; background: linear-gradient(140deg, #17223bca, #0b1725f2); color: #83b8d5; box-shadow: 0 6px 25px #0005, inset 0 1px 0 #b9eaff07; transition: border-color .3s, box-shadow .3s, color .3s, background .3s; }
.flow-node-icon .icon { width: 19px; height: 19px; }
.flow-node-label { color: #819bb8; font-size: 9px; white-space: nowrap; letter-spacing: .1px; transition: color .3s; }
.flow-node-led { position: absolute; top: 8px; left: calc(50% + 13px); height: 4px; width: 4px; border-radius: 50%; background: #5ccce5; opacity: .55; box-shadow: 0 0 8px #00d8ff55; }
.flow-node:hover .flow-node-icon, .flow-node:focus-visible .flow-node-icon { border-color: #49c4df88; color: #c1f8ff; background: #12334c; box-shadow: 0 0 30px #0077bb24; }
.flow-node:hover .flow-node-label, .flow-node:focus-visible .flow-node-label { color: #c4efff; }
.real-screen-position { position: absolute; z-index: 3; top: 50%; left: 50%; width: 59%; transform-style: preserve-3d; transform: translate3d(-50%,-50%,0) perspective(1200px) rotateX(calc(6deg + var(--screen-tilt-x,0deg) + var(--screen-scroll-pitch,0deg))) rotateY(var(--screen-tilt-y,-1deg)) translateY(var(--screen-scroll-lift,0px)); will-change: transform; }
.real-dashboard-shell { display: block; width: 100%; position: relative; border-radius: 13px; padding: 1px; overflow: hidden; background: #345e7a; cursor: zoom-in; box-shadow: 0 30px 65px #0009, 0 0 28px #017daa0d, 0 1px 0 #9dc9eb33; transform: translateZ(0); }
.real-dashboard-shell::before { content: ''; pointer-events: none; position: absolute; inset: -110%; background: conic-gradient(transparent 0 42%, #68eaffcc 48%, transparent 56% 92%, #0057ff99 98%, transparent); animation: frame-orbit 12s linear infinite; }
.real-dashboard-shell:focus-visible { outline-offset: 7px; }
.screen-surface { display: block; position: relative; z-index: 1; overflow: hidden; border-radius: 12px; background: #060a16; }
.real-dashboard-image { display: block; width: 100%; height: auto; aspect-ratio: 1858/918; }
.screen-reflection { position: absolute; z-index: 2; inset: -50%; background: linear-gradient(108deg, transparent 42%, #ddf6ff08 48%, transparent 53%); pointer-events: none; animation: screen-shine 14s ease-in-out infinite; }
.screen-platform { position: absolute; top: calc(100% + 11px); left: 0; width: 100%; display: flex; align-items: center; justify-content: center; gap: 7px; color: #5f7899; font-size: 8px; letter-spacing: .1px; }
.screen-platform .icon { width: 11px; height: 11px; color: #7399bd; }
.screen-platform-dot { height: 2px; width: 2px; border-radius: 50%; background: #5f7899; margin: 0 3px; }
.scene-mobile-links { display: none; }
.scene-bottom { display: flex; justify-content: space-between; align-items: center; max-width: 1010px; gap: 20px; margin: 15px auto 0; min-height: 22px; }
.scene-description { display: flex; gap: 8px; align-items: center; color: #6d89aa; font-size: 9px; }
.scene-description .live-dot { width: 4px; height: 4px; background: #6fa6c4; box-shadow: none; }
.screen-expand { padding: 6px 0; display: inline-flex; gap: 9px; align-items: center; background: transparent; color: #8bb1d2; font-size: 9px; }
.screen-expand .icon { width: 13px; height: 13px; }
.screen-expand:hover { color: #c9f4ff; }
.dashboard-dialog { width: min(1640px, 96vw); max-width: none; max-height: 93vh; border-radius: 17px; border: 1px solid #3f617d; padding: 0; color: #dcecff; background: #090f1c; box-shadow: 0 30px 90px #000a; overflow: auto; }
.dashboard-dialog::backdrop { background: #020711e8; backdrop-filter: blur(12px); }
.dashboard-dialog-header { padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; gap: 20px; color: #9eb4cf; font-size: 12px; position: sticky; top: 0; background: #0d1524f2; border-bottom: 1px solid #253d57; z-index: 2; }
.dashboard-dialog-close { display: grid; place-items: center; background: #17273d; border: 1px solid #3a536f; border-radius: 50%; width: 30px; height: 30px; color: #c7def4; font-size: 20px; line-height: 1; flex: none; }
.dashboard-dialog-image { padding: 5px; }
.dashboard-dialog-image img { display: block; width: 100%; height: auto; border-radius: 10px; }

/* Entrada e deslocamento acompanham a leitura, sem bloquear a rolagem. */
.ambient-motion .cinematic-hero .eyebrow { animation: intro-soft .9s ease both .04s; }
.ambient-motion .headline-line { animation: headline-rise 1.15s cubic-bezier(.16,1,.3,1) both .12s; }
.ambient-motion .headline-mask + .headline-mask .headline-line { animation-delay: .24s; }
.ambient-motion .cinematic-hero .hero-copy > p { animation: intro-soft 1s ease both .36s; }
.ambient-motion .cinematic-hero .actions { animation: intro-soft 1s ease both .48s; }
.ambient-motion .cinematic-hero .hero-note { animation: intro-soft 1s ease both .58s; }
.ambient-motion .flow-stage { animation: stage-arrive 1.7s cubic-bezier(.16,1,.3,1) both .32s; }
.motion-ready .reveal { opacity: 0; transform: translateY(36px) scale(.985); filter: blur(5px); transition: opacity .85s ease, transform 1s cubic-bezier(.16,1,.3,1), filter .85s ease; transition-delay: var(--reveal-delay,0ms); }
.motion-ready .reveal.in-view { opacity: 1; transform: none; filter: blur(0); }
.feature-preview, .calculator, .plan-card, .integration-card, .logo-tile, .cta-panel { transition: border-color .3s, box-shadow .3s, transform .35s; }
.feature-preview:hover, .calculator:hover, .plan-card:hover, .integration-card:hover { border-color: #496e90; box-shadow: 0 16px 50px #0002, 0 0 24px #0057ff08; }
.logo-tile:hover { box-shadow: 0 0 26px #00d8ff15; }
.btn-primary:hover { box-shadow: 0 6px 34px #00d8ff30; }
.btn-primary { position: relative; overflow: hidden; }
.btn-primary::before { content: ''; position: absolute; inset: -20% -100%; transform: translateX(-35%) skewX(-20deg); background: linear-gradient(90deg, transparent 40%, #fff3 49%, transparent 58%); transition: transform .7s; pointer-events: none; }
.btn-primary:hover::before { transform: translateX(35%) skewX(-20deg); }
.app-section { --app-lift: 0px; --app-popup: 0px; }
.app-section .phone { transform: perspective(1000px) rotateY(-7deg) rotateZ(-4deg) translateY(var(--app-lift)); will-change: transform; }
.app-section .phone-popup { transform: translateY(var(--app-popup)); }
.feature-preview .offer-demo { transition: transform .5s cubic-bezier(.16,1,.3,1), box-shadow .5s; }
.feature-preview:hover .offer-demo { transform: translateY(-4px); box-shadow: 0 24px 42px #0004; }
.page-hero { position: relative; isolation: isolate; }
.page-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(120deg, transparent 55%, #2cb7df0a 67%, transparent 75%); }
.integration-showcase::after { content: ''; position: absolute; width: 70%; height: 1px; top: 0; left: 15%; background: linear-gradient(90deg, transparent, #349ec566, transparent); pointer-events: none; }
.cta-panel::after { content: ''; position: absolute; width: 500px; height: 220px; bottom: -240px; right: -50px; background: #00a5d9; border-radius: 50%; filter: blur(90px); opacity: .24; pointer-events: none; }
[data-motion-scene] .light-beam, [data-motion-scene] .light-dust, [data-motion-scene] .wire-pulse, [data-motion-scene] .flow-node, [data-motion-scene] .real-dashboard-shell::before, [data-motion-scene] .screen-reflection { animation-play-state: paused; }
[data-motion-scene].is-motion-active .light-beam, [data-motion-scene].is-motion-active .light-dust, [data-motion-scene].is-motion-active .wire-pulse, [data-motion-scene].is-motion-active .flow-node, [data-motion-scene].is-motion-active .real-dashboard-shell::before, [data-motion-scene].is-motion-active .screen-reflection { animation-play-state: running; }
@keyframes light-travel { from { transform: rotate(-18deg) translateX(0); opacity: .45; } to { transform: rotate(13deg) translateX(-45px); opacity: .9; } }
@keyframes dust-drift { from { transform: translate(0,0); } to { transform: translate(-15px,20px); } }
@keyframes connection-travel { from { stroke-dashoffset: 298; } to { stroke-dashoffset: 0; } }
@keyframes node-drift { 0%,100% { transform: translate(-50%,-50%); } 50% { transform: translate(-50%,calc(-50% - 4px)); } }
@keyframes frame-orbit { to { transform: rotate(360deg); } }
@keyframes screen-shine { 0%,15% { transform: translateX(-35%); opacity: 0; } 40%,60% { opacity: 1; } 85%,100% { transform: translateX(35%); opacity: 0; } }
@keyframes intro-soft { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
@keyframes headline-rise { from { opacity: 0; transform: translateY(110%) rotate(1.2deg); filter: blur(4px); } to { opacity: 1; transform: translateY(0) rotate(0deg); filter: blur(0); } }
@keyframes stage-arrive { from { opacity: 0; transform: translateY(38px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (min-width:1550px) { .cinematic-hero { padding-top: 38px; padding-bottom: 30px; } .cinematic-hero h1 { font-size: 60px; } .flow-stage { height: 410px; max-width: 1240px; } .cinematic-hero .hero-copy > p { font-size: 14px; } }
@media (min-width:951px) and (max-height:820px) { .cinematic-hero { padding-top: 20px; padding-bottom: 20px; } .cinematic-hero h1 { font-size: 46px; } .cinematic-hero .eyebrow { margin-bottom: 8px; } .cinematic-hero .hero-copy > p { margin-top: 10px; font-size: 12px; } .cinematic-hero .actions { margin-top: 14px; } .cinematic-hero .hero-note { margin-top: 9px; } .flow-stage { height: 300px; margin-top: 15px; max-width: 1030px; } .cinematic-hero .real-screen-position { width: 58%; } .scene-bottom { margin-top: 13px; max-width: 950px; } }
@media (max-width:950px) { .cinematic-hero { padding-top: 34px; } .cinematic-hero h1 { font-size: 45px; } .cinematic-hero .eyebrow { font-size: 8px; } .flow-stage { height: 320px; margin-top: 20px; } .real-screen-position { width: 62%; } .flow-node { width: 110px; gap: 7px; } .flow-node-icon { width: 37px; height: 37px; border-radius: 10px; } .flow-node-icon .icon { width: 16px; height: 16px; } .flow-node-label { font-size: 8px; } .flow-node-led { left: calc(50% + 10px); top: 11px; } .cinematic-hero .hero-copy > p { font-size: 12px; } .scene-bottom { margin-top: 12px; } }
@media (max-width:700px) {
  .cinematic-hero { padding-top: 32px; padding-bottom: 23px; }
  .cinematic-hero .hero-copy { width: 100%; }
  .cinematic-hero .eyebrow { gap: 6px; font-size: 8px; letter-spacing: 1px; margin-bottom: 17px; }
  .hero-product-label { font-size: 8px; letter-spacing: 0; }
  .cinematic-hero h1 { font-size: clamp(32px,6.7vw,44px); line-height: 1.15; letter-spacing: -1.5px; }
  .cinematic-hero .hero-copy > p { font-size: 12px; margin-top: 15px; max-width: 460px; line-height: 1.85; }
  .hero-desktop-break { display: none; }
  .cinematic-hero .actions { gap: 19px; margin-top: 21px; flex-wrap: wrap; }
  .cinematic-hero .actions .btn { font-size: 11px; padding: 12px 16px; min-height: 43px; }
  .cinematic-hero .actions .text-link { font-size: 10px; gap: 7px; }
  .cinematic-hero .hero-note { font-size: 8px; margin-top: 13px; gap: 5px; }
  .flow-stage { height: auto; aspect-ratio: 1.7; min-height: 190px; width: 100%; max-width: 520px; margin: 24px auto 0; }
  .real-screen-position { width: 100%; top: 48%; transform: translate(-50%,-50%) perspective(1000px) rotateX(3deg); }
  .real-dashboard-shell { border-radius: 9px; box-shadow: 0 20px 40px #0008, 0 0 24px #008fc415; }
  .screen-surface { border-radius: 8px; }
  .flow-node, .flow-wires { display: none; }
  .stage-orbit { width: 110%; height: 95%; opacity: .6; }
  .orbit-two { width: 125%; height: 115%; }
  .stage-floor { left: -20%; right: -20%; opacity: .6; }
  .screen-platform { top: calc(100% + 12px); font-size: 7px; gap: 5px; }
  .screen-platform .icon { width: 9px; height: 9px; }
  .scene-mobile-links { display: flex; justify-content: center; gap: 18px; margin-top: 8px; }
  .scene-mobile-links a { font-size: 8px; color: #7196b9; display: inline-flex; gap: 6px; align-items: center; }
  .scene-mobile-links .icon { width: 11px; height: 11px; }
  .scene-bottom { justify-content: center; margin-top: 17px; gap: 12px; min-height: 15px; }
  .scene-description { display: none; }
  .screen-expand { font-size: 8px; }
  .light-source { right: -180px; width: 500px; height: 500px; top: -200px; opacity: .65; }
  .light-beam { width: 850px; right: -180px; opacity: .6; }
  .hero-horizon { opacity: .18; bottom: -180px; }
  .dashboard-dialog { width: 98vw; border-radius: 12px; }
  .dashboard-dialog-header { padding: 12px; font-size: 10px; }
  .dashboard-dialog-image { overflow-x: auto; }
  .dashboard-dialog-image img { width: max(100%,720px); max-width: none; }
  .app-section .phone { transform: rotate(-4deg); will-change: auto; }
  .app-section .phone-popup { transform: none; }
}
@media (max-width:390px) { .cinematic-hero h1 { font-size: 31px; letter-spacing: -1.4px; } .cinematic-hero .eyebrow { letter-spacing: .7px; font-size: 7px; gap: 5px; } .hero-product-label { font-size: 7px; } .cinematic-hero .actions { gap: 12px; } .cinematic-hero .actions .text-link { font-size: 9px; } .cinematic-hero .actions .btn { padding-inline: 13px; font-size: 10px; } }
.reduce-motion .headline-line, .reduce-motion .cinematic-hero .hero-copy, .reduce-motion .flow-stage { opacity: 1 !important; transform: none !important; filter: none !important; }
.reduce-motion .real-screen-position { transform: translate(-50%,-50%) !important; }
.reduce-motion .flow-node { transform: translate(-50%,-50%) !important; }
.reduce-motion .reveal { opacity: 1 !important; transform: none !important; filter: none !important; }
.reduce-motion .screen-reflection, .reduce-motion .light-dust { display: none; }
.reduce-motion .wire-pulse { stroke-dasharray: none; opacity: .25; }
.reduce-motion .app-section .phone { transform: rotate(-4deg); }
.reduce-motion .app-section .phone-popup { transform: none; }
@media (prefers-reduced-motion:reduce) {
  .headline-line, .cinematic-hero .hero-copy, .flow-stage { opacity: 1 !important; transform: none !important; filter: none !important; }
  .real-screen-position { transform: translate(-50%,-50%) !important; }
  .flow-node { transform: translate(-50%,-50%) !important; }
  .screen-reflection, .light-dust { display: none; }
  .wire-pulse { stroke-dasharray: none; opacity: .25; }
  .motion-ready .reveal { filter: none; }
}

/* Cenas da página: mesma luz e profundidade da abertura, com ritmos próprios. */
.motion-section { isolation: isolate; --scene-drift: 0px; --scene-turn: 0deg; --scene-progress: .5; }
.section.motion-section { overflow: clip; }
.motion-section > .container { position: relative; z-index: 1; }
.section-atmosphere { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: -1; }
.section-atmosphere i { position: absolute; display: block; }
.section-beam { width: 880px; height: 520px; right: -230px; top: -240px; transform-origin: 80% 0; background: conic-gradient(from 171deg at 80% 3%, transparent 3deg, #21b9e800 9deg, #40ccec1b 14deg, #c5f9ff1f 16deg, #0057ff10 21deg, transparent 27deg); filter: blur(16px); animation: section-light-travel 18s ease-in-out infinite alternate; }
.section-aurora { width: 600px; height: 500px; right: -220px; top: 22%; background: radial-gradient(ellipse, #006eb920, transparent 66%); transform: translateY(var(--scene-drift)); animation: atmosphere-breathe 11s ease-in-out infinite alternate; }
.section-grid { width: 1100px; height: 460px; left: calc(50% - 550px); bottom: -230px; background-image: linear-gradient(#2c689b16 1px, transparent 1px), linear-gradient(90deg,#2c689b16 1px, transparent 1px); background-size: 48px 48px; transform: perspective(500px) rotateX(65deg) translateY(var(--scene-drift)); mask-image: radial-gradient(ellipse,#0008, transparent 66%); }
.section-seam { top: 0; left: 10%; width: 80%; height: 1px; background: linear-gradient(90deg,transparent,#3d8ea261,transparent); opacity: .6; }
.atmosphere-cost .section-beam { left: -170px; right: auto; top: -180px; transform: rotate(-35deg); animation-delay: -7s; }
.atmosphere-cost .section-aurora { left: -210px; top: 20%; width: 850px; height: 850px; background: radial-gradient(ellipse,#034f9730,transparent 66%); }
.atmosphere-plans .section-beam, .atmosphere-faq .section-beam { opacity: .25; }
.atmosphere-leavening .section-beam { right: auto; left: -350px; animation-delay: -10s; }
.atmosphere-faq .section-aurora { opacity: .35; }
.atmosphere-faq .section-grid { display: none; }

/* A passagem da primeira cena conserva o espaço já aprovado. */
.principles { position: relative; overflow: hidden; }
.principles::after { content: ''; position: absolute; left: -35%; top: 0; height: 1px; width: 35%; background: linear-gradient(90deg,transparent,#63dfff99,transparent); animation: principle-signal 12s linear infinite; pointer-events: none; }
.principle { position: relative; }
.principle > span { text-shadow: 0 0 30px #30c4e510; transition: text-shadow .35s, color .35s; }
.principle:hover > span { color: #9bedff; text-shadow: 0 0 35px #00d8ff3b; }
.feature-section { background: linear-gradient(180deg,#0a101c,#070d18); }
.feature-section .section-head { align-items: start; }
.feature-preview { background: radial-gradient(ellipse at 80% 0,#123d5d66,transparent 72%),linear-gradient(150deg,#111e30,#0c1422); border-color: #334d69; box-shadow: 0 28px 70px #0003; min-height: 336px; padding: 35px; overflow: hidden; }
.feature-preview::before { content: ''; pointer-events: none; position: absolute; top: 0; left: -40%; width: 40%; height: 1px; background: linear-gradient(90deg,transparent,#9bebffb3,transparent); animation: preview-signal 9s ease-in-out infinite; }
.feature-preview::after { content: ''; pointer-events: none; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(350px circle at var(--spot-x,75%) var(--spot-y,0%),#43bde40c,transparent 65%); }
.feature-layout:not([hidden]) .feature-preview.in-view .offer-demo, .feature-layout:not([hidden]) .feature-preview.in-view .members-visual { animation: product-assemble .75s cubic-bezier(.16,1,.3,1) both; }
.feature-layout:not([hidden]) .feature-preview.in-view .manage-row { animation: row-assemble .65s cubic-bezier(.16,1,.3,1) both; }
.feature-layout:not([hidden]) .feature-preview.in-view .manage-row:nth-child(2) { animation-delay: .09s; }
.feature-layout:not([hidden]) .feature-preview.in-view .manage-row:nth-child(3) { animation-delay: .18s; }
.feature-layout:not([hidden]) .feature-preview.in-view .manage-row:nth-child(4) { animation-delay: .27s; }
.feature-layout:not([hidden]) .feature-preview.in-view .course-cover { animation: course-assemble .8s cubic-bezier(.16,1,.3,1) both; }
.feature-layout:not([hidden]) .feature-preview.in-view .course-cover:nth-child(2) { animation-delay: .12s; }
.feature-layout:not([hidden]) .feature-preview.in-view .course-cover:nth-child(3) { animation-delay: .24s; }
.feature-layout:not([hidden]) .feature-preview.in-view .members-visual .progress i { transform-origin: left; animation: progress-assemble 1.2s ease both .3s; }
.bump-checkbox { transition: border-color .3s, background .3s; }
.bump-checkbox:has(input:checked) { background: #0d384166; border-color: #56d3d3; }
.offer-total strong { transition: color .2s, text-shadow .2s; }
.offer-demo:has(input:checked) .offer-total strong { color: #8bf2ed; text-shadow: 0 0 20px #00d8ff22; }
.feature-under { border: 0; gap: 18px; padding-top: 0; margin-top: 52px; }
.feature-under > div { padding: 26px; border: 1px solid #273b52; border-radius: 14px; background: linear-gradient(145deg,#111d2c99,#0a111e); position: relative; overflow: hidden; transition: border-color .3s, transform .4s, background .3s; }
.feature-under > div:hover { transform: translateY(-5px); border-color: #3d6d88; background: #11233988; }
.feature-under > div::after { content: ''; position: absolute; width: 160px; height: 160px; top: -115px; right: -40px; border-radius: 50%; background: #0c88cb25; filter: blur(35px); pointer-events: none; }
.platform-tab { position: relative; transition: color .3s, background .3s; }
.platform-tab[aria-selected=true] { background: linear-gradient(0deg,#00cfff0a,transparent 80%); }
.platform-tab[aria-selected=true]::after { content: ''; position: absolute; height: 4px; width: 4px; border-radius: 50%; background: #b0faff; bottom: -3px; left: 50%; box-shadow: 0 0 12px #00d8ff; }

/* O simulador mantém os números; a luz acompanha a interação. */
.calculator { position: relative; overflow: hidden; box-shadow: 0 30px 90px #0003; background: linear-gradient(145deg,#13233aee,#0d1828f5); }
.calculator::before { content: ''; pointer-events: none; position: absolute; inset: 0; background: radial-gradient(420px circle at var(--spot-x,100%) var(--spot-y,0%),#19b6e30c,transparent 66%); }
.calculator > * { position: relative; }
.cost-section .input-shell { transition: box-shadow .3s, border-color .3s; }
.cost-section .input-shell:focus-within { border-color: #62c9e4; box-shadow: 0 0 0 3px #00d8ff0b; }
.cost-bar-fill { transition: width .85s cubic-bezier(.16,1,.3,1); }
.cost-bar-fill.bravvius { position: relative; overflow: hidden; }
.cost-bar-fill.bravvius::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,transparent,#ddfaff99,transparent); animation: bar-light-travel 4s ease-in-out infinite; }
.calc-result { position: relative; }
.calc-result::before { content: ''; position: absolute; width: 40%; height: 1px; top: -1px; left: 30%; background: linear-gradient(90deg,transparent,#63dfff66,transparent); }
.calc-result output { transition: text-shadow .35s; }
.calculator:focus-within .calc-result output { text-shadow: 0 0 35px #00d8ff2b; }

/* Conexões ao redor do núcleo, com identificação sempre legível. */
.integration-showcase { background: #070d17; padding-top: 100px; padding-bottom: 85px; }
.integration-showcase .section-head { display: block; text-align: center; max-width: 750px; margin: 0 auto 35px; }
.integration-showcase .section-head .eyebrow { justify-content: center; }
.integration-showcase .section-head h2 { max-width: 720px; margin: auto; }
.integration-showcase .section-head p { max-width: 520px; margin: 21px auto 0; }
.integration-network { position: relative; min-height: 350px; margin: 0 auto; width: 100%; max-width: 1120px; isolation: isolate; }
.integrations-home-grid { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 18px 44%; margin: 0; padding: 20px 6%; z-index: 2; }
.integration-network .logo-tile { min-height: 90px; border-radius: 14px; background: linear-gradient(135deg,#142136d9,#0b1422f2); border-color: #30445c; box-shadow: 0 10px 35px #0003; backdrop-filter: blur(5px); }
.integration-network .logo-tile:hover { transform: translateY(-4px); box-shadow: 0 15px 40px #0004,0 0 30px #00d8ff12; }
.motion-ready .integration-network .logo-tile.reveal:not(.in-view) { transform: translateX(-28px) scale(.94); }
.motion-ready .integration-network .logo-tile.reveal:nth-child(even):not(.in-view) { transform: translateX(28px) scale(.94); }
.network-wiring { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.network-wiring svg { width: 100%; height: 100%; overflow: visible; }
.network-route { fill: none; stroke: #24506c; stroke-width: 1; }
.network-pulse { fill: none; stroke: #70d4ee; stroke-width: 1.7; stroke-dasharray: 16 310; stroke-dashoffset: 326; animation: network-connect 6.2s linear infinite; animation-delay: var(--pulse-delay); filter: drop-shadow(0 0 4px #00d8ff6b); }
.network-core { position: absolute; top: 50%; left: 50%; width: 360px; height: 360px; transform: translate(-50%,-50%); z-index: 1; pointer-events: none; }
.network-sphere { position: absolute; inset: 0; transform: translateY(calc(var(--scene-drift) * .28)) rotate(var(--scene-turn)); }
.network-sphere > svg { display: block; width: 100%; height: 100%; filter: drop-shadow(0 -6px 20px #00c9ff0a); }
.network-halo { position: absolute; inset: -35px; background: radial-gradient(ellipse,#0c80bb10 30%,#00c9ff0d 50%,transparent 68%); animation: atmosphere-breathe 8s ease-in-out infinite alternate; }
.network-identity { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 11px; transform: rotate(calc(var(--scene-turn) * -1)); }
.network-identity img { width: 142px; height: auto; filter: brightness(0) invert(1); }
.network-identity span { color: #82a2bc; font-size: 8px; letter-spacing: .5px; }
.network-orbit { position: absolute; border: 1px solid #2a729636; border-radius: 50%; inset: 37px -8px; transform: rotate(-28deg) scaleY(.6); }
.network-orbit::after { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #72c9e7; box-shadow: 0 0 14px #00d8ff77; position: absolute; top: 11%; left: 12%; }
.network-orbit.orbit-b { inset: 30px -8px; transform: rotate(36deg) scaleY(.62); opacity: .45; }
.network-latitude { stroke-dasharray: 18 420; animation: network-connect 8s linear infinite reverse; }
.integration-footer { border-top: 1px solid #203249; padding-top: 24px; margin-top: 20px; }
.integration-bridges .mini-chip { position: relative; background: #0c1928; border-color: #2c4861; transition: border-color .3s, background .3s; }
.integration-bridges .mini-chip:hover { border-color: #63b6d0; background: #153049; }

/* O app aparece entre órbitas, com a notificação em outra camada. */
.app-section { background: linear-gradient(125deg,#101c30,#090f1c 75%); }
.app-section .phone-stage { min-height: 515px; }
.app-section .phone-stage::before { width: 380px; height: 380px; box-shadow: 0 0 0 70px #314b7008; background: radial-gradient(ellipse,#0874b135,transparent 72%); }
.app-orbital { position: absolute; inset: -30px -35px; z-index: -1; pointer-events: none; }
.app-orbit { position: absolute; display: block; border: 1px solid #37638555; border-radius: 50%; left: 50%; top: 50%; width: 440px; height: 440px; transform: translate(-50%,-50%) rotate(-25deg) scaleY(.72); }
.app-orbit::after { content: ''; position: absolute; top: 13%; left: 13%; width: 4px; height: 4px; border-radius: 50%; background: #89eaff; box-shadow: 0 0 13px #00cfff99; }
.app-orbit.orbit-inner { width: 330px; height: 330px; transform: translate(-50%,-50%) rotate(30deg) scaleY(.8); border-color: #4d93b040; }
.app-signal { position: absolute; width: 470px; height: 470px; border: 1px solid #3aaccd33; border-radius: 50%; left: calc(50% - 235px); top: calc(50% - 235px); animation: app-signal-expand 8s cubic-bezier(.2,.5,.3,1) infinite; }
.app-signal.signal-two { animation-delay: -4s; }
.app-ground { position: absolute; left: 0; right: 0; height: 80px; bottom: 0; background: radial-gradient(ellipse,#00b5ff1a,transparent 65%); filter: blur(16px); transform: scaleX(1.4); }
.app-section .phone { border-color: #34495f; box-shadow: 18px 35px 85px #000a,0 0 35px #006b9b10,inset 0 0 0 1px #728fa3; transition: box-shadow .4s; }
.app-section .phone-logo { filter: brightness(0) invert(1); }
.app-section .phone-popup { background: linear-gradient(135deg,#213d55f5,#12293bf5); border-color: #4d8295; box-shadow: 0 20px 45px #0005; animation: app-notice-presence 7s ease-in-out infinite; }
.app-section .phone-popup::after { content: ''; position: absolute; top: -1px; left: 15%; width: 50%; height: 1px; background: linear-gradient(90deg,transparent,#9cefffaa,transparent); }
.app-feature { position: relative; padding-inline: 12px; border-radius: 9px 9px 0 0; transition: background .35s; }
.app-feature[aria-selected=true] { background: linear-gradient(90deg,#0c80a112,transparent); }
.app-feature[aria-selected=true]::before { content: ''; position: absolute; left: 0; top: 22px; bottom: 21px; width: 2px; background: #00d8ff77; box-shadow: 0 0 14px #00d8ff33; }
.phone [role=tabpanel]:not([hidden]) { animation: phone-panel-arrive .5s ease both; }

/* Planos, institucional e perguntas recebem movimentos mais contidos. */
.plans-section { background: #090f1a; }
.plan-card { overflow: hidden; transition: border-color .35s,box-shadow .35s,transform .8s cubic-bezier(.16,1,.3,1),opacity .8s,filter .8s; }
.plan-card::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(450px circle at var(--spot-x,50%) var(--spot-y,0%),#63c9e70a,transparent 65%); opacity: .4; transition: opacity .3s; }
.plan-card:hover::before { opacity: 1; }
.plan-card.featured::after { content: ''; position: absolute; top: 0; left: -45%; width: 45%; height: 1px; background: linear-gradient(90deg,transparent,#a5ecff,transparent); animation: preview-signal 10s ease-in-out infinite; pointer-events: none; }
.plan-card > * { position: relative; }
.ownership-panel { position: relative; padding: 30px; border: 1px solid #2d465d; border-radius: 17px; background: linear-gradient(135deg,#15273b99,#0b1626); box-shadow: 0 25px 60px #0002; }
.ownership-panel::before { content: ''; position: absolute; top: 49px; bottom: 49px; left: 41px; width: 1px; background: linear-gradient(#62d3e811,#62d3e844,#62d3e811); }
.ownership-panel .row { position: relative; gap: 20px; }
.ownership-panel .row > .icon { flex: none; background: #112439; position: relative; padding: 0; z-index: 1; }
.ownership-panel .row:hover > .icon { color: #93edff; filter: drop-shadow(0 0 9px #00d8ff44); }
.faq-list details { transition: border-color .3s, background .3s; }
.faq-list details[open] { background: linear-gradient(90deg,#00d8ff05,transparent); border-bottom-color: #3c6983; }
.faq-list summary::after { transition: color .3s, transform .35s; }
.faq-list details[open] .faq-answer { animation: faq-unfold .4s ease both; }

/* O halo do fechamento acompanha a chegada à última seção. */
.cta-section { background: linear-gradient(#090f1a,#070c15); overflow: clip; padding-top: 50px; }
.cta-panel { display: flex; flex-direction: column; text-align: center; justify-content: center; min-height: 375px; padding: 60px 50px 82px; gap: 30px; isolation: isolate; background: #080e19; border-color: #2d4e66; box-shadow: 0 30px 80px #0004; }
.cta-panel .cta-copy, .cta-panel .actions { position: relative; z-index: 2; }
.cta-panel h2 { margin: auto; font-size: 38px; max-width: 720px; line-height: 1.3; }
.cta-panel p { margin: 18px auto 0; max-width: 590px; }
.cta-panel .actions, .cta-panel .actions small { text-align: center; }
.cta-panel::after { display: none; }
.closing-atmosphere { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.closing-glow { position: absolute; width: 115%; height: 230px; bottom: -195px; left: -7.5%; border-radius: 50%; background: #00b5e5; filter: blur(40px); opacity: .7; transform: translateY(calc(var(--scene-drift) * .6)); animation: closing-breathe 8s ease-in-out infinite alternate; }
.closing-horizon { position: absolute; width: 120%; height: 250px; left: -10%; bottom: -228px; border: 1px solid #81e8ff8c; border-radius: 50%; box-shadow: 0 -5px 25px #00b0ff26; transform: translateY(calc(var(--scene-drift) * .5)); }
.closing-horizon.horizon-two { width: 140%; left: -20%; bottom: -210px; border-color: #2d759c42; box-shadow: none; }
.closing-stars { position: absolute; inset: 0; background-image: radial-gradient(#9bd7ff40 .7px,transparent 1px); background-size: 62px 62px; mask-image: linear-gradient(transparent,#0007); opacity: .3; transform: translateY(var(--scene-drift)); }
.site-footer { position: relative; background: #070c15; }
.site-footer::before { content: ''; position: absolute; height: 1px; width: 70%; left: 15%; top: 0; background: linear-gradient(90deg,transparent,#35677b66,transparent); }

/* As animações contínuas pausam quando a cena sai da tela. */
.motion-section :is(.section-beam,.section-aurora,.network-pulse,.network-latitude,.network-halo,.app-signal,.phone-popup,.closing-glow), .motion-section::after, .motion-section .feature-preview::before, .motion-section .plan-card.featured::after, .motion-section .cost-bar-fill.bravvius::after { animation-play-state: paused; }
.motion-section.is-motion-active :is(.section-beam,.section-aurora,.network-pulse,.network-latitude,.network-halo,.app-signal,.phone-popup,.closing-glow), .motion-section.is-motion-active::after, .motion-section.is-motion-active .feature-preview::before, .motion-section.is-motion-active .plan-card.featured::after, .motion-section.is-motion-active .cost-bar-fill.bravvius::after { animation-play-state: running; }
@keyframes section-light-travel { from { rotate: -14deg; opacity: .4; } to { rotate: 12deg; opacity: .85; } }
@keyframes atmosphere-breathe { from { opacity: .5; scale: .95; } to { opacity: .95; scale: 1.1; } }
@keyframes principle-signal { to { transform: translateX(390%); } }
@keyframes preview-signal { 0%,15% { transform: translateX(0); opacity: 0; } 25% { opacity: 1; } 65%,100% { transform: translateX(370%); opacity: 0; } }
@keyframes product-assemble { from { opacity: 0; transform: perspective(900px) rotateX(7deg) translateY(20px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes row-assemble { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
@keyframes course-assemble { from { opacity: 0; transform: translateY(22px) rotate(2deg); } to { opacity: 1; transform: none; } }
@keyframes progress-assemble { from { transform: scaleX(.1); } to { transform: scaleX(1); } }
@keyframes bar-light-travel { 0%,25% { transform: translateX(-110%); } 80%,100% { transform: translateX(110%); } }
@keyframes network-connect { to { stroke-dashoffset: 0; } }
@keyframes app-signal-expand { 0% { transform: scale(.6); opacity: 0; } 20% { opacity: .7; } 85%,100% { transform: scale(1.14); opacity: 0; } }
@keyframes app-notice-presence { 0%,100% { box-shadow: 0 20px 45px #0005,0 0 0 #00d8ff00; } 50% { box-shadow: 0 24px 50px #0006,0 0 22px #00d8ff0c; } }
@keyframes phone-panel-arrive { from { opacity: .25; transform: translateY(9px); } to { opacity: 1; transform: none; } }
@keyframes faq-unfold { from { opacity: 0; transform: translateY(-7px); } to { opacity: 1; transform: none; } }
@keyframes closing-breathe { from { opacity: .45; scale: .92; } to { opacity: .8; scale: 1.06; } }
@media (min-width:951px) { .feature-section .feature-preview.in-view { transform: perspective(1200px) rotateY(-3deg) translateY(calc(var(--scene-drift) * .2)); } .feature-section .feature-preview:hover { transform: perspective(1200px) rotateY(0deg) translateY(-3px); } }
@media (max-width:1150px) { .network-core { width: 320px; height: 320px; } .feature-preview { padding: 28px; } .cta-panel h2 { font-size: 34px; } }
@media (max-width:950px) { .integrations-home-grid { gap: 15px 42%; padding: 20px 2%; } .network-core { width: 280px; height: 280px; } .integration-network .logo-tile { min-height: 85px; } .network-identity img { width: 110px; } .network-identity span { font-size: 7px; } .network-core .network-orbit { inset-inline: 0; } .feature-under > div { padding: 22px; } .feature-preview { padding: 27px 22px; } .ownership-panel { padding: 25px; } .ownership-panel::before { left: 36px; } .cta-panel { min-height: 370px; } }
@media (max-width:700px) {
 .section-beam { width: 620px; right: -360px; opacity: .6; filter: blur(12px); }
 .section-aurora { width: 430px; height: 500px; opacity: .5; right: -230px; }
 .section-grid { opacity: .5; }
 .feature-preview { padding: 28px 23px; min-height: 295px; }
 .feature-under { gap: 12px; margin-top: 35px; }
 .feature-under > div { padding: 22px 22px 22px 53px; }
 .feature-under > div > .icon { left: 22px; top: 24px; }
 .feature-under > div:hover { transform: none; }
 .integration-showcase { padding-top: 65px; padding-bottom: 60px; }
 .integration-showcase .section-head { margin-bottom: 10px; }
 .integration-showcase .section-head h2 { font-size: 30px; }
 .integration-showcase .section-head p { font-size: 13px; }
 .integration-network { min-height: 0; padding-top: 225px; }
 .network-core { top: 110px; width: 235px; height: 235px; }
 .network-sphere { transform: translateY(calc(var(--scene-drift) * .15)); }
 .network-identity { transform: none; gap: 8px; }
 .network-identity img { width: 103px; }
 .network-identity span { font-size: 6px; }
 .network-wiring { display: none; }
 .integrations-home-grid { gap: 12px; padding: 0; }
 .integration-network .logo-tile { min-height: 80px; background: linear-gradient(135deg,#142136,#0d1624); backdrop-filter: none; }
 .integration-footer { font-size: 10px; margin-top: 25px; }
 .integration-bridges { gap: 7px; }
 .app-section .phone-stage { min-height: 495px; }
 .app-orbital { inset: -10px -25px; }
 .app-orbit { width: 350px; height: 350px; }
 .app-orbit.orbit-inner { width: 285px; height: 285px; }
 .app-signal { width: 355px; height: 355px; left: calc(50% - 177.5px); top: calc(50% - 177.5px); }
 .app-feature { padding-inline: 11px; }
 .ownership-panel { padding: 25px 22px; }
 .ownership-panel::before { left: 33px; }
 .cta-section { padding-top: 25px; }
 .cta-panel { min-height: 380px; padding: 45px 25px 75px; gap: 25px; }
 .cta-panel h2 { font-size: 29px; }
 .cta-panel p { font-size: 12px; }
 .cta-panel .actions { margin-top: 0; }
 .cta-panel .actions .btn { font-size: 12px; padding: 13px 17px; }
 .closing-glow { bottom: -198px; opacity: .5; }
 .closing-horizon { width: 180%; left: -40%; bottom: -231px; }
 .closing-horizon.horizon-two { width: 200%; left: -50%; }
}
.reduce-motion .network-sphere, .reduce-motion .network-identity { transform: none !important; }
.reduce-motion .feature-section .feature-preview { transform: none !important; }
.reduce-motion :is(.section-grid,.section-aurora,.closing-glow,.closing-horizon,.closing-stars) { transform: none !important; }
.reduce-motion .network-pulse { stroke-dasharray: none; opacity: .2; }
@media (prefers-reduced-motion:reduce) { .network-sphere,.network-identity,.feature-section .feature-preview { transform: none !important; } :is(.section-grid,.section-aurora,.closing-glow,.closing-horizon,.closing-stars) { transform: none !important; } .network-pulse { stroke-dasharray: none; opacity: .2; } }

/* Revisão de marca, integrações e conteúdo informada pela Paola. */
.eyebrow::before, .cinematic-hero .eyebrow::before { display: none; content: none; }
.cinematic-hero .hero-copy { max-width: 1140px; }
.cinematic-hero h1 { font-size: clamp(40px,3.9vw,56px); }
.dashboard-image-canvas { position: relative; }
.dashboard-image-canvas > img { width: 100%; height: auto; }
.dashboard-brand-patch { position: absolute; z-index: 1; left: 6.67%; top: 3.8%; width: 6.8%; height: 4.2%; background: linear-gradient(100deg,#060913,#070b16); display: grid; place-items: center; pointer-events: none; }
.dashboard-brand-patch img { display: block; width: 100% !important; height: auto !important; max-width: 100% !important; border-radius: 0 !important; filter: brightness(1.85); }
.partner-logo.asset-logo { width: 100%; height: 78px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.partner-logo.asset-logo img { display: block; width: 210px; height: 105px; max-width: none; flex: none; object-fit: contain; filter: none; }
.integration-card-logo .partner-logo.asset-logo { height: 100%; }
.dialog-logo .partner-logo.asset-logo { width: 220px; justify-content: flex-start; }
.dialog-logo .partner-logo.asset-logo img { margin-left: -25px; }
.network-hub { position: absolute; width: 250px; height: 182px; left: 50%; top: 50%; transform: translate(-50%,-50%); pointer-events: none; z-index: 1; }
.hub-backplate { position: absolute; inset: -13px; border: 1px solid #1d3a52; border-radius: 28px; background: linear-gradient(135deg,#15314a33,#08101a); transform: rotate(-7deg); box-shadow: 0 25px 60px #0006; }
.hub-panel { position: absolute; inset: 0; border: 1px solid #37627b; border-radius: 20px; background: radial-gradient(ellipse at 70% 0,#1550714d,transparent 75%),linear-gradient(140deg,#102235,#0a1522); box-shadow: inset 0 1px 0 #a1e7ff13,0 0 50px #00d8ff08; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 13px; transform: translateY(calc(var(--scene-drift) * .22)); }
.hub-panel::before { content: ''; position: absolute; top: -1px; left: 15%; height: 1px; width: 70%; background: linear-gradient(90deg,transparent,#8ce7ffaa,transparent); }
.hub-panel > img { width: 161px; height: auto; filter: brightness(1.85); }
.hub-panel > span { color: #8ba8c2; font-size: 8px; letter-spacing: .45px; }
.hub-ports { display: flex; align-items: center; gap: 12px; margin-top: 1px; color: #5a92b7; }
.hub-ports .icon { width: 15px; height: 15px; }
.hub-ports i { width: 20px; height: 1px; background: #2f536a; }
.hub-status { position: absolute; top: 13px; right: 14px; width: 4px; height: 4px; background: #4bcbe1; border-radius: 50%; box-shadow: 0 0 10px #00d8ff66; }
.members-feature-preview { padding: 21px 22px 18px; }
.members-preview { min-width: 0; width: 100%; }
.members-preview-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; color: #a7c2dc; font-size: 10px; }
.preview-status { color: #77b2d0; background: #0c273c; border: 1px solid #2a4e65; border-radius: 20px; padding: 5px 8px; font-size: 8px; white-space: nowrap; }
.members-capture { --capture-height:360px; display: block; position: relative; width: 100%; max-width: 440px; height: var(--capture-height); margin: auto; padding: 0; overflow: hidden; border: 1px solid #2b425b; border-radius: 10px; background: #000; cursor: zoom-in; }
.member-layout-image { display: block; width: 100%; height: auto; transition: transform 4.5s cubic-bezier(.2,.45,.3,1); }
.members-capture-hint { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; gap: 10px; padding: 23px 10px 12px; font-size: 9px; color: #c5def3; background: linear-gradient(transparent,#03070feb); }
.members-capture-hint .icon { width: 13px; height: 13px; }
.members-preview .demo-tag { font-size: 8px; line-height: 1.65; margin-top: 14px; }
.members-dialog { width: min(980px,94vw); }
.members-dialog .dashboard-dialog-image img { width: 100%; max-width: 100%; height: auto; }
.roadmap-section { background: linear-gradient(#090f1b,#0c1726); }
.roadmap-card { position: relative; overflow: hidden; display: grid; grid-template-columns: 25px 1fr minmax(200px,.48fr); gap: 30px; padding: 38px; border: 1px solid #34546b; border-radius: 18px; background: radial-gradient(ellipse at 80% 0,#13526b22,transparent 65%),linear-gradient(145deg,#12263a,#0b1523); box-shadow: 0 25px 70px #0003; }
.roadmap-card::before { content: ''; position: absolute; top: 0; left: 7%; width: 65%; height: 1px; background: linear-gradient(90deg,transparent,#5ecbdf70,transparent); pointer-events: none; }
.roadmap-timeline { display: flex; flex-direction: column; align-items: center; padding-top: 8px; }
.roadmap-timeline i { width: 9px; height: 9px; border-radius: 50%; background: #38cae1; box-shadow: 0 0 0 6px #00d8ff0d,0 0 25px #00d8ff33; }
.roadmap-timeline span { width: 1px; flex: 1; min-height: 100px; margin-top: 15px; background: linear-gradient(#3e778b,transparent); }
.roadmap-status { display: inline-flex; align-items: center; gap: 7px; color: #92cfdf; font-size: 10px; }
.roadmap-status i { width: 4px; height: 4px; border-radius: 50%; background: #7eddeb; animation: roadmap-breathe 4s ease-in-out infinite; }
.roadmap-feature h3 { font-size: 24px; margin-top: 17px; letter-spacing: -.6px; }
.roadmap-feature p { font-size: 13px; line-height: 1.85; max-width: 580px; margin-top: 14px; }
.roadmap-feature .text-link { margin-top: 24px; background: transparent; padding: 0; font-size: 11px; }
.roadmap-delivery { border-left: 1px solid #2e4a61; padding-left: 30px; align-self: center; }
.roadmap-delivery > span { display: block; font-size: 10px; color: #90adc7; }
.roadmap-delivery strong { font-family: var(--heading); display: block; font-size: 24px; font-weight: 500; color: #d7f1ff; margin-top: 12px; }
.roadmap-delivery small { display: block; max-width: 230px; color: #7797b6; font-size: 10px; line-height: 1.8; margin-top: 12px; }
.motion-section .roadmap-status i { animation-play-state: paused; }
.motion-section.is-motion-active .roadmap-status i { animation-play-state: running; }
@keyframes roadmap-breathe { 0%,100% { box-shadow: 0 0 0 0 #00d8ff00; } 50% { box-shadow: 0 0 0 4px #00d8ff11; } }
@media (hover:hover) and (pointer:fine) { .members-capture:hover .member-layout-image { transform: translateY(min(0px,calc(var(--capture-height) - 100%))); } }
@media (min-width:951px) and (max-height:820px) { .cinematic-hero h1 { font-size: 43px; } }
@media (max-width:950px) { .network-hub { width: 210px; height: 164px; } .hub-panel > img { width: 140px; } .hub-panel > span { font-size: 7px; } .hub-ports { gap: 9px; } .roadmap-card { gap: 20px; padding: 30px; grid-template-columns: 18px 1fr minmax(180px,.5fr); } .roadmap-feature h3 { font-size: 22px; } .roadmap-delivery { padding-left: 22px; } }
@media (max-width:700px) {
 .cinematic-hero h1 { font-size: clamp(30px,6.8vw,42px); line-height: 1.15; letter-spacing: -1.3px; }
 .cinematic-hero .hero-copy { max-width: 100%; }
 .cinematic-hero .eyebrow { font-size: 8px; }
 .dashboard-image-canvas { width: max(100%,720px); }
 .dashboard-image-canvas > img { width: 100%; }
 .network-hub { top: 110px; width: 218px; height: 154px; }
 .hub-panel { gap: 10px; }
 .hub-panel > img { width: 145px; }
 .hub-panel > span { font-size: 7px; }
 .partner-logo.asset-logo { height: 78px; }
 .partner-logo.asset-logo img { width: 180px; height: 90px; }
 .members-feature-preview { padding: 18px 15px; }
 .members-preview-top { flex-wrap: wrap; font-size: 9px; gap: 7px; }
 .preview-status { font-size: 7px; }
 .members-capture { --capture-height:320px; }
 .members-preview .demo-tag { font-size: 8px; }
 .members-dialog .dashboard-dialog-header { font-size: 9px; }
 .roadmap-card { grid-template-columns: 16px 1fr; padding: 28px 22px; gap: 18px; }
 .roadmap-timeline { grid-row: span 2; }
 .roadmap-feature h3 { font-size: 22px; line-height: 1.4; }
 .roadmap-feature p { font-size: 12px; }
 .roadmap-delivery { grid-column: 2; align-self: auto; border-left: 0; border-top: 1px solid #2e4a61; padding: 22px 0 0; }
 .roadmap-delivery strong { font-size: 22px; }
 .roadmap-delivery small { max-width: none; }
}
.reduce-motion .members-capture:hover .member-layout-image { transform: none; }
@media (prefers-reduced-motion:reduce) { .members-capture:hover .member-layout-image { transform: none; } }

/* A prévia faz parte da demonstração de produto, em uma única superfície. */
.feature-layout.members-layout { grid-template-columns: .88fr 1.12fr; gap: 0; border: 1px solid #304b64; border-radius: 20px; background: radial-gradient(ellipse at 85% 0,#0d497133,transparent 65%),linear-gradient(125deg,#0e1d2f,#0a1320); overflow: hidden; box-shadow: 0 30px 65px #0003; }
.members-layout .members-copy { padding: 38px 40px; }
.members-layout .members-copy h3 { font-size: 27px; }
.feature-layout.members-layout .members-feature-preview { padding: 28px 28px 28px 0; min-height: 0; border: 0; border-radius: 0; background: none; box-shadow: none; transform: none !important; overflow: visible; }
.feature-layout.members-layout .members-feature-preview::before, .feature-layout.members-layout .members-feature-preview::after { display: none; }
.members-browser { position: relative; border-radius: 13px; border: 1px solid #3a536c; background: #080e18; overflow: hidden; box-shadow: 0 18px 40px #0005; }
.members-browser-chrome { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; padding: 12px 15px; background: linear-gradient(110deg,#18283d,#101e30); border-bottom: 1px solid #314660; }
.members-browser .window-dots { display: flex; gap: 5px; align-items: center; }
.members-browser .window-dots i { width: 5px; height: 5px; border-radius: 50%; background: #49627c; }
.members-browser .window-dots i:first-child { background: #6d8ca5; }
.members-browser-title { color: #a4bad1; font-size: 9px; display: inline-flex; align-items: center; gap: 7px; }
.members-browser-title .icon { width: 12px; height: 12px; color: #719bbb; }
.members-browser-expand { justify-self: end; background: transparent; color: #8faecb; display: inline-flex; align-items: center; gap: 7px; font-size: 9px; padding: 3px 0; }
.members-browser-expand .icon { width: 12px; height: 12px; }
.members-browser-expand:hover { color: #bcefff; }
.members-browser-viewport { height: clamp(320px,32vw,430px); overflow-y: auto; overflow-x: hidden; background: #000; scrollbar-color: #426987 #08111c; scrollbar-width: thin; }
.members-browser-viewport:focus-visible { outline: 2px solid #65d5f0; outline-offset: -2px; }
.members-browser .member-layout-image { width: 100%; height: auto; display: block; transition: none; transform: none; }
.members-browser-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 11px 14px 9px; border-top: 1px solid #273b50; background: #101d2d; }
.members-browser-toolbar > span:first-child { display: flex; align-items: center; gap: 6px; color: #839eb8; font-size: 8px; }
.members-browser-toolbar .icon { width: 11px; height: 11px; color: #77b0cf; }
.members-browser-note { margin: 0 !important; max-width: none !important; padding: 0 14px 11px; color: #667f99 !important; font-size: 8px !important; line-height: 1.5 !important; background: #101d2d; }
.members-page-layout { padding: 35px; border: 1px solid #304b64; border-radius: 20px; background: linear-gradient(120deg,#0d1c2e,#091421); }
.members-page-layout > .detail-media { padding: 0; border: 0; background: transparent; }
@media (max-width:1150px) { .members-layout .members-copy { padding: 30px; } .members-layout .members-copy h3 { font-size: 25px; } .feature-layout.members-layout .members-feature-preview { padding: 24px 24px 24px 0; } }
@media (max-width:950px) { .feature-layout.members-layout { grid-template-columns: .95fr 1.05fr; } .members-layout .members-copy { padding: 27px; } .members-layout .members-copy h3 { font-size: 23px; } .members-browser-chrome { padding-inline: 10px; gap: 7px; } .members-browser-title { font-size: 8px; } .members-browser .window-dots { gap: 3px; } .members-browser .window-dots i { width: 4px; height: 4px; } .members-browser-expand { font-size: 8px; gap: 4px; } }
@media (max-width:700px) {
 .feature-layout.members-layout { grid-template-columns: 1fr; gap: 0; border-radius: 16px; }
 .members-layout .members-copy { padding: 27px 23px 24px; }
 .members-layout .members-copy h3 { font-size: 25px; }
 .feature-layout.members-layout .members-feature-preview { padding: 0 14px 15px; }
 .members-browser { border-radius: 10px; }
 .members-browser-chrome { padding: 11px 10px; }
 .members-browser-title { font-size: 8px; gap: 5px; }
 .members-browser-title .icon { width: 11px; height: 11px; }
 .members-browser-viewport { height: 310px; }
 .members-browser-toolbar { padding: 10px 10px 8px; gap: 7px; }
 .members-browser-toolbar > span:first-child { font-size: 7px; }
 .members-browser-note { padding-inline: 10px; font-size: 7px !important; }
 .members-page-layout { padding: 20px; }
}

/* Abertura da marca e montagem contínua das cenas. */
.brand-intro { position: fixed; inset: 0; z-index: 100; isolation: isolate; display: grid; place-items: center; overflow: hidden; color: #c1d8f0; }
.brand-intro[hidden] { display: none; }
.intro-pending .brand-intro[hidden] { display: grid; }
.intro-veil { position: absolute; inset: 0; z-index: -2; background: #050a13; }
.intro-light { position: absolute; width: 130vw; height: 130vh; left: -15%; top: -40%; z-index: -1; transform-origin: 70% 20%; background: conic-gradient(from 168deg at 80% 12%,transparent 6deg,#15b1f300 10deg,#1dc8e82b 16deg,#a2f8ff24 18deg,#0057ff13 23deg,transparent 30deg); filter: blur(20px); animation: intro-light-pass 2.8s cubic-bezier(.25,.7,.3,1) both; }
.intro-halo { position: absolute; z-index: -1; width: min(900px,100vw); height: min(600px,85vh); background: radial-gradient(ellipse,#0567a520,transparent 65%); animation: intro-halo-arrive 2.5s ease both; }
.intro-orbit { position: absolute; width: min(800px,90vw); height: 220px; border: 1px solid #1e4b6333; border-radius: 50%; transform: rotate(-18deg); box-shadow: 0 0 0 40px #1e4b6308; opacity: .7; }
.intro-composition { position: absolute; left: 50%; top: 47%; width: min(460px,68vw); transform: translate(-50%,-50%); text-align: center; }
.intro-growth { position: absolute; width: 150%; height: auto; left: -25%; top: -102%; pointer-events: none; }
.intro-growth-track { fill: none; stroke: #24567024; stroke-width: .7; }
.intro-growth-pulse { fill: none; stroke: #61cce68c; stroke-width: 1.1; stroke-linecap: round; stroke-dasharray: 800; stroke-dashoffset: 800; filter: drop-shadow(0 0 8px #00d8ff33); animation: intro-growth-draw 1.65s cubic-bezier(.3,.6,.3,1) both; }
.intro-logo { display: block; width: 100%; height: auto; filter: brightness(1.85); transform-origin: center; animation: intro-logo-arrive 1.3s cubic-bezier(.16,1,.3,1) both .12s; }
.intro-claim { display: block; margin-top: 23px; color: #789cb9; letter-spacing: 3px; font-size: 10px; animation: intro-claim-arrive 1s ease both .65s; }
.intro-timeline { width: 110px; height: 1px; margin: 37px auto 0; background: #203b52; overflow: hidden; animation: intro-claim-arrive .8s ease both .7s; }
.intro-timeline i { display: block; height: 100%; width: 100%; background: linear-gradient(90deg,#0057ff,#6ae9ff); transform-origin: left; animation: intro-timeline 1.8s cubic-bezier(.25,.6,.4,1) both; }
.intro-skip { position: absolute; bottom: 32px; right: max(32px,5vw); display: inline-flex; align-items: center; gap: 15px; padding: 10px 0; background: transparent; color: #7896b1; font-size: 10px; letter-spacing: .2px; }
.intro-skip:hover { color: #c9edff; }
.intro-skip .icon { width: 14px; height: 14px; }
.intro-pending .site-surface, .intro-is-playing .site-surface { opacity: 0; }
.site-surface { opacity: 1; transition: opacity .65s ease; }
.intro-is-playing .cinematic-hero :is(.headline-line,.eyebrow,.hero-copy>p,.actions,.hero-note,.flow-stage), .intro-pending .cinematic-hero :is(.headline-line,.eyebrow,.hero-copy>p,.actions,.hero-note,.flow-stage) { animation-play-state: paused !important; }
.intro-transitioning .site-header .brand { opacity: 0; }
.brand-intro[data-phase=transition] .intro-veil { animation: intro-veil-open .9s cubic-bezier(.65,0,.25,1) both; }
.brand-intro[data-phase=transition] :is(.intro-light,.intro-halo,.intro-orbit,.intro-growth,.intro-claim,.intro-timeline,.intro-skip) { animation: intro-detail-away .45s ease both; }
@keyframes intro-logo-arrive { from { opacity: 0; clip-path: inset(0 100% 0 0); transform: translateY(14px) scale(1.025); filter: brightness(1.85) blur(5px); } to { opacity: 1; clip-path: inset(0); transform: none; filter: brightness(1.85) blur(0); } }
@keyframes intro-growth-draw { 0% { stroke-dashoffset: 800; opacity: 0; } 15% { opacity: .9; } 70% { opacity: .9; } 100% { stroke-dashoffset: 0; opacity: .12; } }
@keyframes intro-claim-arrive { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: none; } }
@keyframes intro-timeline { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes intro-light-pass { from { transform: rotate(-24deg); opacity: 0; } 35% { opacity: .8; } to { transform: rotate(15deg); opacity: .7; } }
@keyframes intro-halo-arrive { from { opacity: 0; transform: scale(.8); } to { opacity: .9; transform: scale(1.08); } }
@keyframes intro-veil-open { from { clip-path: inset(0); opacity: 1; } to { clip-path: inset(100% 0 0 0); opacity: 0; } }
@keyframes intro-detail-away { to { opacity: 0; } }

/* A câmera aproxima a nova cena e o feixe atravessa a passagem. */
.cinema-section { --camera-opacity:1; --camera-scale:1; --camera-y:0px; --camera-pitch:0deg; --portal-opacity:0; --portal-y:0px; }
.cinema-ready .cinema-panel { transform: perspective(1600px) translate3d(0,var(--camera-y),0) rotateX(var(--camera-pitch)) scale(var(--camera-scale)); opacity: var(--camera-opacity); transform-origin: center top; backface-visibility: hidden; }
.cinema-ready .is-cinema-visible > .cinema-panel { will-change: transform,opacity; }
.cinema-section:focus-within > .cinema-panel { transform: none; opacity: 1; }
.scene-portal { position: absolute; inset: -110px 0 auto; height: 290px; z-index: 0; overflow: hidden; pointer-events: none; opacity: var(--portal-opacity); transform: translateY(var(--portal-y)); }
.scene-portal-arc { position: absolute; left: -15%; width: 130%; height: 350px; top: -270px; border: 1px solid #58c8e657; border-radius: 50%; box-shadow: 0 3px 30px #00bfff18,0 0 0 35px #027fb206; }
.scene-portal-light { position: absolute; left: 10%; right: 10%; top: 20px; height: 95px; border-radius: 50%; background: radial-gradient(ellipse,#008ce633,transparent 70%); filter: blur(25px); }
.scene-portal-edge { position: absolute; top: 45px; width: 85%; left: 7.5%; height: 1px; background: linear-gradient(90deg,transparent,#6ce5ff88,transparent); }
.cinema-wipe { position: fixed; inset: -30% -5%; z-index: 32; pointer-events: none; opacity: 0; overflow: hidden; }
.cinema-wipe[hidden] { display: none; }
.cinema-wipe-field { position: absolute; inset: 15% 0; background: linear-gradient(180deg,transparent 10%,#070e1d30 35%,#0a1b2a7d 49.8%,#56d6f526 50%,#05122244 56%,transparent 78%); }
.cinema-wipe-line { position: absolute; top: 50%; left: 3%; width: 94%; height: 1px; background: linear-gradient(90deg,transparent,#4eb9d180 30%,#a4f8ff8c 55%,transparent); box-shadow: 0 0 32px #00d8ff4d; }
.chapter-navigation { position: fixed; z-index: 34; right: 14px; top: 50%; transform: translateY(-50%); display: grid; gap: 1px; padding: 9px 3px; border: 1px solid #2b466054; border-radius: 24px; background: #0a1322b3; backdrop-filter: blur(10px); }
.chapter-navigation a { position: relative; display: grid; place-items: center; width: 22px; height: 22px; }
.chapter-navigation a > i { width: 3px; height: 3px; border-radius: 50%; background: #53708b; transition: background .3s,box-shadow .3s,transform .4s; }
.chapter-navigation a[aria-current] > i { background: #68d8f2; transform: scale(1.45); box-shadow: 0 0 10px #00d8ff55; }
.chapter-navigation a > span { position: absolute; right: 34px; top: 3px; width: max-content; padding: 5px 9px; border: 1px solid #2e4b67; border-radius: 6px; color: #bdd7ef; background: #0b1829ed; font-size: 9px; opacity: 0; pointer-events: none; transform: translateX(6px); transition: opacity .2s,transform .3s; }
.chapter-navigation a:is(:hover,:focus-visible) > span { opacity: 1; transform: none; }
.chapter-readout { position: fixed; left: 23px; bottom: 23px; display: flex; align-items: center; gap: 10px; color: #6e8da9; font-size: 8px; z-index: 29; letter-spacing: .2px; pointer-events: none; }
.chapter-number { color: #91bed7; font-variant-numeric: tabular-nums; }
.chapter-readout > i { width: 24px; height: 1px; background: #305773; }
.intro-replay { position: fixed; bottom: 18px; right: 64px; z-index: 29; width: 35px; height: 35px; border: 1px solid #364965; border-radius: 50%; color: #88aac7; display: grid; place-items: center; background: #122033d9; backdrop-filter: blur(8px); }
.intro-replay .icon { width: 14px; height: 14px; }
.intro-replay > span { position: absolute; bottom: 45px; right: 0; white-space: nowrap; padding: 7px 10px; border: 1px solid #314e69; background: #0c192a; border-radius: 6px; color: #b7d2eb; font-size: 9px; opacity: 0; pointer-events: none; transition: opacity .2s; }
.intro-replay:is(:hover,:focus-visible) > span { opacity: 1; }

/* Captura original do aplicativo, em uma moldura discreta. */
.app-section .real-app-stage { min-height: 580px; }
.app-section .phone.real-app-device { width: 292px; min-height: 0; border: 5px solid #30485e; border-radius: 27px; background: #07101c; overflow: hidden; box-shadow: 16px 30px 80px #0009,0 0 35px #00749f18,inset 0 0 0 1px #63859a; }
.app-screen-open { position: relative; display: block; padding: 0; width: 100%; background: #08101b; border: 0; cursor: zoom-in; }
.real-app-screen { display: block; width: 100%; height: auto; }
.app-screen-shine { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg,transparent 30%,#d6f6ff05 49%,transparent 63%); }
.app-real-label { position: absolute; left: 50%; bottom: 42px; transform: translateX(-50%); padding: 8px 12px; border: 1px solid #305c75; border-radius: 20px; color: #9abbd3; font-size: 9px; background: #0e2538ed; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; box-shadow: 0 8px 25px #0003; }
.app-real-label .icon { width: 12px; height: 12px; color: #55c7e1; }
.app-screen-caption { display: inline-flex; align-items: center; gap: 8px; background: transparent; padding: 5px 0; color: #799cba; font-size: 9px; }
.app-screen-caption .icon { width: 12px; height: 12px; }
.app-screen-caption:hover { color: #b6e8f7; }
.app-resource { cursor: default; }
.app-resource:first-child { background: linear-gradient(90deg,#0780a210,transparent); }
.app-resource:first-child > .icon { color: #57c9e2; }
.app-resource:hover { background: linear-gradient(90deg,#136c8910,transparent); }
.app-capture-dialog { width: min(570px,95vw); }
.app-capture-dialog .dashboard-dialog-image img { width: 100%; max-width: 100%; height: auto; }
@media (max-width:950px) { .chapter-navigation { display: none; } .app-section .phone.real-app-device { width: 266px; } .app-section .real-app-stage { min-height: 550px; } }
@media (max-width:700px) {
 .intro-composition { width: 68vw; top: 44%; }
 .intro-claim { font-size: 8px; letter-spacing: 2px; margin-top: 19px; }
 .intro-timeline { width: 85px; margin-top: 30px; }
 .intro-growth { width: 175%; left: -37.5%; top: -120%; }
 .intro-orbit { width: 110vw; height: 150px; }
 .intro-skip { bottom: 28px; right: 23px; font-size: 9px; }
 .chapter-readout { left: 17px; bottom: 23px; font-size: 7px; gap: 7px; }
 .chapter-readout > i { width: 15px; }
 .chapter-name { max-width: 135px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .intro-replay { width: 32px; height: 32px; right: 55px; bottom: 13px; }
 .app-section .phone.real-app-device { width: 258px; border-width: 4px; border-radius: 23px; }
 .app-section .real-app-stage { min-height: 520px; }
 .app-real-label { bottom: 31px; font-size: 8px; padding: 7px 10px; }
 .app-screen-caption { font-size: 8px; }
 .app-capture-dialog .dashboard-dialog-header { font-size: 9px; }
 .scene-portal { height: 200px; top: -65px; }
 .scene-portal-arc { height: 250px; top: -200px; }
 .cinema-wipe-field { opacity: .6; }
}
.reduce-motion .cinema-panel { transform: none !important; opacity: 1 !important; }
.reduce-motion :is(.brand-intro,.cinema-wipe,.scene-portal,.chapter-readout,.chapter-navigation,.intro-replay) { display: none !important; }
.reduce-motion .site-surface { opacity: 1 !important; }
@media (prefers-reduced-motion:reduce) { .cinema-panel { transform: none !important; opacity: 1 !important; } :is(.brand-intro,.cinema-wipe,.scene-portal,.chapter-readout,.chapter-navigation,.intro-replay) { display: none !important; } .site-surface { opacity: 1 !important; } }
.cinematic-hero h1[tabindex="-1"]:focus { outline: none; }
.app-section .app-real-label { top: 0; bottom: auto; }
html { scrollbar-gutter: stable; }

/* Letras originais da marca, com movimento individual e acomodação precisa. */
.intro-logo{animation:none;overflow:visible;aspect-ratio:1024/270}
.intro-letter{opacity:0;animation:intro-letter-settle 1.05s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.12s + var(--letter-index)*.105s);will-change:transform,opacity;transform-box:view-box;transform-origin:50% 70%}
.intro-composition{width:min(480px,72vw)}
.intro-logo-glint{position:absolute;left:-20%;top:-30%;width:25%;height:140%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,#66cefa0d,transparent);opacity:0;pointer-events:none;animation:logo-light-finish 1.1s ease 1.5s both}
.intro-claim{animation:intro-claim-arrive .8s ease both 1.3s;letter-spacing:3.4px}
.intro-timeline{animation:intro-claim-arrive .8s ease both 1.35s;width:100px;margin-top:31px}
.intro-timeline i{animation:intro-timeline 2.35s cubic-bezier(.2,.7,.3,1) both .1s}
.intro-light{filter:blur(35px);opacity:.55;animation:intro-light-pass 3.6s ease both}
.intro-halo{background:radial-gradient(ellipse,#0a528c26,transparent 67%)}
.brand-intro[data-phase=transition] .intro-veil{animation:intro-soft-open 1.1s cubic-bezier(.4,0,.2,1) both}
.brand-intro[data-phase=transition] :is(.intro-light,.intro-halo,.intro-claim,.intro-timeline,.intro-logo-glint){animation:intro-detail-away .6s ease both}
.site-surface{transition:opacity 1s cubic-bezier(.4,0,.2,1)}
@keyframes intro-letter-settle{0%{opacity:0;transform:translate3d(0,27px,0);filter:blur(7px)}55%{opacity:1;filter:blur(0)}76%{transform:translate3d(0,-1.5px,0)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes logo-light-finish{0%{opacity:0;left:-20%}35%{opacity:.9}100%{opacity:0;left:110%}}
@keyframes intro-soft-open{0%{opacity:1}100%{opacity:0}}

/* Passagens leves, sem varreduras de tela ou inclinação da leitura. */
.cinema-ready .cinema-panel{transform:translate3d(0,var(--camera-y),0);opacity:var(--camera-opacity)}
.scene-portal,.cinema-wipe{display:none!important}
.motion-ready .reveal{transform:translateY(16px);filter:none;transition:opacity .65s ease,transform .8s cubic-bezier(.2,.7,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal.in-view{transform:none;filter:none}
.section-seam{opacity:.22!important}
.chapter-readout{opacity:.75}
.motion-toggle,.intro-skip,.intro-replay{display:none!important}

/* A prévia é uma página HTML independente, com navegação e cards reais. */
.members-live-frame{display:block;width:100%;height:450px;background:#050507;border:0}
.members-live-label{display:flex;align-items:center;gap:6px;color:#91abc3;font-size:8px}
.members-live-label i{width:4px;height:4px;border-radius:50%;background:#6a9ede}
.members-live-dialog{width:min(1100px,95vw);overflow:hidden}
.members-expanded-frame{display:block;width:100%;height:min(780px,80dvh);border:0;background:#050507}

/* Galeria de integrações: anéis, eixo e logos com a composição da referência. */
.integration-orbit{position:relative;max-width:1020px;margin:auto;min-width:0}
.orbit-filters{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.orbit-filters button{padding:8px 14px;border:1px solid transparent;border-radius:30px;color:#7f9ab5;font-size:10px;background:transparent;transition:color .3s,background .3s,border-color .3s}
.orbit-filters button:hover{color:#c1def3}
.orbit-filters button[aria-pressed=true]{border-color:#365273;background:#10283a;color:#c2e9f9}
.orbit-scene{height:500px;position:relative;isolation:isolate;overflow:hidden}
.orbit-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1}
.orbit-disc{position:absolute;width:340px;height:340px;left:50%;top:10px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 40%,#3754a21e,#12365b0e 60%,#3b4b8a0e 70%,transparent 71%);border:1px solid #647dcc24}
.orbit-ring{position:absolute;left:50%;top:180px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #668fcd20}
.ring-one{width:194px;height:194px;box-shadow:0 0 0 8px #3e71bc08,inset 0 0 40px #367fe909}
.ring-two{width:258px;height:258px;border-top-color:#6a94de40;border-bottom-color:#6a94de0d}
.orbit-axis{position:absolute;top:0;bottom:150px;left:50%;width:1px;background:linear-gradient(transparent,#7995c44d 20%,#7995c422)}
.orbit-center-glow{position:absolute;width:300px;height:260px;top:45px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#2f5fe81c,transparent 65%);filter:blur(25px)}
.orbit-connector{position:absolute;width:160px;height:116px;left:calc(50% - 80px);top:260px;overflow:visible;fill:none;stroke:#7890c75e;stroke-width:1}
.orbit-connector circle{fill:#d3e9ff;stroke:#7e9cd1;stroke-width:2;filter:drop-shadow(0 0 5px #b2deff)}
.orbit-connector circle:first-of-type{transform:translateY(-168px)}
.orbit-node{position:absolute;left:50%;top:180px;width:160px;height:160px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid #647eac5c;background:radial-gradient(circle at 40% 20%,#253a5c,#111c33 75%);box-shadow:inset 0 0 0 4px #b5c5ff05,0 12px 35px #0003;transform:translate(-50%,-50%);transition:transform .8s cubic-bezier(.22,.8,.2,1),opacity .65s ease,filter .65s,border-color .3s;overflow:hidden;isolation:isolate}
.orbit-node[hidden]{display:none}
.orbit-node img{display:block;width:240px;height:120px;max-width:none;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}
.orbit-node-glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 50% 90%,#1f78ff18,transparent 60%);opacity:.5}
.orbit-node[data-orbit-slot="0"]{opacity:1;z-index:5;border-color:#89b1f497;box-shadow:inset 0 0 0 4px #abcaff08,0 0 0 8px #217cda0a,0 0 30px #1261e51a,0 16px 40px #0003}
.orbit-node[data-orbit-slot="-1"]{transform:translate(calc(-50% - 196px),-50%) scale(.74);opacity:.88;z-index:4}
.orbit-node[data-orbit-slot="1"]{transform:translate(calc(-50% + 196px),-50%) scale(.74);opacity:.88;z-index:4}
.orbit-node[data-orbit-slot="-2"]{transform:translate(calc(-50% - 345px),-50%) scale(.53);opacity:.4;z-index:3;filter:saturate(.6)}
.orbit-node[data-orbit-slot="2"]{transform:translate(calc(-50% + 345px),-50%) scale(.53);opacity:.4;z-index:3;filter:saturate(.6)}
.orbit-node[data-orbit-slot="-3"]{transform:translate(calc(-50% - 448px),-50%) scale(.36);opacity:.14;z-index:2}
.orbit-node[data-orbit-slot="3"]{transform:translate(calc(-50% + 448px),-50%) scale(.36);opacity:.14;z-index:2}
.orbit-node:hover{border-color:#aecbff;filter:brightness(1.15)}
.orbit-arrow{position:absolute;z-index:7;top:400px;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;border:1px solid #354869;background:#121e32b3;color:#8eabc9;transition:color .3s,border-color .3s}
.orbit-prev{left:calc(50% - 230px)}.orbit-next{right:calc(50% - 230px)}.orbit-prev svg{transform:rotate(180deg)}.orbit-arrow .icon{width:13px;height:13px}.orbit-arrow:hover{color:#d2edff;border-color:#759ac6}
.orbit-caption{position:absolute;top:365px;left:50%;transform:translateX(-50%);width:350px;min-height:102px;border:1px solid #56679470;border-radius:15px;background:linear-gradient(130deg,#202944cc,#17223dcc);backdrop-filter:blur(10px);box-shadow:0 12px 30px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 15px;gap:7px;text-align:center}
.orbit-caption-name{display:inline-flex;align-items:center;gap:9px;color:#d1e4ff;max-width:100%}.orbit-caption strong{font-size:12px;font-weight:600;line-height:1.45}.orbit-caption .icon{width:12px;height:12px;flex-shrink:0;color:#7ca7d3}.orbit-caption>span{font-size:8px;color:#748daf}
.orbit-position{color:#516984;font-size:8px;font-variant-numeric:tabular-nums;letter-spacing:1px}
.orbit-logo-rail{position:relative;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#334b68 transparent;padding:12px 3px 13px;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
.orbit-rail-logo{position:relative;display:flex;align-items:center;justify-content:center;width:96px;height:53px;padding:0;flex-shrink:0;border-radius:9px;border:1px solid #2b3f584d;background:#101e3044;overflow:hidden;scroll-snap-align:center;transition:background .3s,border-color .3s}
.orbit-rail-logo[hidden]{display:none}.orbit-rail-logo img{width:170px;height:85px;max-width:none;object-fit:contain;pointer-events:none}.orbit-rail-logo[aria-pressed=true]{background:#1c355966;border-color:#6c93c8}.orbit-rail-logo:hover{background:#1a304c77;border-color:#4e7298}
.orbit-rail-hint{display:flex;justify-content:space-between;gap:15px;color:#597691;font-size:8px;padding-top:2px}
.integration-showcase .integration-footer{margin-top:27px}
.filters-row{flex-wrap:wrap;gap:17px}.filter-buttons{flex-wrap:wrap;gap:5px}.filter-button{font-size:10px;padding:9px 12px}

/* Histórico de evolução, com status definidos pelo produto. */
.roadmap-overview{display:flex;gap:23px;align-items:center;margin-bottom:29px;color:#8bacc6;font-size:10px}.roadmap-overview>span{display:inline-flex;gap:7px;align-items:center}.roadmap-overview i{display:block;width:5px;height:5px;border-radius:50%}.delivered-dot{background:#61cbb8}.progress-dot{background:#7f9fed}
.roadmap-updates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.roadmap-update{display:grid;grid-template-columns:33px 1fr;gap:16px;padding:26px;border:1px solid #2b4055;border-radius:13px;background:linear-gradient(145deg,#1021339c,#0b1623d9);min-width:0}
.roadmap-update-icon{height:30px;width:30px;border-radius:50%;display:grid;place-items:center;background:#1c514429;border:1px solid #427c6c59;color:#7ad7bb}.roadmap-update-icon svg{width:14px;height:14px}
.roadmap-update-status{color:#71c5b3;font-size:9px;line-height:1.5;display:block;margin-top:1px}.roadmap-update h3{font-size:17px;line-height:1.5;letter-spacing:-.35px;margin-top:10px;color:#d8e9f6}.roadmap-update p{font-size:11px;line-height:1.85;color:#849fb7;margin-top:9px;max-width:620px}
.roadmap-update-progress{grid-column:1/-1;background:radial-gradient(ellipse at 90% 0,#15458926,transparent 65%),linear-gradient(130deg,#14273c,#0c1827);border-color:#43648866}.roadmap-update-progress .roadmap-update-status{color:#91b9ee}.roadmap-update-progress .roadmap-update-icon{background:#35578a29;border-color:#6593cb66}.roadmap-update-progress .roadmap-update-icon>i{width:9px;height:9px;border:1px solid #8fbaff;border-radius:50%;box-shadow:0 0 0 4px #4689f315}.roadmap-update .text-link{padding:0;background:transparent;margin-top:20px;font-size:10px}
@media(max-width:950px){.orbit-node[data-orbit-slot="-2"]{transform:translate(calc(-50% - 290px),-50%) scale(.5)}.orbit-node[data-orbit-slot="2"]{transform:translate(calc(-50% + 290px),-50%) scale(.5)}.orbit-node[data-orbit-slot="-3"]{transform:translate(calc(-50% - 370px),-50%) scale(.32)}.orbit-node[data-orbit-slot="3"]{transform:translate(calc(-50% + 370px),-50%) scale(.32)}.orbit-node[data-orbit-slot="-1"]{transform:translate(calc(-50% - 170px),-50%) scale(.7)}.orbit-node[data-orbit-slot="1"]{transform:translate(calc(-50% + 170px),-50%) scale(.7)}.roadmap-update{padding:23px;gap:13px}.roadmap-update h3{font-size:16px}.members-live-frame{height:440px}}
@media(max-width:700px){.intro-composition{width:76vw}.intro-claim{font-size:8px;letter-spacing:2px}.orbit-filters{gap:4px;justify-content:flex-start}.orbit-filters button{padding:7px 10px;font-size:8px}.orbit-scene{height:450px;margin-inline:-20px}.orbit-node{top:160px;width:128px;height:128px}.orbit-node img{width:210px;height:105px}.orbit-node[data-orbit-slot="-1"]{transform:translate(calc(-50% - 128px),-50%) scale(.62)}.orbit-node[data-orbit-slot="1"]{transform:translate(calc(-50% + 128px),-50%) scale(.62)}.orbit-node[data-orbit-slot="-2"]{transform:translate(calc(-50% - 206px),-50%) scale(.35);opacity:.2}.orbit-node[data-orbit-slot="2"]{transform:translate(calc(-50% + 206px),-50%) scale(.35);opacity:.2}.orbit-node[data-orbit-slot="-3"],.orbit-node[data-orbit-slot="3"]{visibility:hidden;pointer-events:none}.orbit-disc{width:292px;height:292px;top:14px}.orbit-ring{top:160px}.ring-one{width:157px;height:157px}.ring-two{width:213px;height:213px}.orbit-axis{bottom:144px}.orbit-connector{top:224px}.orbit-caption{top:324px;width:250px;min-height:102px;border-radius:12px}.orbit-caption strong{font-size:11px}.orbit-caption>span{font-size:7px}.orbit-arrow{top:358px;width:30px;height:30px}.orbit-prev{left:calc(50% - 174px)}.orbit-next{right:calc(50% - 174px)}.orbit-logo-rail{gap:6px;padding-top:5px}.orbit-rail-logo{width:78px;height:47px}.orbit-rail-logo img{width:144px;height:72px}.orbit-rail-hint{font-size:7px;gap:8px}.roadmap-updates{grid-template-columns:1fr;gap:11px}.roadmap-update{padding:23px 19px;grid-template-columns:29px 1fr;gap:13px}.roadmap-update h3{font-size:16px}.roadmap-update p{font-size:11px}.roadmap-overview{gap:17px;font-size:8px}.roadmap-update-progress{grid-column:auto}.members-live-frame{height:420px}.members-expanded-frame{height:78dvh}.members-live-dialog .dashboard-dialog-header{font-size:9px}.members-browser-toolbar{padding-block:10px}.members-live-label{font-size:7px}.filter-button{font-size:9px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.intro-letter{animation:none;opacity:1;transform:none;filter:none}.orbit-node,.orbit-rail-logo{transition:none}.motion-ready .reveal{opacity:1;transform:none;transition:none}}

/* Descrições da conexão selecionada, sem repetir os logos em outra faixa. */
.orbit-caption p{margin:1px 0 0;color:#8ba9c4;font-size:11px;line-height:1.75;max-width:320px}
.orbit-selection-bar{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:3px;min-width:0}
.orbit-selection-bar label{display:flex;align-items:center;gap:12px;color:#7e9ab7;font-size:9px;min-width:0}
.orbit-selection-bar select{display:block;max-width:250px;width:230px;min-width:0;background:#102034;color:#b8d5ee;border:1px solid #334f6b;border-radius:7px;padding:9px 31px 9px 12px;font:inherit;font-size:10px;cursor:pointer}
.orbit-selection-bar .orbit-position{position:static;transform:none;white-space:nowrap;flex-shrink:0;font-size:9px}
.orbit-scene:focus-visible{outline:1px solid #65b5d4;outline-offset:3px;border-radius:16px}
.orbit-filters button{line-height:1.5}

/* Os cards do roadmap recebem a mesma resposta ao ponteiro dos demais cards. */
.roadmap-update{position:relative;isolation:isolate;overflow:hidden;transition:border-color .35s,box-shadow .4s,transform .4s cubic-bezier(.2,.8,.25,1)}
.roadmap-update::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(280px circle at var(--spot-x,50%) var(--spot-y,30%),#2a97db15,transparent 70%);opacity:0;transition:opacity .4s}
.motion-ready .roadmap-update.in-view{transition:opacity .65s ease,transform .4s cubic-bezier(.2,.8,.25,1),border-color .35s,box-shadow .4s}
@media(hover:hover) and (pointer:fine){.roadmap-update:hover,.motion-ready .roadmap-update.in-view:hover{transform:translateY(-6px);border-color:#4b7799;box-shadow:0 16px 40px #0003,0 0 30px #1689c00c}.roadmap-update:hover::after{opacity:1}}
.roadmap-update:focus-within{border-color:#5a8eb6;box-shadow:0 10px 30px #0003}

/* A oferta de upsell é HTML navegável no azul escuro da plataforma. */
.upsell-layout{grid-template-columns:.95fr 1.05fr;gap:60px}
.upsell-feature-preview{min-width:0}
.upsell-browser{border:1px solid #38536d;border-radius:14px;background:#080f1c;overflow:hidden;box-shadow:0 20px 55px #0004}
.upsell-browser .window-dots{display:flex;gap:5px}.upsell-browser .window-dots i{width:5px;height:5px;border-radius:50%;background:#4e6a84}
.upsell-live-frame{display:block;width:100%;height:650px;border:0;background:#080f1c}
.upsell-dialog{width:min(820px,95vw);overflow:hidden}
.upsell-expanded-frame{display:block;width:100%;height:min(790px,80dvh);border:0;background:#080f1c}
@media(max-width:950px){.upsell-layout{gap:35px;grid-template-columns:.9fr 1.1fr}.upsell-live-frame{height:640px}.orbit-filters button{font-size:9px;padding-inline:11px}}
@media(max-width:700px){.orbit-caption p{font-size:10px;line-height:1.7;max-width:225px}.orbit-connector circle:first-of-type{transform:translateY(-142px)}.orbit-selection-bar{gap:14px}.orbit-selection-bar label{font-size:8px;gap:8px;flex:1;flex-wrap:wrap}.orbit-selection-bar select{width:100%;max-width:235px;font-size:9px}.orbit-selection-bar .orbit-position{font-size:8px;align-self:flex-end;padding-bottom:11px}.orbit-filters button{font-size:8px}.upsell-layout{grid-template-columns:1fr;gap:30px}.upsell-browser{border-radius:12px}.upsell-live-frame{height:650px}.upsell-browser .members-browser-chrome{padding-inline:11px}.upsell-browser .members-browser-toolbar{gap:6px}.upsell-expanded-frame{height:79dvh}.upsell-dialog .dashboard-dialog-header{font-size:9px}}
.reduce-motion .roadmap-update{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.roadmap-update,.motion-ready .roadmap-update.in-view{transform:none!important;transition:none!important}.roadmap-update::after{transition:none}}

.upsell-live-frame{height:720px}
@media(max-width:950px){.upsell-live-frame{height:710px}}
@media(max-width:700px){.upsell-live-frame{height:720px}}

/* Telas do app, contato e páginas editoriais da Bravvius. */
.nav { gap: 23px; }
.principle>span.cyan { color: var(--cyan); }
.screen-platform { gap: 7px; }

/* Um único sinal circular simétrico envolve o aparelho. */
.app-section .app-showcase-stage { min-height: 690px; isolation: isolate; display: flex; align-items: center; justify-content: center; padding: 18px 0 70px; }
.app-showcase-stage .app-orbital { inset: 0; z-index: -1; }
.app-section .app-showcase-stage::before { display: none; }
.app-showcase-stage .app-signal { width: 440px; height: 440px; left: calc(50% - 220px); top: calc(50% - 220px); }
.app-section .phone.app-demo-device { position: relative; width: 274px; height: auto; min-height: 0; margin: 0; padding: 6px; border: 1px solid #6687a0; border-radius: 39px; background: #050b13; transform: translateY(var(--app-lift,0px)); box-shadow: 0 0 0 3px #223247,0 0 0 5px #111d2c,18px 30px 75px #0009,0 0 70px #0877bc12; overflow: hidden; }
.app-demo-device::before,.app-demo-device::after { display: none; }
.device-status { position: relative; height: 29px; display: flex; justify-content: space-between; align-items: center; padding: 0 14px; color: #d7e7fa; font: 500 8px var(--body); }
.device-camera { position: absolute; top: 5px; left: calc(50% - 26px); width: 52px; height: 15px; background: #03070d; border-radius: 14px; }
.device-camera::after { content: ''; position: absolute; right: 8px; top: 4px; width: 6px; height: 6px; border: 1px solid #182e49; border-radius: 50%; background: #09192c; }
.device-screen { aspect-ratio: 750/1632; width: 100%; border-radius: 7px 7px 23px 23px; overflow: hidden; background: #080f1c; }
.app-screen-panel { height: 100%; width: 100%; animation: app-screen-in .4s ease both; }
.app-screen-panel>img { width: 100%; height: 100%; object-fit: contain; display: block; }
.device-home { height: 16px; display: grid; place-items: center; }
.device-home i { width: 76px; height: 3px; border-radius: 3px; background: #91a4b9; opacity: .7; }
.app-operation-label { position: absolute; left: 50%; bottom: 17px; transform: translateX(-50%); display: flex; align-items: center; gap: 7px; white-space: nowrap; color: #a5c3df; font-size: 10px; }
.app-operation-label .icon { width: 14px; height: 14px; color: var(--cyan); }
.app-copy .app-feature { width: 100%; display: flex; position: relative; cursor: pointer; padding: 18px 13px; border: 1px solid transparent; border-bottom-color: #29384c; border-radius: 10px; margin-bottom: 5px; transition: background .25s,border-color .25s,transform .25s; }
.app-copy .app-feature:hover { transform: translateX(3px); background: #12394c26; }
.app-copy .app-feature[aria-selected=true] { background: linear-gradient(100deg,#0d7c9c20,#0c2c4110); border-color: #215370; }
.app-copy .app-feature[aria-selected=true]::before { display: none; }
.app-copy .app-feature>span:not(.app-feature-arrow) { flex: 1; }
.app-feature-arrow { margin-top: 3px; opacity: .4; font-size: 16px; color: #4fd5ee; }
.app-feature[aria-selected=true] .app-feature-arrow { opacity: 1; }
.app-copy .app-explore-hint { font-size: 10px; color: #7d98b7; margin-top: 13px; }
.lock-screen { position: relative; isolation: isolate; height: 100%; overflow: hidden; padding: 30px 12px 75px; background: radial-gradient(ellipse at 90% 110%,#009eb89e,transparent 62%),radial-gradient(ellipse at -15% 55%,#3863a763,transparent 58%),linear-gradient(158deg,#102541,#112c50 45%,#071526); color: #f1f8ff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
.lock-screen::before { content: ''; position: absolute; z-index: -1; width: 150%; height: 65%; left: -52%; top: 39%; border-radius: 50%; background: linear-gradient(125deg,#0086ae4a,#2c86c21a,transparent); filter: blur(20px); transform: rotate(-36deg); }
.lock-screen-heading { text-align: center; padding-bottom: 32px; }
.lock-screen-icon { display: inline-flex; color: #d3eaff; opacity: .85; margin-bottom: 10px; }
.lock-screen-icon .icon { width: 14px; height: 14px; }
.lock-screen-date { color: #e1efff; font-size: 10px; font-weight: 500; line-height: 1.5; margin: 0 0 3px; }
.lock-screen-time { font-size: 59px; font-weight: 300; letter-spacing: -3px; line-height: 1.14; color: #eff7ff; }
.lock-notifications { display: grid; gap: 9px; }
.lock-notification { padding: 11px 12px 14px; background: linear-gradient(120deg,#d9ebff33,#c8e4f922); border: 1px solid #e0f1ff29; border-radius: 15px; box-shadow: 0 6px 20px #0516291c; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.lock-notification-header { display: flex; align-items: center; gap: 7px; color: #d0dff0; font-size: 7px; font-weight: 500; letter-spacing: .6px; }
.lock-app-icon { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 6px; background: linear-gradient(140deg,#112c50,#051223); box-shadow: inset 0 0 0 1px #96cce335; }
.lock-app-icon img { width: 18px; height: 18px; object-fit: contain; filter: brightness(1.8); }
.lock-notification-header time { margin-left: auto; letter-spacing: 0; color: #bdd0e3; font-size: 7px; }
.lock-notification-body { padding: 7px 0 0 30px; }
.lock-notification-body strong { font-family: inherit; display: block; color: #f3f8ff; font-size: 12px; font-weight: 600; line-height: 1.4; }
.lock-notification-body p { font-size: 10px; line-height: 1.6; color: #e0edfa; margin: 3px 0 0; }
.lock-notification-body b { font-weight: 600; color: #f3f9ff; }
.lock-notification-previous { opacity: .8; }
.lock-screen-controls { position: absolute; bottom: 33px; left: 24px; right: 24px; display: flex; justify-content: space-between; }
.lock-screen-controls>span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: #bbdef51c; color: #e5f4ff; backdrop-filter: blur(12px); }
.lock-screen-controls .icon { width: 14px; height: 14px; }
.lock-screen-hint { position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; font-size: 7px; color: #cee0f0; letter-spacing: .1px; }
.app-demo-device:has(#app-panel-notices:not([hidden])) .device-status>span:first-child { visibility: hidden; }
@keyframes app-screen-in { from { opacity: .3; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

/* O contato fica em um dialog aberto somente pela ação do visitante. */
.commercial-dialog { width: min(660px,calc(100vw - 36px)); max-height: calc(100dvh - 56px); margin: auto; padding: 38px; background: radial-gradient(ellipse at 95% 0,#12375855,transparent 60%),#0d1828; color: #e8f3ff; border: 1px solid #375874; border-radius: 19px; box-shadow: 0 35px 130px #0009; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #335875 #0d1828; }
.commercial-dialog::backdrop { background: #020814c9; backdrop-filter: blur(9px); }
.commercial-dialog[open] { animation: commercial-in .3s ease both; }
.commercial-close { position: absolute; top: 17px; right: 17px; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #345069; border-radius: 50%; background: #14283d; color: #b8cfe6; font-size: 22px; line-height: 1; }
.commercial-close:hover { color: white; border-color: #54b9d8; }
.commercial-brand { display: flex; align-items: center; gap: 10px; color: #89b6d7; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; padding-right: 20px; }
.commercial-brand img { filter: brightness(1.75); }
.commercial-intro h2 { font-size: 29px; letter-spacing: -.8px; max-width: 430px; margin-top: 22px; }
.commercial-intro>p { color: #90a8c4; font-size: 12px; line-height: 1.85; margin-top: 17px; max-width: 490px; }
.commercial-dialog .commercial-form { margin-top: 28px; }
.commercial-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 16px; }
.commercial-fields label { font-size: 10px; color: #bbcee5; display: block; }
.commercial-fields input,.commercial-fields textarea { margin-top: 7px; width: 100%; border: 1px solid #294057; border-radius: 8px; padding: 12px; background: #0b1625; color: #dcecff; font: 11px var(--body); line-height: 1.6; outline: 0; transition: border-color .2s,box-shadow .2s; }
.commercial-fields input:focus,.commercial-fields textarea:focus { border-color: #38a9cc; box-shadow: 0 0 0 3px #2389be17; }
.commercial-fields input::placeholder,.commercial-fields textarea::placeholder { color: #5e7894; }
.commercial-fields textarea { resize: vertical; min-height: 84px; }
.commercial-message { grid-column: 1/-1; }
.commercial-form-bottom { display: flex; gap: 20px; align-items: center; justify-content: space-between; margin-top: 16px; }
.commercial-form-bottom p { max-width: 285px; font-size: 9px; color: #718aa8; line-height: 1.8; margin: 0; }
.commercial-form-bottom p a { color: #99bbdc; text-decoration: underline; text-underline-offset: 3px; }
.commercial-form-bottom .btn { white-space: nowrap; font-size: 10px; padding: 12px 17px; min-height: 43px; }
.commercial-status { font-size: 10px; line-height: 1.8; color: #9ac5d9; margin-top: 15px; border-left: 2px solid #28b5d0; padding-left: 12px; }
.commercial-status a { text-decoration: underline; }
.commercial-fields label:has([name="whatsapp"]) { grid-column: 1/-1; }
.footer-column button { display: block; padding: 0; margin-top: 14px; font: 11px var(--body); color: #93a8c3; text-align: left; background: none; line-height: 1.7; }
.footer-column button:hover { color: var(--cyan); }
button.text-link { background: none; padding: 0; text-align: left; }
.support-card-actions { display: grid; gap: 18px; justify-items: start; margin-top: 23px; }
.support-card-actions .text-link { font-size: 11px; line-height: 1.7; }
.support-card-actions .text-link .icon { flex-shrink: 0; }
@keyframes commercial-in { from { opacity: .2; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }

/* Blog e páginas de leitura compartilham a mesma linguagem visual. */
.blog-feature { display: grid; grid-template-columns: .95fr 1.1fr; border: 1px solid #28445c; border-radius: 18px; overflow: hidden; background: linear-gradient(120deg,#102641b0,#0b1625); }
.blog-feature-art { position: relative; min-height: 310px; display: grid; place-items: center; background: radial-gradient(ellipse,#07559030,transparent 65%); overflow: hidden; }
.blog-feature-art::before,.blog-feature-art::after { content: ''; position: absolute; width: 235px; height: 235px; border: 1px solid #2284ad20; border-radius: 50%; }
.blog-feature-art::after { width: 310px; height: 310px; border-style: dashed; opacity: .6; }
.blog-mail { position: relative; display: grid; place-items: center; width: 110px; height: 90px; border: 1px solid #2f789e; background: linear-gradient(150deg,#17415b,#0d2038); border-radius: 18px; transform: rotate(-7deg); box-shadow: 0 15px 55px #0004; z-index: 1; }
.blog-mail .icon { width: 40px; height: 40px; color: #48e1c3; }
.blog-art-label { position: absolute; bottom: 48px; left: 50%; transform: translateX(-50%); font-size: 10px; color: #77c5dc; white-space: nowrap; }
.blog-feature-copy { padding: 46px 45px; }
.blog-feature-copy h2 { font-size: 31px; max-width: 440px; }
.blog-feature-copy p { font-size: 13px; line-height: 1.9; color: #8fa8c6; margin: 21px 0 24px; }
.blog-feature-copy .btn { font-size: 11px; }
.blog-section-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 30px; margin: 70px 0 28px; }
.blog-section-heading h2 { font-size: 25px; letter-spacing: -.7px; }
.blog-section-heading p { font-size: 11px; color: #7f98b8; }
.blog-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.blog-card { padding: 31px 28px; border: 1px solid #253d57; border-radius: 13px; background: #0d1b2c80; transition: transform .3s,border-color .3s; }
.blog-card:hover { transform: translateY(-5px); border-color: #357698; }
.blog-card-icon { display: block; color: #49c7e5; margin-bottom: 27px; }
.blog-card-icon .icon { width: 25px; height: 25px; }
.blog-card .category-label { margin-bottom: 13px; font-size: 9px; }
.blog-card h2 { font-size: 21px; line-height: 1.45; letter-spacing: -.4px; }
.blog-card p { font-size: 12px; line-height: 1.9; color: #819bba; margin: 17px 0 24px; }
.blog-card .text-link { font-size: 10px; }
.reading-layout { display: grid; grid-template-columns: 240px minmax(0,720px); gap: 80px; align-items: start; }
.reading-toc { position: sticky; top: 120px; padding-top: 12px; }
.reading-toc>span { color: #6b8cae; text-transform: uppercase; font-size: 9px; letter-spacing: 1.3px; }
.reading-toc nav { display: grid; gap: 0; margin-top: 20px; }
.reading-toc a { display: flex; gap: 13px; padding: 12px 0; border-bottom: 1px solid #25394e; font-size: 11px; color: #b0c4df; line-height: 1.8; }
.reading-toc a:hover { color: #51cfe8; }
.reading-toc a>span { font-size: 8px; color: #487394; margin-top: 2px; }
.reading-section { position: relative; padding: 34px 0 39px; border-bottom: 1px solid #253a50; scroll-margin-top: 110px; }
.reading-section:first-child { padding-top: 10px; }
.reading-number { display: block; color: #3aaccb; font-size: 9px; margin-bottom: 13px; letter-spacing: 1px; }
.reading-section h2 { font-size: 26px; letter-spacing: -.6px; margin-bottom: 19px; }
.reading-body p { color: #9eb3cf; font-size: 14px; line-height: 2; margin: 15px 0; }
.reading-body p a { color: #53c7e5; text-decoration: underline; text-underline-offset: 4px; }
.reading-callout { display: flex; align-items: start; gap: 19px; padding: 27px; background: #10283b8c; border: 1px solid #28506b; border-radius: 12px; margin: 37px 0 27px; }
.reading-callout>.icon { width: 25px; height: 25px; color: #50cee5; flex: none; }
.reading-callout h3 { font-size: 18px; margin: 0; }
.reading-callout p { font-size: 12px; margin: 9px 0 17px; }
.reading-callout .btn { font-size: 11px; }
.document-intro { padding: 28px; background: #10243a8c; border: 1px solid #284a66; border-radius: 13px; margin-bottom: 22px; }
.document-tag { font-size: 9px; color: #46bfdc; letter-spacing: 1px; text-transform: uppercase; }
.document-intro p { font-size: 12px; margin: 14px 0 22px; }
.document-intro .btn { font-size: 11px; }
.support-card .btn { white-space: normal; text-align: left; line-height: 1.6; }
@media(max-width:1150px) {
 .nav { gap: 16px; }
 .header-inner { gap: 20px; }
 .header-actions { gap: 16px; }
 .reading-layout { grid-template-columns: 210px minmax(0,1fr); gap: 45px; }
 .blog-feature-copy { padding: 37px 30px; }
}
@media(max-width:950px) {
 .commercial-fields { grid-template-columns: 1fr 1fr; gap: 12px; }
 .commercial-form-bottom { display: block; }
 .commercial-form-bottom .btn { margin-top: 14px; }
 .blog-feature-copy h2 { font-size: 26px; }
 .blog-card { padding: 25px 19px; }
 .blog-card h2 { font-size: 18px; }
 .reading-layout { grid-template-columns: 180px minmax(0,1fr); gap: 35px; }
}
@media(max-width:700px) {
 .app-section .app-showcase-stage { min-height: 660px; padding: 12px 0 60px; max-width: 350px; order: 2; }
 .app-section .phone.app-demo-device { width: 260px; border-radius: 36px; padding: 6px; }
 .app-showcase-stage .app-signal { width: 330px; height: 330px; left: calc(50% - 165px); top: calc(50% - 165px); }
 .app-operation-label { font-size: 9px; bottom: 15px; gap: 5px; }
 .app-copy .app-feature { padding: 15px 11px; }
 .app-copy .app-feature:hover { transform: none; }
 .commercial-dialog { padding: 31px 23px 24px; max-height: calc(100dvh - 24px); width: calc(100vw - 24px); }
 .commercial-intro h2 { font-size: 25px; letter-spacing: -.6px; }
 .commercial-intro>p { font-size: 12px; }
 .commercial-brand { font-size: 8px; gap: 8px; }
 .commercial-dialog .commercial-form { margin-top: 23px; }
 .footer-column button { font-size: 11px; margin-top: 12px; }
 .lock-screen { padding-top: 26px; }
 .lock-screen-time { font-size: 55px; }
 .lock-screen-heading { padding-bottom: 26px; }
 .lock-notification { padding: 10px 10px 13px; }
 .commercial-fields { grid-template-columns: 1fr; gap: 14px; }
 .commercial-fields input,.commercial-fields textarea { font-size: 16px; padding: 11px 12px; }
 .commercial-fields label { font-size: 11px; }
 .commercial-form-bottom { display: flex; flex-direction: column; align-items: start; gap: 12px; }
 .commercial-form-bottom .btn { margin-top: 0; font-size: 12px; }
 .commercial-form-bottom p { max-width: 350px; font-size: 10px; }
 .blog-feature { grid-template-columns: 1fr; }
 .blog-feature-art { min-height: 250px; }
 .blog-art-label { bottom: 30px; }
 .blog-feature-copy { padding: 28px; }
 .blog-feature-copy h2 { font-size: 27px; }
 .blog-section-heading { display: block; margin-top: 45px; }
 .blog-section-heading h2 { font-size: 23px; }
 .blog-section-heading p { margin-top: 13px; line-height: 1.8; }
 .blog-grid { grid-template-columns: 1fr; gap: 16px; }
 .blog-card { padding: 28px; }
 .blog-card h2 { font-size: 22px; }
 .reading-layout { display: block; }
 .reading-toc { position: static; padding: 0 0 30px; margin-bottom: 15px; }
 .reading-toc nav { grid-template-columns: 1fr; margin-top: 10px; }
 .reading-toc a { font-size: 12px; padding: 10px 0; }
 .reading-section { padding: 28px 0 32px; scroll-margin-top: 90px; }
 .reading-section h2 { font-size: 23px; }
 .reading-body p { font-size: 13px; line-height: 1.95; overflow-wrap: anywhere; }
 .reading-callout { padding: 22px 18px; gap: 14px; }
 .reading-callout h3 { font-size: 17px; }
 .document-intro { padding: 23px; }
 .document-intro .btn { font-size: 10px; }
}
@media(prefers-reduced-motion:reduce) {
 .app-screen-panel,.commercial-dialog[open] { animation: none; }
 .app-copy .app-feature:hover,.blog-card:hover { transform: none; }
}
.reduce-motion .app-section .phone.app-demo-device { transform: none; }
/* ajustes:inicio */
/* Correções de layout feitas depois do design original. Entram no fim do CSS compartilhado
   (build_seo.py e aplicar_ajustes_css.py), então valem sobre as regras originais. */

/* Contador de cenas no canto inferior esquerdo da home: oculto. */
.chapter-readout{display:none!important}

/* Faixa "0% / 1 clique / Direto" da home no celular: a coluna do número tinha 65px e
   "1 clique" e "Direto" passavam por cima do texto ao lado. */
@media(max-width:700px){
  .principle>span{flex:none;width:104px;text-align:left}
}
/* ajustes:fim */