/* V7 — continuous dark canvas and a two-chapter horizontal journey. */
:root{color-scheme:dark;--paper:#0b1418;--ink:#ecf7f5;--purple:#65dfcc;--muted:#a6bfbb;--line:#c0f0e926}
html,body{background:#101615;color:#ecf7f5}
.site-header,.site-header.is-scrolled{background:#101615ed;border-bottom-color:var(--line);color:#ecf7f5;backdrop-filter:blur(18px)}
.wordmark-note{border-color:#b9efe735;color:#a8c5c1}.site-header sup{color:#a0cec7}.site-header nav .nav-contact{border-color:#a7dfd755}.site-header nav a:hover{color:#b7fff4}
.skip-link{background:#1c312e;color:#fff}.hero{background:radial-gradient(ellipse at 78% 45%,#325e5752,transparent 54%),#101615}.hero-meta,.scene-caption{color:#a9c4c0}.hero-copy .eyebrow{color:#c9ede8}.hero-description p{color:#b8d2ce}.hero-bottom{border-color:var(--line);color:#aacac5}.round-link{border-color:#9bd2ca5e;color:#cffff8}.round-link:hover{background:#a3f4e8;color:#101f1d}.hero h1 em{-webkit-text-stroke-color:#b1f4ea}.scene-shadow{background:#020706cc}.loader{background:#0d1615;color:#ecf7f5}.loader-meta{color:#b7d9d4}
.agency-section{background:#101817}.agency-heading>p{color:#abc6c2}.agency-heading h2 em{color:#a0e8dd}.agency-heading .eyebrow{color:#a0ccc5}.agency-heading{border-top:1px solid var(--line)}
.brand-archive{background:#101615}.brand-archive .archive-heading h2 em{color:#a2ccc6}
.masonry-vivibanco{background:radial-gradient(ellipse at 65% 20%,#28384c,#151e2c);color:#ecf7f5}.masonry-vivibanco .masonry-logo img{filter:brightness(1.8) saturate(.65)}.masonry-vivibanco .masonry-top,.masonry-vivibanco .masonry-site,.masonry-vivibanco .masonry-visit-arrow{color:#b1d0cb}.masonry-vivibanco .masonry-site>span:first-child{color:#a0bbb7}.masonry-vivibanco .masonry-orbit{border-color:#bbf5ec1c}.masonry-vivibanco .masonry-index{-webkit-text-stroke-color:#bbf5ec1c}.masonry-vivibanco .masonry-visit-arrow{border-color:#bbf5ec3d}
.build-lab{background:radial-gradient(ellipse at 78% 48%,#30635b3d,transparent 48%),#111d1b;color:#e9f8f6;border-top:1px solid var(--line);padding:65px 4%;grid-template-columns:minmax(0,.93fr) minmax(0,1.2fr)}
.build-copy>.eyebrow{color:#a1d0c9}.build-copy h2{font-size:clamp(42px,4.4vw,72px);color:#e9fbf8}.build-copy h2 em{color:#a1ece1}.build-selectors{border-color:var(--line)}.build-selectors button{color:#a0bcb8;border-color:var(--line)}.build-selectors button:hover{color:#dffffa;background:#9cfaec06}.build-selectors button[aria-pressed=true]{color:#b2fff3;background:linear-gradient(90deg,#83eede12,transparent)}
.build-detail>.mono{color:#9dd7ce}.build-detail p{color:#aecac6}.build-copy>.text-link,.build-actions .text-link{color:#c5fff6}.build-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:490px}.build-actions a{font-size:8px;line-height:1.7}.journey-next{display:flex;align-items:center;gap:13px;color:#a3cac4;padding:12px 0}.journey-next span{font-size:24px;color:#adf1e7;transition:transform .4s}.journey-next:hover span{transform:translateX(7px)}
.build-orbit{border-color:#90e5d823}.build-visual-note{color:#9ac4be;font-size:7px}.services-scene{height:550px}.build-halo{position:absolute;inset:16% 8%;border-radius:50%;background:radial-gradient(ellipse,#66cabb20,transparent 68%);filter:blur(20px);pointer-events:none}.build-visual:after{content:'';position:absolute;left:15%;right:15%;bottom:14%;height:30px;background:#060e0db0;filter:blur(20px);transform:rotate(-8deg);pointer-events:none}.build-fallback .fallback-browser{background:#233f3b;border-color:#73bfb4}.build-fallback .fallback-browser b{color:#c0f6ee}.build-fallback .fallback-phone{background:#436762;border-color:#9ac8c1}
.process{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(0,1.3fr);align-items:center;gap:4%;padding:55px 4% 65px;background:radial-gradient(ellipse at 75% 55%,#23443f55,transparent 52%),#101918;border-top:1px solid var(--line)}
.process-sidebar{min-width:0;position:relative;z-index:2}.process-heading{display:block}.process-heading h2{font-size:clamp(32px,3.1vw,52px);line-height:1.04;margin-top:15px;letter-spacing:-.05em}.process-heading h2 em{color:#a8eae0}.process-heading .eyebrow{font-size:9px;line-height:1.6}.process-tabs{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line);border-bottom:0;margin:24px 0 0;overflow:visible}
.process-tabs button{display:flex;width:100%;min-width:0;min-height:38px;padding:10px 13px;border-bottom:1px solid var(--line);border-left:2px solid transparent;gap:18px;position:relative}.process-tabs button strong{font-size:16px}.process-tabs button .mono{font-size:8px}.process-tab-arrow{font-size:18px;margin-left:auto;color:#79b5ac;opacity:.5;font-style:normal;line-height:1}.process-tabs button[aria-selected=true]{border-left-color:#9cebdf;border-bottom-color:var(--line);background:linear-gradient(90deg,#7edfd018,transparent)}.process-tabs button[aria-selected=true] .process-tab-arrow{color:#b9fff5;opacity:1;transform:rotate(45deg)}.process-tabs button:focus-visible{outline-offset:2px;z-index:1}
.process-description{display:block;min-height:177px;padding-top:19px;max-width:410px}.process-description h3{font-size:25px;line-height:1.1;margin-bottom:10px}.process-description>p{font-size:12px;line-height:1.65;color:#b1ceca}.process-deliverable{border-left:2px solid #81cbc066;padding-left:12px;margin-top:15px}.process-deliverable .mono{font-size:6px;margin-bottom:4px;color:#95cbc3}.process-deliverable p{font-size:12px;line-height:1.5}.journey-back{display:inline-block;font-size:7px;color:#8cbbb4;padding:12px 0 0}.journey-back:hover{color:#c2fff6}
.process-visual{position:relative;min-width:0;isolation:isolate}.process-stage{height:570px;margin:0;z-index:1;background:radial-gradient(ellipse,#3b7e7427,transparent 68%)}.process-stage:after{inset:12% 2%;border-color:#94d5cb1c}.process-visual-word{position:absolute;left:10%;top:8%;font-size:clamp(65px,8vw,150px);line-height:.86;letter-spacing:-.08em;font-weight:600;color:transparent;-webkit-text-stroke:1px #b1fff30d;z-index:-1;pointer-events:none}.process-scene-note{bottom:5px;left:3%;right:3%;color:#8cb6b0;font-size:6px}.process-scene-note>span:last-child{max-width:none}.process-fallback{padding:30px 8%;flex-direction:column;gap:14px}.process-fallback li{min-height:65px;width:220px;flex-direction:row;box-shadow:0 7px 0 #071110}
.creation-journey{position:relative;background:#101918}.creation-sticky,.creation-track{position:relative}.creation-progress{display:none}.creation-journey.is-horizontal{height:calc(100svh - 72px + var(--creation-distance));position:relative}.is-horizontal .creation-sticky{position:sticky;top:72px;height:calc(100svh - 72px);overflow:clip;isolation:isolate}.is-horizontal .creation-track{display:flex;width:200%;height:100%;will-change:transform}.is-horizontal .creation-track>section{flex:0 0 50%;width:50%;height:100%;min-height:0;margin:0;box-sizing:border-box;padding:30px 4vw 65px;overflow:hidden;border:0}
.is-horizontal .build-copy h2{font-size:clamp(38px,4vw,68px);margin:20px 0 27px;line-height:.98}.is-horizontal .build-selectors button{padding-block:15px}.is-horizontal .build-selectors strong{font-size:clamp(20px,2.1vw,32px)}.is-horizontal .build-detail{padding-top:21px;min-height:110px}.is-horizontal .build-actions a{font-size:7px}.is-horizontal .build-visual{height:100%;min-height:0}.is-horizontal .services-scene{height:100%;max-height:660px;min-height:0}.is-horizontal .build-visual-note{bottom:0;font-size:6px}.is-horizontal .process-heading h2{font-size:clamp(29px,2.6vw,48px)}.is-horizontal .process-heading .eyebrow{font-size:8px}.is-horizontal .process-tabs{margin-top:19px}.is-horizontal .process-tabs button{padding-block:8px;min-height:36px}.is-horizontal .process-description{min-height:165px;padding-top:16px}.is-horizontal .process-description h3{font-size:23px}.is-horizontal .process-visual{height:100%;min-height:0}.is-horizontal .process-stage{height:100%;max-height:690px}.is-horizontal .process-sidebar{align-self:center}.is-horizontal .journey-back{padding-top:10px}
.is-horizontal .creation-progress{position:absolute;bottom:0;left:4%;right:4%;height:47px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;color:#8bb9b2;font-size:7px;z-index:5;background:#101918f2}.creation-progress a{padding:10px 0;white-space:nowrap}.creation-progress a[aria-current]{color:#c1fff6}.creation-progress-line{height:1px;flex:1;background:#9ae5da2b;max-width:180px}.creation-progress-line i{display:block;width:100%;height:2px;background:#a2ede2;transform:scaleX(var(--creation-progress,0));transform-origin:left}.creation-scroll-hint{margin-left:auto;display:flex;align-items:center;gap:12px;color:#acd9d2}.creation-scroll-hint b{font-size:20px;font-weight:400}
.contact{background:radial-gradient(ellipse at 90% 75%,#305c5540,transparent 55%),#0d1615;color:#e4f7f4;border-top:1px solid var(--line)}.contact .section-top,.contact footer{border-color:var(--line);color:#a1ccc6}.contact h2 span{-webkit-text-stroke-color:#9fe7dc}.contact h2 i{color:#a4efe4}.contact-bottom p{color:#a9cfc9}.contact-email{border-color:#a2e7dd62;color:#d5faf4}.contact footer{background:transparent}
dialog{background:#162523;color:#e7fffb;border-color:#a2e7dd4d}.dialog-eyebrow{color:#9ac9c2}.dialog-intro{color:#a2ede2}#dialog-content p{color:#b2ceca}.dialog-disclaimer{color:#9bc3bd;border-color:#a2e7dd31}.dialog-close{color:#d1faf4}
.toolbox{background:#111e1c;color:#e5faf7}.toolbox-heading>p,.toolbox-footnote{color:#a2c7c1}
@media(max-width:1000px){.process{grid-template-columns:minmax(260px,.9fr) minmax(0,1fr);gap:3%}.process-heading h2{font-size:36px}.process-stage{height:580px}.build-actions{flex-wrap:wrap;gap:8px}.build-lab{padding-block:55px}.build-selectors strong{font-size:23px}.build-copy h2{font-size:43px}}
@media(max-width:700px){.site-header nav{background:#13201e;border-color:var(--line);box-shadow:0 25px 30px #0004}.hero{background:radial-gradient(ellipse at 65% 65%,#315e5745,transparent 65%),#101615}.build-lab{display:block;padding:45px 6% 25px}.build-copy h2{font-size:12vw}.build-selectors strong{font-size:24px}.build-selectors button{padding-block:17px}.build-detail{min-height:125px}.build-actions{flex-wrap:nowrap;gap:20px}.build-actions a{font-size:7px}.journey-next{max-width:145px;gap:10px}.build-visual{height:365px;min-height:0}.services-scene{height:100%}.build-visual-note{font-size:5px;bottom:0}.build-visual-note>span:last-child{max-width:130px;text-align:right}.process{display:flex;flex-direction:column;padding:40px 6% 25px;gap:15px;align-items:stretch}.process-heading h2{font-size:10.3vw}.process-heading .eyebrow{font-size:8px}.process-tabs{margin-top:25px;display:grid;grid-template-columns:1fr}.process-tabs button{min-height:42px;padding:10px 12px}.process-tabs button strong{font-size:17px}.process-description{min-height:180px;padding-top:20px}.process-description h3{font-size:26px}.process-description>p{font-size:12px}.process-deliverable{margin-top:15px}.process-visual{height:435px}.process-stage{height:100%;margin:0}.process-visual-word{font-size:24vw;left:2%;top:10%}.process-scene-note{font-size:5px}.journey-back{font-size:7px}.contact .section-top{line-height:1.8}}
@media(max-width:360px){.build-selectors strong{font-size:21px}.build-actions{gap:12px}.build-actions a{font-size:6px}.build-visual{height:330px}.process-description{min-height:190px}.process-visual{height:410px}.process-heading h2{font-size:10.2vw}}
@media(prefers-reduced-motion:reduce){.creation-track{will-change:auto}.journey-next span{transition:none}}

/* One vector icon system: no operating-system arrow glyphs. */
.svg-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.icon-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.13em;flex-shrink:0;fill:none;overflow:visible}
.arrow-ne{transform:rotate(-45deg)}.arrow-se{transform:rotate(45deg)}.arrow-down{transform:rotate(90deg)}.arrow-up{transform:rotate(-90deg)}.arrow-left{transform:rotate(180deg)}.arrow-sw{transform:rotate(135deg)}.arrow-nw{transform:rotate(-135deg)}
.contact h2 i .icon-arrow{width:.85em;height:.85em}.journey-next>span{display:flex}.round-link>span{display:flex}.masonry-visit-arrow .icon-arrow{width:.8em;height:.8em}

/* Aqua identity across retained components; brand images stay untouched. */
::selection{background:#237d73;color:#effffb}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#6de4d1}
.hero,.site-header,.site-header.is-scrolled{background-color:#0b1418}
.agency-panel{--agency-accent:#9adccc;background:radial-gradient(ellipse at 50% 32%,#24575066,transparent 65%),#142525}
.agency-blau{--agency-accent:#81dfd1;background:radial-gradient(ellipse at 50% 35%,#24636766,transparent 70%),#10272b}
.agency-joyn{--agency-accent:#a5e2d8;background:radial-gradient(ellipse at 50% 40%,#2c646066,transparent 65%),#12282a}
.agency-apkana{--agency-accent:#a2d2b9;background:radial-gradient(ellipse at 50% 45%,#345c4c66,transparent 65%),#182925}
.agency-inzomnio{--agency-accent:#95d0cd;background:radial-gradient(ellipse at 60% 40%,#25565866,transparent 65%),#142427}
.masonry-enlace{background:radial-gradient(ellipse at 20% 20%,#27534d,#152724)}
.masonry-energuate{background:linear-gradient(145deg,#243736,#142522)}.masonry-makers{background:#203a3c}
.masonry-cementos{background:linear-gradient(140deg,#2b3833,#1b2824)}.masonry-autollantas{background:linear-gradient(155deg,#253f3c,#172a28)}
.masonry-scj{background:radial-gradient(ellipse at 80% 40%,#315650,#192d29)}.masonry-bigcola{background:linear-gradient(130deg,#2c3a3c,#172629)}.masonry-casadedios{background:linear-gradient(150deg,#234344,#142a2c)}
.masonry-top,.masonry-caption button{color:#b1d2cb}.masonry-visit-arrow{color:#b3ddd6}.masonry-visit:hover .masonry-visit-arrow{background:#b4ece1;color:#102c29}.masonry-site{color:#a1bbb7}.masonry-site>span:first-child{color:#8ba8a1}.masonry-site i{color:#c8e6e0}.masonry-disclaimer{color:#a1b6b3}.masonry-disclaimer .mono,.brand-archive .eyebrow{color:#94cbbc}
.process-tabs button{color:#a3beb8}.process-tabs button .mono{color:#89ada3}.process-tabs button[aria-selected=true]{color:#e7fff8}.process-tabs button[aria-selected=true] .mono{color:#b7f2e3}
.process-heading h2 em,.build-copy h2 em,.agency-heading h2 em{color:#82ddca}
.process-fallback li{background:#183934;border-color:#72b7a940}.process-fallback li>span{color:#a4dfcf}
.dialog-open .text-link{color:#9ae6d3}
.fallback-screen{background:#122d2b;color:#c3f5e6}.fallback-computer{box-shadow:20px 25px 40px #0007}

/* Electric aqua: concentrated luminous accents, with calm readable body copy. */
:root{--aqua:#26ffda;--aqua-bright:#76ffe9;--purple:var(--aqua);--aqua-ink:#04231f;--aqua-halo:#00e8be36}
::selection{background:var(--aqua);color:var(--aqua-ink)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--aqua)}
.hero h1 em{color:var(--aqua);-webkit-text-stroke:0;text-shadow:0 0 28px #00f5c92b,0 0 70px #00eab317}
.hero{background-image:radial-gradient(ellipse at 80% 48%,#00d6b61c,transparent 53%)}
.hero-copy .eyebrow .status-dot,.motion-toggle i,.page-progress span{box-shadow:0 0 12px #26ffda80}
.motion-reduced .motion-toggle i{box-shadow:none}
.brand-dot{color:var(--aqua);text-shadow:0 0 18px #26ffda6b}
.site-header nav .nav-contact{background:var(--aqua);border-color:var(--aqua);color:var(--aqua-ink);box-shadow:0 0 23px #00edc51c;transition:background .25s,box-shadow .25s}
.site-header nav .nav-contact:hover{background:var(--aqua-bright);color:var(--aqua-ink);box-shadow:0 0 28px #00edc540}
.site-header nav a:hover,.hero-bottom>a:hover{color:var(--aqua)}
.round-link{border-color:#26ffda80;background:#26ffda0c;color:var(--aqua);box-shadow:inset 0 0 18px #26ffda0a,0 0 26px #00e8be15}
.round-link:hover{background:var(--aqua);color:var(--aqua-ink);box-shadow:0 0 32px #00e8be40}
.agency-heading h2 em,.brand-archive .archive-heading h2 em,.build-copy h2 em,.process-heading h2 em{color:var(--aqua);text-shadow:0 0 28px #00e8be25}
.agency-panel{--agency-accent:var(--aqua)}
.agency-panel.is-expanded .agency-trigger>span{color:var(--aqua);border-color:#26ffda80}
.masonry-visit-arrow,.masonry-caption button:hover,.journey-next,.journey-back:hover{color:var(--aqua)}
.masonry-visit:hover .masonry-visit-arrow{background:var(--aqua);color:var(--aqua-ink);box-shadow:0 0 22px #26ffda40}
.build-selectors button[aria-pressed=true]{color:var(--aqua);background:linear-gradient(90deg,#00e8be1c,transparent);box-shadow:inset 2px 0 var(--aqua)}
.build-selectors button[aria-pressed=true] .icon-arrow,.process-tabs button[aria-selected=true] .icon-arrow{filter:drop-shadow(0 0 6px #26ffda70)}
.build-actions .text-link{background:var(--aqua);border:1px solid var(--aqua);color:var(--aqua-ink);padding:12px 15px;gap:18px;min-height:44px;font-size:9px;border-radius:3px;box-shadow:0 0 20px #00e8be16;transition:background .25s,box-shadow .25s}
.build-actions .text-link:hover{background:var(--aqua-bright);box-shadow:0 0 26px #00e8be38}
.journey-next span{color:var(--aqua)}
.build-halo{background:radial-gradient(ellipse,#00e8be26,transparent 68%)}
.build-orbit{border-color:#26ffda38}
.process-tabs button[aria-selected=true]{color:var(--aqua);border-left-color:var(--aqua);background:linear-gradient(90deg,#00e8be1c,transparent)}
.process-tabs button[aria-selected=true] .process-tab-arrow{color:var(--aqua)}
.process-deliverable{border-left-color:#26ffda80}.process-deliverable .mono{color:var(--aqua-bright)}
.process-stage{background:radial-gradient(ellipse,#00d9b51c,transparent 68%)}
.creation-progress-line i{background:var(--aqua);box-shadow:0 0 10px #26ffda80}
.creation-progress a[aria-current],.creation-scroll-hint b{color:var(--aqua)}
.contact h2 span{color:var(--aqua);-webkit-text-stroke:0;text-shadow:0 0 35px #00f5c92b,0 0 90px #00eab317}
.contact h2 i{color:var(--aqua);filter:drop-shadow(0 0 14px #00e8be38)}
.contact-email{color:var(--aqua);border-color:#26ffda80}.contact-email:hover{color:var(--aqua-bright)}
.loader-line span{background:var(--aqua);box-shadow:0 0 12px #26ffda80}.loader-meta button{color:var(--aqua)}
.build-fallback .fallback-browser{border-color:var(--aqua);box-shadow:0 0 24px #00e8be26}.build-fallback .fallback-browser b,.fallback-screen{color:var(--aqua)}
@media(max-width:700px){.hero h1 em,.contact h2 span{text-shadow:0 0 25px #00f5c92b}.build-actions .text-link{padding:11px 12px;gap:12px;font-size:8px}}