:root{
  --ink:#080a0b;--paper:#f8f5ee;--card:#fff;--line:#d8d2c8;--muted:#696765;--green:#0c9b58;--gold:#b97810;
  --office-u:min(max(calc(100dvh / 940),calc(100vw / 2071)),calc(100dvh / 752),calc(100vw / 1400));
  --room-u:min(max(calc(100dvh / 940),calc(100vw / 1672)),calc(100dvh / 601.6),calc(100vw / 1640));
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#111;color:var(--ink);font-family:Inter,Arial,sans-serif}
button,input,select,textarea{font:inherit;color:inherit}button,a{font:inherit}a{color:inherit}button{border:0}
#app{position:fixed;inset:0;overflow:hidden}
.scene{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#d9c39d}
.office-stage{position:absolute;left:50%;top:min(0px,calc((100dvh - 940 * var(--office-u)) * .3));width:calc(2071 * var(--office-u));height:calc(940 * var(--office-u));transform:translateX(-50%)}
.room-stage{position:absolute;left:50%;top:50%;width:calc(1672 * var(--room-u));height:calc(941 * var(--room-u));transform:translate(-50%,-50%)}
.room-stage.board-stage{left:0;top:min(0px,calc((100dvh - 940 * var(--room-u)) * .18));width:calc(1672 * var(--room-u));height:calc(940 * var(--room-u));transform:none}
.team-stage{position:absolute;inset:0;background:center/cover no-repeat url('/scene/team.webp')}
.scene-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none;pointer-events:none}
.home-scene::before{content:"";position:fixed;z-index:20;left:0;top:0;width:min(760px,58vw);height:460px;pointer-events:none;background:radial-gradient(ellipse at 20% 12%,rgba(255,255,255,.62),rgba(255,250,240,.44) 46%,transparent 74%)}

/* Navigation mirrors the reference: transparent on Home, cream card elsewhere. */
.nav{position:fixed;z-index:40;left:20px;top:28px;width:176px;display:flex;flex-direction:column;gap:8px;transition:.2s}
body:not([data-route="home"]) .nav{left:8px;top:12px;width:180px;padding:20px 18px 18px;border:1px solid rgba(255,255,255,.86);border-radius:20px;background:rgba(250,247,240,.95);box-shadow:0 14px 35px rgba(54,36,14,.08);backdrop-filter:blur(8px)}
.brand{display:block;text-decoration:none;margin-bottom:8px}
.brand-line{position:relative;display:block;height:43px}.brand-logo{display:block;width:148px;height:38px;object-fit:contain;object-position:left top}.brand-line small{position:absolute;left:52px;top:32px;font-size:5px;line-height:1;letter-spacing:.5px;color:#087646;font-weight:800;white-space:nowrap}

.iarandu-mark{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#0b0d0c}.iarandu-mark svg{width:25px;height:25px;fill:none;stroke:#f7f3ea;stroke-width:2}.iarandu-mark svg circle:first-child,.iarandu-mark svg circle:last-child{fill:#f7f3ea;stroke:none}
.tagline{display:block;margin:11px 0 8px 6px;font-size:9px;line-height:1.3;color:#666;font-weight:500}
.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:8px 6px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:650;white-space:nowrap}
.nav-item:hover,.nav-item.active{font-weight:700;background:rgba(255,255,255,.46)}
.nav-icon{width:18px;height:18px;display:grid;place-items:center;font-size:16px;line-height:1}

.top-actions{position:fixed;right:20px;top:18px;z-index:41;display:flex;align-items:center;gap:9px}
.whatsapp-float{position:fixed;right:24px;bottom:22px;z-index:45;display:inline-flex;align-items:center;gap:11px;min-height:58px;padding:0 21px;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:#16a34a;color:#fff;text-decoration:none;font-size:15px;font-weight:750;letter-spacing:.05px;box-shadow:0 7px 24px rgba(0,0,0,.3),0 0 0 4px rgba(22,163,74,.2);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.whatsapp-float:hover{transform:translateY(-3px);background:#128c40;box-shadow:0 11px 30px rgba(0,0,0,.34),0 0 0 5px rgba(22,163,74,.25)}
.whatsapp-float:focus-visible{outline:3px solid #fff;outline-offset:4px}
.whatsapp-float svg{width:27px;height:27px;flex:0 0 27px;fill:currentColor}
.close-route{display:none;width:38px;height:38px;border:1px solid var(--ink);border-radius:50%;background:rgba(250,248,241,.94);text-decoration:none;font-size:28px;line-height:34px;text-align:center}
body:not([data-route="home"]) .close-route{display:block}
.status{height:38px;border:1px solid var(--ink);border-radius:999px;display:flex;align-items:center;font-size:12px;font-weight:650;padding:0 16px;background:rgba(250,248,241,.94);gap:8px}
.dot{width:9px;height:9px;border-radius:50%;background:#17b86b;box-shadow:0 0 0 4px rgba(23,184,107,.13)}

/* Home */
.hero{position:fixed;z-index:24;left:200px;top:48px;width:535px;pointer-events:none}
.hero h1{margin:0;font-size:54px;line-height:1.04;letter-spacing:-3.2px;font-weight:900;max-width:525px}
.hero p{margin:18px 0 21px;font-size:17px;line-height:1.35;max-width:455px}
.hero-actions{display:flex;gap:16px;pointer-events:auto}
.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:17px;height:44px;padding:0 22px;border:1.5px solid var(--ink);border-radius:999px;text-decoration:none;font-size:14px;font-weight:650;background:rgba(249,247,241,.66);cursor:pointer}
.pill-button.primary{background:var(--ink);color:#fff;min-width:164px}
.agent-video{position:absolute;z-index:8;pointer-events:none;user-select:none;filter:drop-shadow(0 calc(5 * var(--office-u)) calc(7 * var(--office-u)) rgba(55,30,8,.34))}
.agent-hotspot,.team-hotspot{position:absolute;z-index:12;background:transparent;cursor:pointer;border-radius:14px;outline:none}
.agent-hotspot::before,.team-hotspot::before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:.18s;background:radial-gradient(closest-side,rgba(255,244,214,.2),transparent);box-shadow:inset 0 0 0 2px rgba(255,255,255,.95),0 14px 40px rgba(34,20,5,.22)}
.agent-hotspot:hover::before,.agent-hotspot:focus-visible::before,.team-hotspot:hover::before,.team-hotspot:focus-visible::before{opacity:1}
.agent-label{position:absolute;left:50%;bottom:0;transform:translate(-50%,10px);opacity:0;white-space:nowrap;padding:8px 12px;border-radius:99px;background:#111;color:#fff;font-size:12px;font-weight:650;box-shadow:0 10px 25px rgba(0,0,0,.28);transition:.18s}
.agent-hotspot:hover .agent-label,.team-hotspot:hover .agent-label{opacity:1;transform:translate(-50%,0)}
.product-board{position:absolute;z-index:10;left:calc(858 * var(--office-u));top:calc(220 * var(--office-u));width:calc(194 * var(--office-u));height:calc(288 * var(--office-u));padding:calc(15 * var(--office-u)) calc(12 * var(--office-u));color:#f5f2ea;display:flex;flex-direction:column;align-items:stretch;gap:calc(5 * var(--office-u));font-size:calc(11 * var(--office-u));overflow:hidden;isolation:isolate;border:0;border-radius:0;background-color:transparent;box-shadow:none;transform-origin:0 0;transform:matrix(.9998,-.02,-.002,1,0,0);text-align:center}.product-board::before{content:"";position:absolute;z-index:0;inset:calc(4 * var(--office-u));pointer-events:none;opacity:.3;border:calc(1 * var(--office-u)) solid rgba(48,255,234,.24);box-shadow:inset 0 0 calc(5 * var(--office-u)) rgba(25,255,232,.12);background:repeating-linear-gradient(0deg,rgba(61,255,235,.11) 0 calc(1 * var(--office-u)),transparent calc(1 * var(--office-u)) calc(4 * var(--office-u)));animation:scan-drift 7s linear infinite}.product-board>*{position:relative;z-index:1}.product-logo{display:block;width:calc(82 * var(--office-u));height:calc(21 * var(--office-u));object-fit:contain;align-self:center;margin-bottom:calc(1 * var(--office-u));filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));animation:logo-glow 3.2s ease-in-out infinite}.product-kicker{font-size:calc(9 * var(--office-u));letter-spacing:calc(1.2 * var(--office-u));font-weight:800;color:#f5b83f;text-align:center;text-shadow:0 0 calc(5 * var(--office-u)) rgba(255,177,63,.55);animation:kicker-glow 2.8s ease-in-out infinite}.product-board>a{flex:1;display:flex;flex-direction:column;justify-content:center;padding:calc(4 * var(--office-u)) calc(5 * var(--office-u));border:0;border-radius:0;background:transparent;text-decoration:none;transition:background .18s;box-shadow:none}.product-board>a:hover{background:rgba(34,241,220,.1)}.product-viz{height:calc(10 * var(--office-u));display:flex;align-items:flex-end;justify-content:center;gap:calc(2 * var(--office-u));margin:calc(3 * var(--office-u)) auto 0}.product-viz i{display:block;width:calc(3 * var(--office-u));height:var(--bar);border-radius:calc(1 * var(--office-u)) calc(1 * var(--office-u)) 0 0;background:#48f5c1;box-shadow:none;transform-origin:center bottom;animation:chart-dance 1.15s ease-in-out infinite alternate}.product-viz i:nth-child(2n){animation-delay:-.45s}.product-viz i:nth-child(3n){animation-delay:-.8s}.product-viz-pinna i{background:#33e9d2;animation-duration:1.6s}.product-board strong,.product-board small,.product-board b{display:block}.product-board strong{font-size:calc(12 * var(--office-u));line-height:1.15}.product-board small{margin-top:calc(3 * var(--office-u));font-size:calc(8 * var(--office-u));line-height:1.3;color:#bbb}.product-board b{margin-top:calc(4 * var(--office-u));font-size:calc(8 * var(--office-u));color:#63dda0}.product-board .product-author{margin-top:0;border-bottom:0;background:transparent}.product-author-copy{display:block;transform:rotate(.8deg);transform-origin:center center}.product-board .product-author small{margin:0;color:#f2bd59;font-weight:800;letter-spacing:calc(.7 * var(--office-u))}.product-board .product-author b{color:#63dda0}
.home-promo{position:fixed;right:21px;bottom:18px;z-index:23;width:327px;height:184px;border:1px solid var(--ink);border-radius:20px;background:#faf8f1;padding:20px 18px 13px;display:grid;grid-template-columns:124px 1fr;gap:12px;box-shadow:0 12px 36px rgba(0,0,0,.12)}
.home-promo h2{font-size:16px;line-height:1.03;margin:41px 0 6px;letter-spacing:-.4px}.home-promo p{font-size:8px;line-height:1.35;margin:0;color:#595959}
.mini-crm{height:126px;margin-top:8px;border:1px solid #111;border-radius:8px;background:#0f1111;padding:8px;color:white;overflow:hidden}.mini-top{font-size:7px;font-weight:800;padding-bottom:7px;border-bottom:1px solid #2d3331;color:#f3b24a}.mini-row{display:grid;grid-template-columns:1fr 26px;gap:5px;padding:7px 0;border-bottom:1px solid #262b29;font-size:6px}.mini-row span:last-child{color:#25d47d}.promo-foot{position:absolute;left:13px;bottom:13px;padding:5px 11px;border-radius:99px;background:#343434;color:#fff;font-size:9px;font-weight:700;letter-spacing:.8px}
.legal{position:fixed;left:31px;bottom:26px;z-index:25;display:flex;gap:17px;font-size:11px;font-weight:600}.legal a{text-decoration:none}

/* Rooms with an internally scrollable board or monitor. */
.board-box,.monitor-box{position:absolute;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8d8983 transparent;color:#292929}
.board-box{left:calc(543 * var(--room-u));top:calc(106 * var(--room-u));width:calc(1056 * var(--room-u));height:calc(534 * var(--room-u));padding:clamp(18px,2.6cqw,40px) clamp(22px,3.4cqw,52px) 56px;container-type:inline-size;transform-origin:0 0;background:transparent}
.monitor-box{left:calc(332 * var(--room-u));top:calc(105 * var(--room-u));width:calc(1256 * var(--room-u));height:calc(568 * var(--room-u));padding:calc(34 * var(--room-u)) calc(44 * var(--room-u));background:rgba(249,247,242,.9);border-radius:calc(4 * var(--room-u));transform:none}
.board-box::-webkit-scrollbar,.monitor-box::-webkit-scrollbar{width:8px}.board-box::-webkit-scrollbar-thumb,.monitor-box::-webkit-scrollbar-thumb{background:#8d8983;border-radius:9px}
.kicker{font-size:11px;letter-spacing:1.3px;color:#737270;text-transform:uppercase;font-weight:700;margin-bottom:4px}
.route-title{font-family:'Permanent Marker',cursive;font-size:45px;line-height:1;margin:0 0 12px;letter-spacing:1px}.route-title.sans{font-family:Inter,Arial,sans-serif;font-size:40px;font-weight:900;letter-spacing:-2px}
.route-intro{font-size:16px;line-height:1.45;max-width:760px;margin:0 0 26px;color:#4e4b49}
.section-title{font-size:25px;letter-spacing:-1px;margin:25px 0 12px}.marker-title{font-family:'Permanent Marker',cursive;font-size:28px;margin:26px 0 13px}
.search-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:10px}.input,.select,.textarea{width:100%;border:1px solid #d7d0c6;border-radius:12px;background:rgba(255,255,255,.9);outline:none}.input,.select{height:43px;padding:0 14px}.textarea{min-height:100px;padding:12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#222;box-shadow:0 0 0 3px rgba(0,0,0,.07)}
.black-button{height:43px;padding:0 23px;border-radius:999px;background:#111;color:#fff;font-weight:700;cursor:pointer}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 18px}.filter-chip{padding:8px 14px;border:1px solid #514e49;border-radius:999px;background:transparent;cursor:pointer}.filter-chip.active{background:#111;color:#fff}
.inline-action{display:inline-flex;align-items:center;text-decoration:none;margin-top:8px}.channel-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 15px}.channel-stat{border:1px solid #d8d1c8;border-radius:14px;background:rgba(255,255,255,.78);padding:12px}.channel-stat span{display:block;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#716d68;font-weight:700}.channel-stat strong{display:block;font-size:25px;margin:5px 0 2px}.channel-stat small{font-size:10px;color:#777}.revenue-panel{border:1px solid #ddd6cd;border-radius:16px;background:rgba(255,255,255,.92);overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid #e4ded5}.panel-heading span{display:block;font-size:10px;letter-spacing:1px;color:#777;font-weight:700}.panel-heading strong{display:block;font-size:14px;margin-top:3px}.input.compact{width:260px;height:36px}.table-wrap{overflow-x:auto}.revenue-table{width:100%;border-collapse:collapse;min-width:760px}.revenue-table th,.revenue-table td{padding:11px 12px;border-bottom:1px solid #e8e2da;text-align:left;vertical-align:top;font-size:11px}.revenue-table th{position:sticky;top:0;background:#fff;color:#777;font-size:9px;letter-spacing:.8px;text-transform:uppercase}.revenue-table td strong,.revenue-table td small{display:block}.revenue-table td small{margin-top:4px;color:#85817b;font-size:9px}.gold{color:#aa6d08}.status-pill{display:inline-flex;width:max-content;padding:4px 7px;border-radius:99px;background:#e8f7ef;color:#087542;font-size:9px;font-weight:700}.inbound-item{padding:15px;border-bottom:1px solid #e5dfd7}.inbound-item:last-child{border-bottom:0}.inbound-item>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inbound-item small{display:block;width:100%;color:#777}.inbound-item p{margin:11px 0;font-size:12px;line-height:1.45}.inbound-item footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#716d68}.loading-state{padding:45px;text-align:center;color:#777}.connection-error{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:28px}.connection-error strong{font-size:16px}.connection-error span{font-size:12px;color:#777}.connection-error a{padding:8px 13px;border-radius:99px;background:#111;color:#fff;text-decoration:none;font-size:11px}.priority-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.priority-summary>div{padding:14px;border:2px solid #222;background:rgba(255,255,255,.55)}.priority-summary span{display:block;font-size:10px;letter-spacing:1px;color:#777}.priority-summary strong{display:block;font-family:'Permanent Marker';font-size:27px;margin-top:6px}
.company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.company-card{min-height:170px;border:1px solid #ded8cf;border-radius:17px;background:#fff;padding:15px;display:flex;flex-direction:column}.company-card h3{font-size:16px;margin:0 0 4px}.company-card p{font-size:12px;color:#6f6c68;margin:0}.company-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:14px}.company-meta span{font-size:10px;color:#777}.company-meta strong{display:block;font-size:13px;color:#202020;margin-top:3px}.tag{display:inline-flex;align-items:center;width:max-content;margin-top:10px;padding:5px 9px;border-radius:99px;background:#e9f7ef;color:#087642;font-size:10px;font-weight:700}.empty{grid-column:1/-1;padding:36px;text-align:center;border:1px dashed #aaa;border-radius:15px}
.cards-list{border:1px solid #ded8cf;border-radius:16px;background:#fff;overflow:hidden}.list-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:13px 15px;border-bottom:1px solid #e7e1d9}.list-row:last-child{border-bottom:0}.round-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-weight:800}.list-row strong{display:block;font-size:13px}.list-row small{color:#6d6965}.row-time{font-size:11px;color:#777}

/* Public campaign presentation */
.service-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:4px 0 18px}.service-journey article{position:relative;min-height:150px;padding:18px 16px;border:1px solid #d9d3ca;border-radius:16px;background:rgba(255,255,255,.9)}.service-journey article>span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#111;color:#fff;font-size:11px;font-weight:800}.service-journey h2{font-size:16px;line-height:1.1;margin:18px 0 7px}.service-journey p{font-size:11px;line-height:1.5;margin:0;color:#67635f}.campaign-offer{display:grid;grid-template-columns:1.35fr .8fr;gap:15px;padding:17px;border:1px solid #d9d2c8;border-radius:18px;background:rgba(255,255,255,.9)}.campaign-offer>div>span,.campaign-offer aside>small{font-size:9px;letter-spacing:1.1px;color:#777;font-weight:800}.campaign-offer h2{font-size:25px;line-height:1.05;margin:7px 0}.campaign-offer p{font-size:12px;line-height:1.45;color:#625f5b}.campaign-offer aside{padding:16px;border-radius:14px;background:#111;color:#fff}.campaign-offer aside strong{display:block;font-size:21px;margin:7px 0}.campaign-offer aside p{color:#c8c8c8}.campaign-offer aside .black-button{background:#fff;color:#111;font-size:11px}.channel-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.channel-pills b{padding:7px 10px;border:1px solid #777;border-radius:99px;font-size:10px}
.launch-grid{display:grid;grid-template-columns:1.25fr .82fr;gap:18px}.form-card,.preview-card{border:1px solid #ddd6cd;border-radius:16px;background:#fff;overflow:hidden}.card-head{padding:15px 18px;border-bottom:1px solid #e3ddd5}.card-head span{font-size:10px;letter-spacing:1.2px;color:#777;font-weight:700}.card-head h2{font-size:20px;margin:4px 0 0}.form-body{padding:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field.full{grid-column:1/-1}.field label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin:0 0 6px}.field label small{color:#888;font-weight:400}.channel-row{display:flex;gap:8px;flex-wrap:wrap}.channel{display:flex;gap:6px;align-items:center;padding:8px 10px;border:1px solid #d6d0c7;border-radius:10px;font-size:12px}.submit-row{display:flex;justify-content:flex-end;margin-top:16px}.campaign-preview{padding:17px}.preview-screen{border-radius:12px;background:#151716;color:#fff;padding:16px}.preview-screen h3{font-size:15px;margin:0 0 12px}.preview-line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #343936;font-size:11px}.preview-line span:last-child{color:#54da94}.success{display:none;margin-top:12px;padding:11px;border-radius:11px;background:#e9f7ef;color:#087642;font-size:12px;font-weight:700}.success.show{display:block}

/* Flywheel and ranking */
.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.score-card{border:2px solid #222;padding:12px 13px;min-height:92px;background:rgba(255,255,255,.45)}.score-card:nth-child(1){border-color:#d74e41}.score-card:nth-child(2){border-color:#29975e}.score-card:nth-child(3){border-color:#396ecb}.score-card:nth-child(4){border-color:#8c54c7}.score-card span{font-family:'Permanent Marker';font-size:12px}.score-card strong{display:block;font-family:'Permanent Marker';font-size:28px;margin-top:5px}.cycle-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:9px;margin:18px 0}.cycle-track article{min-height:112px;padding:14px;border:1px solid #d7d0c7;border-radius:15px;background:#fff}.cycle-track article b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-size:11px}.cycle-track article strong,.cycle-track article small{display:block}.cycle-track article strong{margin-top:13px;font-size:14px}.cycle-track article small{margin-top:4px;color:#777;font-size:10px}.cycle-track>i{font-size:22px;font-style:normal}.cycle-result{padding:16px 18px;border-radius:16px;background:#161817;color:#fff}.cycle-result span{font-size:9px;letter-spacing:1.2px;color:#6be0a5;font-weight:800}.cycle-result strong{display:block;margin:7px 0;font-size:21px}.cycle-result p{margin:0;color:#c5c9c6;font-size:11px;line-height:1.45}
.ranking-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}.ranking-table th,.ranking-table td{padding:12px 13px;border-bottom:1px solid #e7e1d9;text-align:left;font-size:12px}.ranking-table th{position:sticky;top:0;background:#fff;color:#75716c;font-size:10px;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.ranking-table td:nth-child(1){font-weight:800}.ranking-table td:nth-child(n+4){text-align:right}.rating{color:#a66c09;font-weight:700}

/* Documentation */
.doc-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}.doc-chip{padding:7px 11px;border:1px solid #68635e;border-radius:999px;text-decoration:none;font-size:11px;background:rgba(255,255,255,.35)}.doc-section{scroll-margin-top:10px;border-top:1px solid #d5cec6;padding:22px 0}.doc-section h2{font-size:26px;margin:0 0 10px}.doc-section h2 span{color:#aaa;margin-right:8px}.doc-section p,.doc-section li{font-size:14px;line-height:1.6;color:#494643}.doc-section ul{padding-left:20px}.doc-callout{padding:15px;border-left:4px solid #222;background:rgba(255,255,255,.42);margin:14px 0}

/* Team */
.team-caption{position:fixed;z-index:22;left:32px;bottom:28px;color:#fff;max-width:680px;text-shadow:0 3px 20px rgba(0,0,0,.65)}.team-caption .kicker{color:#ffd35a}.team-caption h1{font-size:52px;line-height:1;margin:7px 0 8px;letter-spacing:-2px}.team-caption p{font-size:16px;line-height:1.45;margin:0}.team-shade{position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(17,11,7,.82));pointer-events:none}
.team-hotspot{z-index:15;border-radius:48%}.team-hotspot::before{border-radius:48%;background:radial-gradient(ellipse at center,rgba(255,224,145,.26),transparent 68%);box-shadow:none}.team-hotspot .agent-label{bottom:4%;font-size:11px}.team-hotspot:hover .agent-label,.team-hotspot:focus-visible .agent-label{opacity:1}.public-preview{padding:28px}.public-preview>strong{font-size:18px}.public-preview>p{font-size:12px;color:#777}.public-preview>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.public-preview span{padding:12px;border-radius:12px;background:#f4f0e9;text-align:center;font-size:11px;font-weight:700}

/* Drawer copied from the original interaction pattern. */
.scrim{position:fixed;inset:0;z-index:60;background:rgba(12,12,10,.58);opacity:0;pointer-events:none;transition:opacity .22s}.drawer{position:fixed;z-index:61;right:0;top:0;width:min(460px,100vw);height:100dvh;background:#faf8f1;transform:translateX(100%);transition:transform .28s ease;overflow:auto;box-shadow:-12px 0 35px rgba(0,0,0,.18)}
body.drawer-open .scrim{opacity:1;pointer-events:auto}body.drawer-open .drawer{transform:translateX(0)}
.drawer-head{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:64px 1fr 32px;gap:15px;align-items:center;padding:25px 24px;background:#faf8f1;border-bottom:1px solid #dedad0}.avatar{width:64px;height:64px;border:1px solid #dedad0;border-radius:15px;background:#eee9dd center/contain no-repeat}.eyebrow{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:#626262;font-weight:600;margin-bottom:5px}.drawer-head h2{font-size:27px;line-height:1;margin:0 0 8px}.drawer-head p{font-size:14px;margin:0;color:#565656}.close-drawer{align-self:start;width:32px;height:32px;background:transparent;font-size:27px;cursor:pointer}.drawer-body{padding:22px 24px 34px;color:#3f3f3f}.drawer-body h3{margin:0 0 10px;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:#666}.drawer-body ul{margin:0 0 18px;padding-left:19px;font-size:14px;line-height:1.55}.drawer-body li+li{margin-top:10px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 24px}.fact{border:1px solid #dedad0;border-radius:13px;background:#fff;padding:12px;font-size:11px;color:#777}.fact strong{display:block;color:#222;font-size:13px;margin-top:7px}.activity{padding:11px 0;border-bottom:1px solid #e4e0d8;font-size:13px;display:flex;justify-content:space-between;gap:14px}.activity time{color:#777;font-size:11px;white-space:nowrap}

@media(max-width:900px){
  .nav{left:14px;top:15px;width:170px}.brand-line{font-size:23px}.tagline{display:none}.nav-item{font-size:11px;gap:8px;padding:5px 4px}
  body:not([data-route="home"]) .nav{width:160px;padding:15px 12px}.hero{left:182px;top:42px;width:470px}.hero h1{font-size:45px}.home-promo{transform:scale(.82);transform-origin:bottom right}
  .company-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  :root{--office-u:min(calc(100dvh / 600),calc(100vw / 535))}
  .home-scene::before{display:none}.office-stage{left:65%;top:-60px}.home-scene .hero{display:none}.nav{width:auto}.nav-item{display:none}.brand-line{font-size:22px}.top-actions{right:12px;top:12px}.status{display:none}.close-route{height:34px;width:34px;line-height:30px}
  .whatsapp-float{right:16px;bottom:18px;min-height:54px;padding:0 17px;gap:9px;font-size:14px}
  body:not([data-route="home"]) .nav{left:10px;top:10px;width:auto;padding:10px 12px;border-radius:14px}.tagline{display:none}
  .hero{left:20px;top:88px;width:calc(100vw - 40px);padding:18px;border-radius:18px;background:rgba(250,248,241,.78);backdrop-filter:blur(5px)}.hero h1{font-size:38px;letter-spacing:-2px}.hero p{font-size:13px}.hero-actions{gap:8px}.pill-button{padding:0 14px}.home-promo,.legal{display:none}
  .board-box,.monitor-box{left:18px;top:92px;width:calc(100vw - 36px);height:calc(100dvh - 112px);padding:22px 18px;border-radius:16px;background:rgba(250,247,244,.94);transform:none}.route-title{font-size:36px}.route-title.sans{font-size:31px}.route-intro{font-size:14px}.company-grid,.launch-grid,.score-grid,.channel-summary,.priority-summary,.service-journey,.campaign-offer{grid-template-columns:1fr}.cycle-track{grid-template-columns:1fr}.cycle-track>i{display:none}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.ranking-table{min-width:670px}.team-caption{left:20px;right:20px;bottom:26px}.team-caption h1{font-size:42px}.team-caption p{font-size:13px}.drawer{width:100vw}
}

@keyframes scan-drift{from{background-position:0 0}to{background-position:0 calc(16 * var(--office-u))}}
@keyframes chart-dance{from{transform:scaleY(.32);opacity:.65}to{transform:scaleY(1);opacity:1}}
@keyframes logo-glow{0%,100%{filter:drop-shadow(0 0 calc(2 * var(--office-u)) rgba(255,202,96,.25));opacity:.9}50%{filter:drop-shadow(0 0 calc(7 * var(--office-u)) rgba(255,218,130,.92));opacity:1}}
@keyframes kicker-glow{0%,100%{opacity:.9;text-shadow:0 0 calc(3 * var(--office-u)) rgba(255,177,63,.34)}50%{opacity:1;text-shadow:0 0 calc(8 * var(--office-u)) rgba(255,177,63,.9)}}
@media(prefers-reduced-motion:reduce){.product-board::before,.product-logo,.product-kicker,.product-viz i{animation:none!important}.product-viz i{transform:scaleY(.65);opacity:.85}}