/* S3 light edition. Cool turquoise accents, real S3 graph-node geometry. */
:root{--ink:#203035;--muted:#62777e;--paper:#f7fafb;--line:#dce6e9;--aqua:#22c5cf;--aqua-deep:#008995;--dark:#f1f8fa;--dark-2:#eaf3f5;color-scheme:light}
body{background:var(--paper)}.dark{background:#f1f8fa;color:var(--ink)}.dark p{color:var(--muted)}.dark .eyebrow,.eyebrow{color:#008591}.aqua-text,.teal-text{color:var(--aqua-deep)}.subtle{color:#7b8d93}
.site-header{background:#ffffffed;border-color:#dce6e9;color:var(--ink)}.brand-caption{color:#6c8187}.desktop-nav{color:#4c646c}.desktop-nav a:hover,.login:hover,.footer a:hover{color:#008995}.primary{background:#0eafba;color:#fff;box-shadow:0 4px 12px #00899515}.primary:hover{background:#008f9b;box-shadow:0 8px 25px #00899525}.dark-button{background:#213b43;color:#fff}.dark-button:hover{background:#0d6470}.outline{color:#20515b;border-color:#9bc8cd}.outline:hover{background:#e1f5f7}.live-dot{background:#13b7c3}.menu-toggle{border-color:#cadbdd}.menu-toggle span{background:#29434b}.mobile-nav{border-color:#dce6e9;background:#fff}
.hero.dark{background:linear-gradient(118deg,#fff 0%,#f5fbfc 54%,#eaf7fa 100%)}.hero-glow{background:radial-gradient(ellipse at 65% 45%,#87e6f044,transparent 66%)}.hero h1 span{color:#0097a3}.hero-lead{color:#334d56!important}.hero-description{color:#62777e!important}.hero-trust{color:#526b72}.hero-trust i{color:#0097a3}.channel-strip{border-color:#d1e3e7}.channel-intro,.channel-name{color:#5c737b}.channel-name small{color:#73868e}.channel-name .pilot{background:#e3edf5;color:#526b85}.real-product-label,.product-caption{color:#647d84}.real-product{border-color:#c5dde2;background:#ecf6f8;box-shadow:0 22px 60px #315a661c,0 0 0 7px #ffffff88}.real-product:hover img{filter:none}.expand-interface{background:#ffffffed;border-color:#c0dce1;color:#2c5e68;box-shadow:0 2px 10px #193f4810}
.intro-section{background:#fff}.workspace-section{padding-top:90px}.workspace-tabs{border-color:#d6e3e7}.workspace-tabs button{color:#617a82}.workspace-tabs button:hover{background:#e8f4f7}.workspace-tabs button[aria-selected=true]{border-color:#08a7b3;color:#007f8a}.workspace-panel{background:#fff;border-color:#dbe7ea}.pill{background:#e3f4f6;color:#16808c}.check-list li::before{color:#0797a3}.light-mock{background:#f1f7f9;border-color:#dde9eb}.quick-answer,.client-note{background:#fff;border-color:#dce9ec}.wait-tag{background:#fff1dc;color:#866229}.ok-tag,.mini-status{color:#12777f;background:#dff4f4}.bar-chart i{background:#55cbd3}.calendar-week .today{background:#d9f3f6}.publication-thumb{background:#cfeff3}.rule-active{background:#dbf1f4;color:#006f7c}
.crm-section{background:#fff}.crm-demo{border-color:#d4e3e7;background:#fbfdfe;box-shadow:0 25px 70px #334f5e12}.embedded-chat{background:#e8f5f7;color:#274c55}.embedded-message{background:#fff;color:#365760}.embedded-message p,.embedded-message span,.embedded-action p{color:#52717a}.embedded-action{background:#d7eef2}.embedded-action>span{color:#008996}.embedded-action b{color:#28636b}.embedded-chat>div:first-child>.live-dot{background:#12acb9}.deal-stages i{background:#dcecf0}.deal-stages i:nth-child(-n+2){background:#33bbc7}.field-tag{background:#e0f1f5;color:#297482}
.case-section{background:#e7f4f7}.case-proof{border-color:#bddce2}.case-industry,.case-result-label,.case-copy p{color:#526d77}.case-amount{color:#153e4a}.case-proof .case-caveat{color:#66818a}.calculator{background:#fff;border-color:#dbe6ea}.calc-result{border-color:#d7e4e8}.calc-result output{color:#184652}.calc-presets button{background:#edf5f7;color:#3f6370;border-color:#d4e6eb}.calc-presets button.selected{background:#cdeef3;border-color:#16aaba;color:#006b78}input[type=range]{accent-color:#14b4c0}.number-input input{color:#203c46}.credit-banner.dark{background:#e9f6f8;color:#244a56;border:1px solid #d3e8ed}.credit-banner img{mix-blend-mode:normal;object-fit:contain;padding:20px}.credit-banner .eyebrow{color:#0b8c9a}.credit-banner p{color:#51727c}.cost-item{border-color:#dbe6ea}.start-section{background:#f7fafb}.start-grid article{border-color:#d0e2e6}.start-grid article>span{color:#15a5b3}.faq-section{background:#fff}.faq-list details{border-color:#d5e4e8}.faq-list summary{color:#263e48}
.contact-section.dark{background:radial-gradient(ellipse at 90% 110%,#b9ecf4a0,transparent 65%),#ebf7fa}.contact-section .wrap::after{color:#069cad0a}.contact-section .contact-note{color:#6a838c}.footer.dark{background:#f8fcfd;border-color:#dce9ed}.footer-top>div,.footer-bottom{color:#637c85}.footer-bottom{border-color:#dce9ed}.interface-dialog{background:#f5fafb;color:#27434d;border-color:#c5dce2}.interface-dialog::backdrop{background:#203b4c75;backdrop-filter:blur(8px)}.interface-dialog-head{background:#fff}.interface-dialog-head p{color:#668089}.interface-dialog-head button{background:#edf7f9;color:#215460;border-color:#d0e2e8}

/* Channels: two primary channels, then four compact capability cards. */
.channels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}.channel-card{height:100%;background:#fff;border:1px solid #dae7eb;border-radius:20px;padding:25px 23px;position:relative;box-shadow:0 8px 30px #24465a04;min-width:0}.channel-waba,.channel-whatsapp{grid-column:span 2;padding:30px;background:linear-gradient(135deg,#f2fcfd,#fff 60%)}.channel-whatsapp{background:linear-gradient(135deg,#fff,#f0fafc)}.channel-card-head{display:flex;align-items:center;gap:12px}.channel-card-head>div{min-width:0}.channel-card-head h3{font-size:19px;letter-spacing:-.025em;line-height:1.15}.channel-card-head>div>span{font-size:12px;color:#71858d;display:block;margin-top:5px;line-height:1.35}.channel-logo{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;flex-shrink:0}.channel-logo svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wa-logo{color:#128766;background:#e2f5ec;border:1px solid #cdeadc}.groups-logo{color:#038d8c;background:#e4f5f4}.instagram-logo{color:#ba557f;background:#fbeef4}.instagram-logo .ig-symbol{width:22px;height:22px}.facebook-logo{background:#eaf0fc;color:#3971c9;font-family:Arial,sans-serif;font-size:30px}.telegram-logo{background:#e8f4fc;color:#388fbe}.channel-card h4{font-size:31px;line-height:1.2;letter-spacing:-.03em;margin:27px 0 17px;font-weight:600}.channel-card ul{padding:0;list-style:none;margin:22px 0 0}.channel-card li{position:relative;padding-left:17px;font-size:14px;line-height:1.6;margin:9px 0;color:#4c6871}.channel-card li::before{content:'✓';position:absolute;left:0;color:#08a4b1;font-weight:600}.channel-waba li,.channel-whatsapp li{font-size:16px}.zero-fee{display:flex;align-items:center;gap:17px;border-top:1px solid #d9eaed;margin-top:21px;padding-top:17px}.zero-fee strong{font-size:48px;line-height:1;color:#058d9a;letter-spacing:-.045em}.zero-fee b{font-size:15px;font-weight:600}.zero-fee span{display:block;font-size:12px;margin-top:4px;color:#72868d}.template-types{font-size:13px;margin-top:15px;color:#27737f}.template-types summary{cursor:pointer;width:fit-content;padding:5px 0}.template-types summary>span{background:#d8f0f4;border-radius:5px;padding:1px 6px;margin-left:6px}.template-types>div{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px}.template-types>div>span{font-size:12px;background:#ecf6f8;padding:5px 9px;border-radius:7px}.new-label{background:#176b77;color:#fff;font-size:10px;letter-spacing:.09em;font-weight:600;padding:5px 9px;border-radius:6px;margin-left:auto;box-shadow:0 0 0 4px #e1f5f7}.pilot-label{background:#eef2f8;color:#667890;font-size:10px;padding:4px 6px;border-radius:5px;margin-left:auto}.call-feature{display:flex;align-items:center;gap:15px;background:#eaf7f9;border:1px solid #d0ebef;border-radius:14px;padding:16px;margin:20px 0}.call-orbit{width:48px;height:48px;background:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 6px #d7f1f4;flex-shrink:0}.call-orbit svg{width:25px;height:25px;stroke:#0297a5;stroke-width:1.6;fill:none;stroke-linejoin:round;stroke-linecap:round}.call-feature b{font-size:17px}.call-feature>div>span{font-size:13px;color:#67828a;display:block;margin-top:3px}.channel-card .channel-limit{font-size:12px;line-height:1.55;margin-top:19px;color:#76888f}.channel-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:22px}.channel-pills span{font-size:10px;background:#f0f6f8;color:#52737d;border-radius:6px;padding:5px 7px}.channels-note{font-size:12px;margin-top:22px;max-width:950px;color:#76878f}

/* Same visual grammar as GraphNode.tsx: 15px corners, tone header, ports. */
.flow-section.dark{background:#f0f7f9}.flow-section .section-heading{gap:35px}.flow-section h2{font-size:clamp(38px,4.2vw,59px)}.beta-tag{background:#dceff3;color:#457680;border-color:#c3e0e6}.funnel-editor{background:#fff;border:1px solid #cddfe5;border-radius:20px;overflow:hidden;box-shadow:0 18px 60px #2c637410}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #e0eaee;gap:15px}.editor-title{display:flex;gap:12px;align-items:center}.editor-mark{font-size:24px;background:#e4f4f6;color:#098e9d;border-radius:9px;width:40px;height:40px;display:grid;place-items:center}.editor-title b{font-size:16px;font-weight:600}.editor-title div>span{display:block;font-size:12px;color:#7c9199;margin-top:3px}.editor-status{font-size:12px;display:flex;align-items:center;gap:7px;color:#70858e}.route-controls{display:flex;align-items:center;gap:7px;padding:15px 24px;border-bottom:1px solid #e4ecef;flex-wrap:wrap}.route-controls>span{font-size:12px;color:#78909a;margin-right:12px}.route-controls button{padding:7px 12px;border:1px solid #dae5e9;border-radius:8px;background:#fff;color:#5e7984;font-size:12px}.route-controls button[aria-pressed=true]{background:#e0f3f6;border-color:#98d4df;color:#077e8d}.route-controls .graph-zoom{margin-left:auto;color:#3e747e}.graph-scroll{overflow:auto;position:relative;background-color:#f6fafb;background-image:radial-gradient(#cddde2 .85px,transparent .85px);background-size:17px 17px;scrollbar-color:#a9cdd6 #eaf3f6;scrollbar-width:thin;height:615px}.s3-graph{width:1180px;height:615px;position:relative;margin:auto;transform-origin:top left;isolation:isolate}.graph-connections{position:absolute;inset:0;width:1180px;height:615px;z-index:-1}.graph-connections>path{fill:none;stroke:#25aab9;stroke-width:2;marker-end:url(#edge-arrow);transition:opacity .25s,stroke .25s}.graph-connections>path[data-edge-route=ad]{stroke:#8e88c2}.graph-node{position:absolute;width:240px;height:190px;border:1px solid #d7e2e6;border-radius:15px;background:#fff;box-shadow:0 7px 18px #3a54540a,0 1px 3px #30413c08;transition:opacity .25s,box-shadow .25s}.graph-node-head{padding:11px 13px;display:flex;align-items:center;gap:7px;min-height:46px}.graph-node-head b{text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.04em;white-space:nowrap;color:#647b85}.graph-node-head>span:last-child{margin-left:auto;font-size:10px;border-radius:6px;background:#f0f5f7;color:#72828c;padding:3px 6px;white-space:nowrap}.step-icon{background:#e4f4f6;color:#1393a1;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:18px;flex-shrink:0}.start-node .graph-node-head{background:#e8f6f1;border-radius:14px 14px 0 0}.start-node .step-icon{color:#309479;background:#d9eee5}.node-ad .graph-node-head{background:#efedf8}.node-ad .step-icon{color:#8273b0;background:#e1dcf0}.graph-node-body{padding:12px 15px}.graph-node h3{font-size:16px;letter-spacing:-.015em;line-height:1.25;margin:0 0 9px}.graph-node-body p{font-size:13px;line-height:1.6;color:#667e87;margin:0}.node-meta{font-size:10px;color:#69848d;display:block;border-top:1px solid #edf2f4;margin-top:12px;padding-top:8px;white-space:nowrap}.port{width:10px;height:10px;border-radius:50%;border:2px solid #99c5d0;background:#fff;position:absolute;top:calc(50% - 5px);z-index:2}.port-right{right:-6px;background:#22abba;border-color:#22abba}.port-left{left:-6px}.port-bottom{top:auto;bottom:-6px;left:calc(50% - 5px);background:#22abba;border-color:#22abba}.node-reels{left:30px;top:75px}.node-comment{left:320px;top:75px}.node-direct{left:610px;top:75px}.node-bridge{left:900px;top:75px}.node-ad{left:320px;top:350px}.node-waba{left:610px;top:350px}.node-group{left:900px;top:350px}.graph-entry-label{position:absolute;font-size:10px;letter-spacing:.12em;font-weight:600;color:#79929a}.entry-label-one{left:32px;top:46px}.entry-label-two{left:322px;top:322px}.window-badge{position:absolute;left:342px;top:556px;display:flex;align-items:center;gap:8px;color:#5e558e;background:#efedf9;border:1px solid #ded8ee;border-radius:9px;padding:7px 10px;transition:opacity .25s;font-size:12px}.window-badge svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;flex-shrink:0}.window-badge>span{font-size:10px}.window-badge:hover{border-color:#9b8fc0}.graph-source-note{position:absolute;left:32px;top:381px;width:243px;padding:19px 15px;border:1px dashed #c3dce3;border-radius:13px;display:flex;gap:10px;background:#f5fafbcc}.graph-source-note>span{font-size:29px;color:#29a8b4;line-height:1}.graph-source-note b{font-size:13px;line-height:1.4;display:block}.graph-source-note div>span{font-size:11px;line-height:1.6;display:block;margin-top:6px;color:#7a919a}.s3-graph[data-active-route=reels] [data-node-route=ad],.s3-graph[data-active-route=reels] [data-edge-route=ad],.s3-graph[data-active-route=ad] [data-node-route=reels],.s3-graph[data-active-route=ad] [data-edge-route=reels]{opacity:.22}.s3-graph[data-active-route]:not([data-active-route=all]) [data-node-route=shared]{box-shadow:0 0 0 3px #20b0bf20,0 7px 18px #3a54540a}.graph-footer{border-top:1px solid #dce9ed;padding:16px 24px;display:flex;align-items:center;gap:20px;justify-content:space-between;background:#fff}.graph-footer p{font-size:13px;max-width:830px;color:#52727e}.graph-footer>span{font-size:10px;white-space:nowrap;color:#8a9ba3;display:none}.funnel-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:35px 0 20px}.funnel-benefits b{font-size:16px;color:#2e6574}.funnel-benefits p{font-size:14px;margin-top:9px;line-height:1.65}.window-note{font-size:12px;padding:17px 20px;border:1px solid #d7e6eb;background:#eaf3f6;border-radius:12px;line-height:1.8;scroll-margin-top:110px}.window-note a{color:#168292;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.scenario-picker{border-top:1px solid #d1e1e7;padding-top:32px}.scenario-tabs button{color:#5b7580;border-color:#c8dce4}.scenario-tabs button[aria-selected=true]{background:#d5eef3;color:#0b7787;border-color:#a6d8e2}.scenario-result>span{color:#258695}
@media(max-width:1200px){.channels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-waba,.channel-whatsapp{grid-column:span 1}.channel-waba,.channel-whatsapp{padding:25px}.channel-card-head h3{font-size:18px}.channel-card h4{font-size:28px}.channel-waba li,.channel-whatsapp li{font-size:14px}.zero-fee b{font-size:13px}.zero-fee span{font-size:11px}.zero-fee strong{font-size:43px}.channel-card{padding:24px}.channel-card li{font-size:15px}.channel-limit{font-size:12px}.channel-pills span{font-size:11px}.graph-scroll{overflow-x:auto}.graph-footer>span{display:block}.graph-footer{flex-direction:column;align-items:flex-start;gap:6px}}
@media(max-width:760px){.workspace-section{padding-top:65px}.channels-grid{grid-template-columns:minmax(0,1fr);gap:15px}.channel-card{padding:23px}.channel-card h4{font-size:30px}.channel-waba li,.channel-whatsapp li{font-size:15px}.channel-card-head h3{font-size:19px}.channel-waba,.channel-whatsapp{grid-column:1}.zero-fee{gap:12px}.zero-fee b{font-size:13px}.zero-fee span{font-size:11px}.zero-fee strong{font-size:44px}.editor-toolbar{padding:18px 16px}.editor-title b{font-size:14px}.editor-title div>span{font-size:11px}.editor-status{display:none}.editor-mark{display:none}.route-controls{padding:13px 14px;gap:6px}.route-controls>span{width:100%;margin:0 0 3px}.route-controls button{font-size:11px;padding:7px 9px}.route-controls .graph-zoom{margin-left:0}.graph-footer{padding:15px}.graph-footer p{font-size:12px}.graph-scroll{height:615px}.funnel-benefits{grid-template-columns:1fr;gap:20px;margin-top:27px}.funnel-benefits p{font-size:15px}.window-note{padding:15px;font-size:12px}.window-note a{white-space:normal}.channels-note{font-size:12px}.credit-banner img{padding:12px}.channel-card-head{gap:10px}.new-label{font-size:9px;padding:4px 6px}.call-feature b{font-size:16px}.call-feature>div>span{font-size:12px}.call-orbit{width:40px;height:40px}.graph-zoom{display:none}.real-product-label{font-size:9px}.primary{white-space:normal;text-align:center}}
.calculator input[type=range]{accent-color:#10a8b6}.calc-not-total{background:#f0f6f8}.calc-not-total p{color:#66808b}.calc-not-total>span{color:#6596a2}
@media(prefers-reduced-motion:reduce){.graph-node,.graph-connections>path,.window-badge{transition:none}}