:root{--ink:#102C36;--ink-2:#163944;--panel:#163944;--line:#28505B;--paper:#F2F7F8;--white:#fff;--text:#102C36;--muted:#516D78;--lime:#34D6B5;--blue:#007C68;--blue-2:#0E9C82;--azul:#3E6FE8;--orange:#A64B00;--green:#166534;--red:#B42332;--shadow:0 24px 80px rgba(16,44,54,.14);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--text);font-size:16px;line-height:1.5}button,input{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.page{display:none}.page.active{display:block}.section-wrap{max-width:1240px;margin:auto;padding-left:32px;padding-right:32px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:sticky;top:0;z-index:20;background:rgba(243,245,249,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(9,11,18,.08)}.brand{display:flex;gap:10px;align-items:center;font-weight:900;letter-spacing:-.5px;font-size:20px}.brand-mark{width:32px;height:32px;border-radius:10px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-weight:900}.brand.light{color:#fff}.brand.light .brand-mark{background:var(--lime);color:var(--ink)}.topnav{display:flex;gap:30px;color:#3A6D81;font-size:14px;font-weight:650}.topnav a{padding:26px 0;position:relative}.topnav a.active,.topnav a:hover{color:var(--ink)}.topnav a.active:after{content:"";height:2px;background:var(--blue);position:absolute;left:0;right:0;bottom:0}.top-actions{display:flex;align-items:center;gap:10px}.primary,.ghost,.light-button,.text-link,.icon-button{border:0;background:none;border-radius:13px;padding:12px 18px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary{background:var(--ink);color:#fff;box-shadow:0 10px 22px rgba(9,11,18,.16)}.primary:hover{transform:translateY(-1px);background:#1A2A31}.primary svg,.light-button svg,.text-link svg{width:17px}.ghost{border:1px solid #D5DBE9;background:rgba(255,255,255,.55)}.large{padding:15px 21px;font-size:15px}.icon-button{padding:10px;border:1px solid #D5DBE9}.mobile-menu{display:none}.hero{min-height:720px;display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;padding-top:60px;padding-bottom:74px}.eyebrow,.kicker{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:850}.eyebrow{display:inline-flex;align-items:center;background:#E8EAF2;padding:9px 13px;border-radius:99px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(66,211,182,.14);display:inline-block;margin-right:6px}.hero h1{font-size:clamp(58px,6.2vw,94px);line-height:.92;letter-spacing:-6px;margin:28px 0 26px}.hero h1 span{color:var(--blue)}.hero-copy>p{font-size:20px;line-height:1.55;color:#3C6E82;max-width:590px}.hero-actions{display:flex;gap:12px;margin:34px 0 25px}.trust-row{display:flex;gap:20px;color:#50899F;font-size:13px}.trust-row span{display:flex;align-items:center;gap:6px}.trust-row svg{width:15px;color:var(--green)}.hero-visual{min-height:580px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(110,237,212,.18)}.orbit-one{inset:6%}.orbit-two{inset:17%;border-color:rgba(78,233,202,.3)}.office-art{width:min(100%,550px);aspect-ratio:1/1;border-radius:32px;position:relative;z-index:2;overflow:hidden;box-shadow:0 35px 100px rgba(38,132,113,.25);background:linear-gradient(145deg,#17252A,#233E49);transform:rotate(-2deg)}.office-art.has-image{background-size:cover;background-position:center;transform:none}.placeholder-art{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:48px 1fr 1fr;gap:8px;padding:18px}.room-label{grid-column:1/-1;color:#fff;font-size:11px;letter-spacing:2px;opacity:.7}.mini-room{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:13px;display:flex;gap:8px;flex-wrap:wrap;align-content:start;color:#fff}.mini-room b{width:100%;font-size:10px;letter-spacing:1.4px;opacity:.6}.mini-room span{width:38px;height:38px;border-radius:9px;background:#2E4B56;display:grid;place-items:center;font-weight:900;font-size:11px}.mini-room.money span{background:#48D8BB}.mini-room.traffic span{background:#325BCB}.mini-room.ops span{background:#177865}.mini-room.client span{background:#BB7631}.floating-kpi{position:absolute;z-index:3;background:#fff;border-radius:16px;padding:15px 17px;box-shadow:var(--shadow);display:flex}.floating-kpi small{font-size:10px;color:#568FA5;letter-spacing:1px}.floating-kpi strong{display:block}.kpi-margin{right:-12px;top:18%;flex-direction:column}.kpi-margin strong{font-size:27px}.kpi-margin em{font-style:normal;color:#168871;font-size:12px}.kpi-action{left:-18px;bottom:15%;align-items:center;gap:10px}.avatar-dot{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--lime);color:var(--ink);font-weight:900}.signal-strip{background:var(--ink);color:#A5B0CE;display:grid;grid-template-columns:repeat(4,1fr);padding:24px max(4vw,calc((100vw - 1180px)/2));gap:24px;font-size:13px}.signal-strip div{border-right:1px solid #253D46}.signal-strip div:last-child{border:0}.signal-strip span{display:block;color:#fff;font-size:22px;font-weight:850}.problem-section,.products-preview,.agents-section{padding-top:110px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-heading h2,.agents-intro h2{font-size:48px;letter-spacing:-2.2px;line-height:1.03;margin:10px 0 0}.section-heading>p{max-width:400px;color:var(--muted);font-size:17px}.kicker{color:var(--blue)}.decision-board{background:#fff;border-radius:32px;padding:30px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.35fr .65fr;gap:28px}.decision-copy{padding:12px}.decision-tabs{display:flex;gap:5px}.decision-tabs button,.filter-row button{border:0;padding:9px 13px;border-radius:10px;background:#EEF0F6;color:#46626C;font-size:13px;font-weight:700}.decision-tabs .active,.filter-row .active{background:var(--ink);color:#fff}.decision-copy h3{font-size:30px;margin:28px 0 8px}.decision-copy>p{color:var(--muted)}.action-list{list-style:none;padding:0;margin:28px 0 0}.action-list li{display:flex;align-items:center;gap:14px;border-top:1px solid #E6E9F2;padding:17px 4px}.action-list .rank{font-size:12px;color:#46626C}.action-list div{flex:1}.action-list b,.action-list small{display:block}.action-list small{color:var(--muted)}.action-list strong{color:#007C68}.profit-card{background:var(--ink-2);color:#fff;border-radius:23px;padding:24px}.product-shot{width:55px;height:55px;border-radius:16px;background:var(--lime);color:var(--ink);display:grid;place-items:center;margin-bottom:22px}.profit-card h3{font-size:34px;margin:4px 0 20px}.profit-card small{color:#8292BC}.waterfall{display:flex;flex-direction:column;gap:7px}.waterfall span{width:var(--w);min-width:52%;background:#233841;border-radius:7px;padding:7px 9px;font-size:11px;display:flex;justify-content:space-between}.waterfall .profit{background:var(--blue)}.profit-result{display:flex;justify-content:space-between;align-items:end;margin-top:25px;padding-top:18px;border-top:1px solid #2B454F}.profit-result strong{font-size:27px;color:var(--lime)}.text-link{color:var(--blue);padding:4px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-grid.compact .product-card:nth-child(n+5){display:none}.product-card{background:#fff;border:1px solid #E0E4EF;border-radius:22px;overflow:hidden;min-height:310px;display:flex;flex-direction:column;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-cover{height:142px;padding:18px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff}.product-cover:before,.product-cover:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.25)}.product-cover:before{width:150px;height:150px;right:-45px;top:-50px}.product-cover:after{width:90px;height:90px;right:20px;bottom:-55px}.product-cover>svg{width:40px;height:40px}.product-cover .step{position:absolute;right:16px;top:14px;font-size:44px;font-weight:900;opacity:.22}.product-body{padding:20px;display:flex;flex-direction:column;flex:1}.product-body small{font-weight:800;font-size:10px;letter-spacing:1.3px;color:var(--blue)}.product-body h3{font-size:19px;margin:7px 0}.product-body p{color:var(--muted);font-size:14px;flex:1}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.product-meta b{font-size:14px}.product-meta span{width:34px;height:34px;border-radius:11px;background:#EFF1F6;display:grid;place-items:center}.product-grid.full{padding-top:20px;padding-bottom:80px}.product-grid.full .product-card:first-child{grid-column:span 2}.inner-hero{padding-top:100px;padding-bottom:55px}.inner-hero h1{font-size:62px;line-height:1;letter-spacing:-3.8px;max-width:800px;margin:14px 0}.inner-hero p{font-size:19px;color:var(--muted);max-width:690px}.comparison{padding-top:60px;padding-bottom:120px}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan-card{background:#fff;border:1px solid #E0E4EF;border-radius:22px;padding:24px;position:relative}.plan-card.featured{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-12px)}.plan-badge{position:absolute;right:18px;top:18px;background:var(--lime);color:var(--ink);font-size:10px;font-weight:900;padding:6px 9px;border-radius:99px}.plan-card h3{font-size:25px;margin:14px 0 4px}.plan-price{font-size:34px;font-weight:900}.plan-price small{font-size:13px;font-weight:500}.plan-card ul{padding:0;list-style:none;margin:22px 0}.plan-card li{margin:11px 0;font-size:14px;display:flex;gap:8px}.plan-card li:before{content:"✓";color:var(--green);font-weight:900}.agents-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.agents-intro p{color:var(--muted);font-size:17px;margin:23px 0 30px}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.agent-card{background:#fff;border:1px solid #E0E4EF;border-radius:16px;padding:15px;display:flex;align-items:center;gap:11px}.agent-card span,.office-agent-list span{width:36px;height:36px;border-radius:11px;background:var(--agent);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900}.agent-card b,.agent-card small{display:block}.agent-card b{font-size:13px}.agent-card small{font-size:10px;color:var(--muted)}.final-cta{background:var(--blue);color:#fff;border-radius:32px;margin-top:60px;margin-bottom:100px;padding-top:52px;padding-bottom:52px;display:flex;align-items:center;justify-content:space-between}.final-cta .kicker{color:var(--lime)}.final-cta h2{font-size:42px;margin:8px 0}.final-cta p{margin:0;color:#DAFAF4}.light-button{background:#fff;color:var(--ink);padding:16px 21px}.site-footer{background:var(--ink);color:#fff;padding:50px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:30px;align-items:center}.site-footer p,.site-footer small{color:#6E80B1}.site-footer>div{display:flex;gap:20px;font-size:13px}.app-page.active{display:flex;min-height:100vh;background:#EEF0F6}.app-page.active~.site-footer{display:none}.app-page.active+*{}.sidebar,.dash-sidebar,.office-panel{width:250px;background:var(--ink);color:#fff;position:fixed;left:0;top:0;bottom:0;padding:26px 18px;z-index:30;display:flex;flex-direction:column}.sidebar nav,.dash-sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:48px}.sidebar nav a,.dash-sidebar nav button{border:0;background:none;color:#7888B6;padding:12px 13px;border-radius:12px;display:flex;gap:12px;align-items:center;text-align:left;font-weight:650;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active,.dash-sidebar nav button:hover,.dash-sidebar nav button.active{background:#1A2A30;color:#fff}.sidebar-profile{margin-top:auto;border-top:1px solid #243A42;padding:20px 8px 0;display:flex;align-items:center;gap:10px}.sidebar-profile>span,.profile-dot{width:38px;height:38px;border-radius:12px;background:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:900}.sidebar-profile b,.sidebar-profile small{display:block;font-size:12px}.sidebar-profile small{color:#6E80B1}.app-content{margin-left:250px;width:calc(100% - 250px);padding:46px 5vw}.app-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:32px}.app-head small,.dash-top small{font-size:10px;letter-spacing:1.5px;font-weight:850;color:#78A2B2}.app-head h1{font-size:42px;letter-spacing:-2px;margin:5px 0 0}.app-head p{margin:3px 0;color:var(--muted)}.app-head-actions{display:flex;gap:10px}.continue-card{display:grid;grid-template-columns:150px 1fr auto;gap:28px;align-items:center;background:var(--ink);color:#fff;border-radius:24px;padding:18px 25px 18px 18px;box-shadow:var(--shadow)}.continue-cover{height:130px;border-radius:17px;background:linear-gradient(135deg,#59EBCE,#80EFD9);position:relative;padding:17px;overflow:hidden}.continue-cover span{font-size:50px;font-weight:900;opacity:.25}.continue-cover svg{position:absolute;bottom:18px;right:18px;width:42px;height:42px;color:var(--lime)}.tag{font-size:10px;letter-spacing:1.3px;color:var(--lime);font-weight:850}.continue-copy h2{font-size:28px;margin:5px 0}.continue-copy p{color:#A1ADCD;margin:0 0 18px}.progress{height:7px;background:#29434D;border-radius:99px;overflow:hidden}.progress span{height:100%;display:block;background:var(--lime);border-radius:99px}.continue-copy>small{color:#7B8BB8}.play-button{border:0;background:var(--lime);color:var(--ink);width:54px;height:54px;border-radius:50%;display:grid;place-items:center}.play-button svg{width:28px;height:28px}.member-grid{display:grid;grid-template-columns:1fr 330px;gap:28px;margin-top:38px}.mini-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mini-heading h2{font-size:22px}.mini-heading button{border:0;background:none;color:var(--blue);font-weight:750}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.course-card{background:#fff;border-radius:18px;border:1px solid #DEE2ED;overflow:hidden}.course-card .product-cover{height:110px}.course-card .course-copy{padding:15px}.course-card h3{font-size:14px;margin:0 0 7px}.course-card small{color:var(--muted)}.member-aside{background:#fff;border:1px solid #DEE2ED;border-radius:20px;padding:22px}.member-aside h3{margin-top:0}.member-aside ol{padding:0;list-style:none}.member-aside li{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #EAEDF4}.member-aside li>span{width:30px;height:30px;border-radius:10px;background:#ECEEF5;display:grid;place-items:center;font-size:12px;font-weight:800}.member-aside li.done>span{background:var(--green);color:#fff}.member-aside b,.member-aside small{display:block}.member-aside b{font-size:13px}.member-aside small{font-size:11px;color:var(--muted)}.full-button{width:100%;margin-top:18px}.dash-sidebar{width:230px}.store-chip{display:flex;align-items:center;gap:10px;background:#17252B;border:1px solid #253D46;padding:11px;border-radius:13px;margin-top:36px}.store-chip>span{width:34px;height:34px;border-radius:9px;background:var(--orange);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900}.store-chip b,.store-chip small{display:block;font-size:11px}.store-chip small{color:#6E80B1}.dash-sidebar nav{margin-top:25px}.dash-sidebar nav button{width:100%}.side-alert{margin-top:auto;background:#1A2A30;border:1px solid #273F48;padding:12px;border-radius:13px;display:flex;gap:10px}.side-alert>span{width:30px;height:30px;border-radius:9px;background:var(--orange);display:grid;place-items:center;font-weight:900;color:#fff}.side-alert b,.side-alert small{display:block;font-size:10px}.side-alert small{color:#808FBA}.back-site{border:0;background:none;color:#6174AA;text-align:left;padding:18px 4px 0;font-size:12px}.dashboard-content{margin-left:230px;width:calc(100% - 230px);background:#102C36;min-height:100vh;color:#fff}.dash-top{height:72px;border-bottom:1px solid #21363E;display:flex;align-items:center;justify-content:space-between;padding:0 3vw}.dash-top>div{display:flex;align-items:center;gap:14px}.dash-top .ghost{border-color:#2C4752;color:#C8CFE1;background:#17252B}.dashboard-view{padding:32px 3vw}.dash-greeting{display:flex;justify-content:space-between;align-items:end}.dash-greeting h1{font-size:35px;letter-spacing:-1.6px;margin:6px 0}.dash-greeting p{color:#8392BC}.health-chip{background:#1A292F;border:1px solid #273F48;border-radius:14px;padding:13px 16px}.health-chip small,.health-chip strong{display:block}.health-chip strong{color:var(--orange)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.metric-card{background:#162429;border:1px solid #243A43;border-radius:17px;padding:18px}.metric-card small{color:#7A8BB8;font-size:10px;letter-spacing:1px}.metric-card strong{display:block;font-size:25px;margin:8px 0 3px}.metric-card em{font-style:normal;font-size:11px;color:var(--green)}.dash-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.dash-panel{background:#162429;border:1px solid #243A43;border-radius:18px;padding:20px}.dash-panel h3{font-size:14px;margin:0}.bar-chart{height:220px;display:flex;gap:10px;align-items:end;padding-top:24px}.bar-chart span{flex:1;height:var(--h);background:linear-gradient(#79EED7,#35A992);border-radius:6px 6px 2px 2px;position:relative}.bar-chart span:nth-child(3n){background:var(--lime)}.bar-chart span:after{content:attr(data-day);position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);font-size:9px;color:#6275AA}.priority-list{list-style:none;padding:0}.priority-list li{padding:15px 0;border-bottom:1px solid #243A42}.priority-list small,.priority-list b{display:block}.priority-list small{color:#6A7CAF;font-size:10px}.priority-list strong{color:var(--lime);font-size:13px}.data-table{margin-top:20px}.data-row{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;padding:14px 8px;border-bottom:1px solid #243A42;font-size:12px}.data-row.head{color:#6275AA;font-size:10px;text-transform:uppercase}.data-row b.positive{color:var(--green)}.data-row b.negative{color:var(--red)}.office-panel{width:300px;padding:27px 24px}.office-panel>div:nth-child(2){margin-top:50px}.office-panel h1{font-size:30px;line-height:1.05;margin:8px 0}.office-panel p{color:#7C8CB9;font-size:13px}.office-agent-list{display:flex;flex-direction:column;gap:6px;margin:25px 0;overflow:auto}.office-agent-item{display:flex;gap:10px;align-items:center;padding:8px;border-radius:11px;color:#A6B1CF}.office-agent-item.active{background:#1A2A31;color:#fff}.office-agent-item b,.office-agent-item small{display:block;font-size:11px}.office-agent-item small{color:#687BAE}.office-stage{margin-left:300px;width:calc(100% - 300px);min-height:100vh;background:radial-gradient(circle at 50% 45%,#223942,#102C36 68%);color:#fff;padding:32px 4vw;position:relative}.office-title{display:flex;justify-content:space-between;align-items:center}.office-title small{color:#6C7EB0;letter-spacing:1.4px}.office-title h2{margin:2px 0}.status-pill{padding:8px 11px;border-radius:99px;background:#142925;color:var(--green);font-size:11px;margin-left:7px}.status-pill.attention{background:#2F2216;color:var(--orange)}.office-map{max-width:960px;margin:40px auto 100px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;transform:perspective(1000px) rotateX(3deg)}.room{min-height:240px;border:1px solid #314F5B;background:rgba(24,29,44,.88);border-radius:24px;padding:18px;position:relative;overflow:hidden}.room:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.04) 50%),linear-gradient(rgba(255,255,255,.04) 49%,transparent 50%);background-size:34px 34px}.room h3{font-size:11px;letter-spacing:1.5px;color:#7586B5;margin:0}.desk-row{display:flex;justify-content:space-around;margin-top:45px;position:relative;z-index:2}.desk-agent{display:flex;flex-direction:column;align-items:center;gap:7px}.pixel-agent{width:44px;height:52px;border-radius:13px 13px 9px 9px;background:var(--agent);border:5px solid rgba(255,255,255,.14);display:grid;place-items:center;font-size:11px;font-weight:900}.desk-agent small{font-size:9px;color:#97A4C7}.speech{position:absolute;background:#fff;color:#142025;border-radius:10px;padding:8px 10px;font-size:9px;top:55px;right:15px;max-width:150px;z-index:4}.chat-dock{position:fixed;bottom:26px;left:calc(300px + 4vw);right:4vw;background:rgba(23,28,42,.92);border:1px solid #2F4B56;backdrop-filter:blur(14px);border-radius:17px;padding:14px 16px;display:flex;align-items:center;gap:12px;z-index:3}.chat-dock div{flex:1}.chat-dock small,.chat-dock b{display:block;font-size:11px}.chat-dock small{color:#7485B4}.chat-dock button{border:0;background:var(--lime);font-weight:850;border-radius:10px;padding:9px 12px}.library-content,.calc-content{min-height:100vh}.search-box{background:#fff;border:1px solid #DCE0EC;border-radius:15px;display:flex;align-items:center;gap:12px;padding:0 16px;max-width:750px}.search-box input{border:0;outline:0;background:none;width:100%;padding:16px 0}.filter-row{display:flex;gap:7px;margin:24px 0}.prompt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.prompt-card{background:#fff;border:1px solid #DCE0EC;border-radius:18px;padding:19px}.prompt-card .prompt-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--bg);color:var(--fg);margin-bottom:22px}.prompt-card h3{font-size:17px;line-height:1.2}.prompt-card p{font-size:13px;color:var(--muted)}.prompt-card footer{display:flex;justify-content:space-between;margin-top:24px;color:#5690A7;font-size:11px}.calculator-shell{display:grid;grid-template-columns:1fr .9fr;background:#fff;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);max-width:1000px}.calculator-shell form{padding:34px}.calculator-shell label{font-size:12px;font-weight:800;color:#44798E;display:block;position:relative;margin-bottom:17px}.calculator-shell label>span{position:absolute;left:14px;bottom:13px;color:#88ABB9}.calculator-shell input{width:100%;border:1px solid #DCE0EC;border-radius:11px;padding:12px 14px 12px 42px;margin-top:7px;outline:0;font-weight:750}.calculator-shell input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(110,237,212,.12)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.calc-result{background:var(--ink);color:#fff;padding:38px;display:flex;flex-direction:column}.calc-result>small{color:#7C8CB9;margin-top:40px}.calc-result>strong{font-size:54px;letter-spacing:-2px;color:var(--lime)}.result-percent{display:flex;justify-content:space-between;border-top:1px solid #273F48;padding-top:20px;margin-top:12px}.result-scale{height:9px;background:#253D46;border-radius:99px;margin:14px 0;overflow:hidden}.result-scale span{height:100%;display:block;background:var(--lime);width:20%;transition:.3s}.result-status{background:#162E29;color:#67DDC5;border-radius:11px;padding:11px;font-size:12px}.cost-breakdown{margin-top:auto}.cost-line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #253D46;font-size:12px;color:#98A4C7}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:#fff;padding:14px 18px;border-radius:13px;box-shadow:var(--shadow);z-index:99;transform:translateY(120px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}@media(max-width:1000px){.topnav{display:none}.mobile-menu{display:flex}.hero{grid-template-columns:1fr;padding-top:80px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:520px}.signal-strip{grid-template-columns:repeat(2,1fr)}.decision-board,.agents-section,.member-grid,.calculator-shell{grid-template-columns:1fr}.product-grid,.plan-grid{grid-template-columns:repeat(2,1fr)}.product-grid.full .product-card:first-child{grid-column:auto}.course-grid,.prompt-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.member-aside{order:-1}.office-map{grid-template-columns:1fr}}@media(max-width:720px){.section-wrap{padding-left:20px;padding-right:20px}.topbar{height:68px;padding:0 20px}.desktop-only{display:none}.hero{padding-top:56px}.hero h1{font-size:56px;letter-spacing:-3.5px}.hero-copy>p{font-size:17px}.hero-actions{flex-direction:column}.trust-row{flex-wrap:wrap;gap:10px}.hero-visual{min-height:410px}.office-art{width:88%;border-radius:23px}.floating-kpi{padding:11px}.kpi-margin{right:0}.kpi-action{left:0}.signal-strip{grid-template-columns:1fr 1fr;padding:22px 20px}.signal-strip div:nth-child(2){border:0}.signal-strip span{font-size:18px}.problem-section,.products-preview,.agents-section{padding-top:70px;padding-bottom:70px}.section-heading{display:block}.section-heading h2,.agents-intro h2{font-size:36px}.decision-board{padding:14px}.decision-copy{padding:8px}.action-list strong{font-size:12px}.product-grid,.plan-grid,.agent-grid,.course-grid,.prompt-grid{grid-template-columns:1fr}.product-grid.compact .product-card:nth-child(n+4){display:none}.final-cta{margin-left:14px;margin-right:14px;display:block}.final-cta h2{font-size:34px}.light-button{margin-top:25px}.site-footer{grid-template-columns:1fr;padding:45px 24px}.site-footer>div{flex-wrap:wrap}.inner-hero h1{font-size:46px}.sidebar,.dash-sidebar,.office-panel{position:relative;width:100%;height:auto;bottom:auto;padding:18px}.sidebar nav,.dash-sidebar nav{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr)}.sidebar nav a,.dash-sidebar nav button{font-size:0;justify-content:center}.sidebar-profile,.side-alert{display:none}.app-page.active{display:block}.app-content,.dashboard-content,.office-stage{margin-left:0;width:100%;padding:28px 18px}.app-head{display:block}.app-head-actions{margin-top:18px}.continue-card{grid-template-columns:90px 1fr;padding:14px}.continue-cover{height:100px}.play-button{display:none}.continue-copy h2{font-size:21px}.dash-top{padding:0 18px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card strong{font-size:19px}.office-panel>div:nth-child(2){margin-top:25px}.office-agent-list{display:none}.office-stage{min-height:760px}.office-map{margin-top:28px}.room{min-height:210px}.chat-dock{left:18px;right:18px;bottom:18px}.office-title{align-items:start}.status-pill{display:block;margin:4px 0}.filter-row{overflow:auto}.calculator-shell form,.calc-result{padding:24px}.calc-result>strong{font-size:44px}.data-row{grid-template-columns:1.6fr repeat(3,1fr);font-size:10px}} 
.office-art.has-image{transform:none;background:#102C36}
.office-art.has-image img{width:100%;height:100%;object-fit:cover;display:block}
.product-cover.image-cover{background-size:cover;background-position:center;padding:0}
.product-cover.image-cover:before{inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(180deg,transparent 48%,rgba(5,8,18,.45))}
.product-cover.image-cover:after{display:none}
.product-cover.image-cover .step{z-index:2;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45);opacity:.72}
.course-card .product-cover.image-cover{background-position:center 46%}
.product-cover.image-cover:before{background:linear-gradient(180deg,rgba(18,27,31,.08),transparent 48%,rgba(20,26,28,.48))}
.cover-icon{position:absolute;right:13px;bottom:12px;z-index:3;width:48px;height:48px;display:grid;place-items:center;filter:drop-shadow(0 7px 10px rgba(18,42,51,.2));transform:rotate(-3deg);transition:transform .25s ease}
.cover-icon img{display:block;width:100%;height:100%;object-fit:contain}
.product-card:hover .cover-icon,.course-card:hover .cover-icon{transform:rotate(3deg) scale(1.08)}
.course-card .cover-icon{width:39px;height:39px;right:9px;bottom:8px}

/* Escritório vivo: cenário e personagens são camadas independentes. */
.office-live-shell{max-width:980px;margin:26px auto 105px;position:relative}
.office-map{display:block;position:relative;width:100%;margin:0;aspect-ratio:1/1;overflow:hidden;border-radius:30px;transform:none;background:#102C36;box-shadow:0 35px 90px rgba(0,0,0,.48),inset 0 0 0 1px rgba(155,179,245,.16)}
.office-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;user-select:none;pointer-events:none}
.office-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 47%,transparent 42%,rgba(3,6,15,.08) 70%,rgba(3,6,15,.5) 100%);z-index:8}
.screen-glow{position:absolute;border-radius:50%;filter:blur(22px);opacity:.22;animation:screen-breathe 3.4s ease-in-out infinite;pointer-events:none;z-index:1}
.glow-one{width:22%;height:11%;left:16%;top:15%;background:#6BEDD3}
.glow-two{width:24%;height:12%;right:13%;top:16%;background:#73EED5;animation-delay:-1.4s}
.live-agent{position:absolute;left:0;top:0;width:6.8%;height:auto;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;z-index:4;filter:drop-shadow(0 8px 6px rgba(0,0,0,.55));animation-duration:21s;animation-timing-function:cubic-bezier(.45,.05,.52,.95);animation-iteration-count:infinite;animation-delay:var(--delay);transition:left 1.15s cubic-bezier(.2,.75,.25,1),top 1.15s cubic-bezier(.2,.75,.25,1),width .6s ease,filter .25s ease}
.css-person{--skin:#c88862;display:block;position:relative;width:100%;aspect-ratio:.54;transform-origin:50% 96%;animation:person-bob .36s ease-in-out infinite alternate;pointer-events:none}
.skin-1{--skin:#e1a17d}.skin-2{--skin:#9e6348}.skin-3{--skin:#663d30}.skin-4{--skin:#c17a58}
.person-head{position:absolute;z-index:7;left:32%;top:2%;width:36%;height:22%;border-radius:48% 48% 44% 44%;background:var(--skin);box-shadow:inset -3px -2px 0 rgba(73,48,23,.14)}
.person-neck{position:absolute;z-index:3;left:43%;top:20%;width:14%;height:10%;border-radius:0 0 5px 5px;background:var(--skin)}
.person-body{position:absolute;z-index:4;left:25%;top:25%;width:50%;height:39%;border-radius:22% 22% 12% 12%;background:linear-gradient(90deg,color-mix(in srgb,var(--shirt) 78%,#000),var(--shirt) 48%,color-mix(in srgb,var(--shirt) 72%,#fff));box-shadow:inset -4px 0 0 rgba(0,0,0,.14)}
.person-body:after{content:"";position:absolute;left:41%;top:0;width:18%;height:16%;border-radius:0 0 50% 50%;background:#102C36}
.person-body b{position:absolute;right:14%;top:19%;width:12%;aspect-ratio:1;border-radius:50%;background:#82EFD9;box-shadow:0 0 6px #78EED7}
.person-arm{position:absolute;z-index:5;top:28%;width:14%;height:38%;border-radius:10px;background:linear-gradient(var(--shirt) 0 68%,var(--skin) 69%);transform-origin:50% 8%;box-shadow:inset -2px 0 0 rgba(0,0,0,.13)}
.person-arm b{position:absolute;left:6%;bottom:-3%;width:88%;height:16%;border-radius:50%;background:var(--skin)}
.arm-left{left:18%;animation:arm-left .55s ease-in-out infinite alternate}.arm-right{right:18%;animation:arm-right .55s ease-in-out infinite alternate}
.person-leg{position:absolute;z-index:2;top:59%;width:17%;height:38%;border-radius:5px 5px 8px 8px;background:linear-gradient(#16272E 0 78%,#102C36 79%);transform-origin:50% 5%;box-shadow:inset -2px 0 rgba(255,255,255,.06)}
.leg-left{left:31%;animation:leg-left .55s ease-in-out infinite alternate}.leg-right{right:31%;animation:leg-right .55s ease-in-out infinite alternate}
.person-eye{position:absolute;top:49%;width:7%;height:5%;border-radius:50%;background:#122622}.eye-left{left:28%}.eye-right{right:28%}
.person-ear{position:absolute;right:-9%;top:42%;width:15%;height:21%;border-radius:50%;background:var(--skin)}
.person-hair{position:absolute;z-index:2;left:-3%;top:-10%;width:106%;height:49%;border-radius:50% 50% 34% 28%;background:#102C36}
.hair-2 .person-hair{height:65%;border-radius:50% 50% 18% 35%;clip-path:polygon(0 0,100% 0,100% 80%,80% 55%,68% 100%,53% 55%,35% 90%,20% 54%,0 78%)}
.hair-3 .person-hair{top:-17%;height:58%;border-radius:50%;background:#2b1711;box-shadow:-4px 2px 0 #2b1711,4px 2px 0 #2b1711}
.hair-4 .person-hair{left:-14%;width:128%;height:72%;border-radius:50% 50% 45% 45%;background:#47291c;clip-path:polygon(0 0,100% 0,100% 100%,79% 70%,68% 100%,52% 62%,32% 100%,19% 69%,0 100%)}
.hair-5 .person-hair{top:-3%;height:35%;border-radius:60% 30% 20% 20%;background:#102C36}
.hair-6 .person-hair{left:-8%;top:-13%;width:116%;height:54%;border-radius:42% 60% 32% 40%;background:#713d22}
.meeting-mode .css-person{animation:meeting-body .8s ease-in-out infinite alternate}
.meeting-mode .person-leg{animation:none!important;transform:rotate(0deg)}
.meeting-mode .arm-left{animation:meeting-gesture-left 1.25s ease-in-out infinite alternate}.meeting-mode .arm-right{animation:meeting-gesture-right 1.25s ease-in-out infinite alternate-reverse}
.walk-shadow{position:absolute;z-index:-1;left:19%;bottom:3%;width:62%;height:8%;border-radius:50%;background:rgba(0,0,0,.5);filter:blur(2px);animation:walk-shadow .36s ease-in-out infinite alternate}
.footsteps{position:absolute;left:42%;top:82%;width:22%;height:25%;z-index:-1;opacity:.38;transform:rotate(-35deg)}
.footsteps i{position:absolute;width:18%;aspect-ratio:1/1;border-radius:50%;background:var(--agent);box-shadow:0 0 8px var(--agent);animation:footstep 1.3s linear infinite}
.footsteps i:nth-child(2){top:33%;left:45%;animation-delay:.43s}.footsteps i:nth-child(3){top:70%;left:5%;animation-delay:.86s}
.route-2 img,.route-3 img,.route-5 img,.route-8 img,.route-11 img{animation-name:agent-step-left}
.live-agent:hover,.live-agent.selected{z-index:10;filter:drop-shadow(0 10px 9px rgba(0,0,0,.65)) drop-shadow(0 0 9px var(--agent))}
.live-agent:hover img,.live-agent.selected img{animation-duration:.48s}
.agent-label{position:absolute;left:50%;top:91%;transform:translateX(-50%);white-space:nowrap;padding:4px 7px;border-radius:20px;background:rgba(8,12,23,.82);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(9px);font-size:clamp(5px,.58vw,9px);font-weight:800;letter-spacing:.01em;box-shadow:0 5px 13px rgba(0,0,0,.38)}
.agent-label i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#66ECD1;box-shadow:0 0 7px #66ECD1;vertical-align:1px}
.agent-message{position:absolute;left:50%;bottom:99%;min-width:120px;max-width:175px;transform:translate(-50%,8px) scale(.86);padding:8px 10px;border-radius:10px 10px 10px 3px;background:rgba(17,22,37,.94);border:1px solid color-mix(in srgb,var(--agent) 55%,#fff 10%);box-shadow:0 10px 25px rgba(0,0,0,.34);font-size:clamp(7px,.66vw,10px);line-height:1.25;font-weight:700;opacity:0;pointer-events:none;animation:agent-message 10.5s ease-in-out infinite;animation-delay:var(--delay)}
.live-agent.selected .agent-message,.live-agent:hover .agent-message{opacity:1;transform:translate(-50%,0) scale(1);animation:none}
.office-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}
.office-control{border:1px solid #304D59;background:#17252A;color:#CBD2E4;border-radius:11px;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer}
.office-control:hover{border-color:#5CE7CB;color:#fff}
.office-activity{display:flex;align-items:center;gap:8px;color:#A2ADCD;font-size:11px}
.office-activity i{width:7px;height:7px;border-radius:50%;background:#5EE3C8;box-shadow:0 0 10px #5EE3C8;animation:live-pulse 1.4s ease-in-out infinite}
.office-agent-item{cursor:pointer;transition:background .2s ease,transform .2s ease}
.office-agent-item:hover{transform:translateX(3px);background:#17252A}
.office-map.is-paused *{animation-play-state:paused!important}
.meeting-mode .live-agent{animation:none!important;width:4.5%;left:var(--mx)!important;top:var(--my)!important;z-index:12}
.meeting-mode .agent-message{display:none}
.route-1{animation-name:route-one;--mx:35%;--my:69%}.route-2{animation-name:route-two;--mx:42%;--my:68%}.route-3{animation-name:route-three;--mx:49%;--my:68%}
.route-4{animation-name:route-four;--mx:56%;--my:68%}.route-5{animation-name:route-five;--mx:63%;--my:69%}.route-6{animation-name:route-six;--mx:68%;--my:76%}
.route-7{animation-name:route-seven;--mx:66%;--my:84%}.route-8{animation-name:route-eight;--mx:59%;--my:87%}.route-9{animation-name:route-nine;--mx:51%;--my:87%}
.route-10{animation-name:route-ten;--mx:43%;--my:87%}.route-11{animation-name:route-eleven;--mx:35%;--my:84%}.route-12{animation-name:route-twelve;--mx:30%;--my:76%}
@keyframes route-one{0%,14%{left:22%;top:27%}30%,46%{left:29%;top:21%}62%,76%{left:37%;top:27%}90%,100%{left:22%;top:27%}}
@keyframes route-two{0%,18%{left:31%;top:18%}34%,49%{left:39%;top:24%}67%,80%{left:45%;top:35%}93%,100%{left:31%;top:18%}}
@keyframes route-three{0%,17%{left:39%;top:28%}32%,48%{left:45%;top:36%}65%,82%{left:35%;top:31%}95%,100%{left:39%;top:28%}}
@keyframes route-four{0%,16%{left:58%;top:26%}31%,48%{left:66%;top:19%}64%,79%{left:74%;top:27%}92%,100%{left:58%;top:26%}}
@keyframes route-five{0%,16%{left:66%;top:17%}32%,47%{left:73%;top:24%}63%,80%{left:56%;top:34%}93%,100%{left:66%;top:17%}}
@keyframes route-six{0%,19%{left:75%;top:28%}35%,50%{left:67%;top:31%}66%,81%{left:57%;top:36%}94%,100%{left:75%;top:28%}}
@keyframes route-seven{0%,15%{left:22%;top:59%}31%,46%{left:31%;top:52%}63%,78%{left:40%;top:61%}92%,100%{left:22%;top:59%}}
@keyframes route-eight{0%,18%{left:31%;top:52%}34%,50%{left:40%;top:58%}66%,81%{left:46%;top:69%}94%,100%{left:31%;top:52%}}
@keyframes route-nine{0%,17%{left:40%;top:62%}33%,48%{left:47%;top:73%}65%,80%{left:32%;top:66%}93%,100%{left:40%;top:62%}}
@keyframes route-ten{0%,15%{left:58%;top:59%}31%,47%{left:66%;top:51%}64%,80%{left:75%;top:60%}93%,100%{left:58%;top:59%}}
@keyframes route-eleven{0%,18%{left:67%;top:52%}34%,49%{left:75%;top:61%}66%,82%{left:55%;top:69%}95%,100%{left:67%;top:52%}}
@keyframes route-twelve{0%,16%{left:76%;top:62%}32%,47%{left:67%;top:65%}64%,80%{left:53%;top:75%}93%,100%{left:76%;top:62%}}
@keyframes agent-step{0%{transform:translateY(0) rotate(-1.2deg)}100%{transform:translateY(-3.5%) rotate(1.2deg)}}
@keyframes agent-step-left{0%{transform:translateY(0) rotate(1.6deg) scaleX(-1)}100%{transform:translateY(-4.5%) rotate(-1.6deg) scaleX(-1)}}
@keyframes person-bob{0%{transform:translateY(0) rotate(-1deg)}100%{transform:translateY(-3.5%) rotate(1deg)}}
@keyframes arm-left{0%{transform:rotate(24deg)}100%{transform:rotate(-25deg)}}
@keyframes arm-right{0%{transform:rotate(-25deg)}100%{transform:rotate(24deg)}}
@keyframes leg-left{0%{transform:rotate(19deg)}100%{transform:rotate(-20deg)}}
@keyframes leg-right{0%{transform:rotate(-20deg)}100%{transform:rotate(19deg)}}
@keyframes meeting-body{0%{transform:translateY(0)}100%{transform:translateY(-2%) rotate(.7deg)}}
@keyframes meeting-gesture-left{0%{transform:rotate(8deg)}100%{transform:rotate(62deg)}}
@keyframes meeting-gesture-right{0%{transform:rotate(-10deg)}100%{transform:rotate(-48deg)}}
@keyframes walk-shadow{0%{transform:scaleX(1);opacity:.55}100%{transform:scaleX(.72);opacity:.32}}
@keyframes footstep{0%{opacity:0;transform:scale(.4)}28%{opacity:.85}100%{opacity:0;transform:translateY(140%) scale(1.15)}}
@keyframes agent-message{0%,13%,100%{opacity:0;transform:translate(-50%,8px) scale(.86)}18%,33%{opacity:1;transform:translate(-50%,0) scale(1)}39%{opacity:0;transform:translate(-50%,-4px) scale(.94)}}
@keyframes screen-breathe{0%,100%{opacity:.12;transform:scale(.95)}50%{opacity:.34;transform:scale(1.08)}}
@keyframes live-pulse{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
.screen-ui{position:absolute;z-index:2;overflow:hidden;opacity:.68;mix-blend-mode:screen;filter:saturate(1.35);transition:opacity .25s ease,filter .25s ease;pointer-events:none}
.screen-ui.active{opacity:1;filter:saturate(1.8) brightness(1.25)}
.screen-finance{left:16.6%;top:15.2%;width:15.2%;height:7.2%;transform:skewY(-8deg)}
.ui-bars{height:100%;display:flex;align-items:flex-end;gap:5%;padding:8% 5% 2%}
.ui-bars i{display:block;width:12%;height:var(--h);background:linear-gradient(#83F0DA,#47D6B9);box-shadow:0 0 7px #7CEFD8;transform-origin:bottom;animation:bar-work 2.6s ease-in-out infinite;animation-delay:calc(var(--i)*-.31s)}
.ui-scan{position:absolute;left:0;right:0;height:2px;top:0;background:#C2F7ED;box-shadow:0 0 8px #82F0DA;animation:screen-scan 2.2s linear infinite}
.screen-traffic{right:17.1%;top:16.8%;width:17.5%;height:7.3%;transform:skewY(8deg)}
.screen-traffic svg{width:100%;height:100%;overflow:visible}.screen-traffic polyline{fill:none;stroke:#8FF1DD;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:135;animation:line-draw 3s ease-in-out infinite}
.ui-alert{position:absolute;right:2%;top:0;color:#CAF8EF;font-size:clamp(5px,.62vw,9px);animation:data-pop 1.8s ease-in-out infinite}
.screen-operation{left:18.1%;top:45.8%;width:17%;height:8%;transform:skewY(-7deg)}
.ui-packages{display:flex;gap:8%;height:58%;align-items:flex-end}.ui-packages i{display:block;width:18%;aspect-ratio:1/1;border:1px solid #FFB062;background:rgba(255,163,72,.24);animation:package-hop 2.4s ease-in-out infinite}.ui-packages i:nth-child(2){animation-delay:-.6s}.ui-packages i:nth-child(3){animation-delay:-1.2s}.ui-packages i:nth-child(4){animation-delay:-1.8s}
.ui-route{position:absolute;left:2%;right:2%;bottom:5%;height:2px;background:rgba(255,168,80,.3)}.ui-route b{display:block;width:7px;height:7px;border-radius:50%;margin-top:-3px;background:#FFC78F;box-shadow:0 0 7px #FFAF5F;animation:route-dot 2.8s linear infinite}
.screen-customer{right:16%;top:46.2%;width:18%;height:8%;transform:skewY(7deg)}
.ui-messages{display:flex;gap:6%;padding:5%}.ui-messages i{width:27%;height:19px;border-radius:8px 8px 8px 2px;background:rgba(128,239,217,.65);box-shadow:0 0 7px rgba(118,238,214,.6);animation:message-type 2.1s ease-in-out infinite}.ui-messages i:nth-child(2){animation-delay:-.7s}.ui-messages i:nth-child(3){animation-delay:-1.4s}
.ui-score{position:absolute;left:7%;right:7%;bottom:5%;display:flex;justify-content:space-between}.ui-score b{width:9%;aspect-ratio:1/1;border-radius:50%;background:#75EED6;animation:score-blink 1.7s ease-in-out infinite}.ui-score b:nth-child(2){animation-delay:-.3s}.ui-score b:nth-child(3){animation-delay:-.6s}.ui-score b:nth-child(4){animation-delay:-.9s}.ui-score b:nth-child(5){animation-delay:-1.2s}
.sector-name{position:absolute;z-index:6;color:#DBE1F2;font-size:clamp(6px,.65vw,10px);font-weight:900;letter-spacing:.12em;text-shadow:0 2px 8px #000;opacity:.72}.sector-money{left:7%;top:28%}.sector-traffic{right:5%;top:28%;color:#99F2E0}.sector-operation{left:6%;top:58%;color:#FFB265}.sector-customer{right:5%;top:58%;color:#74EED6}
@keyframes bar-work{0%,100%{transform:scaleY(.42)}45%{transform:scaleY(1)}70%{transform:scaleY(.72)}}
@keyframes screen-scan{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(55px);opacity:0}}
@keyframes line-draw{0%{stroke-dashoffset:135;opacity:.3}45%,75%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-135;opacity:.3}}
@keyframes data-pop{0%,100%{opacity:.35;transform:scale(.82)}50%{opacity:1;transform:scale(1.08)}}
@keyframes package-hop{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-26%);opacity:1}}
@keyframes route-dot{0%{transform:translateX(0)}100%{transform:translateX(135px)}}
@keyframes message-type{0%,100%{transform:scaleX(.45);opacity:.35}50%{transform:scaleX(1);opacity:1}}
@keyframes score-blink{0%,100%{opacity:.3;transform:scale(.72)}50%{opacity:1;transform:scale(1.15)}}
@media(max-width:760px){.office-live-shell{margin:20px auto 92px}.office-map{border-radius:18px}.live-agent{width:8%}.agent-message{display:none}.agent-label{font-size:6px;padding:3px 5px}.office-controls{align-items:flex-start;flex-direction:column}.office-activity{font-size:10px}.meeting-mode .live-agent{width:6.3%}}
@media(prefers-reduced-motion:reduce){.live-agent,.live-agent img,.agent-message,.screen-glow,.office-activity i{animation:none!important}.live-agent{position:absolute}.route-1{left:22%;top:27%}.route-2{left:31%;top:18%}.route-3{left:39%;top:28%}.route-4{left:58%;top:26%}.route-5{left:66%;top:17%}.route-6{left:75%;top:28%}.route-7{left:22%;top:59%}.route-8{left:31%;top:52%}.route-9{left:40%;top:62%}.route-10{left:58%;top:59%}.route-11{left:67%;top:52%}.route-12{left:76%;top:62%}}

/* Direção pixel art: escritório-jogo e produtos no mesmo universo visual. */
.office-live-shell{max-width:1080px}
.office-map{display:block;aspect-ratio:64/35;border-radius:3px;border:4px solid #53656C;background:#102C36;box-shadow:8px 8px 0 #0A2029,0 30px 80px rgba(0,0,0,.48);overflow:hidden}
.office-base-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto}
#office-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;image-rendering:auto;cursor:crosshair}
.pixel-help{position:absolute;left:10px;bottom:8px;z-index:4;display:flex;gap:14px;align-items:center;padding:7px 10px;border:2px solid #435A63;background:rgba(7,10,19,.9);color:#AEC2CA;font:700 8px/1 monospace;letter-spacing:.04em;pointer-events:none}
.pixel-dot{display:inline-block;width:7px;height:7px;margin-right:5px}.pixel-dot.green{background:#6FE2CB}.pixel-dot.yellow{background:#F0A55A}
.office-control{border-radius:2px;border-width:2px;font-family:monospace;text-transform:uppercase;box-shadow:3px 3px 0 #0A2029}
.sound-control{color:#F0A55A}
.pixel-product{border-radius:3px!important;border:2px solid #D3D9E8!important;box-shadow:6px 6px 0 #D3D9E8!important;transition:transform .16s steps(2),box-shadow .16s steps(2)!important}
.pixel-product:hover{transform:translate(-3px,-3px)!important;box-shadow:9px 9px 0 #C1C9DE!important}
.product-cover.image-cover{position:relative;overflow:hidden;background:#112127}
.product-pixel-image{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated;image-rendering:crisp-edges}
.product-cover.image-cover:before{z-index:1;background:linear-gradient(180deg,rgba(7,10,20,.02),transparent 55%,rgba(7,10,20,.58))}
.product-cover.image-cover .step{font-family:monospace;letter-spacing:-.08em}
.cover-icon{width:46px;height:46px;border-radius:0;filter:drop-shadow(4px 4px 0 rgba(5,7,14,.45));transform:none}
.cover-icon img{image-rendering:pixelated;image-rendering:crisp-edges}.pixel-product:hover .cover-icon{transform:translate(-2px,-2px) scale(1.04)}
.pixel-product .product-body>small,.pixel-product .course-copy small{font-family:monospace;letter-spacing:.06em}
@media(max-width:760px){.office-map{border-width:2px;box-shadow:4px 4px 0 #0A2029}.pixel-help{font-size:7px;gap:8px}.pixel-help span:last-child{display:none}}

/* Escritório v10: planta ampliada, mapa de circulação e chat por agente. */
.office-page.active{background:#102C36;overflow-x:hidden}
.office-panel{width:260px;padding:22px 18px}
.office-panel>div:nth-child(2){margin-top:30px}
.office-panel h1{font-size:26px}
.office-agent-list{margin:16px 0;gap:3px}
.office-agent-item{padding:6px 7px}
.office-stage{margin-left:260px;margin-right:340px;width:calc(100% - 600px);padding:24px clamp(18px,2.2vw,34px);min-width:0}
.office-live-shell{max-width:1280px;margin:20px auto 30px}
.office-map{aspect-ratio:16/9;width:100%;max-width:none}
.office-title-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.office-chat-open{display:none;border:1px solid #3E4C72;background:#17252A;color:#fff;padding:8px 11px;font:800 11px/1 monospace;text-transform:uppercase}
.office-controls{flex-wrap:wrap;justify-content:flex-start}
.office-activity{margin-left:auto;min-width:210px;justify-content:flex-end}
.office-chat-panel{position:fixed;right:0;top:0;bottom:0;width:340px;z-index:31;display:flex;flex-direction:column;background:#102C36;color:#EEF1F8;border-left:1px solid #273F49;box-shadow:-12px 0 40px rgba(0,0,0,.18);padding:22px}
.office-chat-panel header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #273F48}
.office-chat-panel header small{font:800 10px/1 monospace;letter-spacing:.14em;color:#6E80B1}
.office-chat-panel header h2{margin:6px 0 0;font-size:24px;letter-spacing:-.7px}
.chat-close{display:none;width:34px;height:34px;border:1px solid #2D4853;background:#17252A;color:#fff;font-size:22px}
.agent-chat-picker{display:grid;gap:7px;margin:18px 0 12px;font:800 10px/1 monospace;letter-spacing:.08em;color:#7F8FBA;text-transform:uppercase}
.agent-chat-picker select{width:100%;border:1px solid #31505C;background:#17252A;color:#fff;border-radius:3px;padding:11px 12px;font:700 13px/1.2 Inter,system-ui}
.chat-agent-summary{display:flex;align-items:center;gap:10px;padding:12px;background:#17252A;border:1px solid #2A444E;border-radius:4px}
.chat-agent-summary .avatar-dot{flex:0 0 auto;background:var(--chat-agent,#4EE9CA)}
.chat-agent-summary div{flex:1}.chat-agent-summary b,.chat-agent-summary small{display:block}.chat-agent-summary b{font-size:13px}.chat-agent-summary small{font-size:10px;color:#808FBA}
.chat-agent-summary i{width:8px;height:8px;border-radius:50%;background:#5DE3C8;box-shadow:0 0 10px #5DE3C8}
.agent-chat-messages{flex:1;min-height:170px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:18px 3px 12px;scrollbar-width:thin}
.chat-message{max-width:88%;padding:10px 11px;border:1px solid #2C4752;background:#18262C;border-radius:3px 11px 11px 11px;font-size:12px;line-height:1.45;color:#D9DDEA}
.chat-message.user{align-self:flex-end;border-color:#52BFA9;background:#45B7A0;color:#fff;border-radius:11px 3px 11px 11px}
.chat-message small{display:block;margin-top:5px;color:#6C7EB0;font:700 8px/1 monospace;text-transform:uppercase}
.chat-message.typing{width:55px;color:#A0ACCC;letter-spacing:3px}
.chat-quick-actions{display:flex;gap:6px;overflow-x:auto;padding:3px 0 12px;scrollbar-width:none}
.chat-quick-actions button{white-space:nowrap;border:1px solid #2F4C57;background:#17252A;color:#A7B2D0;border-radius:3px;padding:8px 9px;font-size:10px;font-weight:750}
.agent-chat-form{border-top:1px solid #273F48;padding-top:14px}.agent-chat-form>label{display:block;margin-bottom:7px;font:800 9px/1 monospace;color:#7586B4;text-transform:uppercase;letter-spacing:.1em}.agent-chat-form>div{display:flex;border:1px solid #345460;background:#102C36;border-radius:3px;overflow:hidden}.agent-chat-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;padding:12px;font-size:12px}.agent-chat-form button{width:42px;border:0;background:var(--lime);color:#102C36;font-weight:900;font-size:18px}.agent-chat-form>small{display:block;margin-top:7px;color:#536599;font-size:9px}
#office-canvas{cursor:pointer}
@media(max-width:1280px){
  .office-panel{width:230px}.office-stage{margin-left:230px;margin-right:310px;width:calc(100% - 540px);padding-left:18px;padding-right:18px}.office-chat-panel{width:310px;padding:18px}.office-panel h1{font-size:22px}.office-agent-item{padding:5px}.office-agent-item span{width:31px;height:31px}.office-agent-item small{display:none}.office-controls{display:grid;grid-template-columns:1fr 1fr}.office-activity{grid-column:1/-1;margin:0;justify-content:flex-start}
}
@media(max-width:980px){
  .office-stage{margin-right:0;width:calc(100% - 230px)}.office-chat-panel{transform:translateX(105%);transition:transform .22s ease;width:min(380px,92vw)}.office-chat-panel.open{transform:none}.office-chat-open,.chat-close{display:block}
}
@media(max-width:720px){
  .office-panel{width:100%;position:relative}.office-stage{margin:0;width:100%;padding:20px 12px;min-height:auto}.office-title{gap:10px}.office-title h2{font-size:20px}.office-title-actions .status-pill{display:none}.office-live-shell{margin-top:14px}.office-map{min-width:700px}.office-live-shell{overflow-x:auto;padding-bottom:6px}.office-controls{position:sticky;left:0;width:calc(100vw - 24px)}.office-chat-panel{position:fixed}.office-chat-open{font-size:9px}.office-agent-list{display:none}
}
.dashboard-showcase{background:#0A2029;color:#fff;padding:110px 0;overflow:hidden}.dashboard-showcase .dashboard-heading{align-items:end}.dashboard-showcase .dashboard-heading h2{color:#fff;max-width:720px}.dashboard-showcase .dashboard-heading>p{color:#8D9BC1}.dashboard-feature{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:42px;align-items:center}.dashboard-feature-copy h3{font-size:34px;line-height:1.08;letter-spacing:-1.4px;margin:12px 0 18px}.dashboard-feature-copy p{color:#A5B0CE}.dashboard-feature-copy ul{list-style:none;padding:0;margin:24px 0 30px}.dashboard-feature-copy li{padding:10px 0;border-bottom:1px solid #233841;color:#D4D9E8}.dashboard-feature-copy li:before{content:"✓";color:var(--lime);font-weight:900;margin-right:10px}.dashboard-feature-copy .primary{background:var(--lime);color:#0A2029}.dashboard-shot{appearance:none;border:1px solid #263D46;background:#142126;color:#fff;border-radius:20px;padding:0;overflow:hidden;text-align:left;position:relative;box-shadow:0 22px 60px rgba(0,0,0,.28);transition:transform .25s,border-color .25s}.dashboard-shot:hover{transform:translateY(-5px);border-color:#6EEDD4}.dashboard-shot>img{display:block;width:100%;height:330px;object-fit:cover;object-position:top;background:#102C36}.dashboard-shot>span{display:flex;flex-direction:column;padding:17px 18px}.dashboard-shot>span b{font-size:15px}.dashboard-shot>span small{color:#7E8EBA;margin-top:3px}.dashboard-shot-main>img{height:540px}.dashboard-shot-main>span{position:absolute;left:20px;bottom:20px;right:auto;display:flex;flex-direction:row;align-items:center;gap:9px;background:rgba(9,11,18,.9);backdrop-filter:blur(10px);border:1px solid #2D4954;border-radius:12px;padding:11px 14px;font-weight:750}.dashboard-shot-main svg{width:16px}.dashboard-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:45px}.dashboard-gallery .dashboard-shot>img{height:250px}.dashboard-lightbox{width:min(1180px,calc(100vw - 32px));height:min(92vh,900px);border:1px solid #2A444E;border-radius:24px;padding:0;background:#102C36;color:#fff;box-shadow:0 35px 100px rgba(0,0,0,.55)}.dashboard-lightbox::backdrop{background:rgba(3,4,8,.84);backdrop-filter:blur(8px)}.dashboard-lightbox header{padding:22px 70px 18px 26px;border-bottom:1px solid #243B44}.dashboard-lightbox header h2{font-size:26px;margin:4px 0 0}.dashboard-lightbox>div{height:calc(100% - 95px);overflow:auto;background:#0A2029}.dashboard-lightbox>div img{display:block;width:100%;height:auto}.lightbox-close{position:absolute;right:20px;top:20px;width:42px;height:42px;border:1px solid #314F5B;border-radius:12px;background:#162328;color:#fff;font-size:25px;z-index:2}.dashboard-lightbox[open]{animation:lightbox-in .22s ease-out}@keyframes lightbox-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:1000px){.dashboard-feature{grid-template-columns:1fr}.dashboard-feature-copy{max-width:720px}.dashboard-gallery{grid-template-columns:repeat(3,1fr)}.dashboard-shot-main>img{height:500px}}@media(max-width:720px){.dashboard-showcase{padding:72px 0}.dashboard-feature{gap:28px}.dashboard-feature-copy h3{font-size:29px}.dashboard-shot-main>img{height:390px}.dashboard-gallery{grid-template-columns:1fr 1fr;margin-top:28px}.dashboard-gallery .dashboard-shot>img{height:220px}.dashboard-lightbox{height:88vh}.dashboard-lightbox header{padding-left:18px}.dashboard-lightbox header h2{font-size:21px}}@media(max-width:460px){.dashboard-gallery{grid-template-columns:1fr}.dashboard-gallery .dashboard-shot>img{height:300px}}
.agent-card-art{min-height:78px;position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 55%,color-mix(in srgb,var(--agent) 13%,#fff))}.agent-card-art .agent-mini,.office-agent-item .agent-mini{width:50px;height:58px;min-width:50px;border-radius:13px;background:linear-gradient(160deg,color-mix(in srgb,var(--agent) 28%,#fff),#EDF0F6);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:3px 4px 0}.agent-card-art .agent-mini img,.office-agent-item .agent-mini img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 5px rgba(10,13,20,.18))}.office-agent-item .agent-mini-small{width:38px;height:42px;min-width:38px;border-radius:10px;padding:2px}.agent-card-art>div{min-width:0}.agent-card-art b{font-size:14px}.agent-card-art small{font-size:11px;line-height:1.25}.office-agent-item.active .agent-mini{outline:2px solid var(--lime);outline-offset:1px}
/* LUCREI visual system — one identity across marketing, product and app surfaces. */
:root {
  --ink: #102C36;
  --ink-2: #142024;
  --panel: #18262C;
  --paper: #F5F6F9;
  --white: #ffffff;
  --text: #102C36;
  --muted: #46626C;
  --line: #DEE2EE;
  --line-dark: #263D46;
  --lime: #4EE9CA;
  --blue: #57E8CB;
  --blue-2: #90F1DE;
  --orange: #FF9E3D;
  --green: #42D3B6;
  --red: #EF6B7B;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --shadow-soft: 0 18px 50px rgba(11,13,20,.08);
  --shadow-strong: 0 28px 80px rgba(11,13,20,.16);
  --font-brand: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html { background: var(--paper); }
body {
  background: var(--paper);
  color: var(--text);
  font-family: var(--font-brand);
  font-feature-settings: "ss01" 1, "cv02" 1;
  -webkit-font-smoothing: antialiased;
}

button,
input,
select { font-family: var(--font-brand); }

h1,
h2,
h3,
.brand,
.plan-price,
.metric-card strong,
.calc-result > strong {
  font-family: var(--font-brand);
  font-weight: 800;
  letter-spacing: -.035em;
}

h1,
h2 { text-wrap: balance; }
p { text-wrap: pretty; }

:focus-visible {
  outline: 3px solid rgba(87,232,203,.35);
  outline-offset: 3px;
}

.section-wrap { max-width: 1240px; }
.topbar {
  background: rgba(245,246,249,.88);
  border-bottom-color: rgba(11,13,20,.07);
  box-shadow: 0 8px 28px rgba(11,13,20,.035);
}
.brand { letter-spacing: -.03em; }
.brand-mark {
  border-radius: 11px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}
.topnav { color: #487E94; }
.topnav a.active:after { height: 3px; border-radius: 3px 3px 0 0; }

.primary,
.ghost,
.light-button,
.icon-button,
.text-link {
  border-radius: var(--radius-sm);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.primary { box-shadow: 0 10px 26px rgba(11,13,20,.16); }
.primary:hover,
.light-button:hover { transform: translateY(-2px); }
.ghost { border-color: #D7DCE9; }
.ghost:hover { background: #fff; border-color: #C1C9DE; }
.icon-button { border-radius: var(--radius-sm); }

.eyebrow,
.kicker,
.tag,
.app-head small,
.dash-top small {
  font-family: var(--font-brand);
  font-weight: 800;
  letter-spacing: .12em;
}
.eyebrow {
  background: #EAFBF8;
  color: #44C5AB;
  border: 1px solid rgba(87,232,203,.12);
}
.hero h1 { letter-spacing: -.065em; }
.hero-copy > p { color: #44547F; }
.office-art {
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: var(--radius-xl);
  box-shadow: 0 36px 100px rgba(33,122,104,.24);
}
.floating-kpi {
  border: 1px solid rgba(11,13,20,.07);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-soft);
}

.signal-strip { border-top: 1px solid rgba(255, 255, 255, .06); }
.signal-strip span { letter-spacing: -.025em; }

.decision-board,
.calculator-shell {
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-soft);
}
.decision-tabs button,
.filter-row button { border-radius: 10px; }
.profit-card { border-radius: var(--radius-lg); }

.product-card,
.course-card,
.plan-card,
.agent-card,
.member-aside,
.prompt-card {
  border: 1px solid var(--line);
  box-shadow: 0 8px 28px rgba(11,13,20,.035);
}
.product-card,
.pixel-product {
  border-radius: var(--radius-lg) !important;
  border-width: 1px !important;
  box-shadow: 0 8px 28px rgba(11,13,20,.04) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.pixel-product:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(87,232,203,.3) !important;
  box-shadow: var(--shadow-soft) !important;
}
.product-cover { height: 152px; }
.product-cover.image-cover { background: var(--ink-2); }
.product-cover.image-cover:before {
  background: linear-gradient(180deg, rgba(7,10,17,0), rgba(7,10,17,.55));
}
.product-cover.image-cover .step,
.pixel-product .product-body > small,
.pixel-product .course-copy small {
  font-family: var(--font-brand);
}
.cover-icon { filter: drop-shadow(0 8px 16px rgba(5,7,14,.35)); }
.product-body { padding: 22px; }
.product-body h3 { letter-spacing: -.025em; }
.product-meta span { border-radius: 10px; }

.agent-card-art {
  min-height: 84px;
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, #fff 58%, color-mix(in srgb, var(--agent) 11%, #fff));
}
.agent-card-art .agent-mini,
.office-agent-item .agent-mini {
  border-radius: 13px;
  box-shadow: inset 0 0 0 1px rgba(11,13,20,.04);
}

.plan-card { border-radius: var(--radius-lg); }
.plan-card.featured {
  border-color: var(--ink);
  box-shadow: var(--shadow-strong);
}
.plan-badge { border-radius: 999px; }
.final-cta {
  background: linear-gradient(135deg, #52E5C8, #6AEDD3);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: var(--radius-xl);
  box-shadow: 0 28px 75px rgba(66,205,177,.24);
}

.dashboard-showcase { background: var(--ink); }
.dashboard-shot {
  border-radius: var(--radius-lg);
  border-color: var(--line-dark);
  box-shadow: 0 22px 60px rgba(0, 0, 0, .25);
}
.dashboard-shot-main > span { border-radius: var(--radius-sm); }
.dashboard-lightbox { border-radius: var(--radius-lg); }

.app-page.active { background: #F2F4F8; }
.sidebar,
.dash-sidebar,
.office-panel { background: var(--ink); }
.sidebar nav a,
.dash-sidebar nav button,
.back-site { border-radius: var(--radius-sm); }
.sidebar nav a:hover,
.sidebar nav a.active,
.dash-sidebar nav button:hover,
.dash-sidebar nav button.active { background: #19282E; }
.sidebar-profile > span,
.profile-dot,
.store-chip > span { border-radius: 11px; }
.continue-card {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
}
.continue-cover,
.member-aside,
.prompt-card { border-radius: var(--radius-md); }
.search-box { border-radius: var(--radius-sm); }

.dashboard-content { background: #102C36; }
.dash-top { background: rgba(14,17,25,.88); backdrop-filter: blur(16px); }
.store-chip,
.side-alert,
.metric-card,
.dash-panel,
.health-chip { border-color: var(--line-dark); }
.store-chip,
.side-alert,
.metric-card,
.health-chip { border-radius: var(--radius-sm); }
.metric-card,
.dash-panel { background: #162429; }
.metric-card { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02); }
.dash-panel { border-radius: var(--radius-md); }
.bar-chart span { border-radius: 7px 7px 3px 3px; }

.office-page.active { background: #102C36; }
.office-map {
  border: 1px solid #335360;
  border-radius: var(--radius-lg);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .42);
}
.office-control,
.office-chat-open,
.chat-close,
.chat-quick-actions button,
.pixel-help {
  border-radius: 10px;
  box-shadow: none;
  font-family: var(--font-brand);
}
.pixel-help {
  border-width: 1px;
  font-weight: 700;
  line-height: 1;
}
.office-control { text-transform: none; }
.office-chat-panel {
  background: #102C36;
  border-left-color: var(--line-dark);
}
.office-chat-panel header small,
.agent-chat-picker,
.chat-message small,
.agent-chat-form > label {
  font-family: var(--font-brand);
}
.agent-chat-picker select,
.chat-agent-summary,
.chat-message,
.agent-chat-form > div {
  border-radius: var(--radius-sm);
  font-family: var(--font-brand);
}
.chat-quick-actions button { border-radius: 9px; }
.chat-message { border-radius: 4px var(--radius-sm) var(--radius-sm) var(--radius-sm); }
.chat-message.user { border-radius: var(--radius-sm) 4px var(--radius-sm) var(--radius-sm); }
.agent-chat-form button { border-radius: 0; }
.status-pill { border: 1px solid rgba(66,211,182,.12); }
.status-pill.attention { border-color: rgba(255,158,61,.12); }

.calculator-shell input { border-radius: var(--radius-sm); }
.result-status { border-radius: var(--radius-sm); }
.toast { border-radius: var(--radius-sm); }

@media (max-width: 720px) {
  .hero h1 { letter-spacing: -.055em; }
  .office-art,
  .decision-board,
  .calculator-shell,
  .final-cta { border-radius: var(--radius-lg); }
  .product-card,
  .pixel-product,
  .dashboard-shot { border-radius: var(--radius-md) !important; }
  .office-map { border-radius: var(--radius-md); }
}

/* Brand mark, richer product imagery and motion language. */
.brand-mark,
.brand.light .brand-mark {
  width: 34px;
  height: 34px;
  background: var(--lime);
  color: var(--ink);
  border-radius: 10px;
  box-shadow: 0 8px 18px rgba(23,187,154,.18), inset 0 0 0 1px rgba(11,13,20,.08);
}
.brand-mark svg { width: 21px; height: 21px; stroke-width: 2.5; }

.hero-office-current {
  width: min(100%, 610px);
  aspect-ratio: 5 / 4;
  transform: rotate(-1.2deg);
  overflow: hidden;
  animation: hero-office-float 6s ease-in-out infinite;
}
.hero-office-current img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  image-rendering: auto;
  transform: scale(1.08) translateY(-3%);
  transition: transform .8s cubic-bezier(.2,.7,.2,1);
}
.hero-office-current:hover img { transform: scale(1.12) translateY(-3%); }
.hero-office-live {
  position: absolute;
  left: 18px;
  bottom: 18px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(11,13,20,.84);
  color: #fff;
  backdrop-filter: blur(10px);
  font-size: 12px;
  font-weight: 750;
  box-shadow: 0 10px 25px rgba(0,0,0,.22);
}
.hero-office-live i,
.dashboard-tour-top i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 0 5px rgba(78,233,202,.13);
  animation: live-ring 1.8s ease-in-out infinite;
}
.kpi-margin { animation: card-float 5s ease-in-out infinite .5s; }
.kpi-action { animation: card-float 5s ease-in-out infinite 1.4s; }
.kpi-action .avatar-dot svg { width: 19px; height: 19px; }

.profit-card { position: relative; overflow: hidden; isolation: isolate; }
.profit-card:before {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -76px;
  top: -70px;
  border-radius: 50%;
  background: rgba(87,232,203,.28);
  filter: blur(2px);
  z-index: -1;
}
.product-photo {
  position: absolute;
  right: 17px;
  top: 17px;
  width: 92px;
  height: 126px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 18px;
  background: linear-gradient(145deg,#273F49,#142126);
  overflow: hidden;
}
.product-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.05);
  animation: bottle-breathe 5.5s ease-in-out infinite;
}
.profit-card > div:nth-child(2) { min-height: 112px; padding-right: 96px; }

.agent-capabilities {
  display: grid;
  gap: 8px;
  margin: 25px 0;
}
.agent-capabilities > span {
  display: grid;
  grid-template-columns: 38px 1fr;
  align-items: center;
  column-gap: 11px;
  padding: 11px 13px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.72);
}
.agent-capabilities svg {
  grid-row: 1 / 3;
  width: 38px;
  height: 38px;
  padding: 9px;
  border-radius: 11px;
  background: #EAFBF8;
  color: var(--blue);
}
.agent-capabilities b { font-size: 13px; line-height: 1.2; }
.agent-capabilities small { color: var(--muted); font-size: 12px; line-height: 1.2; }
.agent-card-art { position: relative; }
.agent-card-art > div { padding-right: 22px; }
.agent-card-art .agent-role-icon {
  position: absolute;
  right: 9px;
  top: 9px;
  width: 27px;
  height: 27px;
  min-width: 27px;
  display: grid;
  place-items: center;
  padding: 6px;
  border-radius: 9px;
  background: color-mix(in srgb,var(--agent) 15%,#fff);
  color: var(--agent);
}
.agent-card-art .agent-role-icon svg { width: 100%; height: 100%; }
.agent-card-art:hover .agent-mini img { animation: agent-hello .48s ease-in-out 2 alternate; }

/* The current dashboard is shown as a guided moving tour instead of a thumbnail gallery. */
.dashboard-feature-refined {
  grid-template-columns: minmax(440px,1.08fr) minmax(360px,.92fr);
  gap: 56px;
}
.dashboard-tour {
  width: 100%;
  display: block;
  padding: 0;
  background: #102C36;
  border-color: #2D4954;
  border-radius: 26px;
  text-align: left;
  overflow: hidden;
}
.dashboard-shot.dashboard-tour:hover { transform: translateY(-4px); }
.dashboard-tour-top,
.dashboard-tour-footer {
  padding: 14px 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: #142025;
}
.dashboard-tour-top { border-bottom: 1px solid #28404A; }
.dashboard-tour-top b { display: flex; align-items: center; gap: 9px; font-size: 13px; }
.dashboard-tour-top small,
.dashboard-tour-footer small { color: #7F8FBA; font-size: 11px; }
.dashboard-tour-viewport {
  position: relative;
  display: block;
  height: 640px;
  padding: 0;
  overflow: hidden;
  background: #0A2029;
}
.dashboard-tour-viewport img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: top;
  animation: dashboard-tour-scroll 20s ease-in-out infinite alternate;
  will-change: transform;
}
.dashboard-tour:hover .dashboard-tour-viewport img { animation-play-state: paused; }
.dashboard-tour-scan {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  padding: 0;
  background: linear-gradient(90deg,transparent,var(--lime),transparent);
  box-shadow: 0 0 20px rgba(78,233,202,.5);
  animation: dashboard-scan 4.8s linear infinite;
}
.dashboard-tour-footer { border-top: 1px solid #28404A; align-items: flex-start; }
.dashboard-tour-footer b { font-size: 12px; }
.dashboard-feature-copy li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 0;
}
.dashboard-feature-copy li:before { display: none; }
.dashboard-feature-copy li > svg {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  padding: 8px;
  border-radius: 10px;
  background: rgba(78,233,202,.1);
  color: var(--lime);
}
.dashboard-feature-copy li span { display: grid; gap: 2px; }
.dashboard-feature-copy li b { color: #fff; font-size: 14px; }
.dashboard-feature-copy li small { color: #808FBA; font-size: 12px; line-height: 1.45; }
.dashboard-lightbox > div img { max-width: 1400px; margin: 0 auto; }

/* Dashboard application: closer to the supplied LUCREI panel. */
.dashboard-reference-button svg { width: 16px; height: 16px; }
.dash-ai-strip {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 26px;
  padding: 12px 14px;
  border: 1px solid #28505B;
  border-radius: 14px;
  background: linear-gradient(90deg,rgba(78,233,202,.08),rgba(87,232,203,.08));
}
.dash-ai-pulse {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: var(--lime);
  color: var(--ink);
  animation: ai-pulse 2.4s ease-in-out infinite;
}
.dash-ai-pulse svg { width: 20px; height: 20px; stroke-width: 2.4; }
.dash-ai-strip div { flex: 1; }
.dash-ai-strip b,
.dash-ai-strip small { display: block; }
.dash-ai-strip b { font-size: 13px; }
.dash-ai-strip small { color: #7E8EB9; font-size: 11px; margin-top: 2px; }
.dash-ai-strip em { color: var(--lime); font-size: 11px; font-style: normal; }
.health-chip span { display: block; color: #6C7EB0; font-size: 10px; margin-top: 3px; }
.metric-card { position: relative; overflow: hidden; min-height: 138px; }
.metric-card:first-child {
  background: var(--lime);
  border-color: var(--lime);
  color: var(--ink);
}
.metric-card:first-child small,
.metric-card:first-child em { color: rgba(11,13,20,.72); }
.metric-icon {
  position: absolute;
  right: 14px;
  top: 14px;
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  padding: 7px;
  border-radius: 9px;
  background: rgba(255,255,255,.06);
  color: var(--lime);
}
.metric-card:first-child .metric-icon { color: var(--ink); background: rgba(11,13,20,.09); }
.metric-icon svg { width: 100%; height: 100%; }
.panel-title { display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.panel-title > span { color: #6D7FB0; font-size: 10px; }
.panel-title > span i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--lime); }
.bar-chart span {
  transform-origin: bottom;
  animation: dashboard-bar-rise .72s cubic-bezier(.2,.7,.2,1) both;
  animation-delay: calc(var(--i) * 45ms);
}
.action-chip {
  justify-self: start;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(239,107,123,.1);
  color: #F28D99;
  font-weight: 750;
}
.action-chip.positive { background: rgba(66,211,182,.1); color: var(--green); }
.dashboard-team-strip {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 12px;
  margin-top: 14px;
}
.dashboard-team-strip > div {
  position: relative;
  display: grid;
  grid-template-columns: 34px 1fr;
  column-gap: 10px;
  align-items: center;
  padding: 13px;
  border: 1px solid #243A43;
  border-radius: 14px;
  background: #162429;
}
.dashboard-team-strip span {
  grid-row: 1 / 3;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 8px;
  border-radius: 10px;
  background: rgba(87,232,203,.15);
  color: #9AF2E1;
}
.dashboard-team-strip svg { width: 100%; height: 100%; }
.dashboard-team-strip b { font-size: 12px; }
.dashboard-team-strip small { color: #6C7EB0; font-size: 10px; }

.marketing-page.active .hero-copy > * { animation: content-rise .65s ease-out both; }
.marketing-page.active .hero-copy > :nth-child(2) { animation-delay: .08s; }
.marketing-page.active .hero-copy > :nth-child(3) { animation-delay: .15s; }
.marketing-page.active .hero-copy > :nth-child(4) { animation-delay: .22s; }
.marketing-page.active .hero-copy > :nth-child(5) { animation-delay: .29s; }
.page.active .agent-card { animation: content-rise .5s ease-out both; }
.page.active .agent-card:nth-child(3n+2) { animation-delay: .06s; }
.page.active .agent-card:nth-child(3n) { animation-delay: .12s; }

@keyframes hero-office-float { 0%,100%{transform:translateY(0) rotate(-1.2deg)} 50%{transform:translateY(-9px) rotate(-.5deg)} }
@keyframes card-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }
@keyframes bottle-breathe { 0%,100%{transform:scale(1.04) rotate(-1deg)} 50%{transform:scale(1.09) rotate(1deg)} }
@keyframes agent-hello { from{transform:translateY(0) rotate(-2deg)} to{transform:translateY(-5px) rotate(3deg)} }
@keyframes dashboard-tour-scroll { 0%,14%{transform:translateY(0)} 86%,100%{transform:translateY(-61%)} }
@keyframes dashboard-scan { from{transform:translateY(0);opacity:0} 8%{opacity:1} 92%{opacity:1} to{transform:translateY(640px);opacity:0} }
@keyframes live-ring { 0%,100%{box-shadow:0 0 0 3px rgba(78,233,202,.11)} 50%{box-shadow:0 0 0 7px rgba(78,233,202,.02)} }
@keyframes ai-pulse { 0%,100%{box-shadow:0 0 0 0 rgba(78,233,202,.18)} 50%{box-shadow:0 0 0 8px rgba(78,233,202,0)} }
@keyframes dashboard-bar-rise { from{transform:scaleY(.08);opacity:.35} to{transform:scaleY(1);opacity:1} }
@keyframes content-rise { from{transform:translateY(18px);opacity:0} to{transform:none;opacity:1} }

@media (max-width: 1000px) {
  .dashboard-feature-refined { grid-template-columns: 1fr; }
  .dashboard-tour { max-width: 720px; }
  .dashboard-team-strip { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 720px) {
  .hero-office-current { width: 96%; aspect-ratio: 5 / 4; }
  .hero-office-live { left: 12px; bottom: 12px; padding: 7px 10px; }
  .product-photo { width: 78px; height: 108px; }
  .profit-card > div:nth-child(2) { padding-right: 78px; }
  .dashboard-tour-viewport { height: 440px; }
  .dashboard-tour-viewport img { animation-name: dashboard-tour-scroll-mobile; }
  .dashboard-tour-top,
  .dashboard-tour-footer { align-items: flex-start; flex-direction: column; gap: 4px; }
  .dash-ai-strip em { display: none; }
  .dash-ai-strip small { line-height: 1.35; }
  .dashboard-team-strip { grid-template-columns: 1fr 1fr; }
  .dashboard-reference-button { font-size: 0; padding: 10px; }
  .dashboard-reference-button svg { width: 18px; height: 18px; }
}

@keyframes dashboard-tour-scroll-mobile { 0%,14%{transform:translateY(0)} 86%,100%{transform:translateY(-40%)} }

@media (prefers-reduced-motion: reduce) {
  .hero-office-current,
  .kpi-margin,
  .kpi-action,
  .product-photo img,
  .dashboard-tour-viewport img,
  .dashboard-tour-scan,
  .hero-office-live i,
  .dashboard-tour-top i,
  .dash-ai-pulse,
  .bar-chart span,
  .marketing-page.active .hero-copy > *,
  .page.active .agent-card { animation: none !important; }
}

/* Biblioteca, planos e fechamento comercial refinados. */
html,
body { overflow-x: hidden; }

.comparison {
  max-width: 1240px;
  margin-top: 58px;
  margin-bottom: 96px;
  padding: 64px 42px 46px;
  border: 1px solid #1F323A;
  border-radius: 34px;
  background:
    radial-gradient(circle at 84% 8%, rgba(87,232,203,.28), transparent 26%),
    radial-gradient(circle at 10% 105%, rgba(78,233,202,.08), transparent 30%),
    var(--ink);
  color: #fff;
  box-shadow: 0 32px 90px rgba(11,13,20,.18);
}
.comparison .section-heading { align-items: flex-start; margin-bottom: 26px; }
.comparison .section-heading h2 { max-width: 650px; margin-top: 12px; }
.comparison .section-heading > p { color: #9FABCB; line-height: 1.65; }
.comparison .kicker { color: var(--lime); }
.plan-assurance {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
  margin-bottom: 28px;
}
.plan-assurance span {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 10px 13px;
  border: 1px solid #273F48;
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  color: #C4CBDF;
  font-size: 13px;
  font-weight: 700;
}
.plan-assurance svg { width: 18px; color: var(--lime); }
.plan-grid { gap: 12px; align-items: stretch; }
.plan-card {
  min-height: 530px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-color: #253C45;
  background: rgba(22,27,41,.92);
  color: #fff;
  box-shadow: none;
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.plan-card:hover { transform: translateY(-7px); border-color: #42517B; background: #1A2A31; }
.plan-card.featured {
  transform: translateY(-8px);
  border-color: rgba(78,233,202,.62);
  background:
    radial-gradient(circle at 100% 0, rgba(87,232,203,.45), transparent 38%),
    linear-gradient(160deg,#1A2A31,#102C36 70%);
  box-shadow: 0 24px 60px rgba(0,0,0,.36), 0 0 0 1px rgba(78,233,202,.08);
}
.plan-card.featured:hover { transform: translateY(-12px); }
.plan-card.featured:before {
  content: "";
  position: absolute;
  top: 0;
  left: 22px;
  right: 22px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: var(--lime);
}
.plan-card-top { display: flex; align-items: center; justify-content: space-between; }
.plan-card-top > small { color: #8392BC; font-size: 12px; font-weight: 700; }
.plan-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid #2D4853;
  border-radius: 12px;
  background: #1E3139;
  color: #A0F3E3;
}
.plan-icon svg { width: 21px; height: 21px; }
.featured .plan-icon { background: var(--lime); border-color: var(--lime); color: var(--ink); }
.plan-label {
  width: fit-content;
  margin-top: 24px;
  color: var(--lime);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
}
.plan-card h3 { margin: 7px 0 3px; font-size: 28px; }
.plan-purpose { min-height: 43px; margin: 0; color: #A5B0CE; font-size: 14px; line-height: 1.5; }
.plan-price { display: flex; align-items: flex-end; gap: 5px; margin: 17px 0 20px; line-height: 1; }
.plan-price > span { margin-bottom: 7px; color: #C0C8DD; font-size: 14px; font-weight: 800; }
.plan-price strong { font-size: 48px; letter-spacing: -.055em; }
.plan-price small { margin-bottom: 7px; color: #7E8EBA; }
.plan-includes { padding-top: 17px; border-top: 1px solid #263E47; color: #F2F4F8; font-size: 12px; font-weight: 800; }
.plan-card ul { flex: 1; margin: 13px 0 18px; }
.plan-card li { margin: 10px 0; color: #BDC5DB; line-height: 1.35; }
.plan-card li:before { color: var(--lime); }
.plan-button {
  min-height: 48px;
  margin-top: auto;
  padding: 12px 14px;
  border: 1px solid #31505C;
  border-radius: 12px;
  background: #21353C;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-weight: 850;
  transition: transform .2s ease, background .2s ease;
}
.plan-button:hover { transform: translateY(-2px); background: #2B454F; }
.plan-button svg { width: 17px; }
.featured .plan-button { border-color: var(--lime); background: var(--lime); color: var(--ink); }
.featured .plan-button:hover { background: #76EED6; }
.plan-foot { display: block; margin-top: 10px; color: #5B93A9; font-size: 10px; text-align: center; }

.final-cta {
  position: relative;
  isolation: isolate;
  gap: 42px;
  min-height: 390px;
  margin-top: 70px;
  margin-bottom: 100px;
  padding: 46px 48px;
  overflow: hidden;
  border-color: #263D46;
  background:
    radial-gradient(circle at 72% 15%, rgba(87,232,203,.38), transparent 30%),
    radial-gradient(circle at 2% 100%, rgba(78,233,202,.12), transparent 28%),
    var(--ink);
  box-shadow: 0 32px 85px rgba(11,13,20,.22);
}
.final-cta:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .22;
  background-image: linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(90deg,#000,transparent 70%);
}
.final-cta-copy { max-width: 630px; }
.final-cta .kicker { color: var(--lime); }
.final-cta h2 { margin: 12px 0 12px; font-size: clamp(43px,4.5vw,64px); line-height: .98; letter-spacing: -.055em; }
.final-cta p { max-width: 590px; color: #AEB8D4; font-size: 17px; line-height: 1.6; }
.final-cta-proof { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 25px; }
.final-cta-proof span {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  border: 1px solid #2A444E;
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  color: #C3CBDF;
  font-size: 12px;
  font-weight: 700;
}
.final-cta-proof svg { width: 16px; color: var(--lime); }
.final-cta-action {
  width: min(100%,340px);
  padding: 24px;
  display: flex;
  flex-direction: column;
  border: 1px solid #32525E;
  border-radius: 22px;
  background: rgba(19,24,36,.88);
  box-shadow: 0 24px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(10px);
}
.final-cta-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  margin-bottom: 22px;
  border-radius: 13px;
  background: var(--lime);
  color: var(--ink);
  animation: ai-pulse 2.4s ease-in-out infinite;
}
.final-cta-icon svg { width: 23px; height: 23px; }
.final-cta-action > small { color: #7F8FBA; font-size: 10px; font-weight: 850; letter-spacing: .1em; }
.final-cta-action > strong { margin: 7px 0 20px; font-size: 22px; line-height: 1.2; }
.cta-lime {
  min-height: 54px;
  padding: 14px 16px;
  border: 0;
  border-radius: 13px;
  background: var(--lime);
  color: var(--ink);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 900;
  box-shadow: 0 14px 32px rgba(78,233,202,.15);
  transition: transform .2s ease, box-shadow .2s ease;
}
.cta-lime:hover { transform: translateY(-3px); box-shadow: 0 18px 38px rgba(78,233,202,.24); }
.cta-lime svg { width: 18px; }
.final-cta-action > em { margin-top: 10px; color: #7283B3; font-size: 11px; font-style: normal; text-align: center; }

.library-page.active { display: flex; min-height: 100vh; background: #102C36; color: #fff; }
.library-page .sidebar {
  width: 250px;
  border-right: 1px solid #1F323A;
  background: #102C36;
}
.library-page .sidebar nav a.active { background: var(--lime); color: var(--ink); }
.library-page .sidebar nav a.active svg { stroke-width: 2.2; }
.library-side-status {
  margin-top: auto;
  padding: 14px 11px;
  display: flex;
  align-items: center;
  gap: 11px;
  border: 1px solid #243B44;
  border-radius: 13px;
  background: #152227;
}
.library-side-status .live-dot { flex: 0 0 auto; margin: 0; }
.library-side-status b,
.library-side-status small { display: block; }
.library-side-status b { color: #fff; font-size: 12px; }
.library-side-status small { color: #6276AB; font-size: 10px; }
.library-page .sidebar-profile { margin-top: 12px; }
.library-content {
  width: calc(100% - 250px);
  margin-left: 250px;
  padding: 34px clamp(24px,4.3vw,72px) 70px;
  background:
    radial-gradient(circle at 72% 1%, rgba(87,232,203,.16), transparent 24%),
    radial-gradient(circle at 100% 72%, rgba(78,233,202,.045), transparent 24%),
    #102C36;
}
.library-masthead {
  max-width: 1420px;
  margin: 0 auto 26px;
  padding: 34px;
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(410px,.85fr);
  gap: 40px;
  align-items: end;
  overflow: hidden;
  border: 1px solid #273F48;
  border-radius: 26px;
  background:
    radial-gradient(circle at 98% 0, rgba(87,232,203,.38), transparent 38%),
    linear-gradient(145deg,#16242A,#102C36);
  box-shadow: 0 24px 70px rgba(0,0,0,.22);
}
.library-title > small { color: var(--lime); font-size: 11px; font-weight: 900; letter-spacing: .13em; }
.library-title h1 { max-width: 760px; margin: 9px 0 11px; font-size: clamp(38px,4vw,61px); line-height: .98; letter-spacing: -.055em; }
.library-title > p { max-width: 690px; margin: 0; color: #A1ACCC; font-size: 16px; line-height: 1.65; }
.library-live { display: flex; align-items: center; gap: 9px; margin-top: 22px; color: #D0D6E6; font-size: 12px; }
.library-live span { display: flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 99px; background: rgba(78,233,202,.1); color: var(--lime); font-weight: 800; }
.library-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); animation: live-ring 1.8s ease-in-out infinite; }
.library-live b { padding-left: 9px; border-left: 1px solid #2D4954; }
.library-live small { color: #6074AA; }
.library-flow { display: grid; gap: 8px; }
.library-flow > span {
  min-height: 76px;
  padding: 14px;
  display: grid;
  grid-template-columns: 42px 1fr;
  grid-template-rows: auto auto;
  column-gap: 13px;
  align-items: center;
  border: 1px solid #2B454F;
  border-radius: 14px;
  background: rgba(8,11,19,.46);
}
.library-flow svg { grid-row: 1 / 3; width: 42px; height: 42px; padding: 10px; border-radius: 11px; background: rgba(87,232,203,.16); color: #A0F3E3; }
.library-flow > span:nth-child(2) svg { background: rgba(78,233,202,.1); color: var(--lime); }
.library-flow b { font-size: 13px; }
.library-flow small { color: #6B7EB0; font-size: 11px; }
.library-toolbar {
  max-width: 1420px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.library-page .search-box {
  width: min(100%,720px);
  max-width: none;
  border-color: #2B4650;
  background: #162429;
  color: var(--lime);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.library-page .search-box:focus-within { border-color: rgba(78,233,202,.62); box-shadow: 0 0 0 4px rgba(78,233,202,.07); }
.library-page .search-box input { color: #fff; }
.library-page .search-box input::placeholder { color: #5E72A8; }
.library-page .filter-row { flex: 0 0 auto; margin: 0; }
.library-page .filter-row button { border: 1px solid #273F48; background: #162429; color: #8D9BC2; }
.library-page .filter-row button:hover { border-color: #3E4D74; color: #fff; }
.library-page .filter-row button.active { border-color: var(--lime); background: var(--lime); color: var(--ink); }
.library-section-title {
  max-width: 1420px;
  margin: 40px auto 18px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
}
.library-section-title .kicker { color: #90F1DE; }
.library-section-title h2 { margin: 7px 0 0; font-size: 30px; }
.library-section-title > span { color: #5A92A8; font-size: 12px; }
.library-page .prompt-grid { max-width: 1420px; margin: 0 auto; gap: 13px; }
.library-page .prompt-card {
  min-height: 268px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  border-color: #263D46;
  background: linear-gradient(145deg,#162429,#102C36);
  color: #fff;
  box-shadow: 0 14px 36px rgba(0,0,0,.14);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.library-page .prompt-card:hover { transform: translateY(-5px); border-color: #4A5B8A; box-shadow: 0 22px 48px rgba(0,0,0,.23); }
.prompt-card-top { display: flex; align-items: center; justify-content: space-between; }
.library-page .prompt-card .prompt-icon { margin: 0; background: rgba(87,232,203,.15); color: #A0F3E3; }
.library-page .prompt-card:nth-child(3n+2) .prompt-icon { background: rgba(78,233,202,.1); color: var(--lime); }
.library-page .prompt-card:nth-child(3n) .prompt-icon { background: rgba(255,158,61,.12); color: var(--orange); }
.prompt-card-top > span { color: #5E72A8; font-size: 10px; font-weight: 850; letter-spacing: .11em; }
.library-page .prompt-card h3 { margin: 22px 0 8px; font-size: 20px; letter-spacing: -.025em; }
.library-page .prompt-card p { flex: 1; margin: 0; color: #8392BC; font-size: 13px; line-height: 1.55; }
.library-page .prompt-card footer { align-items: center; margin-top: 24px; padding-top: 14px; border-top: 1px solid #253D46; color: #8292BC; }
.prompt-owner { display: flex; align-items: center; gap: 7px; font-weight: 700; }
.prompt-owner svg { width: 15px; color: var(--lime); }
.library-page .prompt-card footer button { padding: 7px 9px; display: flex; align-items: center; gap: 6px; border: 1px solid #2D4954; border-radius: 9px; background: #1E3037; color: #fff; font-size: 11px; font-weight: 800; }
.library-page .prompt-card footer button:hover { border-color: var(--lime); color: var(--lime); }
.library-page .prompt-card footer button svg { width: 14px; }

@media (max-width: 1180px) {
  .comparison { margin-left: 24px; margin-right: 24px; }
  .plan-grid { grid-template-columns: repeat(2,1fr); gap: 16px; }
  .plan-card.featured { transform: none; }
  .library-toolbar { align-items: stretch; flex-direction: column; }
  .library-page .search-box { width: 100%; }
  .library-page .filter-row { margin-top: 0; }
}

@media (max-width: 900px) {
  .final-cta { align-items: stretch; flex-direction: column; }
  .final-cta-action { width: 100%; max-width: none; }
  .library-masthead { grid-template-columns: 1fr; }
  .library-flow { grid-template-columns: repeat(3,1fr); }
  .library-flow > span { min-height: 145px; display: flex; flex-direction: column; align-items: flex-start; }
}

@media (max-width: 720px) {
  .comparison { margin: 32px 14px 70px; padding: 38px 18px 24px; border-radius: 24px; }
  .comparison .section-heading h2 { font-size: 35px; }
  .plan-assurance,
  .plan-grid { grid-template-columns: 1fr; }
  .plan-assurance span:nth-child(n+3) { display: none; }
  .plan-card { min-height: 500px; }
  .final-cta { min-height: 0; margin: 48px 14px 70px; padding: 34px 20px; gap: 28px; }
  .final-cta h2 { font-size: 42px; }
  .final-cta p { font-size: 16px; }
  .final-cta-action { padding: 20px; }
  .library-page.active { display: block; }
  .library-page .sidebar { position: relative; width: 100%; }
  .library-page .sidebar nav { grid-template-columns: repeat(5,1fr); }
  .library-side-status,
  .library-page .sidebar-profile { display: none; }
  .library-content { width: 100%; margin-left: 0; padding: 20px 16px 46px; }
  .library-masthead { padding: 24px 20px; gap: 24px; border-radius: 20px; }
  .library-title h1 { font-size: 41px; }
  .library-title > p { font-size: 15px; }
  .library-live b,
  .library-live > small { display: none; }
  .library-flow { grid-template-columns: 1fr; }
  .library-flow > span { min-height: 0; display: grid; }
  .library-page .filter-row { width: 100%; padding-bottom: 5px; }
  .library-page .filter-row button { flex: 0 0 auto; }
  .library-section-title { align-items: flex-start; flex-direction: column; margin-top: 32px; gap: 6px; }
  .library-section-title h2 { font-size: 28px; }
  .library-page .prompt-card { min-height: 244px; }
}

@media (prefers-reduced-motion: reduce) {
  .final-cta-icon,
  .library-live i { animation: none !important; }
}


/* 16/09/2026 — MARCA LUCREI: nas superfícies escuras os estados sobem de tom,
   como o manual pede ("no escuro, usar tons mais claros"). Só cor. */
.sidebar,.dash-sidebar,.office-panel,.office-stage,.dashboard-content,
.profit-card,.calc-result,.continue-card,.signal-strip,.site-footer,
.final-cta,.metric-card,.dash-panel,.plan-card.featured,.toast{
  --green:#34D6B5;--orange:#F0AD4E;--red:#FF8A80;--blue:#34D6B5;--blue-2:#73E7CF;--muted:#46626C;
}
/* o destaque do título e a marca no claro usam o verde-menta do manual */
.hero h1 span,.kicker,.text-link{color:#007C68}
.brand-mark{background:var(--ink);color:#34D6B5}