/* One visual environment: artwork fades into the page, interface remains live. */
:root{--surface:#00152b;--aqua:#32ddff}.site{background:radial-gradient(ellipse at 60% 5%,#07345590,transparent 36%),#001126}.header{background:#001124db;border-bottom-color:#106083}.mobile-logo{display:block;font:32px 'Kaushan Script',cursive;color:#0cdbff}.mobile-logo small{font:8px Inter,sans-serif;letter-spacing:1px;color:#daeaff;margin-left:12px;vertical-align:middle}.hero{background:radial-gradient(ellipse at 86% 60%,#00487865,transparent 50%),linear-gradient(115deg,#001126,#011a32);isolation:isolate}.hero:before{opacity:.5}.hero-illustration{isolation:isolate;overflow:visible;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}.integrated-robot{position:absolute;width:135%;height:142%;right:-12%;top:-20%;object-fit:cover;object-position:72% 48%;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 61% 45%,#000 21%,#000c 43%,transparent 71%);opacity:.96;pointer-events:none}.hero-guide{position:relative;margin:90px 7% 0 0;width:220px;padding:16px;background:linear-gradient(135deg,#05233ac9,#001227e8);border:1px solid #2096c044;border-radius:16px;backdrop-filter:blur(14px);box-shadow:0 12px 50px #00101d55;pointer-events:auto}.status-dot{display:inline-block;width:6px;height:6px;background:#12e6c9;border-radius:50%;box-shadow:0 0 12px #11efd7;margin-right:5px}.hero-guide strong{font-size:13px;line-height:1.4;display:inline}.hero-guide p{font-size:12px;color:#bbd3e5;line-height:1.4;margin:10px 0}.hero-guide>div{display:grid;gap:6px}.hero-guide button,.hero-guide a{border:1px solid #2277a36b;background:#05315388;border-radius:7px;text-align:left;font-size:12px;padding:8px 10px;color:#d8f6ff;line-height:1.2}.hero-guide button:hover,.hero-guide a:hover{background:#085778;color:white}.hero-metric{border-color:#13658c;background:linear-gradient(120deg,#08314a80,#031b30cc);box-shadow:inset 0 0 25px #046eaf12}.hero-metric .mini-bars,.hero-metric.roi .mini-bars{background:none!important;font-size:30px!important;letter-spacing:-6px;line-height:1.2;color:#09d2bc;transform:none;bottom:10px;top:auto;opacity:.75;width:65px;height:40px}.hero-metric.roi .mini-bars{left:10px;width:40px;font-size:29px!important}.clients .people{background:none;font-size:25px!important;letter-spacing:-8px;line-height:1.2;width:38px;color:#00cfff}.client-proof{position:absolute;left:13px;bottom:11px;font-size:10px;color:#87b5cf}.hero-metric .lightning{box-shadow:none}.band{border-color:#10759d;box-shadow:0 -1px 15px #029bdd15}.services{background:radial-gradient(ellipse at 50% 0,#033b5c77,transparent 80%),#001126}.service-card{background:linear-gradient(145deg,#062f4966,#03182b8c);border-color:#24516a80;border-radius:14px;overflow:visible;transition:border-color .2s,transform .2s,background .2s;position:relative;padding-top:22px!important}.service-card:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 30% 0,#00b7ff14,transparent 58%)}.service-card:hover{transform:translateY(-4px);border-color:#10bcdb;background:linear-gradient(145deg,#09445e88,#03182b)}.integrated-icon{display:grid;place-items:center;width:48px;height:48px;color:#39dbff;background:radial-gradient(circle,#0876c34a,transparent 72%);margin-bottom:3px;filter:drop-shadow(0 0 10px #00c6ff55)}.integrated-icon svg{width:33px;height:33px}.service-card h3,.service-card p,.round-arrow{position:relative}.service-card .round-arrow{background:#07395c;box-shadow:none;border-color:#22739a}.service-card h3{margin:8px 0 10px}.ecosystem{background:radial-gradient(ellipse at 40% 50%,#00477344,transparent 60%),#001126}.connected-map{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);gap:9px 125px;padding:8px 12px;align-self:center;height:186px;flex-shrink:0;isolation:isolate}.connection-ring{position:absolute;width:130px;height:130px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #117b9866;box-shadow:0 0 35px #007da320,inset 0 0 28px #006ea42a}.connection-ring:before{content:'';position:absolute;inset:-18px;border:1px dashed #087ea44d;border-radius:50%}.connection-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:108px;height:108px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#063b54,#02233a);box-shadow:0 0 26px #00b7ee29;color:#1ad7ff;border:1px solid #1ea5bb55}.connection-center>span{font:28px 'Kaushan Script',cursive}.connection-center small{font-size:7px;letter-spacing:1.1px;margin-top:10px;color:#8dbfd2}.eco-node{position:relative;display:flex;align-items:center;gap:6px;border:1px solid #20688770;background:#052b4470;border-radius:8px;color:#c8e5ef;font-size:11px;padding:8px;white-space:nowrap}.eco-node:hover{background:#06415e;color:white;border-color:#2dc7e3}.eco-node>span{color:#06d4f6}.eco-node>b{font-size:12px;margin-left:auto;color:#49d7ef;font-weight:400}.node-0{grid-area:1/1}.node-1{grid-area:2/1}.node-2{grid-area:3/1}.node-3{grid-area:4/1}.node-4{grid-area:1/2}.node-5{grid-area:2/2}.node-6{grid-area:3/2}.node-7{grid-area:4/2}.world{border-left-color:#15608066}.world-copy{max-width:66%;text-shadow:0 2px 10px #001126;z-index:2}.globe{mask-image:radial-gradient(ellipse at 52% 56%,black 25%,transparent 72%);mix-blend-mode:screen;opacity:.7}.eco-stats>div{background:linear-gradient(145deg,#04335155,#00223c55);border-color:#1e526b77}.solutions{background:radial-gradient(ellipse at 46% 65%,#00497455,transparent 66%),#01172d;gap:0}.live-dashboard{width:calc(773*var(--u));flex-shrink:0;border:1px solid #27749880;border-radius:14px;padding:14px 20px;background:linear-gradient(140deg,#06273fdd,#041a30);box-shadow:0 0 55px #008abc16,inset 0 1px 0 #76cced15;color:#dbefff;align-self:center}.dashboard-head{display:flex;align-items:center;gap:14px}.mini-brand{font:24px 'Kaushan Script',cursive;color:#19d2f1}.demo-label{color:#8bb0c4;font-size:10px;margin-left:auto}.dashboard-expand{background:#0b405c;border:1px solid #26749a;color:#82eaff;width:26px;height:26px;border-radius:7px}.live-tabs{display:flex;gap:18px;margin:9px 0 12px;border-bottom:1px solid #23617c66}.live-tabs button{font-size:12px;padding:7px 1px;color:#94b8ce;background:none;border-bottom:2px solid transparent}.live-tabs button[aria-selected=true]{color:#23e1ff;border-bottom-color:#23e1ff}.live-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.live-metrics>div{padding:10px 12px;border-radius:8px;background:#0a344b66;border:1px solid #2d6d892b}.live-metrics span{display:block;font-size:10px;color:#8aaec5;margin-bottom:7px}.live-metrics strong{display:block;font-size:19px;line-height:1.2;letter-spacing:-.4px}.chart-caption{display:flex;justify-content:space-between;margin:13px 0 4px;font-size:11px;color:#aad0e2;gap:15px}.chart-caption small{font-size:9px;color:#749bb1}.live-chart{height:65px;width:100%;display:block;overflow:visible}.chart-months{display:flex;justify-content:space-between;font-size:9px;color:#668da5;margin-top:4px}.ai-simulator{position:absolute;width:calc(258*var(--u));right:14px;top:50%;transform:translateY(-50%);font-size:12px;line-height:1.4;isolation:isolate}.ai-simulator:before{content:'';position:absolute;inset:-35px;background:radial-gradient(ellipse,#057d9c20,transparent 65%);z-index:-1}.sim-head{display:flex;align-items:center;gap:5px;color:#e3f8ff;font-size:12px;margin-bottom:11px}.sim-head small{margin-left:auto;font-size:8px;color:#83b2c3;padding:2px 6px;border:1px solid #24576b;border-radius:4px}.sim-bubble{background:#07384cbb;border:1px solid #23849b55;border-radius:11px 11px 11px 2px;padding:12px;color:#cae5ef;min-height:79px;font-size:12px;line-height:1.45}.sim-choices{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.sim-choices button{background:#05273e;border:1px solid #25657e66;color:#b6dfee;padding:6px 9px;border-radius:15px;font-size:10px}.sim-choices button:hover,.sim-choices button[aria-pressed=true]{color:#55e7ff;border-color:#09c8dd;background:#073c53}.agent-next{display:inline-block;color:#21d8f2;font-size:11px;margin-top:11px}.ai-copy{padding-right:15px}.process{background:linear-gradient(105deg,#edf8fe,#e2f1f8);border-top:1px solid #4599b2}.team-art{mask-image:radial-gradient(ellipse at 62% 63%,black 15%,transparent 72%);opacity:.65;mix-blend-mode:multiply;pointer-events:none}.sectors{background:radial-gradient(ellipse at 83% 60%,#00547826,transparent 70%),#001126}.sector-art{mask-image:linear-gradient(to bottom,#000a 10%,#0008 55%,transparent);filter:saturate(.65);opacity:.85}.sector-grid button{background:linear-gradient(150deg,#06324a77,#00182c);border-color:#225d7780;border-radius:9px;transition:background .2s}.sector-grid button:hover{background:#08465e}.results{background:radial-gradient(ellipse at 87% 70%,#05628855,transparent 55%),#001126}.result-card{background:linear-gradient(130deg,#e3f5ff,#cde9f5);border-color:#5e9eae33;border-radius:9px}.result-card>span{background:none!important;font-size:26px!important;color:#008cc4;width:auto;height:auto}.contact{background:linear-gradient(110deg,#034e8c99,#015b7977);box-shadow:inset 0 1px 0 #15d1ff22;border-color:#178db077;border-radius:14px}.contact .whatsapp{box-shadow:0 0 20px #00dfbe24;background:linear-gradient(115deg,#0bdbaa,#14c7df);border-color:#59efe0;color:#012339}.integrated-future{width:calc(260*var(--u));height:125%;background:url('hero.png') 76% 45%/cover no-repeat;mask-image:radial-gradient(ellipse at 62% 45%,black 5%,transparent 69%);mix-blend-mode:screen;opacity:.8;pointer-events:none}.footer-note{display:none}footer{background:#001022}.article-content{font-size:15px;line-height:1.6;color:#b8d5e5}.article-content h3{color:#e2f6ff;font-size:19px;margin:20px 0 8px}.article-content p{margin-bottom:15px}.article-choices{display:grid;gap:10px;margin:18px 0}.article-choices button{background:#063550;border:1px solid #216381;border-radius:9px;padding:14px;text-align:left;font-size:14px;color:#c2e9f5}.article-choices button:hover{border-color:#00d3eb}.article-back{color:#21d3f0;border:0;background:none;padding:6px 0;margin-bottom:12px}.goal-options{display:flex;gap:9px;flex-wrap:wrap}.goal-options a{border:1px solid #20768c;padding:10px;border-radius:8px;color:#73e6ff}.service-card,.hero-guide,.live-dashboard,.ai-simulator,.eco-node{filter:none!important}
@media(min-width:1400px){.hero{min-height:360px}.hero-illustration{left:calc(982*var(--u));width:calc(690*var(--u));height:100%;top:0;transform:none}.integrated-robot{width:122%;right:-10%;top:-9%;height:120%;object-position:58% 45%}.hero-guide{margin-top:80px;width:210px}.connected-map{width:calc(493*var(--u))}.solutions{min-height:322px;padding-top:25px;padding-bottom:25px}.ai-copy{width:calc(258*var(--u));padding-left:25px}.ai-simulator{right:16px;width:calc(250*var(--u))}.sim-bubble{font-size:13px}.sim-choices button{font-size:11px}.services .service-card{min-height:233px}}
@media(min-width:1101px) and (max-width:1399px){.hero-guide{width:180px;margin-right:5%;margin-top:130px;padding:12px}.hero-guide strong{font-size:12px}.hero-illustration{top:0;transform:none;height:100%}.integrated-robot{width:140%;height:100%;top:0;right:-20%}.hero{min-height:420px}.connected-map{width:36%;gap:9px 100px;padding:5px}.connection-center{width:85px;height:85px}.connection-center>span{font-size:23px}.eco-node{font-size:9px;padding:6px;gap:4px}.eco-node b{display:none}.connection-ring{width:108px;height:108px}.ecosystem{gap:16px}.world{width:29%}.solutions{grid-template-columns:26% 43% 27%;padding-bottom:24px}.live-dashboard{width:100%;padding:12px}.live-metrics{gap:7px}.live-metrics>div{padding:10px 7px}.live-metrics strong{font-size:16px}.chart-caption{flex-direction:column;gap:3px}.ai-simulator{position:relative;grid-column:2/4;right:auto;top:auto;transform:none;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:22px;padding:16px;background:#042d4166;border-radius:12px}.sim-head{grid-column:1/-1;margin:0}.sim-bubble{grid-row:2/4}.sim-choices{margin:0}.agent-next{margin:0}.live-tabs{gap:12px}.live-tabs button{font-size:10px}.chart-caption small{font-size:8px}}
@media(max-width:1100px){.mobile-logo{font-size:31px}.mobile-logo small{display:none}.hero-illustration{position:relative;left:auto;top:auto;transform:none;min-height:350px;height:auto;--u:1px;overflow:hidden;margin-top:10px}.integrated-robot{width:100%;height:115%;top:-8%;right:0;object-position:65% 50%;mask-image:radial-gradient(ellipse at 54% 40%,black 15%,#000b 43%,transparent 71%)}.hero-guide{width:230px;margin:95px 7% 35px 0}.hero-guide strong{font-size:15px}.hero-guide p{font-size:14px}.hero-guide a,.hero-guide button{font-size:13px;padding:10px}.hero-metrics blockquote{padding-top:12px}.hero-metric .mini-bars{font-size:26px!important}.clients .people{font-size:23px!important;left:5px;top:22px}.client-proof{display:none}.service-card{min-height:270px!important;padding:20px 17px!important}.integrated-icon{width:46px;height:46px}.connected-map{width:100%;height:235px;max-width:720px;grid-column:1/-1;gap:12px 150px;padding:12px 20px;--u:1px;margin:0 auto}.connection-ring{width:150px;height:150px}.connection-center{width:115px;height:115px}.eco-node{font-size:13px;padding:10px}.world-copy{max-width:75%}.live-dashboard{grid-column:1/-1;width:100%;padding:19px;min-height:290px}.live-tabs button{font-size:14px;padding:10px 3px}.live-metrics span{font-size:12px}.live-metrics strong{font-size:22px}.live-chart{height:90px}.chart-caption{font-size:13px}.chart-caption small{font-size:11px}.chart-months{font-size:11px}.ai-copy{padding:0}.ai-simulator{position:relative;top:auto;right:auto;transform:none;width:100%;align-self:center}.sim-bubble{font-size:14px;line-height:1.5}.sim-head{font-size:14px}.sim-choices button{font-size:12px;padding:8px 10px}.agent-next{font-size:13px}.integrated-future{display:none}.service-card .round-arrow{margin-top:auto}.hero .hero-illustration{margin-left:-24px;margin-right:-24px;width:calc(100% + 48px)}.sector-art{height:46px}.tag{max-width:100%}}
@media(max-width:520px){.hero .hero-illustration{margin-left:-18px;margin-right:-18px;width:calc(100% + 36px);min-height:345px}.integrated-robot{width:140%;right:-10%;object-position:70% 50%;height:105%;top:-8%;opacity:.8}.hero-guide{margin:135px 18px 18px 0;width:210px;padding:14px;background:#021b2dde}.hero-guide strong{font-size:13px}.hero-guide p{font-size:12px}.hero-guide>div{grid-template-columns:1fr 1fr}.hero-guide a{grid-column:1/-1}.hero-guide button,.hero-guide a{font-size:11px;text-align:center;padding:10px 5px}.connected-map{gap:10px 78px;padding:8px 0;height:230px}.connection-center{width:80px;height:80px}.connection-center>span{font-size:21px}.connection-center small{font-size:5px;margin-top:7px}.connection-ring{width:98px;height:98px}.connection-ring:before{inset:-8px}.eco-node{font-size:10px;padding:9px 6px;white-space:normal;line-height:1.2;gap:5px}.eco-node b{display:none}.live-dashboard{padding:15px 12px;min-height:280px}.live-metrics{gap:6px}.live-metrics>div{padding:9px 6px}.live-metrics strong{font-size:15px}.live-metrics span{font-size:10px;min-height:25px}.live-tabs{gap:12px}.live-tabs button{font-size:12px}.chart-caption{font-size:11px;display:block}.chart-caption small{display:block;font-size:10px;margin-top:5px}.live-chart{height:75px}.live-metrics{min-height:75px}.ai-simulator{grid-column:1/-1;margin-top:5px;padding:18px;border-radius:14px;border:1px solid #1d6a8155;background:#032a3d66}.sector-grid strong{font-size:12px}.world-copy{max-width:80%}.result-card>span{display:none!important}.service-card h3{font-size:19px}.service-card p{font-size:14px}.demo-label{font-size:10px}.service-card{min-height:290px!important}}
@media(prefers-reduced-motion:reduce){.service-card{transition:none}.service-card:hover{transform:none}}
.hero-metric .mini-bars svg,.people svg{width:100%;height:100%}.hero-metric .mini-bars,.hero-metric.roi .mini-bars{width:40px;height:36px;right:10px;bottom:10px;letter-spacing:0}.hero-metric.roi .mini-bars{left:12px}.clients .people{width:34px;height:30px;letter-spacing:0}.eco-stats>div>span{display:block;height:28px}.eco-stats svg{width:28px;height:28px}.result-card>span svg{width:28px;height:28px}.globe{mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 25%,transparent 100%)}
@media(min-width:1101px){.integrated-robot{object-fit:contain;object-position:right center;height:108%;top:-4%;right:-5%;width:118%;mask-image:radial-gradient(ellipse at 67% 48%,#000 23%,#000b 44%,transparent 73%)}.hero-guide{width:190px;margin-right:3%;margin-top:112px}.hero-guide strong{font-size:12px}.hero-guide p{font-size:11px}.hero-guide button,.hero-guide a{font-size:11px;padding:7px 8px}}
@media(max-width:1100px){.eco-stats>div>span{display:block}.integrated-robot{object-fit:contain}}
.site{overflow:clip}.ai-simulator:before{inset:0}.hero-guide{z-index:2}.hero-metric.roi{padding-left:50px}.hero-metric.roi .mini-bars{width:30px;height:30px}
@media(max-width:1100px){.hero-metric.roi{padding-left:12px}.hero-metric.roi .mini-bars{left:auto;right:10px;top:auto;bottom:8px;opacity:.45}}
.integrated-robot{height:auto!important;top:50%!important;transform:translateY(-50%);mask-image:radial-gradient(ellipse 65% 60% at 61% 49%,#000 26%,#000b 52%,transparent 88%)}
/* Service photography shares a single color grade and fades into each card. */
.service-card{isolation:isolate;overflow:hidden;background:#041c30}
.service-card:before{inset:auto;left:50%;top:0;width:max(100%,300px);height:auto;min-height:100%;aspect-ratio:1;transform:translateX(-50%);border-radius:0;background-image:url('service-backgrounds.png');background-size:300% 200%;background-repeat:no-repeat;background-position:var(--photo-x) var(--photo-y);opacity:.9;z-index:-2;transition:opacity .25s}
.service-card:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#00172b22 0%,#00172b80 27%,#00172bd9 53%,#00172bf2 82%,#00172b 100%)}
.service-card[data-service="community"]{--photo-x:0%;--photo-y:0%}
.service-card[data-service="traffic"]{--photo-x:50%;--photo-y:0%}
.service-card[data-service="brand"]{--photo-x:100%;--photo-y:0%}
.service-card[data-service="software"]{--photo-x:0%;--photo-y:100%}
.service-card[data-service="content"]{--photo-x:50%;--photo-y:100%}
.service-card[data-service="sales"]{--photo-x:100%;--photo-y:100%}
.service-card:hover:before{opacity:1}.service-card:hover{background:#041c30}
.service-card .integrated-icon{position:relative;background:#01233bad;border:1px solid #58dfff44;border-radius:13px;backdrop-filter:blur(5px);filter:none;color:#5ae6ff}
.service-card h3{color:#fff;text-shadow:0 2px 12px #001020}.service-card p{color:#e0edf6;text-shadow:0 1px 8px #001020}.service-card .round-arrow{background:#07456bd9}
@media(prefers-reduced-motion:reduce){.service-card:before{transition:none}}