:root{--night:#101828;--surface:#18243a;--salt:#f4f1ea;--sun:#f28c45;--altiplano:#7b68c8;--ink:#101828;--paper:#fdfcf9;--blue:#5143a3;--lime:#f28c45;--muted:#475467;--line:#d5d5db}body{background:var(--paper);color:var(--ink)}p{color:#475467}.nav,.footer{background:var(--paper)}.navlinks{color:var(--ink)}.nav .btn,.btn{color:var(--night);background:var(--sun);border-color:var(--sun);border-radius:100px}.btn:hover{color:var(--night);background:#ffab6d;border-color:#ffab6d;transform:translateY(-2px)}.btn.outline{background:transparent;color:var(--ink);border-color:#87909e}.btn.outline:hover{background:#edeaf5}.brand-logo{mix-blend-mode:multiply}.language-switch a[aria-current=true]{background:#5143a3;color:white}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5143a3;outline-offset:4px}.agency-hero{background:radial-gradient(ellipse at 83% 22%,#7b68c82b,transparent 44%),var(--night);color:#f8fafc;border-radius:0;padding-top:56px;padding-bottom:56px;position:relative;isolation:isolate}.agency-hero:before{content:'';position:absolute;inset:0 calc((1280px - 100vw)/2);min-width:100%;background:var(--night);z-index:-1}.agency-hero h1 em{color:var(--sun)}.agency-hero .lead,.agency-hero .hero-note,.agency-hero .eyebrow{color:#e1e6ef}.agency-hero strong{color:#f8fafc}.agency-hero .btn.outline{color:#f8fafc;border-color:#a0aec0}.agency-hero .btn.outline:hover{background:#25354d}.hero-art{background:transparent;padding:0;min-height:0;overflow:visible;gap:16px}.mascot-presentation{margin:0;background:#18243a;border:1px solid #394761;border-radius:24px;overflow:hidden}.mascot-presentation img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center}.mascot-presentation figcaption{padding:16px 20px;color:#f8fafc;font-size:14px;line-height:1.5}.mascot-presentation p{margin:7px 0 0;color:#d0d9e7;font-size:13px}.mascot-presentation .media-state{color:#f9b884;font-size:12px}.mascot-presentation video{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;background:#101827}.mascot-presentation details{font-size:13px;color:#e1e6ef}.mascot-presentation summary{cursor:pointer;min-height:44px;line-height:44px}.art-services{margin:0;background:#18243a;border:1px solid #394761;border-radius:14px;color:#f8fafc;width:100%}.art-services a{border-color:#394761}.art-services a:hover{background:#23344c}.art-services span{color:#f9b884}.agency-ribbon{transform:none;background:var(--salt);color:var(--ink);border-bottom:1px solid #ddd9d1}.agency-ribbon b{color:#5143a3}.accent,.cases-section .accent{color:#5143a3}.offer-card,.expertise-card{border-radius:16px}.offer-card:nth-child(1),.expertise-card:nth-child(1){background:#f0eff8;border-color:#dedcec}.offer-card:nth-child(2),.expertise-card:nth-child(2){background:#fff1e8;border-color:#efddcf}.offer-card:nth-child(3),.expertise-card:nth-child(3){background:#f0f2e5;border-color:#dfe4cf}.cases-section{background:var(--salt)}.process-section{background:var(--surface);color:#f8fafc}.process-section p,.process-section .eyebrow{color:#e1e6ef}.process-grid article>span{color:#f9b884}.cta{background:radial-gradient(ellipse at 95% 0,#7b68c83b,transparent 55%),var(--night);color:#f8fafc;border-radius:20px}.cta p,.cta .eyebrow{color:#e1e6ef}.cta .btn{background:var(--sun);border-color:var(--sun);color:var(--night)}.reading{max-width:780px}.reading p,.reading li{color:#475467;line-height:1.8}.reading a{color:#5143a3}.pagehero .accent{color:#5143a3}.article-feature{background:#eeebf5;border-color:#d4cde4}.article-card{border-color:#ddd9d1}.pricebox,.contact-form,.aside-note,.product-note{background:#f4f1ea;border-color:#ddd9d1}.contact-form input,.contact-form select,.contact-form textarea{color:#101828;background:white;font-size:16px}.filter{min-height:44px}.filter[aria-pressed=true]{background:#5143a3;color:white;border-color:#5143a3}.project-card .meta,.article-card .meta{color:#5143a3}.menu{min-height:44px}.foot-grid p,.foot-grid .eyebrow{color:#475467}
.commercial-section{background:var(--salt);border-block:1px solid #ddd9d1}.commercial-section .section-head h2{max-width:850px}.demo-disclaimer{color:#475467;font-size:13px;line-height:1.6}.demo-scenarios,.demo-views{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.commercial-section button,.commercial-section select{font:inherit;color:#101828;background:#fff;border:1px solid #9a9fa9;border-radius:12px;padding:12px 16px;min-height:44px;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.commercial-section button[aria-pressed=true]{border-color:#5143a3;background:#eeebf5;font-weight:700}.commercial-section button:disabled{opacity:.6;cursor:default}.demo-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.demo-conversation,.demo-crm{background:white;border:1px solid #d3cfdc;border-radius:18px;padding:24px;min-width:0}.demo-conversation{max-height:580px;overflow:auto}.demo-message{margin:0 0 13px;font-size:14px;line-height:1.7;padding:12px 15px;border-radius:14px;background:#f4f1ea;white-space:pre-wrap;overflow-wrap:anywhere;color:#101828}.demo-message.assistant{background:#eeebf5}.demo-message.system{background:#eaf2eb;border-left:3px solid #347048}.demo-crm h3{margin:0 0 18px}.demo-crm dl{display:grid;grid-template-columns:1fr 1.5fr;margin:0;gap:0 18px}.demo-crm dt,.demo-crm dd{margin:0;border-bottom:1px solid #e4e1e8;padding:9px 0;font-size:13px;overflow-wrap:anywhere;line-height:1.5}.demo-crm dt{color:#475467}.demo-crm dd{color:#101828}.demo-proof{font-size:12px;overflow-wrap:anywhere}.demo-funnel{display:flex;list-style:none;padding:0;gap:8px;margin:24px 0;flex-wrap:wrap;counter-reset:steps}.demo-funnel li{counter-increment:steps;color:#475467;border:1px solid #b2aeb9;border-radius:10px;padding:9px 12px;font-size:13px}.demo-funnel li:before{content:counter(steps)'. '}.demo-funnel .complete{background:#eeebf5;color:#101828}.demo-funnel [aria-current]{border:2px solid #5143a3}.demo-controls{display:flex;flex-wrap:wrap;gap:10px}.demo-controls button:nth-child(2){background:#f28c45;color:#101828;border-color:#f28c45;font-weight:700}.demo-status{font-size:13px;min-height:24px;overflow-wrap:anywhere}.demo-variants{margin-top:18px;font-size:13px}.demo-variants summary{min-height:44px;line-height:44px;cursor:pointer}.demo-views{display:none}.pilot-note{background:#eeebf5;border-left:3px solid #5143a3;padding:20px;margin-bottom:24px}.pilot-note p{margin:0;line-height:1.6}
@media(max-width:1280px){.agency-hero:before{inset:0 -44px}}@media(max-width:1000px){.agency-hero:before{inset:0 -24px}.agency-hero{gap:28px}.demo-layout{grid-template-columns:1fr 1fr}.demo-conversation,.demo-crm{padding:18px}}
@media(max-width:720px){.agency-hero{padding-top:35px;grid-template-columns:1fr}.agency-hero:before{inset:0 -18px}.hero-art{padding:0;margin:0;min-height:0;order:2}.mascot-presentation img{aspect-ratio:1;object-position:center}.agency-hero .actions{display:flex;flex-direction:column;align-items:stretch}.agency-hero h1{font-size:clamp(2.5rem,10vw,4rem)}.agency-ribbon .wrap{flex-wrap:wrap;justify-content:center}.navlinks{background:var(--paper)}.demo-views{display:flex}.demo-layout{display:block}.demo-crm{display:none}#commercial-demo[data-view=crm] .demo-crm{display:block}#commercial-demo[data-view=crm] .demo-conversation{display:none}.demo-controls{display:grid;grid-template-columns:1fr 1fr}.demo-controls button:nth-child(2){grid-column:1/-1;grid-row:1}.demo-scenarios button{flex:1}.demo-conversation{max-height:550px}.demo-crm dl{grid-template-columns:1fr 1.4fr;gap:0 12px}.demo-funnel{gap:6px}.section{padding-block:58px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.btn,.offer-card,.expertise-card{transition:none!important;transform:none!important}.hero-sculpture{animation:none!important}}
.agency-hero{overflow:visible}

/* Alicia: native playback, square poster/player and reversible loading. */
.mascot-presentation img[hidden],.mascot-presentation video[hidden]{display:none}
.mascot-presentation .mascot-media-button{margin-top:12px;min-height:44px;font:inherit;cursor:pointer}
.mascot-presentation .mascot-media-button:disabled{cursor:wait;opacity:.75}
.mascot-presentation video:focus-visible{outline:3px solid #9c8bfa;outline-offset:-3px}

/* Alicia: first in DOM on mobile, right-hand panel on desktop. */
.alicia-hero-layout{grid-template-areas:"copy media" "copy services";row-gap:16px}
.alicia-hero-layout .hero-copy{grid-area:copy}
.alicia-hero-layout .mascot-presentation{grid-area:media}
.alicia-hero-layout .art-services{grid-area:services}
.mascot-media-frame{position:relative;width:100%;aspect-ratio:1;background:#101827;overflow:hidden}
.mascot-media-frame>img,.mascot-media-frame>video{width:100%;height:100%;aspect-ratio:1;object-fit:contain}
.mascot-project-cta{position:absolute;left:5%;right:5%;bottom:60px;z-index:2;display:block;min-height:48px;padding:14px 18px;border:2px solid #f29245;border-radius:16px;background:#101827f2;color:#fff;font:inherit;font-weight:600;font-size:clamp(16px,1.4vw,21px);line-height:1.35;text-align:center;cursor:pointer;box-shadow:0 8px 24px #0006}
.mascot-project-cta[hidden]{display:none}
@media(max-width:720px){.alicia-hero-layout{grid-template-areas:"media" "copy" "services";padding-top:18px;row-gap:28px}.mascot-project-cta{bottom:52px}}

/* The approved montage already draws its CTA: the real HTML button is a focusable hit target. */
.mascot-project-cta{top:77%;bottom:auto;height:10%;min-height:44px;padding:0;border:2px solid transparent;background:transparent;box-shadow:none}
.mascot-project-cta>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mascot-project-cta:hover{border-color:#f29245;background:#10182722}
.mascot-project-cta:focus-visible{outline:3px solid #9c8bfa;outline-offset:2px}
@media(max-width:720px){.mascot-project-cta{top:72%;bottom:auto;height:13%;min-height:44px}}