:root{--layer-ink:#0b2530;--layer-paper:#f7f4ee;--layer-coral:#e5745f;--layer-sea:#8fbdaa;--layer-sand:#ded1c0}
.layer-page{background:var(--layer-paper);color:var(--layer-ink)}
.layer-header{position:relative;z-index:10;min-height:76px;padding:14px clamp(20px,5vw,72px);border-bottom:1px solid rgba(11,37,48,.2);background:var(--layer-paper)}
.layer-header .brand{display:inline-flex;align-items:center}.layer-header .brand__logo--desktop{display:block;width:172px;height:auto}.layer-header .brand__logo--mobile{display:none}
.layer-main{max-width:1440px;margin:auto;padding:0 clamp(20px,5vw,72px) 90px}
.layer-hero{padding:clamp(58px,9vw,126px) 0 54px;border-bottom:1px solid rgba(11,37,48,.25)}
.layer-kicker{margin:0 0 20px;font:600 11px/1.4 "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
.layer-hero h1{max-width:1000px;margin:0;font-size:clamp(46px,8vw,112px);line-height:.92;letter-spacing:-.065em;text-wrap:balance}
.layer-hero h1 i{font-family:Georgia,serif;font-weight:400;color:#37615f}
.layer-lead{max-width:700px;margin:28px 0 0;font-size:clamp(18px,2vw,25px);line-height:1.45;color:#46575a}
.layer-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.layer-tags span{padding:9px 12px;border:1px solid rgba(11,37,48,.3);border-radius:99px;font:600 10px/1.2 "DM Mono",monospace;letter-spacing:.04em}
.layer-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.layer-hero-cta a,.layer-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 19px;border:1px solid var(--layer-ink);border-radius:999px;background:var(--layer-ink);color:var(--layer-paper);font-weight:700;text-decoration:none;cursor:pointer}.layer-hero-cta a.secondary{background:transparent;color:var(--layer-ink)}
.layer-section{padding:clamp(48px,7vw,92px) 0;border-bottom:1px solid rgba(11,37,48,.2)}
.layer-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.6fr);gap:36px;align-items:end;margin-bottom:30px}
.layer-section-head h2{margin:0;font-size:clamp(32px,5vw,64px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}.layer-section-head p{margin:0;color:#536164;line-height:1.55}
.layer-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.layer-panel{padding:clamp(20px,3vw,34px);border:1px solid rgba(11,37,48,.22);border-radius:20px;background:#fff}.layer-panel--before{background:#e9e4da}.layer-panel h3{margin:0 0 12px;font-size:22px}.layer-panel p,.layer-panel li{color:#536164;line-height:1.55}.layer-panel ul{padding-left:20px;margin:0}.layer-panel--after{background:#e1eee7}
.layer-widget{padding:clamp(18px,3vw,36px);border-radius:24px;background:var(--layer-ink);color:var(--layer-paper)}.layer-widget small,.layer-widget .layer-widget-label{font:500 10px/1.4 "DM Mono",monospace;letter-spacing:.09em;text-transform:uppercase;color:#a9c6bd}
.layer-control-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.layer-control-row button{min-height:44px;padding:10px 15px;border:1px solid rgba(247,244,238,.5);border-radius:999px;background:transparent;color:inherit;font:600 13px/1.2 inherit;cursor:pointer}.layer-control-row button[aria-pressed=true],.layer-control-row button[aria-selected=true]{background:var(--layer-sea);border-color:var(--layer-sea);color:var(--layer-ink)}
.layer-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}.layer-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.layer-card{padding:22px;border:1px solid rgba(11,37,48,.22);border-radius:18px;background:#fff}.layer-card h3{margin:10px 0;font-size:21px}.layer-card p{color:#536164;line-height:1.5}
.layer-visual{min-height:260px;overflow:hidden;border-radius:20px;background:#173b46}.layer-visual img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}.layer-note{margin-top:18px;font:500 11px/1.55 "DM Mono",monospace;color:#66706b}
.layer-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px clamp(20px,5vw,72px);background:var(--layer-ink);color:var(--layer-paper)}.layer-footer a{color:inherit}.layer-status{display:inline-flex;align-items:center;gap:8px}.layer-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--layer-coral)}
.layer-brand-board{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.layer-brand-board>img{width:100%;height:100%;min-height:380px;object-fit:cover;border-radius:20px}.layer-brand-side{display:grid;gap:12px}.layer-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.layer-swatches span{aspect-ratio:1;border-radius:50%;border:1px solid rgba(11,37,48,.16)}.layer-swatch-1{background:#0b2530}.layer-swatch-2{background:#e5745f}.layer-swatch-3{background:#8fbdaa}.layer-swatch-4{background:#ded1c0}.layer-brand-type{padding:22px;background:#fff;border-radius:18px}.layer-brand-type strong{display:block;font:500 clamp(25px,4vw,48px)/.95 Georgia,serif}.layer-brand-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.layer-brand-apps span{padding:22px 10px;border-radius:12px;background:#e4ebe2;text-align:center;font-size:12px;font-weight:700}
.layer-route{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;counter-reset:route}.layer-route article{position:relative;min-height:155px;padding:22px 18px;border-top:2px solid var(--layer-sea);background:#183943}.layer-route b{display:block;margin:0 0 18px;color:#9fc7b5;font:500 11px "DM Mono",monospace}.layer-route h3{margin:0 0 8px;font-size:22px}.layer-route p{margin:0;color:#c2d2cb;font-size:14px;line-height:1.45}
.layer-phone-wrap{display:grid;grid-template-columns:1fr minmax(220px,.7fr);gap:26px;align-items:center}.layer-phone{max-width:280px;margin:auto;padding:12px;border:5px solid #172c30;border-radius:34px;background:#101c20;box-shadow:0 18px 40px #001b2444}.layer-phone-screen{min-height:390px;padding:18px;border-radius:22px;background:#fbf7ef;color:#132e31}.layer-phone-screen h3{font:700 22px Georgia,serif}.layer-phone-screen .menu-line{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #ddd4c4;font-size:12px}.layer-qr{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;width:76px;aspect-ratio:1;margin:15px auto;padding:4px;background:#fff}.layer-qr i{background:#102f38}.layer-qr i:nth-child(3n),.layer-qr i:nth-child(7n){background:transparent}
.layer-presence{overflow:auto;border:1px solid rgba(11,37,48,.25);border-radius:18px;background:white;color:#102f38}.layer-presence table{width:100%;border-collapse:collapse;min-width:560px;color:#102f38}.layer-presence th,.layer-presence td{padding:16px;text-align:left;border-bottom:1px solid #d9d8d1;vertical-align:top}.layer-presence th{color:#34484a;font:600 11px/1.4 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em}.layer-presence td:first-child{font-weight:700}.layer-presence--before td:nth-child(2){color:#874333}.layer-presence--after td:nth-child(2){color:#1f6656}
.layer-chat{max-width:760px;margin:auto}.layer-chat-message{max-width:82%;margin:10px 0;padding:13px 16px;border-radius:18px;background:#f7f4ee;color:#102f38;line-height:1.5}.layer-chat-message--system{margin-left:auto;background:#d6eee1}.layer-chat-state{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.layer-chat-state span{padding:12px 10px;border:1px solid #45616a;border-radius:12px;color:#b4c9c2;font:500 10px/1.35 "DM Mono",monospace}.layer-chat-state span.is-current{background:#8fbdaa;color:#102f38;border-color:#8fbdaa}.layer-hidden{display:none!important}
@media(max-width:760px){.layer-header .brand__logo--desktop{width:145px}.layer-main{padding-inline:20px}.layer-section-head,.layer-grid-2,.layer-brand-board,.layer-phone-wrap{grid-template-columns:1fr}.layer-section-head{gap:13px}.layer-compare{grid-template-columns:1fr}.layer-grid-3{grid-template-columns:1fr}.layer-route{grid-template-columns:1fr}.layer-route article{min-height:0}.layer-brand-board>img{min-height:250px}.layer-chat-state{grid-template-columns:repeat(2,1fr)}.layer-footer{align-items:flex-start;flex-direction:column}.layer-phone-screen{min-height:350px}}
@media(prefers-reduced-motion:reduce){.layer-page *{scroll-behavior:auto!important;transition:none!important}}

/* Keep demo navigation compact and make the touchpoint comparison readable on phones. */
.layer-header{display:flex;gap:clamp(12px,3vw,32px);background:#f7f4ee;color:#102f38}
.layer-header .text-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-left:auto;padding:8px 16px;border:1px solid rgba(11,37,48,.28);border-radius:999px;background:transparent;color:#102f38;text-decoration:none;font-size:14px}
.layer-header .language-switcher{position:static;margin-left:0;padding:3px;border-color:rgba(11,37,48,.25);background:#102f38;box-shadow:none}
.layer-header .language-switcher button{min-width:40px;min-height:40px}
.layer-qr-link{display:block;width:min(100%,176px);aspect-ratio:1;margin:18px auto 0;border-radius:14px;line-height:0;outline-offset:4px;overflow:hidden;background:#fff}
.layer-qr-link img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;object-position:center;background:#fff;border-radius:14px}
.layer-qr-caption{margin:8px 0 0;text-align:center;color:#d3dfd8;font-size:12px}
@media(max-width:760px){.layer-header{min-height:68px;padding-inline:16px;gap:10px}.layer-header .brand__logo--desktop{width:116px}.layer-header .text-link{min-height:42px;padding:7px 11px;font-size:12px}.layer-header .language-switcher button{min-width:38px;min-height:38px}.layer-presence{overflow:visible;border:0;border-radius:0;background:transparent}.layer-presence table{min-width:0;display:block;border-collapse:separate}.layer-presence thead{display:none}.layer-presence tbody{display:grid;gap:10px}.layer-presence tr{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #d8dedb;border-radius:14px;background:#fff}.layer-presence td{display:block;padding:12px 13px;border-bottom:1px solid #e4e7e4;font-size:13px;line-height:1.4}.layer-presence td:first-child{grid-column:1/-1;padding:11px 13px;background:#eef3ef;color:#102f38;font-size:14px}.layer-presence td:nth-child(2),.layer-presence td:nth-child(3){min-width:0}.layer-presence td:nth-child(2)::before,.layer-presence td:nth-child(3)::before{display:block;margin-bottom:5px;color:#61716c;font:600 9px/1.3 "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase}.layer-presence td:nth-child(2)::before{content:"SEÑAL VISIBLE"}.layer-presence td:nth-child(3)::before{content:"PROBLEMA"}.layer-presence--after td:nth-child(2)::before{content:"SEÑAL ORDENADA"}.layer-presence--after td:nth-child(3)::before{content:"SIGUIENTE PASO"}html:lang(en) .layer-presence td:nth-child(2)::before{content:"VISIBLE SIGNAL"}html:lang(en) .layer-presence td:nth-child(3)::before{content:"PROBLEM"}html:lang(en) .layer-presence--after td:nth-child(2)::before{content:"ORGANIZED SIGNAL"}html:lang(en) .layer-presence--after td:nth-child(3)::before{content:"NEXT STEP"}}
.lab-service-showcase{padding:clamp(58px,8vw,108px) 6vw;background:#f7f4ee;color:#0b2530}.lab-service-showcase__head{display:grid;grid-template-columns:1fr minmax(220px,.55fr);gap:32px;align-items:end;margin-bottom:32px}.lab-service-showcase__head h2{max-width:800px;margin:0;font-size:clamp(42px,6vw,84px);line-height:.94;letter-spacing:-.06em}.lab-service-showcase__head p{color:#5e6968;line-height:1.5}.lab-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lab-service-card{overflow:hidden;border:1px solid rgba(11,37,48,.22);border-radius:18px;background:#fff;color:inherit;text-decoration:none}.lab-service-card__image{position:relative;aspect-ratio:1.6;overflow:hidden;background:linear-gradient(135deg,#2c6070,#0b2530)}.lab-service-card__image img{width:100%;height:100%;object-fit:cover}.lab-service-card__image span{position:absolute;inset:auto 16px 14px;color:#fff;font:600 10px/1.3 "DM Mono",monospace;letter-spacing:.08em;text-shadow:0 2px 8px #000}.lab-service-card__body{padding:18px}.lab-service-card__body h3{margin:0 0 8px;font-size:22px}.lab-service-card__body p{margin:0;color:#596567;font-size:14px;line-height:1.5}.lab-service-card__body small{display:block;margin-top:14px;color:#69706a;font:500 9px/1.4 "DM Mono",monospace}.lab-service-card:hover h3,.lab-service-card:focus-visible h3{text-decoration:underline}.lab-service-card--presence .lab-service-card__image{background:linear-gradient(135deg,#668b88,#102f38)}.lab-service-card--presence .lab-service-card__image:after{content:"GOOGLE  ✓  ·  INSTAGRAM  ↗  ·  WEB  →";position:absolute;left:12%;top:38%;padding:15px;background:#f7f4ee;border-radius:10px;font:600 10px "DM Mono",monospace}.lab-service-card--ai .lab-service-card__image{background:radial-gradient(circle at 72% 30%,#e5745f 0 10%,transparent 10.5%),linear-gradient(135deg,#345c68,#0b2530)}.lab-service-card--ai .lab-service-card__image:after{content:"QUESTION   →   TEAM";position:absolute;left:12%;top:42%;padding:15px;background:#8fbdaa;border-radius:999px;color:#0b2530;font:600 10px "DM Mono",monospace}
@media(max-width:760px){.lab-service-showcase__head{grid-template-columns:1fr;gap:14px}.lab-service-grid{grid-template-columns:1fr}.lab-service-card{display:grid;grid-template-columns:36% minmax(0,1fr)}.lab-service-card__image{height:100%;min-height:150px;aspect-ratio:auto}.lab-service-card__image span{font-size:8px;left:8px;bottom:8px}.lab-service-card__body{padding:14px}.lab-service-card__body h3{font-size:18px}.lab-service-card__body p{font-size:12px}.lab-service-card__body small{font-size:8px}.lab-service-card--presence .lab-service-card__image:after,.lab-service-card--ai .lab-service-card__image:after{left:8%;right:5%;top:42%;font-size:7px;padding:8px}}
.layer-control-row button{font:600 13px/1.2 "Instrument Sans",sans-serif}