@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url("assets/fonts/manrope-variable.ttf") format("truetype")}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/fonts/inter-variable.ttf") format("truetype")}
:root{--blue:#0755ff;--blue-dark:#003bc4;--navy:#061735;--ink:#000;--muted:#565d6b;--line:#dbe1eb;--content:1328px;--gutter:clamp(1.25rem,3.5vw,3.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;color:var(--ink);background:#fff;font:400 1rem/1.6 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:800;line-height:1.08;letter-spacing:-.055em;text-wrap:balance}h2{font-size:clamp(2rem,3.1vw,3rem)}h3{font-size:clamp(1.45rem,1.9vw,1.8rem);letter-spacing:-.045em;line-height:1.13}p{text-wrap:pretty}a{color:inherit;text-underline-offset:.25em}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}svg.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.svg-library{position:absolute;width:0;height:0;pointer-events:none}.container{width:min(calc(100% - 2*var(--gutter)),var(--content));margin-inline:auto}.text-blue{color:var(--blue)}.section-space{padding-block:clamp(3rem,5vw,5rem)}section[id],main[id]{scroll-margin-top:6rem}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;background:#fff;padding:.75rem 1rem;transform:translateY(-200%)}.skip-link:focus{transform:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:48px;padding:.8rem 1.15rem;border:1px solid transparent;border-radius:4px;text-decoration:none;font-size:.86rem;font-weight:600;line-height:1.45;text-align:center;transition:background .18s,border-color .18s,transform .18s}.button .icon{width:18px;height:18px}.button-blue{background:var(--blue);color:#fff}.button-blue:hover{background:var(--blue-dark)}.button-outline{border-color:#343b49;background:#fff}.button-outline:hover{background:#eef3ff;border-color:var(--blue);color:var(--blue)}.button:active{transform:translateY(1px)}.actions{display:flex;flex-wrap:wrap;gap:.8rem}
.site-header{position:sticky;top:0;background:#fffffff5;z-index:30;border-bottom:1px solid #eef0f5;backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:88px}.brand-logo{display:block;position:relative;width:132px;height:48px;overflow:hidden;flex-shrink:0;background:#000}.brand-logo img{position:absolute;left:0;top:-43px;width:132px;height:132px;max-width:none}.site-nav{display:flex;align-items:center;gap:2rem}.site-nav a{font-size:.875rem;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.site-nav a:hover{color:var(--blue)}.header-contact{display:flex;gap:1.25rem;align-items:center}.header-phone{display:flex;align-items:center;gap:.5rem;font-size:.8rem;text-decoration:none}.header-phone .icon{width:18px;height:18px}.header-contact .button{font-size:.8rem;min-height:44px}.menu-toggle{display:none;min-height:44px;padding:.5rem .75rem;gap:.65rem;align-items:center;border:1px solid var(--line);background:#fff;border-radius:4px}
.hero{padding-block:2.5rem 1.5rem;background:radial-gradient(ellipse 48% 65% at 86% 47%,#eaf3ff 0%,#f8fbff 55%,#fff 100%)}.hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:2rem;align-items:center}.hero-grid>*{min-width:0}.hero h1{font-size:clamp(3.5rem,5.55vw,5.2rem);line-height:.99;letter-spacing:-.065em}.hero h1>span{display:block}.hero h1 .text-blue{font-size:clamp(2.8rem,4.64vw,4.5rem);margin-top:.1em;letter-spacing:-.065em}.hero-lead{font-size:clamp(1.125rem,1.65vw,1.4rem);line-height:1.5;max-width:33ch;color:#505662;margin-block:1.5rem 2rem}.hero-figure{min-width:0}.hero-figure figcaption{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;padding-top:1rem;color:#626b7a;font-size:.75rem}.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;border:1px solid #bbc7db;border-radius:4px;background:#ffffffb8;color:#26334b;font-size:.75rem;padding:.5rem .8rem}.motion-toggle:disabled{cursor:default}
.connection-scene{position:relative;height:590px;isolation:isolate}.scene-card{position:absolute;z-index:2;box-shadow:0 12px 32px #12254716}.connection-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}.connection-wire{fill:none;stroke:var(--blue);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;opacity:.58}.flow-dot{fill:var(--blue);stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 5px #0755ff88)}.connection-node{fill:var(--blue);stroke:#fff;stroke-width:2}
.capture-card{top:20px;left:0;width:185px;border:1px solid #e2e8f3;background:#fff;border-radius:10px;transform:rotate(-3deg);padding:9px;transition:box-shadow .3s,border-color .3s}.mini-heading{display:flex;gap:.45rem;align-items:center;font-size:.66rem;line-height:1.3;color:#162238;min-height:28px}.mini-heading strong{font-weight:600}.platform-mark{display:inline-grid;place-items:center;width:20px;height:20px;flex-shrink:0;background:var(--blue);color:#fff;border-radius:50%;font:bold 19px/1 Arial,sans-serif;padding-top:3px}.capture-card>img{width:100%;height:89px;object-fit:cover;border-radius:3px}.capture-copy{padding:8px 3px 1px}.capture-copy>strong{display:block;color:#142a53;font-size:.9rem;line-height:1.2;font-weight:700}.capture-copy>span{display:block;color:var(--blue);font-size:.67rem;margin-top:6px}
.website-preview{top:0;right:0;width:61%;background:#fff;border:6px solid #233044;border-bottom-width:10px;border-radius:10px;transform:rotate(2deg)}.browser-bar{height:22px;display:flex;gap:4px;align-items:center;padding-inline:9px;background:#eef1f6;border-bottom:1px solid #e1e5ec;color:#667084;font-size:.56rem}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#aab4c2}.browser-bar span{margin-left:auto}.preview-nav{display:flex;justify-content:space-between;gap:.4rem;align-items:center;padding:10px 12px;border-bottom:1px solid #e8edf4;font-size:.65rem}.preview-nav>span{color:#5a6372;font-size:.56rem}.preview-body{display:grid;grid-template-columns:1fr 1fr;min-width:0}.preview-body>div{padding:15px 12px}.preview-body strong{display:block;font:800 1.12rem/1.1 Manrope,Arial,sans-serif;letter-spacing:-.045em}.preview-body p{margin-top:10px;font-size:.68rem;line-height:1.5;color:#596478}.preview-body>img{width:100%;height:180px;object-fit:cover}.mock-action{display:inline-flex;align-items:center;gap:.4rem;padding:7px 9px;margin-top:12px;background:var(--blue);color:#fff;border-radius:2px;font-size:.62rem;line-height:1.4}
.conversation-phone{left:20%;top:265px;width:220px;min-height:310px;padding:14px 10px 12px;border:6px solid #1f2b3d;border-radius:25px;background:#f6f8fc;box-shadow:0 15px 30px #10234520}.phone-camera{width:44px;height:5px;border-radius:5px;background:#26364c;position:absolute;top:5px;left:calc(50% - 22px)}.chat-header{display:flex;gap:.5rem;align-items:center;padding:5px 0 10px;border-bottom:1px solid #dce3ee}.chat-avatar{width:29px;height:29px;flex-shrink:0;display:grid;place-items:center;background:#e5edff;color:var(--blue);border-radius:50%}.chat-avatar .icon{width:18px;height:18px}.chat-header strong{display:block;font-size:.75rem;line-height:1.4}.chat-header div>span{display:block;font-size:.58rem;color:#5a6475}.chat-body{padding-top:7px;position:relative}.chat-bubble{font-size:.75rem;line-height:1.5;padding:9px 10px;border-radius:8px;margin-block:8px;transition:opacity .22s,transform .22s;min-width:0}.chat-bubble.incoming{background:#e9edf4;color:#202a3a;margin-right:12px;border-bottom-left-radius:2px}.chat-bubble.outgoing{background:var(--blue);color:#fff;margin-left:12px;border-bottom-right-radius:2px}.chat-options{display:grid;grid-template-columns:1fr;gap:5px;margin-top:9px;transition:opacity .22s,transform .22s}.chat-options span{background:#fff;border:1px solid #dbe3f1;border-radius:5px;font-size:.7rem;line-height:1.3;padding:5px 9px}.chat-note{border-top:1px solid #dce3ee;margin-top:9px;padding-top:8px;font-size:.59rem;color:#667087}.chat-note>span{color:var(--blue)}.typing-indicator{display:flex;gap:4px;align-items:center;height:21px;position:absolute;left:10px;top:81px;background:#f6f8fc}.typing-indicator i{width:5px;height:5px;border-radius:50%;background:#7988a2;animation:typing 1s infinite ease-in-out}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}@keyframes typing{50%{transform:translateY(-3px);opacity:.45}}.flow-hidden{opacity:0;visibility:hidden;transform:translateY(6px)}
.audiovisual-preview{right:0;top:302px;width:36%;background:#0a1930;border:4px solid #fff;border-radius:8px;overflow:hidden;transform:rotate(2deg)}.audiovisual-preview>img{width:100%;height:125px;object-fit:cover}.audiovisual-preview>div{display:flex;gap:.4rem;align-items:center;background:#0a1930;color:#fff;padding:8px;font-size:.65rem}.audiovisual-preview .icon{width:16px;height:16px}.team-card{right:0;top:495px;width:36%;display:flex;align-items:center;gap:.6rem;padding:15px 12px;background:#fff;border:1px solid #dbe3f0;border-radius:8px;transition:border-color .3s,box-shadow .3s}.team-icon{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#eaf0fc;color:var(--blue)}.team-icon .icon{width:17px;height:17px}.team-card strong{display:block;font-size:.76rem;line-height:1.3}.team-card div>span{display:block;font-size:.62rem;color:#5c687d;line-height:1.5;margin-top:.2rem}.team-check{width:16px!important;height:16px!important;color:var(--blue);margin-left:auto}.connection-scene[data-stage="captacion"] .capture-card{border-color:var(--blue);box-shadow:0 0 0 3px #0755ff18,0 12px 32px #12254716}.connection-scene[data-stage="equipo"] .team-card,.connection-scene[data-stage="descanso"] .team-card{border-color:var(--blue);box-shadow:0 0 0 3px #0755ff14,0 12px 32px #12254716}
.brands{border-block:1px solid #e5e9f1;padding-block:1.4rem}.brands-inner{display:grid;grid-template-columns:220px minmax(0,1fr);gap:2rem;align-items:center}.brands-heading h2{font:600 .83rem/1.5 Inter,Arial,sans-serif;letter-spacing:0}.brands-pending{font-size:.68rem;color:#707a8a;display:block;margin-top:.25rem}.brands-window{min-width:0;overflow:hidden}.brands-track{width:100%}.brand-group{display:flex;justify-content:space-around;gap:1.5rem;list-style:none;padding:0;margin:0}.brand-group li{min-width:0;text-align:center;flex:1}.brand-placeholder{font-size:.73rem;color:#667084;border:1px dashed #d6dfed;padding:.45rem .6rem;border-radius:3px}.brand-placeholder span{display:block;font-size:.63rem;color:#7b8595}.brand-group img{width:150px;height:48px;object-fit:contain;margin:auto}.brand-relation{font-size:.65rem;display:block;color:var(--muted);margin-top:.5rem}.carousel-toggle{margin-top:.5rem;min-height:44px;border:1px solid var(--line);background:#fff;font-size:.7rem;border-radius:3px;padding:.4rem .7rem}.brands-track.is-animated{display:flex;width:max-content;animation:brands-scroll 36s linear infinite}.brands-track.is-animated .brand-group{width:var(--brand-width);flex-shrink:0;padding-right:1.5rem}.brands-window:hover .brands-track,.brands-window:focus-within .brands-track,.brands-track.is-paused{animation-play-state:paused}@keyframes brands-scroll{to{transform:translateX(-50%)}}
.services{padding-bottom:1.8rem}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.3fr);align-items:center;gap:2rem;margin-bottom:2rem}.section-heading h2{font-size:clamp(2rem,3.1vw,3rem);letter-spacing:-.06em}.heading-break{display:none}.section-heading>p{border-left:1px solid #cfd7e4;padding-left:1.5rem;font-size:.9rem;line-height:1.6;color:#505968;max-width:32ch}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.service-card{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:1.25rem;min-width:0;min-height:440px;padding:1.75rem;border:1px solid #e2e7f0;border-radius:6px;position:relative}.service-copy{min-width:0;display:flex;flex-direction:column;align-items:start;position:relative;z-index:2}.service-icon{width:34px!important;height:34px!important;color:var(--blue);margin-bottom:1.4rem}.service-card h3{margin-bottom:.85rem;max-width:17ch}.service-benefit{font-size:.88rem;line-height:1.6;margin-bottom:1rem;max-width:29ch}.service-capabilities{padding:0;margin:0 0 1.5rem;list-style:none;font-size:.75rem;line-height:1.7;color:#5d697c}.service-capabilities li{padding-left:.75rem;position:relative}.service-capabilities li:before{content:'';position:absolute;left:0;top:.7em;width:3px;height:3px;background:var(--blue);border-radius:50%}.button-service{margin-top:auto;min-height:46px;border-color:#293447;background:transparent;color:inherit;font-size:.75rem;padding:.6rem .8rem;text-align:left;justify-content:space-between;gap:.5rem;width:100%;max-width:280px}.button-service:hover{background:var(--blue);border-color:var(--blue);color:#fff}.service-visual{min-width:0;position:relative;align-self:center}.example-label{display:block;font-size:.64rem;letter-spacing:.01em;color:#596980;margin-bottom:1rem}
.automation-card{background:radial-gradient(ellipse at 80% 105%,#0844b8 0%,#081d42 40%,#030c1b 80%);color:#fff;border-color:#102445}.automation-card .service-capabilities{color:#c0cde2}.automation-card .service-capabilities li:before{background:#5e9cff}.automation-card .button-service{border-color:#8193b0}.automation-card .example-label{color:#b9c9e5}.automation-visual{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center}.automation-visual .example-label{grid-column:1/-1;margin-bottom:0}.attention-route{display:flex;flex-direction:column;align-items:center;gap:8px;padding-block:.5rem}.attention-route>div{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.65rem;line-height:1.5;text-align:center}.attention-route .icon{width:23px;height:23px;color:#69a5ff}.route-link{width:2px;height:52px;background:var(--blue);position:relative}.route-link:after{content:'';position:absolute;left:-3px;top:24px;width:8px;height:8px;border-radius:50%;background:#65a7ff;box-shadow:0 0 12px #0755ff}.mini-phone{color:#1a263b;background:#f5f8ff;border:5px solid #53657e;border-radius:20px;padding:15px 10px 12px;transform:rotate(2deg);box-shadow:0 15px 25px #0003;min-width:0}.mini-phone-header{display:flex;align-items:center;gap:.4rem;border-bottom:1px solid #dfe6f1;padding-bottom:9px;font-size:.7rem}.status-dot{width:7px;height:7px;background:var(--blue);border-radius:50%}.mini-phone .chat-bubble{font-size:.7rem;padding:8px}.mini-options{display:flex;flex-direction:column;gap:6px}.mini-options>span{display:flex;justify-content:space-between;gap:.3rem;font-size:.65rem;background:#fff;border:1px solid #dde6f4;border-radius:4px;padding:6px}.route-result{display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:var(--blue);margin-top:14px}.route-result .icon{width:15px;height:15px}
.web-card{background:linear-gradient(140deg,#f7faff,#edf2fa)}.web-visual{min-height:310px}.laptop-mockup{position:relative;margin-top:22px;width:95%;border:5px solid #202c3e;border-bottom-width:12px;background:#fff;border-radius:7px;transform:rotate(-2deg);box-shadow:0 15px 18px #0d22331a}.laptop-mockup:after{content:'';position:absolute;height:8px;left:-9px;right:-9px;bottom:-17px;border-radius:0 0 50% 50%;background:#a8b3c3}.laptop-mockup .preview-body>div{padding:12px 10px}.laptop-mockup .preview-body strong{font-size:1rem}.laptop-mockup .preview-body p{font-size:.65rem}.laptop-mockup .preview-body>img{height:174px}.laptop-mockup .preview-nav{font-size:.6rem;padding:9px}.mobile-web-mockup{position:absolute;right:-9px;top:124px;width:108px;background:#fff;border:4px solid #233044;border-radius:15px;padding:12px 7px 7px;box-shadow:0 9px 19px #0c244c20;transform:rotate(3deg)}.mobile-web-mockup>strong{font-size:.57rem;display:block}.mobile-web-mockup p{font:800 .8rem/1.1 Manrope,Arial,sans-serif;margin-block:10px}.mobile-web-mockup>img{width:100%;height:75px;object-fit:cover}.mobile-web-mockup .mock-action{font-size:.54rem;padding:6px 5px;margin-top:7px;width:100%;justify-content:center}.visual-caption{font-size:.7rem;color:#53637b;margin-top:30px;padding-right:105px;line-height:1.5}
.marketing-card{background:#f1f4f9}.marketing-visual{min-height:335px}.production-photo{position:relative;width:85%;margin-top:20px}.production-photo>img{width:100%;height:195px;object-fit:cover;border-radius:4px}.production-photo>span{position:absolute;left:10px;bottom:10px;font-size:.68rem;line-height:1.4;padding:4px 8px;background:#ffffffed;border-radius:2px;color:#172238}.vertical-piece{position:absolute;right:0;top:35px;width:105px;min-height:184px;border:4px solid #fff;border-radius:8px;box-shadow:0 7px 20px #1728422b;overflow:hidden;background:#0b1730;transform:rotate(3deg)}.vertical-piece>img{width:100%;height:180px;object-fit:cover;object-position:38% center}.vertical-piece>span{position:absolute;inset:auto 5px 25px;font:800 .88rem/1.1 Manrope,Arial,sans-serif;color:#fff;background:#051329c9;padding:6px}.vertical-piece>small{position:absolute;bottom:8px;left:9px;color:#fff;font-size:.58rem}.editing-timeline{position:relative;margin-top:14px;background:#111c30;color:#fff;padding:10px;border-radius:4px;box-shadow:0 7px 17px #11244226;min-width:0}.timeline-title{display:flex;justify-content:space-between;gap:8px;font-size:.6rem}.timeline-title>span{font-size:.55rem;color:#b7c5dc}.timeline-ruler{display:flex;justify-content:space-between;margin-block:7px;border-top:1px solid #69768c}.timeline-ruler>span{width:1px;height:4px;background:#7f8da4}.timeline-clips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.timeline-clips img{width:100%;height:30px;object-fit:cover}.audio-wave{width:100%;height:24px;display:block;margin-top:4px;stroke:#488bff;stroke-width:1;fill:none}.timeline-head{position:absolute;top:26px;bottom:8px;left:8%;width:2px;background:#9ecaff;box-shadow:0 0 5px #0755ff}.timeline-head:before{content:'';position:absolute;top:0;left:-3px;border-top:5px solid #9ecaff;border-inline:4px solid transparent}
.ads-card{background:radial-gradient(ellipse at 10% 0%,#163b88,#0755ff 80%);color:#fff;border-color:#0755ff}.ads-card .service-icon{color:#fff}.ads-card .service-capabilities{color:#d7e4ff}.ads-card .service-capabilities li:before{background:#fff}.ads-card .button-service{border-color:#b7cdff}.ads-card .button-service:hover{background:#fff;color:var(--blue)}.ads-visual{min-height:335px}.ads-visual .example-label{color:#d0dfff}.ad-preview{width:85%;margin-left:8px;transform:rotate(-5deg);background:#fff;border-radius:8px;padding:8px;color:#162238;box-shadow:0 15px 25px #03276540}.ad-preview>img{width:100%;height:125px;object-fit:cover;border-radius:3px}.ad-tag{margin-left:auto;color:#6a7484;font-size:.58rem}.ad-message{padding:10px 5px 3px}.ad-message>strong{font:800 1.1rem/1.12 Manrope,Arial,sans-serif;display:block;letter-spacing:-.04em}.ad-message>span{display:block;color:var(--blue);font-size:.65rem;background:#eef3ff;padding:7px;margin-top:9px}.ad-connector{width:1px;height:28px;border-left:2px solid #a4c4ff;position:relative;margin:4px 0 0 65%}.ad-connector:after{content:'';position:absolute;bottom:0;left:-4px;width:6px;height:6px;background:#fff;border-radius:50%}.ad-consultation{display:flex;align-items:center;gap:7px;position:relative;z-index:2;background:#fff;color:#17243b;padding:12px 9px;border-radius:7px;margin-left:10%;box-shadow:0 8px 24px #052d7e33;font-size:.72rem;line-height:1.5;transform:rotate(2deg)}.consultation-arrow{background:var(--blue);color:#fff;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;flex-shrink:0}.ads-followup{display:flex;justify-content:space-between;gap:6px;color:#e5eeff;font-size:.65rem;margin-top:16px}
.method{padding-top:2.25rem}.method h2{font-size:clamp(1.8rem,2.5vw,2.5rem);margin-bottom:2rem}.method-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;list-style:none;margin:0;padding:0}.method-list>li{min-width:0;border-right:1px solid #d1d9e5;padding-right:1.4rem}.method-list>li:last-child{border:0;padding-right:0}.method-heading{display:flex;align-items:center;gap:.5rem;min-height:50px}.method-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eef3fb;flex-shrink:0}.method-icon .icon{width:21px;height:21px}.step-number{display:grid;place-items:center;width:23px;height:23px;background:var(--blue);color:#fff;border-radius:50%;font-size:.72rem;flex-shrink:0}.method-heading h3{font-family:Inter,Arial,sans-serif;font-size:.79rem;letter-spacing:-.025em;font-weight:600;line-height:1.4}.method-list p{font-size:.79rem;line-height:1.7;color:#687181;margin-top:.8rem}
.contact{background:#000;color:#fff;padding-block:3rem}.contact-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.65fr) minmax(0,.85fr);align-items:center;gap:2rem}.contact h2{font-size:clamp(1.9rem,2.8vw,2.8rem);max-width:21ch}.contact .text-blue{color:#397aff}.contact-grid>p{border-left:1px solid #6e7582;padding-left:1.5rem;font-size:.87rem;line-height:1.7;color:#d2d7e0}.contact-actions{display:flex;flex-direction:column;align-items:start;gap:1rem}.phone-link{display:inline-flex;align-items:center;gap:.75rem;min-height:44px;font-size:.9rem;text-decoration:none}.phone-link .icon{width:18px;height:18px}.site-footer{background:#000;color:#fff}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;border-top:1px solid #4b5360;padding-block:1.5rem}.footer-inner>p,.footer-inner>span{font-size:.7rem;color:#b4bdcc}.footer-inner nav{margin-left:auto;display:flex;gap:1.5rem;font-size:.75rem}.footer-inner nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.contact-access{display:none}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@media(max-width:1200px){.header-phone{display:none}.header-inner{gap:1rem}.hero-grid{gap:1.4rem;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.hero h1{font-size:clamp(3rem,5.55vw,4.6rem)}.hero h1 .text-blue{font-size:clamp(2.35rem,4.5vw,3.8rem)}.capture-card{width:160px}.capture-card>img{height:85px}.capture-copy>strong{font-size:.8rem}.website-preview{width:61%}.preview-body strong{font-size:.94rem}.conversation-phone{left:10%;width:210px}.audiovisual-preview,.team-card{width:40%}.team-card{padding:11px 8px;gap:6px}.team-card strong{font-size:.67rem}.team-card div>span{font-size:.6rem}.team-check{display:none}.audiovisual-preview>div{font-size:.59rem}.service-card{grid-template-columns:minmax(0,1fr);min-height:0;gap:1.5rem;padding:1.5rem}.service-copy{display:grid;grid-template-columns:1fr auto;gap:0 1rem}.service-icon{grid-column:1/-1;margin-bottom:1rem}.service-card h3{grid-column:1/-1;max-width:none}.service-benefit{grid-column:1/-1;max-width:40ch}.service-capabilities{margin-bottom:0}.service-copy .button-service{align-self:end;max-width:190px;font-size:.7rem}.service-visual{width:100%;max-width:390px;margin-inline:auto}.automation-visual{grid-template-columns:90px minmax(0,220px);justify-content:center}.ads-visual{max-width:350px}.section-heading{grid-template-columns:minmax(0,1fr) minmax(180px,.32fr)}.section-heading h2{font-size:2.25rem}.heading-break{display:block}.method-list{gap:1rem}.method-heading{flex-wrap:wrap}.method-heading h3{flex-basis:100%;margin-top:.5rem}.contact-grid{grid-template-columns:1fr 1fr}.contact-actions{grid-column:2}.contact h2{grid-row:span 2;max-width:18ch}}
@media(max-width:1000px){.site-nav{gap:1.1rem}.header-contact .button{font-size:.7rem;padding:.7rem}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:800px}.hero h1{font-size:clamp(3.5rem,7.8vw,5rem)}.hero h1 .text-blue{font-size:clamp(3rem,7vw,4.5rem)}.hero h1>span:first-child,.hero h1>span:nth-child(2){display:inline}.hero h1>span:first-child:after{content:none}.hero-lead{max-width:46ch}.hero-figure{max-width:690px;width:100%;margin-inline:auto}.connection-scene{height:580px}.capture-card{width:185px}.preview-body strong{font-size:1.12rem}.conversation-phone{left:20%;width:220px}.audiovisual-preview,.team-card{width:36%}.team-card strong{font-size:.76rem}.team-card div>span{font-size:.62rem}.team-check{display:block}.brands-inner{grid-template-columns:180px 1fr;gap:1rem}.brand-group{gap:.6rem}.brand-placeholder{font-size:.64rem;padding:.4rem}.brand-placeholder span{font-size:.58rem}.method-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem}.method-heading{flex-wrap:nowrap}.method-heading h3{flex-basis:auto;margin:0}.method-list>li:nth-child(2){border-right:0}.contact-grid{gap:1.5rem}}
@media(max-width:700px){body{height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) auto}.page-scroll{min-height:0;overflow-y:auto;scroll-behavior:smooth;scroll-padding-top:6rem}.header-inner{min-height:76px;flex-wrap:wrap;gap:0}.brand-logo{width:116px;height:43px}.brand-logo img{width:116px;height:116px;top:-37px}.header-contact{display:none}.nav-ready .menu-toggle{display:inline-flex}.site-nav{flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding-block:.5rem .75rem}.site-nav a{border-top:1px solid var(--line);min-height:48px}.nav-ready .site-nav:not(.is-open){display:none}.hero{padding-top:2rem}.hero-grid{gap:2.2rem}.hero h1{font-size:clamp(3.1rem,13vw,4.5rem)}.hero h1>span:first-child,.hero h1>span:nth-child(2){display:block}.hero h1>span:first-child:after{content:none}.hero h1 .text-blue{font-size:clamp(2.3rem,10.1vw,3.5rem);letter-spacing:-.06em}.hero-lead{font-size:1.125rem;max-width:33ch;margin-block:1.35rem 1.6rem}.hero-copy .actions{display:grid;grid-template-columns:1fr;gap:.75rem}.hero-copy .button{width:100%;font-size:.875rem}.hero-figure figcaption{font-size:.7rem;align-items:start}.hero-figure figcaption>span{max-width:24ch}.connection-scene{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;height:auto;align-items:start;padding-bottom:0}.scene-card{position:relative;inset:auto;width:auto;min-width:0}.capture-card{grid-column:1;grid-row:1;transform:rotate(-2deg);padding:8px;align-self:center;width:100%}.mini-heading{font-size:.62rem}.capture-card>img{height:88px}.capture-copy>strong{font-size:.88rem}.capture-copy>span{font-size:.65rem}.website-preview{grid-column:2;grid-row:1;align-self:center;border-width:4px;border-bottom-width:7px;transform:rotate(2deg);width:100%}.website-preview .preview-nav{padding:7px;font-size:.6rem}.website-preview .preview-nav>span,.website-preview .browser-bar span{display:none}.website-preview .preview-body{grid-template-columns:1fr}.website-preview .preview-body>div{padding:9px}.website-preview .preview-body strong{font-size:.9rem}.website-preview .preview-body p{font-size:.67rem;margin-top:6px}.website-preview .mock-action{font-size:.62rem;padding:5px 7px;margin-top:7px}.website-preview .preview-body>img{height:82px;object-position:50% 35%}.conversation-phone{grid-column:1/-1;grid-row:2;width:254px;margin-inline:auto;padding:19px 13px 12px;min-height:0;transform:none}.chat-header strong{font-size:.875rem}.chat-header div>span{font-size:.65rem}.conversation-phone .chat-bubble{font-size:.8125rem;padding:10px 11px}.chat-options span{font-size:.75rem;padding:7px 10px}.chat-note{font-size:.65rem}.audiovisual-preview{grid-column:1;grid-row:3;width:100%;transform:rotate(-2deg)}.audiovisual-preview>img{height:107px}.audiovisual-preview>div{font-size:.65rem;align-items:start;line-height:1.4;padding:8px 5px}.audiovisual-preview .icon{width:15px;height:15px}.team-card{grid-column:2;grid-row:3;width:100%;display:flex;flex-wrap:wrap;align-self:center;padding:12px 10px;gap:9px;transform:rotate(2deg)}.team-card strong{font-size:.78rem}.team-card div>span{font-size:.7rem}.team-check{width:16px!important;height:16px!important;position:absolute;top:13px;right:10px}.team-icon{width:27px;height:27px}.connection-wire{stroke-width:2}
.brands{padding-block:1.25rem}.brands-inner{grid-template-columns:1fr;gap:1rem}.brands-heading{display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap}.brands-heading h2{font-size:.83rem}.brands-pending{font-size:.65rem;margin:0}.brand-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.brand-placeholder{font-size:.73rem;padding:.55rem}.brand-placeholder span{font-size:.63rem}.brands-track.is-animated .brand-group{display:flex}
.section-heading{grid-template-columns:1fr;gap:1rem;margin-bottom:1.6rem}.section-heading h2{font-size:clamp(2rem,8.3vw,2.8rem)}.heading-break{display:none}.section-heading>p{padding:0;border:0;max-width:34ch;font-size:.95rem}.service-grid{grid-template-columns:minmax(0,1fr);gap:1.1rem}.service-card{padding:1.4rem;gap:1.25rem;min-height:0}.service-copy{display:flex;align-items:start}.service-icon{margin-bottom:1rem}.service-card h3{font-size:1.8rem;max-width:18ch}.service-benefit{font-size:.95rem;margin-bottom:.8rem}.service-capabilities{font-size:.82rem;margin-bottom:1.4rem}.service-copy .button-service{font-size:.82rem;max-width:none;width:auto;align-self:start;min-width:200px}.service-visual{margin-top:.25rem}.automation-visual{grid-template-columns:70px minmax(0,1fr);gap:10px}.attention-route>div{font-size:.7rem}.mini-phone{padding:15px 11px 12px}.mini-phone .chat-bubble{font-size:.75rem}.mini-phone-header{font-size:.8rem}.mini-options>span{font-size:.69rem}.route-result{font-size:.7rem}.example-label{font-size:.7rem}.web-visual{min-height:330px}.laptop-mockup{width:92%}.laptop-mockup .preview-body strong{font-size:1rem}.laptop-mockup .preview-body p{font-size:.7rem}.mobile-web-mockup{right:-3px;top:128px;width:110px}.visual-caption{font-size:.75rem}.marketing-visual{min-height:350px}.production-photo>img{height:205px}.timeline-title{font-size:.65rem;flex-wrap:wrap;gap:2px}.timeline-title>span{font-size:.6rem}.timeline-clips img{height:36px}.vertical-piece{width:110px;top:44px}.vertical-piece>img{height:185px}.vertical-piece>span{font-size:.9rem}.vertical-piece>small{font-size:.65rem}.ads-visual{min-height:365px}.ad-preview{width:90%;margin-left:0}.ad-preview>img{height:145px}.ad-message>strong{font-size:1.2rem}.ad-message>span{font-size:.75rem}.ad-consultation{font-size:.8rem;margin-left:4%;padding:12px}.ads-followup{font-size:.72rem}
.method{padding-top:2rem}.method-list{grid-template-columns:1fr;gap:1.5rem}.method-list>li,.method-list>li:nth-child(2){border-right:0;border-top:1px solid var(--line);padding:1rem 0 0}.method-heading{gap:.65rem}.method-heading h3{font-size:.95rem}.method-list p{font-size:.875rem;margin-top:.75rem}.contact{padding-block:2.5rem}.contact-grid{grid-template-columns:1fr;gap:1.5rem}.contact h2{grid-row:auto;max-width:20ch;font-size:2rem}.contact-grid>p{padding:0;border:0;font-size:.95rem;max-width:34ch}.contact-actions{grid-column:auto;width:100%}.contact-actions .button{width:100%}.footer-inner{gap:1rem;align-items:start}.footer-inner>p{max-width:16ch}.footer-inner nav{flex-basis:100%;margin-left:0;gap:1.8rem}.footer-inner>span{margin-left:auto}.contact-access{display:flex;background:#fff;border-top:1px solid var(--line);padding:.5rem var(--gutter) max(.5rem,env(safe-area-inset-bottom));justify-content:center}.contact-access a{display:flex;gap:.65rem;align-items:center;justify-content:center;color:var(--blue);text-decoration:none;font-size:.8rem;min-height:40px;width:100%}.contact-access .icon{width:19px;height:19px}}
/* Keep rotated mockups inside their columns; never conceal overflowing text. */
.capture-card{left:6px}.website-preview,.audiovisual-preview,.team-card{right:6px}
.mini-phone{width:calc(100% - 12px);margin-inline:6px}
.mobile-web-mockup{right:6px}.vertical-piece{right:6px}
.brand-placeholder span{color:#657187}
@media(min-width:1201px){.hero h1{font-size:clamp(4.6rem,6.2vw,5.8rem)}.hero h1 .text-blue{font-size:clamp(3.8rem,5.3vw,4.8rem)}}
@media(max-width:700px){.scene-card{left:auto;right:auto}.capture-card,.website-preview,.audiovisual-preview,.team-card{width:calc(100% - 12px);margin-inline:6px}.mobile-web-mockup{right:6px}}
@media(prefers-reduced-motion:reduce){html,.page-scroll{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.brands-track.is-animated{transform:none;width:100%;display:block}.brands-track.is-animated .brand-group{width:100%;display:flex;flex-wrap:wrap;padding:0}.brand-group[aria-hidden="true"]{display:none!important}}