@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#1b1b1a;--text:#f6f6f3;--muted:#aeaeaa;--pad:3.15vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 Inter,Arial,sans-serif;letter-spacing:-.035em}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:8px}.skip{position:fixed;top:-80px;background:white;color:black;padding:12px;z-index:50}.skip:focus{top:10px}header{position:fixed;z-index:15;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:31px var(--pad);mix-blend-mode:difference;color:white;pointer-events:none}header a,header button{pointer-events:auto}.brand{font-size:20px;font-weight:500;letter-spacing:-.05em}.brand span{margin-left:13px;font-weight:400;transition:opacity .4s}body.scrolled .brand span{opacity:0}.header-actions{display:flex;align-items:center;gap:60px}.header-actions>button:first-child{font-size:20px}.menu-toggle{width:42px;height:28px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0}.menu-toggle span{height:1px;width:100%;background:currentColor;transition:transform .3s}.menu-toggle:hover span:first-child{transform:translateX(-6px)}.menu-toggle:hover span:last-child{transform:translateX(6px)}.hero{padding:165px var(--pad) 48px;min-height:100svh}.monogram{font-size:76px;line-height:1;font-weight:400;letter-spacing:-.08em;display:block}.hero h1{font-size:clamp(48px,6.9vw,120px);line-height:1.09;letter-spacing:-.058em;font-weight:400;margin:180px 0 0;max-width:1200px}.hero h1 span{display:block;animation:enter 1.1s cubic-bezier(.2,.7,.1,1) both}.hero h1 span:nth-child(2){animation-delay:.13s}.hero h1 span:nth-child(3){animation-delay:.26s}.reel{margin:0 2.5%;height:min(72vw,750px);min-height:420px;position:relative;overflow:hidden;background:#c5ff5d;color:#18200e;border-radius:4px}.reel-top,.reel-bottom{position:absolute;z-index:3;left:3%;right:3%;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;letter-spacing:0}.reel-top{top:28px}.reel-bottom{bottom:28px}.motion{border-bottom:1px solid currentColor;padding:4px 0;font-size:13px}.reel-scenes{position:absolute;inset:0}.scene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:7%;font-size:clamp(45px,8vw,145px);line-height:.95;letter-spacing:-.07em;opacity:0;animation:scene 15s infinite;will-change:opacity,transform}.scene i{font-weight:500;font-style:normal}.scene small{font-size:13px;letter-spacing:.06em;margin-top:40px}.scene-a{background:#c5ff5d}.scene-b{background:#a7b4fb;animation-delay:5s}.scene-c{background:#f1b8ff;animation-delay:10s}.scene-a i{font-family:Georgia,serif;font-weight:400;font-style:italic}.scene-b i{align-self:flex-end}.section{padding:120px var(--pad)}h2,h3,p{margin-top:0}.intro{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:155px;padding-bottom:155px}.label{font-size:18px}.intro h2{font-size:clamp(32px,4vw,68px);line-height:1.13;letter-spacing:-.045em;font-weight:400;margin-bottom:40px}.pill{border:1px solid #777;border-radius:40px;display:inline-flex;gap:30px;align-items:center;padding:13px 22px;font-size:17px;transition:background .3s,color .3s}.pill:hover{background:var(--text);color:var(--bg)}.pill span{font-size:23px;line-height:1}.services{padding-top:0}.section-line{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:55px}.section-line h2{font-size:clamp(32px,4.3vw,70px);font-weight:400;line-height:1.1;letter-spacing:-.05em;margin:0}.section-line>span,.section-line>p{font-size:16px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3.1vw;align-items:start}.service-card{position:relative;text-align:left;aspect-ratio:3/4.5;border-radius:4px;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .6s}.service-card:nth-child(2){margin-top:105px}.service-card:nth-child(3){margin-top:45px}.service-card:hover{transform:translateY(-10px)}.content-card{background:#ee4e28;color:#22110e}.seo-card{background:#a7b4fb;color:#1c2452}.web-card{background:#dcdfcf;color:#283629}.card-head{display:flex;flex-direction:column;gap:6px;position:relative;z-index:2}.card-head strong{font-size:23px;font-weight:500;line-height:1.2}.card-head>span{font-size:14px;letter-spacing:-.025em}.card-art{display:flex;flex-direction:column;line-height:.93;letter-spacing:-.07em;font-size:clamp(35px,5.1vw,85px);transition:transform .7s}.service-card:hover .card-art{transform:scale(1.045)}.content-art{font-weight:600;font-size:clamp(35px,4.5vw,80px)}.seo-art{font-family:Georgia,serif;font-style:italic;line-height:1}.web-art{font-size:clamp(30px,3.5vw,58px);line-height:1.2}.flow-line{font-size:20px;white-space:nowrap;letter-spacing:-3px;margin-top:30px}.card-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px;letter-spacing:-.025em}.card-foot>span{font-size:28px}.service-hint{color:var(--muted);margin:35px 0 0;font-size:14px}.statement{display:grid;grid-template-columns:1fr 1.08fr;gap:65px;padding-top:120px;padding-bottom:190px}.statement h2{font-size:clamp(55px,8vw,140px);font-weight:400;letter-spacing:-.065em;line-height:1.05}.statement-body>p{font-size:clamp(24px,2.55vw,43px);line-height:1.28;letter-spacing:-.035em}.team{border-top:1px solid #444}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3.1vw}.portrait{position:relative;overflow:hidden;border-radius:4px;aspect-ratio:4/5}.portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .7s,transform 1s}.team article:hover img{filter:grayscale(0);transform:scale(1.025)}.portrait>span{position:absolute;bottom:14px;left:14px;background:#1b1b1acc;border-radius:15px;font-size:12px;padding:4px 10px;letter-spacing:0}.team h3{font-size:25px;font-weight:400;margin:20px 0 4px}.team article>p{font-size:15px;color:var(--muted);margin-bottom:15px;letter-spacing:-.02em}.team article>p:last-child{font-size:17px;max-width:320px;color:#deded8}.demo-note{font-size:13px;color:var(--muted);margin:40px 0 0;letter-spacing:0}.marquee{display:block;overflow:hidden;padding:60px 0 95px}.marquee>span{display:block;width:max-content;font-size:clamp(55px,9vw,160px);letter-spacing:-.065em;line-height:1.2;animation:marquee 30s linear infinite}.marquee:hover>span{animation-play-state:paused}footer{padding:50px var(--pad) 28px}.talk{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:clamp(75px,15vw,260px);letter-spacing:-.07em;line-height:1.1;padding:0 0 70px;border-bottom:1px solid #666;text-align:left}.talk span{font-size:.7em;transition:transform .4s}.talk:hover span{transform:translate(10px,-10px)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted);padding-top:25px;letter-spacing:-.015em}.footer-bottom a{color:var(--text)}dialog{background:var(--bg);color:var(--text);border:0;padding:35px var(--pad);max-width:none;max-height:none}dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}.menu-dialog{width:100%;height:100svh;margin:0}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:17px}.close{padding:5px 0;font-size:18px}.menu-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;padding-top:90px}.menu-info p{font-size:22px;margin:55px 0 25px}.menu-layout nav{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.menu-layout nav a,.menu-layout nav button{font-size:clamp(40px,6.5vw,100px);line-height:1.15;letter-spacing:-.06em;padding:0;transition:color .2s,transform .3s}.menu-layout nav a:hover,.menu-layout nav button:hover{color:#b5c885;transform:translateX(10px)}.menu-bottom{display:block;margin-top:55px;color:var(--muted);font-size:14px}.detail-dialog,.contact-dialog{width:min(840px,94vw);margin:auto;padding:35px 45px 55px;max-height:92svh;overflow:auto;border:1px solid #555}.detail-number{margin:55px 0 20px;color:var(--muted)}.detail-dialog h2,.contact-dialog h2{font-size:clamp(38px,5vw,75px);line-height:1.05;letter-spacing:-.055em;font-weight:400;margin-bottom:30px}.detail-description{font-size:22px;line-height:1.4}.detail-list{list-style:none;padding:0;margin:35px 0}.detail-list li{padding:15px 0;border-top:1px solid #555;font-size:18px}.contact-dialog h2{margin-top:65px}.contact-dialog>p{font-size:22px}.contact-dialog .contact-note{font-size:16px;color:var(--muted);line-height:1.6;margin:30px 0}.js .reveal{opacity:0;transform:translateY(50px);transition:opacity 1s,transform 1s cubic-bezier(.2,.65,.2,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}.paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.paused .reveal{opacity:1;transform:none;transition:none}@keyframes enter{from{opacity:0;transform:translateY(70px)}to{opacity:1;transform:translateY(0)}}@keyframes scene{0%,29%{opacity:1;transform:scale(1)}33%,95%{opacity:0;transform:scale(1.04)}100%{opacity:1;transform:scale(1)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:800px){:root{--pad:6vw}header{padding-top:24px}.brand{font-size:17px}.brand span{margin-left:7px}.header-actions{gap:25px}.header-actions>button:first-child{font-size:16px}.menu-toggle{width:30px}.hero{padding-top:140px;min-height:85svh}.monogram{font-size:62px}.hero h1{margin-top:140px;font-size:clamp(36px,6.9vw,64px);letter-spacing:-.055em}.reel{height:68vw;min-height:350px;margin:0 4%}.reel-top,.reel-bottom{font-size:10px;left:5%;right:5%;letter-spacing:0}.motion{font-size:11px}.scene{font-size:10vw;padding:7%}.scene small{font-size:10px}.section{padding:75px var(--pad)}.intro{display:block;padding-top:90px;padding-bottom:90px}.label{font-size:15px;margin-bottom:35px}.intro h2{font-size:36px}.section-line{display:block;margin-bottom:35px}.section-line>span,.section-line>p{display:block;margin-top:20px;font-size:14px}.service-grid{grid-template-columns:1fr;gap:25px}.service-card{aspect-ratio:4/4.7;padding:28px}.service-card:nth-child(2),.service-card:nth-child(3){margin-top:0}.card-head strong{font-size:27px}.card-art,.content-art{font-size:19vw}.web-art{font-size:13vw}.flow-line{font-size:24px}.statement{display:block;padding-top:35px;padding-bottom:100px}.statement h2{font-size:65px;margin-bottom:40px}.statement-body>p{font-size:27px}.team-grid{grid-template-columns:1fr;gap:40px}.team article>p:last-child{max-width:none}.marquee{padding:30px 0 60px}.footer-bottom{flex-wrap:wrap;font-size:12px}.talk{font-size:17vw;padding-bottom:50px}.menu-layout{display:block;padding-top:60px}.menu-info{display:none}.menu-layout nav a,.menu-layout nav button{font-size:58px}.menu-bottom{font-size:12px;margin-top:70px}.detail-dialog,.contact-dialog{padding:25px}.dialog-top{font-size:14px}.close{font-size:16px}.detail-description{font-size:19px}.detail-dialog h2,.contact-dialog h2{font-size:43px}}@media(max-width:420px){.brand span{display:none}.hero h1{font-size:7.3vw}.hero{min-height:76svh}.reel-bottom>span:first-child{max-width:190px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scene-a{opacity:1}.scene-b,.scene-c{opacity:0}.js .reveal{opacity:1;transform:none}}
/* Spain headline and interactive mobile services */
.hero{padding-top:165px;min-height:94svh;display:flex;flex-direction:column;justify-content:center;padding-bottom:65px}.hero-kicker{font-size:12px;letter-spacing:.12em;color:#b8b8b0;margin:0 0 32px}.hero .agency-title{margin:0;max-width:none;font-weight:500;line-height:1.12;letter-spacing:-.055em;text-transform:uppercase}.hero .agency-title>span{display:block}.hero .agency-title .agency-line{font-size:clamp(30px,3.9vw,70px)}.hero .agency-title .marketing-line{font-size:clamp(40px,7.1vw,128px);margin:5px 0}.hero .agency-title .country-line{font-size:clamp(32px,4.5vw,80px);display:flex;gap:.25em;align-items:center}.hero .agency-title .country-word{color:#ff7139;display:inline-block;animation:country-reveal 1.2s steps(6,end) .7s both;clip-path:inset(0 0 0 0)}.hero .agency-title .typing-caret{display:inline-block;width:3px;height:.85em;background:#ff7139;animation:caret-blink 1s steps(1) infinite;margin-left:-.15em}.hero-summary{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:48px;max-width:950px}.hero-summary>p{font-size:21px;line-height:1.4;margin:0;color:#cdcdc6}.hero-summary .pill{font-size:16px}.hero-rule{width:170px;height:1px;background:#666;margin-top:45px}.growth-section{background:#fff6ef;color:#20211e;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%;padding:100px 5%;overflow:hidden}.growth-copy{padding-right:4%;max-width:650px}.growth-eyebrow{font-family:Georgia,serif;font-style:italic;color:#bf410e;font-size:24px;line-height:1.3;letter-spacing:-.02em;margin-bottom:25px}.growth-copy h2{font-size:clamp(37px,4.3vw,70px);line-height:1.04;letter-spacing:-.055em;font-weight:600;margin-bottom:28px}.growth-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#c04b1c}.growth-lead{font-size:22px;line-height:1.4;color:#b84216}.growth-copy>p:not([class]){font-size:18px;line-height:1.65;letter-spacing:-.02em;max-width:510px}.growth-cta{background:#20211e;color:#fff6ef;border-radius:35px;padding:16px 29px;font-size:17px;margin-top:18px;transition:background .3s,transform .3s}.growth-cta:hover{background:#ba4214;transform:translateY(-3px)}.growth-copy .metrics-note{font-size:12px;line-height:1.6;color:#6c625b;letter-spacing:0;max-width:440px;margin:22px 0 0}.phone-stage{position:relative;min-height:710px;display:flex;justify-content:center;align-items:center;padding:50px 0 40px}.phone-stage-top{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;letter-spacing:.11em;color:#756a5f}.demo-badge{border:1px solid #c1b4a7;padding:5px 10px;border-radius:20px}.phone-shell{width:290px;height:580px;border:6px solid #242421;border-radius:46px;background:#1b1b1a;box-shadow:0 0 0 2px #a4a19b,0 25px 45px #57432b24;overflow:hidden;position:relative;color:#faf6f1;transform:rotate(3deg);transition:transform .7s}.phone-stage:focus-within .phone-shell,.phone-stage:hover .phone-shell{transform:rotate(0)}.phone-status{height:34px;position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 23px 0;font-size:11px;letter-spacing:0}.phone-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:83px;height:18px;background:#050505;border-radius:15px}.phone-screen{padding:22px 22px 20px}.phone-brand{font-size:23px;font-weight:600;letter-spacing:-.075em}.phone-brand>span{font-size:10px;letter-spacing:0;margin-left:6px;color:#aaa}.phone-eyebrow{font-size:8px;letter-spacing:.12em;color:#b5b5aa;margin:21px 0 15px}.phone-panel h3{font-size:37px;line-height:1.03;font-weight:400;letter-spacing:-.06em;margin:0 0 13px}.phone-panel h3 em{color:#ff9461;font-family:Georgia,serif}.phone-panel>p{font-size:11px;color:#ccc6bd;letter-spacing:-.02em}.phone-metric{background:#fff5eb;color:#21221e;border-radius:15px;padding:16px;margin-top:18px}.phone-metric>span{font-size:9px;letter-spacing:.065em;display:block}.phone-metric>strong{display:block;font-size:47px;letter-spacing:-.065em;line-height:1.25;font-weight:500}.phone-metric>strong small{font-size:26px}.phone-metric>small{font-size:8px;color:#736f67;letter-spacing:0}.demo-bars{height:58px;display:flex;align-items:flex-end;gap:7px;margin:5px 0 7px}.demo-bars i{display:block;flex:1;height:28%;background:#ee6a30;border-radius:3px 3px 0 0;transform-origin:bottom;animation:bar-rise .65s both}.demo-bars i:nth-child(2){height:40%;animation-delay:.08s}.demo-bars i:nth-child(3){height:35%;animation-delay:.16s}.demo-bars i:nth-child(4){height:57%;animation-delay:.24s}.demo-bars i:nth-child(5){height:65%;animation-delay:.32s}.demo-bars i:nth-child(6){height:78%;animation-delay:.40s}.demo-bars i:nth-child(7){height:100%;animation-delay:.48s}.reverse-bars{flex-direction:row-reverse}.phone-panel .phone-caption{font-size:10px;letter-spacing:0;margin:14px 0}.phone-screen-footer{border-top:1px solid #444;padding-top:13px;font-size:8px;letter-spacing:.04em;color:#aaa99f}.phone-home{position:absolute;bottom:9px;left:34%;width:32%;height:4px;border-radius:10px;background:#ddd}.phone-cards{position:absolute;inset:0;pointer-events:none}.floating-service{pointer-events:auto;position:absolute;display:flex;align-items:center;gap:13px;width:400px;max-width:95%;padding:18px 17px;text-align:left;border:1px solid #ffffff55;border-radius:17px;background:#343431e8;color:#fff;box-shadow:0 10px 25px #3d30282e;backdrop-filter:blur(15px);animation:card-float 6s ease-in-out infinite;transition:background .25s,border-color .25s}.floating-service[aria-selected=true]{border-color:#f89963;background:#24241fef}.floating-service:hover{background:#44382feb}.float-content{left:-35px;top:39%;animation-delay:0s}.float-seo{right:-22px;top:58%;animation-delay:-2s}.float-web{left:-18px;top:77%;animation-delay:-4s}.service-symbol{font-size:27px;color:#ffa574;flex-shrink:0;width:33px;text-align:center}.floating-text{flex:1;min-width:0}.floating-text strong{font-size:14px;line-height:1.3;display:block;font-weight:500;letter-spacing:-.025em}.floating-text small{font-size:10px;display:block;color:#d3cdc4;margin-top:4px;letter-spacing:0}.floating-metric{border-left:1px solid #ffffff50;padding-left:14px;min-width:90px;text-align:center;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.floating-metric strong{font-size:28px;line-height:1.1;font-weight:400;letter-spacing:-.04em}.floating-metric small{font-size:8px;letter-spacing:.025em;margin-top:4px;max-width:80px}.phone-help{position:absolute;bottom:-15px;text-align:center;font-size:12px;color:#6c625b;letter-spacing:0;margin:0}.phone-panel:not([hidden]){animation:panel-in .35s both}.phone-panel[hidden]{display:none}.growth-section+.reel{margin-top:65px}.paused .country-word{clip-path:none!important;animation:none!important}.paused .typing-caret{opacity:0}@keyframes country-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes caret-blink{50%{opacity:0}}@keyframes card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes bar-rise{from{transform:scaleY(.08)}to{transform:scaleY(1)}}@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px) and (min-width:801px){.growth-section{gap:1%;padding:80px 4%}.floating-service{max-width:100%;padding:14px 10px;gap:8px}.float-content{left:-12px}.float-seo{right:-12px}.float-web{left:-5px}.floating-text strong{font-size:13px}.service-symbol{width:24px}.growth-copy{padding-right:20px}.growth-eyebrow{font-size:21px}}
@media(max-width:800px){.hero{padding:145px 6% 55px;min-height:78svh}.hero-kicker{font-size:10px;letter-spacing:.06em;margin-bottom:28px}.hero .agency-title .agency-line{font-size:7.5vw}.hero .agency-title .marketing-line{font-size:12vw;line-height:1.02;max-width:12ch;margin:8px 0 12px}.hero .agency-title .country-line{font-size:9vw}.hero-summary{margin-top:33px;display:block}.hero-summary>p{font-size:18px}.hero-summary .pill{margin-top:25px;font-size:15px}.hero-rule{margin-top:30px;width:110px}.growth-section{grid-template-columns:1fr;padding:65px 6% 50px;gap:50px}.growth-copy{padding:0;max-width:none}.growth-eyebrow{font-size:20px;margin-bottom:23px}.growth-copy h2{font-size:45px;max-width:550px}.growth-lead{font-size:20px}.growth-copy>p:not([class]){font-size:16px}.phone-stage{min-height:750px;max-width:560px;width:100%;margin:0 auto;padding-bottom:125px}.phone-shell{width:280px;height:565px;transform:rotate(2deg)}.floating-service{width:380px;max-width:100%;padding:15px 12px;gap:8px}.float-content{top:44%;left:0}.float-seo{top:61%;right:0}.float-web{top:78%;left:0}.floating-text strong{font-size:13px}.floating-text small{font-size:10px}.floating-metric{min-width:75px;padding-left:9px}.floating-metric strong{font-size:25px}.service-symbol{font-size:24px;width:26px}.phone-help{bottom:8px;font-size:11px}.growth-section+.reel{margin-top:40px}}@media(max-width:380px){.floating-text strong{font-size:12px}.floating-text small{font-size:9px}.floating-service{padding:14px 9px;gap:6px}.floating-metric{min-width:65px}.phone-shell{width:260px}.growth-copy h2{font-size:40px}}@media(prefers-reduced-motion:reduce){.country-word{clip-path:none!important}.typing-caret{display:none!important}.phone-shell{transform:none}.floating-service{animation:none!important}}
/* Stable phone, richer service previews, and true JavaScript typewriting. */
.hero .agency-title .country-word{animation:none!important;clip-path:none!important;white-space:nowrap;min-height:1.12em}.hero .agency-title .country-line{min-height:1.15em}.hero .agency-title .typing-caret{flex-shrink:0}.phone-stage{isolation:isolate}.phone-stage::before{content:'';position:absolute;inset:90px -25px 60px;background:radial-gradient(ellipse at 50% 50%,#ed91533b 0%,#ed915310 42%,transparent 67%);z-index:-1;pointer-events:none}.phone-stage .phone-shell,.phone-stage:hover .phone-shell,.phone-stage:focus-within .phone-shell{transform:none;transition:none;width:300px;height:635px;box-shadow:0 0 0 2px #a4a19b,0 28px 45px #57432b24}.js .phone-stage.reveal{transform:none;transition:opacity 1s}.phone-screen{padding-top:18px}.phone-eyebrow{margin:16px 0 12px}.phone-panel h3{font-size:35px}.phone-panel>p{margin-bottom:14px}.screen-detail{border:1px solid #514334;border-radius:12px;padding:11px 12px;margin:0 0 12px;background:#262520}.screen-detail-label{font-size:8px;letter-spacing:.09em;color:#cbb9a2;display:block;margin-bottom:9px}.reel-mini{display:flex;justify-content:space-between;align-items:center;background:#ed8150;color:#25170f;border-radius:7px;padding:12px 10px;min-height:72px}.reel-mini>span{font-size:16px;line-height:1.13;letter-spacing:-.04em}.reel-mini .mini-play{font-size:20px}.screen-tags{display:flex;gap:6px;margin-top:8px}.screen-tags>span{font-size:8px;border:1px solid #766247;border-radius:10px;padding:2px 7px;color:#e5d8c5;letter-spacing:0}.search-mini{display:flex;gap:7px;align-items:center;padding:7px;background:#f7f4ee;border-radius:12px;color:#514a3d;font-size:11px}.search-result{padding:9px 2px 0;display:flex;flex-direction:column;gap:5px}.search-result>span{font-size:8px;color:#c9c2b5;letter-spacing:0}.search-result>strong{font-size:13px;color:#a8bbff;line-height:1.15;font-weight:400}.search-result>small{font-size:9px;color:#c9c2b5}.workflow-mini{display:flex;flex-direction:column;align-items:stretch}.workflow-mini>span{padding:5px 8px;display:flex;justify-content:space-between;background:#363b30;border-radius:6px;font-size:10px;letter-spacing:0}.workflow-mini b{color:#b0d195;font-weight:400}.workflow-mini>i{font-size:10px;line-height:13px;text-align:center;color:#b0d195;font-style:normal}.phone-metric{margin-top:11px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:13px 14px;gap:4px}.phone-metric>span{font-size:9px;max-width:85px}.phone-metric>strong{font-size:39px;line-height:1}.phone-metric>strong small{font-size:21px}.phone-metric>small{grid-column:1/-1;font-size:8px}.phone-panel .phone-caption{margin:11px 0;font-size:10px}.phone-screen-footer{padding-top:10px}.phone-stage[data-active-service=seo] .phone-metric{background:#dce3fc}.phone-stage[data-active-service=web] .phone-metric{background:#e2edcf}.float-content{top:41%}.float-seo{top:61%}.float-web{top:80%}.floating-service[aria-selected=true] .service-symbol{color:#ffb68a}.phone-help{max-width:330px;font-size:12px}
@media(max-width:800px){.phone-stage{min-height:810px;padding-bottom:135px}.phone-stage .phone-shell{width:280px;height:630px}.float-content{top:46%}.float-seo{top:63%}.float-web{top:80%}.phone-help{bottom:0}.hero .agency-title .country-line{font-size:8vw}.paused .hero .agency-title .country-word{white-space:normal;font-size:.75em}}@media(max-width:380px){.phone-stage .phone-shell{width:260px}.phone-panel h3{font-size:32px}.phone-screen{padding-left:18px;padding-right:18px}}@media(prefers-reduced-motion:reduce){.hero .agency-title .country-word{white-space:normal;font-size:.75em}}
/* Home: relanzamiento digital, contenido semántico y navegación rastreable. */
.header-actions>a{pointer-events:auto;font-size:18px}.hero .relaunch-title{font-size:clamp(45px,6.4vw,100px);max-width:1150px;text-transform:none;line-height:1.03;margin:25px 0 0}.location-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3em;color:#cacac3;font-size:clamp(18px,2vw,28px);margin:0}.location-heading .country-line{display:inline-flex;align-items:center;min-width:9ch;min-height:1.2em;color:#ff7139}.location-heading .country-word{animation:none;clip-path:none;white-space:nowrap}.location-heading .typing-caret{display:inline-block;width:2px;height:.9em;background:#ff7139;animation:caret-blink 1s steps(1) infinite;margin-left:3px}.hero-summary{align-items:flex-start;max-width:1150px}.hero-summary>div:first-child{max-width:690px}.hero-summary p{font-size:19px;line-height:1.6;color:#cdcdc6;margin:0 0 16px;letter-spacing:-.015em}.hero-summary small{font-size:14px;color:#b0b0a8;line-height:1.6;display:block;max-width:580px}.hero-ctas{display:flex;flex-direction:column;gap:22px;align-items:flex-start;flex-shrink:0}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:3px;font-size:16px}.seo-section{padding-top:95px;padding-bottom:95px;border-top:1px solid #42423b}.seo-section h2{font-size:clamp(32px,4vw,62px);line-height:1.08;letter-spacing:-.045em;font-weight:500;max-width:1050px;margin:0 0 35px}.seo-section>p:not(.label):not(.demo-note){font-size:20px;line-height:1.65;letter-spacing:-.015em;max-width:920px;color:#cdcdc6}.seo-list{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 45px;margin-top:40px}.seo-list li{padding:20px 0;border-top:1px solid #55554c;font-size:18px;line-height:1.6;letter-spacing:-.015em}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pillar{padding:32px;background:#252622;border:1px solid #47483d;border-radius:5px;scroll-margin-top:120px}.pillar:nth-child(1){border-top:3px solid #a7b4fb}.pillar:nth-child(2){border-top:3px solid #ff9461}.pillar:nth-child(3){border-top:3px solid #c5ff5d}.pillar h3{font-size:27px;line-height:1.18;letter-spacing:-.035em;font-weight:500;margin:20px 0}.pillar p{font-size:17px;color:#cacac2;line-height:1.7;letter-spacing:-.015em}.pillar a{margin-top:22px}.growth-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding-left:24px;margin:45px 0 0}.growth-steps li::marker{color:#ff9461}.growth-steps h3{font-size:21px;font-weight:500;margin:5px 0 15px}.growth-steps p{font-size:16px;line-height:1.65;color:#cacac2;letter-spacing:-.01em}.priority-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.priority-grid article{padding:25px 0;border-top:1px solid #66665b;scroll-margin-top:120px}.priority-grid h3{font-size:22px;font-weight:500;line-height:1.2}.priority-grid p{font-size:17px;line-height:1.65;letter-spacing:-.01em;color:#cacac2}.priority-grid a{font-size:14px;text-decoration:underline;text-underline-offset:5px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.method-grid article{padding:25px 0;border-top:1px solid #66665b}.method-grid h3{font-size:27px;font-weight:500}.method-grid p{font-size:17px;line-height:1.6;color:#cacac2;letter-spacing:-.01em}.method-grid .method-result{color:#c5ff5d}.faq details{border-bottom:1px solid #55554c;padding:24px 0;max-width:1050px}.faq summary{cursor:pointer;font-size:22px;font-weight:500;line-height:1.5}.faq details p{font-size:18px;line-height:1.7;letter-spacing:-.01em;color:#cacac2;max-width:850px}.faq summary:focus-visible{outline:2px solid #ff9461;outline-offset:8px}.contact-section{background:#c5ff5d;color:#18200e}.contact-section>p:not(.label){color:#30401c!important}.contact-section .pill{margin:20px 0}.system-chain{font-size:14px;line-height:1.8;letter-spacing:0;color:#725d4b;margin-top:30px}.growth-cta{display:inline-block}.growth-copy h2{font-size:clamp(34px,3.7vw,59px)}footer>p{font-size:18px}footer .talk{display:block}.footer-nav{display:flex;flex-wrap:wrap;gap:25px;margin:30px 0}.footer-nav a{font-size:16px}.team .section-line h2{max-width:820px}.team-grid h3{font-size:30px}.team-grid article>p{letter-spacing:-.01em}
@media(max-width:1000px){.pillar-grid{grid-template-columns:1fr}.growth-steps{grid-template-columns:repeat(3,1fr)}.priority-grid,.method-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.hero .relaunch-title{font-size:clamp(40px,8.7vw,68px)}.hero-summary p{font-size:17px}.hero-ctas{margin-top:25px;gap:15px}.hero-ctas .pill{margin-top:0}.seo-section{padding-top:60px;padding-bottom:60px}.seo-section h2{font-size:36px}.seo-section>p:not(.label):not(.demo-note){font-size:17px}.seo-list{grid-template-columns:1fr;margin-top:25px}.seo-list li{font-size:16px}.growth-steps{grid-template-columns:1fr;gap:6px}.priority-grid,.method-grid{grid-template-columns:1fr}.pillar{padding:25px}.pillar h3{font-size:26px}.faq summary{font-size:19px}.faq details p{font-size:16px}.header-actions{gap:23px}.header-actions>a{font-size:14px}.location-heading{font-size:18px}.hero-kicker{line-height:1.6}.footer-nav{gap:18px}.team .section-line{display:block}.team .section-line h2{font-size:36px}}
/* Prioridad visual del titular de agencia, conservando el H1 semántico. */
.hero .location-heading{display:block;font-size:clamp(48px,6.5vw,104px);font-weight:500;line-height:1.05;letter-spacing:-.055em;color:var(--text);max-width:1200px;margin:0 0 30px}.hero .location-heading .country-line{display:inline-flex;min-width:9ch;min-height:1.1em;vertical-align:baseline;gap:0}.hero .location-heading .typing-caret{width:3px;margin-left:5px}.hero .relaunch-title{font-size:clamp(25px,2.4vw,38px);line-height:1.2;letter-spacing:-.035em;max-width:940px;margin:0;color:#cdcdc6}.hero-summary{margin-top:35px}.paused .location-heading .country-word{white-space:normal}.paused .location-heading .country-line{min-width:0}
@media(max-width:800px){.hero .location-heading{font-size:clamp(38px,9vw,70px);margin-bottom:25px;line-height:1.08}.hero .relaunch-title{font-size:25px;line-height:1.25}.hero .location-heading .country-line{min-width:8.5ch}.hero-summary{margin-top:28px}}
/* Capabilities: layered slides, travelling from left to right. */
.capability-carousel{position:relative;margin-top:50px}.capability-depth{display:none}.capability-controls[hidden]{display:none}.capability-carousel.ready .capability-stage{position:relative;min-height:500px;isolation:isolate;overflow:hidden;padding:35px 0}.capability-carousel.ready .pillar-grid{display:block;position:absolute;inset:35px 0}.capability-carousel.ready .pillar{position:absolute;left:50%;top:0;width:440px;max-width:72%;min-height:400px;padding:35px 38px;background:#292a24;transform:translateX(-50%);transition:transform .95s cubic-bezier(.22,.7,.22,1),opacity .8s,filter .8s;will-change:transform;box-shadow:0 22px 45px #0005;margin:0}.capability-carousel.ready .pillar h3{font-size:34px}.capability-carousel.ready .pillar p{font-size:18px;line-height:1.6}.capability-carousel.ready .pillar[data-slot="0"]{transform:translateX(-50%) scale(1);z-index:4;opacity:1;filter:none}.capability-carousel.ready .pillar[data-slot="-1"]{transform:translateX(calc(-50% - 320px)) scale(.85);z-index:3;opacity:.6;filter:brightness(.78)}.capability-carousel.ready .pillar[data-slot="1"]{transform:translateX(calc(-50% + 320px)) scale(.85);z-index:2;opacity:.6;filter:brightness(.78)}.capability-carousel.ready .pillar[data-slot="-1"]:hover,.capability-carousel.ready .pillar[data-slot="1"]:hover{opacity:.85}.capability-carousel.ready .pillar.wrapping{transition:none;opacity:0;transform:translateX(calc(-50% - 430px)) scale(.7);z-index:1}.capability-carousel.ready .capability-depth{display:block;position:absolute;inset:35px 0;pointer-events:none;z-index:0}.capability-depth i{position:absolute;top:30px;left:50%;width:440px;max-width:72%;height:360px;border:1px solid #57584a;background:#37382f;border-radius:5px;box-shadow:0 10px 20px #0002}.capability-depth i:nth-child(1){transform:translateX(calc(-50% - 450px)) scale(.72);opacity:.35}.capability-depth i:nth-child(2){transform:translateX(calc(-50% - 540px)) scale(.6);opacity:.2}.capability-depth i:nth-child(3){transform:translateX(calc(-50% + 450px)) scale(.72);opacity:.35}.capability-depth i:nth-child(4){transform:translateX(calc(-50% + 540px)) scale(.6);opacity:.2}.capability-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;margin-top:10px}.capability-controls button{border:1px solid #646558;border-radius:25px;padding:10px 19px;font-size:14px;letter-spacing:0}.capability-controls button:hover{background:#33352a}.capability-position{font-size:14px;letter-spacing:.08em;color:#bfc0b4;min-width:70px;text-align:center}.capability-pause{color:#c5ff5d}.capability-carousel.ready .pillar:nth-child(1){border-top:3px solid #a7b4fb}.capability-carousel.ready .pillar:nth-child(2){border-top:3px solid #ff9461}.capability-carousel.ready .pillar:nth-child(3){border-top:3px solid #c5ff5d}
@media(max-width:800px){.capability-carousel{margin-top:25px}.capability-carousel.ready .capability-stage{min-height:520px;padding-top:20px}.capability-carousel.ready .pillar-grid{top:20px}.capability-carousel.ready .pillar{width:360px;max-width:82%;min-height:430px;padding:27px 24px}.capability-carousel.ready .pillar h3{font-size:29px}.capability-carousel.ready .pillar p{font-size:16px}.capability-carousel.ready .pillar[data-slot="-1"]{transform:translateX(calc(-50% - 180px)) scale(.85)}.capability-carousel.ready .pillar[data-slot="1"]{transform:translateX(calc(-50% + 180px)) scale(.85)}.capability-depth i{max-width:82%;height:390px}.capability-depth i:nth-child(1){transform:translateX(calc(-50% - 230px)) scale(.72)}.capability-depth i:nth-child(2){transform:translateX(calc(-50% - 275px)) scale(.6)}.capability-depth i:nth-child(3){transform:translateX(calc(-50% + 230px)) scale(.72)}.capability-depth i:nth-child(4){transform:translateX(calc(-50% + 275px)) scale(.6)}.capability-controls{gap:10px}.capability-controls button{padding:10px 13px}.capability-pause{flex-basis:100%;max-width:200px}}@media(prefers-reduced-motion:reduce){.capability-carousel.ready .pillar{transition:none!important}}

/* Only the three service cards, without dark background layers. */
.capability-carousel.ready .pillar[data-slot="-1"],.capability-carousel.ready .pillar[data-slot="1"]{opacity:1;filter:none}.capability-carousel.ready .pillar[data-slot="-1"]:hover,.capability-carousel.ready .pillar[data-slot="1"]:hover{opacity:1}
/* Opportunity cards: colourful dialogue-like panels with staggered reveal. */
.priority-grid{gap:24px;align-items:stretch}.priority-grid .opportunity-card{--card-color:#a7b4fb;background:var(--card-color);color:#1b1b1a;border:0;border-radius:24px 24px 24px 5px;padding:27px 25px 28px;display:flex;flex-direction:column;min-height:310px;position:relative;box-shadow:0 7px 0 #0002;transition:transform .3s,box-shadow .3s;scroll-margin-top:120px}.priority-grid .opportunity-card:nth-child(3n+2){--card-color:#ff9461}.priority-grid .opportunity-card:nth-child(3n){--card-color:#c5ff5d}.opportunity-number{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:.04em;border:1px solid #1b1b1a55;margin-bottom:27px}.priority-grid .opportunity-card h3{font-size:23px;line-height:1.18;font-weight:600;letter-spacing:-.035em;margin:0 0 18px}.priority-grid .opportunity-card p{font-size:17px;line-height:1.6;letter-spacing:-.01em;color:#25251f;margin:0 0 28px}.priority-grid .opportunity-card a{font-size:14px;line-height:1.5;letter-spacing:0;align-self:flex-start;margin-top:auto;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.priority-grid .opportunity-card:hover,.priority-grid .opportunity-card:focus-within{transform:translateY(-8px) rotate(-.5deg);box-shadow:0 15px 24px #0004}.js .priority-grid .opportunity-card.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease var(--card-delay),transform .65s cubic-bezier(.2,.7,.1,1) var(--card-delay),box-shadow .3s}.js .priority-grid .opportunity-card.reveal.visible{opacity:1;transform:translateY(0)}.js .priority-grid .opportunity-card.reveal.visible:hover,.js .priority-grid .opportunity-card.reveal.visible:focus-within{transform:translateY(-8px) rotate(-.5deg);transition-delay:0s}.priority-grid .opportunity-card a:focus-visible{outline-color:#1b1b1a;outline-offset:5px}
@media(max-width:1100px){.priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-grid .opportunity-card{min-height:280px}}@media(max-width:600px){.priority-grid{grid-template-columns:1fr;gap:20px}.priority-grid .opportunity-card{padding:25px;min-height:255px}.priority-grid .opportunity-card h3{font-size:25px}.opportunity-number{margin-bottom:22px}.priority-grid .opportunity-card p{font-size:17px}.priority-grid .opportunity-card:hover,.priority-grid .opportunity-card:focus-within{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.js .priority-grid .opportunity-card.reveal{opacity:1;transform:none;transition:none}.js .priority-grid .opportunity-card.reveal.visible:hover,.js .priority-grid .opportunity-card.reveal.visible:focus-within{transform:none}}.paused .priority-grid .opportunity-card{transition:none!important}.paused .priority-grid .opportunity-card.reveal{opacity:1!important;transform:none!important}

.portrait-autman img{filter:none;object-position:50% 25%}

/* =========================================
   ESVIRAL — MARQUEE / TODO CONECTADO
========================================= */

.esviral-marquee-section {
    position: relative;
    overflow: hidden;
    background: #17111e;
    padding: 80px 0;
    color: #f2ede5;
}

/* EYEBROW */
.esviral-marquee-eyebrow {
    margin: 0 5vw 36px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #aaa1ae;
}

/* MARQUEE */
.esviral-marquee-wrapper {
    width: 100%;
    overflow: hidden;
}

/*
El track empieza desplazado un 50%
y termina en posición 0.

Eso hace que visualmente el contenido
se mueva de IZQUIERDA → DERECHA.
*/
.esviral-marquee-track {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: esviral-marquee-right 28s linear infinite;
}

.esviral-marquee-group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    white-space: nowrap;
    padding-right: 30px;
}

/* TYPOGRAPHY */
.esviral-marquee-word {
    font-size: clamp(56px, 8vw, 135px);
    font-weight: 800;
    line-height: 0.9;
    letter-spacing: -0.06em;
    color: #f2ede5;
}

.esviral-marquee-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 28px;
    font-size: clamp(34px, 5vw, 72px);
    font-weight: 300;
    color: #ff5a24;
}

/* COPY */
.esviral-marquee-copy {
    max-width: 650px;
    margin: 45px 5vw 0;
    font-size: 16px;
    line-height: 1.6;
    color: #bfb7c3;
}

.esviral-marquee-copy strong {
    color: #ffffff;
    font-weight: 600;
}

/* MOVIMIENTO */
@keyframes esviral-marquee-right {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

/* GRADIENTES LATERALES OPCIONALES */
.esviral-marquee-section::before,
.esviral-marquee-section::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10%;
    pointer-events: none;
    z-index: 2;
}

.esviral-marquee-section::before {
    left: 0;
    background: linear-gradient(
        90deg,
        #17111e 15%,
        rgba(23, 17, 30, 0)
    );
}

.esviral-marquee-section::after {
    right: 0;
    background: linear-gradient(
        270deg,
        #17111e 15%,
        rgba(23, 17, 30, 0)
    );
}

.esviral-marquee-eyebrow,
.esviral-marquee-copy {
    position: relative;
    z-index: 3;
}

/* HOVER OPCIONAL */
@media (hover: hover) {
    .esviral-marquee-wrapper:hover .esviral-marquee-track {
        animation-play-state: paused;
    }
}

/* TABLET */
@media (max-width: 900px) {
    .esviral-marquee-section {
        padding: 65px 0;
    }

    .esviral-marquee-word {
        font-size: clamp(52px, 10vw, 90px);
    }

    .esviral-marquee-arrow {
        margin: 0 20px;
    }
}

/* MOBILE */
@media (max-width: 600px) {
    .esviral-marquee-section {
        padding: 55px 0;
    }

    .esviral-marquee-eyebrow {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 28px;
    }

    .esviral-marquee-word {
        font-size: 54px;
        letter-spacing: -0.05em;
    }

    .esviral-marquee-arrow {
        margin: 0 14px;
        font-size: 34px;
    }

    .esviral-marquee-copy {
        margin: 36px 20px 0;
        font-size: 15px;
    }

    .esviral-marquee-section::before,
    .esviral-marquee-section::after {
        width: 6%;
    }
}

/* ACCESIBILIDAD */
@media (prefers-reduced-motion: reduce) {
    .esviral-marquee-track {
        animation: none;
        transform: none;
    }
}

/* Adaptation to the existing ESVIRAL typography and dark palette. */
.esviral-marquee-section{background:var(--bg);color:var(--text);padding:70px 0}
.esviral-marquee-word{font-weight:400;font-size:clamp(56px,8vw,135px);line-height:1.1;color:var(--text)}
.esviral-marquee-arrow{color:#ff7139}
.esviral-marquee-section::before,.esviral-marquee-section::after{display:none}
.esviral-marquee-eyebrow{font-size:12px;color:#aeaeaa;letter-spacing:.1em}
.esviral-marquee-copy{font-size:17px;color:#c7c7be;letter-spacing:-.015em}
.paused .esviral-marquee-track{animation-play-state:paused}
@media(max-width:600px){.esviral-marquee-section{padding:50px 0}.esviral-marquee-word{font-size:54px}.esviral-marquee-copy{font-size:16px}}
@media(prefers-reduced-motion:reduce){.esviral-marquee-group[aria-hidden=true]{display:none}.esviral-marquee-track{width:100%}.esviral-marquee-group{flex-wrap:wrap;white-space:normal;gap:12px;padding:0 5vw}.esviral-marquee-word{font-size:clamp(24px,4vw,48px)}.esviral-marquee-arrow{font-size:24px;margin:0}}
/* A scroll-driven path through the four phases of the method. */
.method-timeline{position:relative}.method-grid article{position:relative}.method-grid article>.label{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid #686a59;background:var(--bg);color:#b3b5a6;position:relative;z-index:2;margin:0 0 20px;font-size:14px;letter-spacing:0;transition:background .35s,color .35s,box-shadow .35s}.method-grid article h3{transition:color .35s}.method-grid article p{transition:opacity .35s}.method-grid article .method-result{border-left:2px solid #686a59;padding-left:14px;transition:border-color .35s,color .35s}.method-timeline.method-animated{min-height:95svh}.method-animated .method-grid{position:sticky;top:140px;padding-top:0;isolation:isolate}.method-animated .method-grid::before,.method-animated .method-grid::after{content:'';position:absolute;left:var(--line-x,23px);top:var(--line-y,48px);height:2px;width:var(--line-length,75%);background:#565847;z-index:0;pointer-events:none}.method-animated .method-grid::after{background:#c5ff5d;transform:scaleX(var(--method-progress,0));transform-origin:left;box-shadow:0 0 14px #c5ff5d44}.method-animated .method-grid article{border-top:0;padding-top:25px;transition:transform .45s}.method-animated .method-grid article.is-reached>.label{background:#c5ff5d;border-color:#c5ff5d;color:#18200e}.method-animated .method-grid article.is-current>.label{box-shadow:0 0 0 7px #c5ff5d20,0 0 22px #c5ff5d33}.method-animated .method-grid article.is-current h3{color:#c5ff5d}.method-animated .method-grid article.is-current{transform:none}.method-animated .method-grid article.is-reached .method-result{border-color:#c5ff5d}.method-animated .method-grid article:not(.is-reached) p{opacity:.65}
@media(max-width:1000px){.method-animated .method-grid{grid-template-columns:1fr;position:relative;top:auto;gap:0}.method-timeline.method-animated{min-height:0}.method-animated .method-grid article{padding:0 0 45px 80px;min-height:235px}.method-animated .method-grid article>.label{position:absolute;left:0;top:0;margin:0}.method-animated .method-grid article h3{margin-top:4px}.method-animated .method-grid::before,.method-animated .method-grid::after{width:2px;height:var(--line-length,75%)}.method-animated .method-grid::after{transform:scaleY(var(--method-progress,0));transform-origin:top}.method-animated .method-grid article.is-current{transform:none}.method-animated .method-grid article:last-child{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.method-grid article,.method-grid article>.label,.method-grid article h3,.method-grid article p{transition:none!important}.method-timeline.method-animated{min-height:0}.method-animated .method-grid{position:relative;top:auto}.method-animated .method-grid article.is-current{transform:none}}

/* Soft transitions between sections, with a short stagger for their content. */
.js .section-entrance{opacity:0;translate:0 26px;transition:opacity .75s ease var(--entrance-delay,0ms),translate .9s cubic-bezier(.22,1,.36,1) var(--entrance-delay,0ms)}
.js .section-entrance.has-entered,.js .section-entrance:focus-within{opacity:1;translate:0 0}
.paused .section-entrance{opacity:1!important;translate:none!important;transition:none!important}
@media(max-width:600px){.js .section-entrance{translate:0 16px;transition-duration:.55s,.65s}}
@media(prefers-reduced-motion:reduce){.js .section-entrance{opacity:1;translate:none;transition:none}}

/* Typography, navigation and service lists adapted from the supplied HOME V2. */
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0}
h1,h2,h3{letter-spacing:-.055em;font-weight:900}
.hero .agency-title,.seo-section h2,.growth-copy h2,.team h3{font-weight:900;line-height:1}
.location-heading{font-weight:900!important;letter-spacing:-.055em}
.hero-kicker{font-weight:700}.seo-section p{letter-spacing:-.01em}
header.topbar{height:80px;padding:0 var(--pad);background:rgba(7,7,7,.82);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff14;mix-blend-mode:normal;color:#fff;gap:30px}
.topbar .brand{flex-shrink:0}.topbar .brand-img{width:164px;height:44px;object-fit:contain;display:block}
.topbar .navlinks{display:flex;gap:27px;align-items:center;font-size:14px;color:#d9d5cf;pointer-events:auto;white-space:nowrap}.topbar .navlinks a:hover{color:#ff5a00}
.topbar .header-actions{gap:18px}.topbar .navcta{padding:12px 19px;border:1px solid #ff5a00;border-radius:999px;font-size:14px;font-weight:800;white-space:nowrap;transition:background .2s,color .2s}
.topbar .navcta:hover{background:#ff5a00;color:#050505}.topbar .menu-toggle{display:none}
.diagnosis-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ff5a00;color:#090909;border:1px solid #ff5a00;font-weight:800;padding:15px 22px;transition:background .2s,transform .2s}
.diagnosis-button:hover{background:#ff7a00;transform:translateY(-2px)}
.service-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:46px}
.service-col{border:1px solid #ffffff1f;border-radius:28px;padding:28px;background:#101010;min-width:0;scroll-margin-top:110px}
.service-col h3{font-size:34px;font-weight:900;line-height:1;margin:0 0 18px}
.service-col .roleline{font-size:14px;color:#8f8a83;margin:0 0 24px;line-height:1.5}
.service-links{list-style:none;margin:0;padding:0;display:grid}
.service-links a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid #ffffff17;font-size:15px;line-height:1.35;color:#d6d1ca;transition:color .2s,padding .2s}
.service-links a:hover{color:#ff5a00;padding-left:5px}.service-links a span{font-size:14px}
@media(max-width:1000px){.topbar .navlinks{display:none}.topbar .menu-toggle{display:flex}.service-cols{grid-template-columns:1fr}.service-col{padding:26px}.service-col h3{font-size:32px}}
@media(max-width:650px){header.topbar{height:68px;gap:12px;padding:0 12px}.topbar .brand-img{width:110px;height:36px}.topbar .header-actions{gap:12px}.topbar .navcta{font-size:12px;padding:10px 12px}.topbar .menu-toggle{width:26px}.service-cols{margin-top:30px}.hero .agency-title,.seo-section h2{line-height:1.04}}
@media(prefers-reduced-motion:reduce){.diagnosis-button,.service-links a{transition:none}.diagnosis-button:hover{transform:none}}

/* Single-slide service opportunities; original grid remains without JavaScript. */
.opportunity-carousel{max-width:680px;margin:0 auto;overflow:hidden;padding:8px 0 20px}
.priority-grid.opportunity-track{display:flex;gap:0;align-items:stretch;translate:calc(var(--opportunity-index,0) * -100%) 0;transition:translate .65s cubic-bezier(.22,1,.36,1)}
.priority-grid.opportunity-track .opportunity-card{flex:0 0 100%;min-width:0;min-height:340px;padding:36px;box-shadow:none}
.priority-grid.opportunity-track .opportunity-card h3{font-size:clamp(28px,3vw,38px);font-weight:800}
.priority-grid.opportunity-track .opportunity-card p{font-size:20px;max-width:520px}
.priority-grid.opportunity-track .opportunity-card:hover,.priority-grid.opportunity-track .opportunity-card:focus-within{transform:none;box-shadow:none}
.opportunity-controls{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:24px}
.opportunity-controls button{width:46px;height:46px;border:1px solid #ffffff55;border-radius:50%;font-size:23px;transition:background .2s,color .2s}
.opportunity-controls button:hover{background:#c5ff5d;color:#18200e}.opportunity-position{font-size:14px;letter-spacing:.12em;min-width:75px;text-align:center}
.paused .opportunity-track{transition:none}
@media(max-width:600px){.priority-grid.opportunity-track .opportunity-card{padding:27px;min-height:350px}.priority-grid.opportunity-track .opportunity-card p{font-size:18px}}
@media(prefers-reduced-motion:reduce){.priority-grid.opportunity-track{transition:none}.opportunity-controls button{transition:none}}

/* Layered slides: the active service is central, neighbours step back in depth. */
.opportunity-carousel{max-width:1200px;padding:12px 0 20px;overflow:hidden}
.priority-grid.opportunity-track{display:block;position:relative;height:390px;translate:none;perspective:1200px;transition:none;isolation:isolate}
.priority-grid.opportunity-track .opportunity-card{position:absolute;left:50%;top:15px;width:56%;height:350px;min-height:350px;padding:34px;transform:translateX(calc(-50% + var(--depth-slot,0) * 18%)) scale(var(--depth-scale,1));transform-origin:center;opacity:1;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .75s;box-shadow:0 12px 35px #0002}
.priority-grid.opportunity-track .opportunity-card[data-depth="1"]{opacity:.87}
.priority-grid.opportunity-track .opportunity-card[data-depth="2"]{opacity:.72}
.priority-grid.opportunity-track .opportunity-card[data-depth="3"]{opacity:.55}
.priority-grid.opportunity-track .opportunity-card[data-depth="4"]{opacity:0;pointer-events:none}
.priority-grid.opportunity-track .opportunity-card:hover,.priority-grid.opportunity-track .opportunity-card:focus-within{transform:translateX(calc(-50% + var(--depth-slot,0) * 18%)) scale(var(--depth-scale,1));box-shadow:0 12px 35px #0002}
.opportunity-controls{margin-top:10px}
@media(max-width:800px){.priority-grid.opportunity-track .opportunity-card{width:72%;padding:28px;height:370px;min-height:370px}.priority-grid.opportunity-track{height:410px}.priority-grid.opportunity-track .opportunity-card h3{font-size:29px}.priority-grid.opportunity-track .opportunity-card p{font-size:18px}}
@media(max-width:450px){.priority-grid.opportunity-track .opportunity-card{width:80%;padding:24px;height:380px;min-height:380px}.priority-grid.opportunity-track{height:420px}.priority-grid.opportunity-track .opportunity-card h3{font-size:27px}.priority-grid.opportunity-track .opportunity-card p{font-size:17px}}
.paused .priority-grid.opportunity-track .opportunity-card{transition:none!important}
@media(prefers-reduced-motion:reduce){.priority-grid.opportunity-track .opportunity-card{transition:none!important}}

.portrait-anthony img{filter:none;object-position:50% 35%}

/* An integrated inquiry form with clear labels and comfortable touch targets. */
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start}
.contact-intro h2{font-size:clamp(36px,4vw,64px);max-width:550px}
.contact-intro>p{font-size:19px;line-height:1.65;color:#30401c;max-width:450px}
.contact-intro .contact-note{font-size:15px}.contact-email{display:inline-block;margin-top:22px;font-size:17px;text-decoration:underline;text-underline-offset:5px}
.diagnosis-form{background:#f7f7ef;border:1px solid #18200e22;border-radius:28px;padding:35px;color:#18200e;min-width:0}
.form-heading{font-size:26px;font-weight:800;letter-spacing:-.04em;margin:0 0 8px}.form-caption{font-size:13px;color:#59614d;margin:0 0 25px}
.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.form-fields label{display:block;font-size:14px;font-weight:600;line-height:1.5}.form-fields label>span{font-weight:400;color:#59614d;font-size:12px}.form-wide{grid-column:1/-1}
.form-fields input,.form-fields select,.form-fields textarea{display:block;width:100%;min-width:0;margin-top:8px;padding:13px 14px;min-height:48px;border:1px solid #18200e33;border-radius:10px;background:#fff;color:#18200e;font:400 16px/1.4 Inter,Arial,sans-serif;letter-spacing:0}.form-fields textarea{resize:vertical;min-height:130px}.form-fields input:focus,.form-fields select:focus,.form-fields textarea:focus{outline:2px solid #18200e;outline-offset:2px}.form-fields input::placeholder,.form-fields textarea::placeholder{color:#74796a}
.form-privacy{font-size:13px!important;line-height:1.6;color:#59614d;margin:22px 0}.form-privacy a,.form-privacy-info a{text-decoration:underline;text-underline-offset:3px}.form-send{width:100%;min-height:52px;font-size:16px;border-radius:999px}.form-status{font-size:14px;line-height:1.5;margin:14px 0 0;min-height:0}.form-status:empty{display:none}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.form-privacy-info{border-top:1px solid #18200e33;margin-top:45px;padding-top:25px;scroll-margin-top:110px}.form-privacy-info h3{font-size:20px;margin:0 0 14px}.form-privacy-info p{font-size:14px;line-height:1.7;color:#30401c;max-width:1000px}
@media(max-width:1000px){.contact-layout{grid-template-columns:1fr;gap:32px}.contact-intro h2{max-width:800px}.contact-intro>p{max-width:650px}}
@media(max-width:600px){.diagnosis-form{padding:24px 20px;border-radius:20px}.form-fields{grid-template-columns:1fr}.form-wide{grid-column:auto}.contact-email{font-size:15px}}
