/* Criando com IA — Experience Studio
   Progressive enhancement. Baseline remains usable without external animation libraries. */
:root { --cx-ink:#0c0c12;--cx-cream:#f3f0e9;--cx-violet:#bcadff;--cx-lime:#d6ff79; }
body[data-page-type="home"] {background:#f3f0e9;}
body[data-page-type="home"] .topbar {background:rgba(243,240,233,.86);border-bottom:1px solid rgba(16,16,22,.12);}
body[data-page-type="home"] .topbar .btn-mini {background:#111116;color:white;}
.hero.hero-atelier {background:#111119;color:#f9f6f2;min-height:calc(100svh - 75px);padding:clamp(36px,5vw,88px) var(--gutter) 22px;position:relative;overflow:hidden;isolation:isolate;}
.hero.hero-atelier::before {content:"";position:absolute;inset:-25% -20% auto auto;width:70vw;aspect-ratio:1;background:radial-gradient(circle,rgba(113,85,208,.19),transparent 65%);pointer-events:none;z-index:-1;}
.hero-atelier .hero-grid {max-width:1480px;min-height:610px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(320px,.87fr);align-items:center;gap:clamp(20px,4vw,70px);}
.hero-atelier .hero-copy {position:relative;z-index:2;padding-bottom:22px;max-width:880px;}
.hero-atelier .eyebrow {font-family:var(--display);font-size:.73rem;font-weight:700;letter-spacing:.18em;color:#c7c0ed;text-transform:uppercase;margin:0 0 32px;}
.cx-pulse {display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px;background:var(--cx-lime);box-shadow:0 0 22px rgba(214,255,121,.65);}
.hero-atelier h1 {font-family:var(--display);font-size:clamp(3.7rem,7.1vw,8.2rem);letter-spacing:-.09em;font-weight:600;line-height:.94;max-width:900px;position:relative;z-index:3;}
.hero-atelier h1 em {font-style:normal;color:var(--cx-lime);white-space:nowrap;}
.hero-atelier .hero-impact {font-family:var(--display);font-size:clamp(1rem,1.35vw,1.32rem);font-weight:600;letter-spacing:-.02em;color:#cfcae0;margin:29px 0 8px;}
.hero-atelier .hero-sub {font-size:clamp(1rem,1.25vw,1.15rem);color:#d6d1df;max-width:580px;line-height:1.65;}
.hero-atelier .hero-audience {font-size:.83rem;color:#9c98a9;max-width:550px;margin-top:10px;line-height:1.5;}
.hero-atelier .hero-actions {display:flex;flex-wrap:wrap;gap:13px;margin-top:29px;}
.hero-atelier .hero-actions .btn {min-height:55px;padding:16px 24px;font-size:.93rem;}
.hero-atelier .hero-actions .btn-primary {background:var(--cx-lime);color:#111119;box-shadow:none;}
.hero-atelier .hero-actions .btn-primary:hover {background:#e7ffb0;color:#111119;}
.hero-atelier .hero-actions .btn-ghost {background:transparent;border:1px solid rgba(255,255,255,.38);color:white;}
.hero-atelier .hero-actions .btn-ghost:hover {background:rgba(255,255,255,.1);}
.hero-atelier .cta-proof {color:#9a95a6;margin:19px 0 0;font-size:.79rem;}
.hero-atelier .hero-before-after {margin:0;min-width:0;max-width:none;position:relative;transform:rotate(2deg);}
.cx-stage {height:clamp(420px,47vw,670px);border-radius:8px;overflow:hidden;position:relative;background:#302921;box-shadow:0 35px 95px rgba(0,0,0,.5);}
.cx-stage>img,.cx-stage .cx-before>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 37%;}
.cx-stage .cx-before {position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal, 48%)) 0 0);z-index:2;}
.cx-stage .cx-reveal-line {position:absolute;left:var(--reveal,48%);height:100%;top:0;z-index:3;width:2px;background:#fff;pointer-events:none;transform:translateX(-1px);box-shadow:0 0 0 1px rgba(0,0,0,.09);}
.cx-stage .cx-reveal-line::after {content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#fff;border-radius:50%;width:48px;height:48px;color:#1b1720;font-family:var(--display);font-weight:700;font-size:1.4rem;box-shadow:0 4px 30px rgba(0,0,0,.25);}
.cx-stage .cx-range {position:absolute;inset:0;width:100%;height:100%;z-index:4;opacity:0;cursor:ew-resize;touch-action:pan-y;}
.cx-stage .cx-stage-caption {position:absolute;z-index:5;left:20px;bottom:20px;right:20px;pointer-events:none;display:flex;justify-content:space-between;align-items:end;gap:18px;color:white;text-shadow:0 1px 8px rgba(0,0,0,.65);font-family:var(--display);font-weight:700;letter-spacing:.08em;font-size:.68rem;}
.cx-stage .cx-stage-caption span {padding:7px 10px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px);}
.cx-stage-badge {position:absolute;z-index:5;top:24px;left:-38px;background:var(--cx-lime);color:#15151a;padding:18px 24px;transform:rotate(-8deg);box-shadow:0 12px 30px rgba(0,0,0,.2);font:.7rem var(--display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;}
.cx-stage-note {position:absolute;z-index:6;right:-18px;bottom:45px;writing-mode:vertical-rl;font:700 .72rem var(--display);color:#f7f5ee;letter-spacing:.2em;pointer-events:none;text-shadow:0 2px 10px black;}
.cx-hero-bottom {max-width:1480px;margin:20px auto 0;display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.16);padding-top:18px;font:600 .72rem var(--display);letter-spacing:.13em;color:#b6b1bf;text-transform:uppercase;}
.cx-hero-bottom strong {color:var(--cx-lime);font-weight:600;}
body[data-page-type="home"] .capabilities {background:#d6ff79;color:#0d0d11;}
body[data-page-type="home"] .capabilities .ticker {color:#16151b;}
.cx-projects {padding:clamp(65px,10vw,140px) var(--gutter) clamp(80px,11vw,160px);background:#f3f0e9;color:#17151c;}
.cx-projects-inner {max-width:1480px;margin:auto;}
.cx-section-top {display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:60px;}
.cx-section-top .cx-kicker {font:700 .76rem var(--display);letter-spacing:.17em;text-transform:uppercase;color:#685ac1;margin-bottom:20px;}
.cx-section-top h2 {font-family:var(--display);font-size:clamp(3rem,7vw,7.2rem);letter-spacing:-.08em;line-height:.97;max-width:1050px;font-weight:600;}
.cx-section-top h2 em {font-style:normal;color:#7d70bb;}
.cx-section-top p {max-width:230px;font-size:.88rem;color:#676371;}
.cx-project-grid {display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(14px,2.4vw,35px);align-items:start;}
.cx-project {display:block;position:relative;min-width:0;outline-offset:6px;}
.cx-project:nth-child(2) {margin-top:100px;}
.cx-project:nth-child(3) {grid-column:1 / -1;margin-top:35px;}
.cx-project-visual {position:relative;overflow:hidden;background:#25232b;border-radius:6px;isolation:isolate;}
.cx-project:first-child .cx-project-visual {aspect-ratio:4/4.1;}
.cx-project:nth-child(2) .cx-project-visual {aspect-ratio:4/5;}
.cx-project:nth-child(3) .cx-project-visual {aspect-ratio:16/7;}
.cx-project-visual img,.cx-project-visual video {position:absolute;width:100%;height:100%;inset:0;object-fit:cover;transition:transform .75s cubic-bezier(.21,.6,.2,1),filter .6s;}
.cx-project:hover .cx-project-visual img,.cx-project:hover .cx-project-visual video {transform:scale(1.065);}
.cx-project-visual::after {content:"";position:absolute;inset:60% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.62));}
.cx-project-number {position:absolute;z-index:2;top:24px;left:24px;background:rgba(17,17,25,.7);color:white;padding:8px 12px;font:700 .7rem var(--display);letter-spacing:.14em;}
.cx-project-go {position:absolute;z-index:2;bottom:28px;right:30px;background:var(--cx-lime);border-radius:100%;display:grid;place-items:center;width:72px;height:72px;color:#111118;font:400 2.4rem var(--display);transform:rotate(-45deg);transition:transform .35s;}
.cx-project:hover .cx-project-go {transform:rotate(0);}
.cx-project-label {display:flex;gap:16px;justify-content:space-between;align-items:baseline;padding:22px 0 0;}
.cx-project-label h3 {font:600 clamp(1.5rem,2.2vw,2.35rem) var(--display);letter-spacing:-.055em;line-height:1.05;}
.cx-project-label span {font:.69rem var(--display);letter-spacing:.08em;text-transform:uppercase;color:#676471;text-align:right;}
.cx-project-desc {margin-top:8px;color:#696576;font-size:.93rem;max-width:550px;}
.cx-projects-foot {margin-top:60px;padding-top:25px;border-top:1px solid #ccc7c0;display:flex;align-items:center;justify-content:space-between;gap:20px;font:.76rem var(--display);letter-spacing:.04em;}
.cx-projects-foot a {font-weight:700;border-bottom:1px solid #111;padding-bottom:6px;}
body[data-page-type="home"] .services-main {padding-top:clamp(70px,9vw,120px);background:#f8f7f3;}
body[data-page-type="home"] .services-main .section-heading h2 {font-size:clamp(2.7rem,5.4vw,5.6rem);letter-spacing:-.065em;}
body[data-page-type="home"] .cases {background:#14141b;color:#f9f8f3;}
body[data-page-type="home"] .cases h2 {color:#f9f8f3;}
body[data-page-type="home"] .cases .case-card {background:#26252c;color:#fff;}
body[data-page-type="home"] .cases .case-card-body p {color:#c2bdc7;}
body[data-page-type="home"] .cta {background:#c9baff;color:#16141c;}
body[data-page-type="home"] .cta .btn-light {background:#14141b;color:white;}
/* Showroom microsites */
body.cx-room {margin:0;background:var(--room-bg,#111116);color:var(--room-fg,#f5f2eb);font-family:"Mulish",system-ui,sans-serif;line-height:1.55;}
.cx-room *, .cx-room *::before, .cx-room *::after {box-sizing:border-box;}
.cx-room a {text-decoration:none;color:inherit;}
.cx-room img,.cx-room video {display:block;width:100%;height:100%;object-fit:cover;}
.cx-room button {font:inherit;cursor:pointer;}
.cx-room .room-shell {max-width:1600px;margin:0 auto;}
.cx-room .room-header {position:relative;z-index:10;padding:23px clamp(18px,4vw,70px);display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid currentColor;background:transparent;border-color:rgba(127,127,127,.28);}
.cx-room .room-brand {font:700 .94rem "Space Grotesk",system-ui,sans-serif;letter-spacing:-.02em;}
.cx-room .room-header-right {display:flex;gap:26px;align-items:center;font:600 .8rem "Space Grotesk",system-ui,sans-serif;}
.cx-room .room-header-right a:last-child {border:1px solid currentColor;padding:10px 18px;border-radius:100px;}
.cx-room .room-kicker {font:700 .72rem "Space Grotesk",system-ui,sans-serif;letter-spacing:.19em;text-transform:uppercase;opacity:.75;}
.cx-room .room-hero {min-height:calc(100svh - 80px);display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;overflow:hidden;}
.cx-room .room-copy {padding:clamp(40px,5.5vw,105px) clamp(24px,5vw,90px);display:flex;flex-direction:column;justify-content:center;}
.cx-room .room-copy h1 {font:500 clamp(4rem,7.6vw,10rem)/.95 "Space Grotesk",system-ui,sans-serif;letter-spacing:-.085em;margin:27px 0 30px;max-width:920px;}
.cx-room .room-copy h1 em {font-family:Georgia,serif;font-weight:400;}
.cx-room .room-intro {font-size:clamp(1rem,1.4vw,1.2rem);max-width:560px;opacity:.82;}
.cx-room .room-disclaimer {font-size:.76rem;max-width:460px;opacity:.65;margin-top:20px;}
.cx-room .room-hero-image {position:relative;min-height:620px;overflow:hidden;}
.cx-room .room-hero-image img,.cx-room .room-hero-image video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.cx-room .room-vertical {position:absolute;writing-mode:vertical-rl;top:26px;right:20px;color:white;text-shadow:0 2px 8px #000;font:700 .65rem "Space Grotesk",system-ui,sans-serif;letter-spacing:.2em;}
.cx-room .room-scrim {position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.4));pointer-events:none;}
.cx-room .room-hero-image .room-image-caption {position:absolute;bottom:30px;left:30px;font:700 .8rem "Space Grotesk",system-ui,sans-serif;letter-spacing:.16em;color:white;}
.cx-room .room-button {display:inline-flex;gap:12px;align-items:center;align-self:flex-start;margin-top:32px;padding:15px 21px;border:1px solid currentColor;border-radius:100px;font:700 .88rem "Space Grotesk",system-ui,sans-serif;transition:transform .2s,background .2s;}
.cx-room .room-button:hover {transform:translateY(-3px);background:rgba(127,127,127,.1);}
.cx-room .room-section {padding:clamp(75px,10vw,160px) clamp(24px,5vw,90px);}
.cx-room .room-section-header {display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:50px;}
.cx-room .room-section-header h2 {font:500 clamp(3.4rem,7vw,7.5rem)/.94 "Space Grotesk",system-ui,sans-serif;letter-spacing:-.08em;max-width:880px;}
.cx-room .room-section-header p {max-width:260px;opacity:.74;font-size:.9rem;}
.cx-room .room-proof {display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;}
.cx-room .room-proof-visual {position:relative;aspect-ratio:1/1;min-height:340px;overflow:hidden;border-radius:5px;background:#24222c;}
.cx-room .room-proof-visual img {position:absolute;inset:0;}
.cx-room .room-proof-copy {max-width:510px;padding:28px;}
.cx-room .room-proof-copy h3 {font:500 clamp(2rem,4vw,4.4rem)/1 "Space Grotesk",system-ui,sans-serif;letter-spacing:-.065em;margin-bottom:20px;}
.cx-room .room-proof-copy p {opacity:.76;}
.cx-room .room-visual-gallery {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.cx-room .room-visual-gallery figure {margin:0;min-width:0;}
.cx-room .room-visual-gallery img {aspect-ratio:3/4;object-fit:cover;max-height:620px;}
.cx-room .room-visual-gallery figcaption {font:700 .68rem "Space Grotesk",system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;padding-top:18px;opacity:.7;}
.cx-room .room-media {width:100%;max-height:780px;aspect-ratio:16/8;object-fit:cover;background:#16141b;}
.cx-room .room-finale {min-height:64svh;padding:80px clamp(24px,5vw,90px);display:flex;flex-direction:column;justify-content:center;align-items:start;background:var(--room-accent,#d6ff79);color:#12131a;}
.cx-room .room-finale h2 {font:500 clamp(3.5rem,8vw,9rem)/.94 "Space Grotesk",system-ui,sans-serif;letter-spacing:-.085em;max-width:1100px;}
.cx-room .room-finale .room-button {margin-top:45px;}
.cx-room .room-footer {display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px clamp(24px,5vw,90px);font:.74rem "Space Grotesk",system-ui,sans-serif;opacity:.7;}
.cx-room .cx-switcher-controls {display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px;}
.cx-room .cx-switcher-controls button {background:transparent;color:inherit;border:1px solid currentColor;padding:10px 16px;border-radius:100px;font:700 .78rem "Space Grotesk",system-ui,sans-serif;opacity:.62;}
.cx-room .cx-switcher-controls button[aria-pressed="true"] {opacity:1;background:var(--room-accent);color:#111;}
.cx-room .cx-switcher-frame {aspect-ratio:16/8;overflow:hidden;position:relative;background:#17151d;}
.cx-room .cx-switcher-frame img {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
.cx-room[data-concept="botanico"] {--room-bg:#242c20;--room-fg:#f1efe4;--room-accent:#d6ff79;}
.cx-room[data-concept="biotina"] {--room-bg:#1a1022;--room-fg:#f5eefa;--room-accent:#f3bdff;}
.cx-room[data-concept="gota"] {--room-bg:#edece3;--room-fg:#17251a;--room-accent:#c6d9ab;}
.cx-room[data-concept="gota"] .room-hero-image {background:#102819;}
.cx-room[data-concept="gota"] .room-header {background:#e8ebe2;}
.cx-room[data-concept="gota"] .room-finale {background:#223d29;color:#f7f6ed;}
.cx-room[data-concept="gota"] .room-finale .room-button {border-color:#e8e9da;}
/* Reveal interaction on homepage and project pages */
[data-reveal] {--reveal:52%;position:relative;overflow:hidden;isolation:isolate;}
[data-reveal] .cx-before {clip-path:inset(0 calc(100% - var(--reveal)) 0 0);}
[data-reveal] .cx-range:focus-visible {opacity:.15;outline:3px solid #d6ff79;outline-offset:-8px;}
.cx-room [data-reveal] .cx-before {position:absolute;inset:0;z-index:2;overflow:hidden;}
.cx-room .skip-link {position:absolute;left:10px;top:0;transform:translateY(-150%);background:#fff;color:#111;padding:8px 14px;z-index:100;}
.cx-room .skip-link:focus {transform:translateY(0);}
.cx-room [data-reveal] .cx-range {position:absolute;inset:0;width:100%;height:100%;z-index:4;opacity:0;cursor:ew-resize;}
.cx-room [data-reveal] .cx-reveal-line {position:absolute;z-index:3;left:var(--reveal);width:2px;height:100%;background:white;transform:translateX(-1px);pointer-events:none;}
.cx-room [data-reveal] .cx-reveal-line::after {content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:white;color:#111;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:1.4rem;}
@media (max-width:1000px) {
 .hero-atelier .hero-grid {grid-template-columns:1fr 0.86fr;min-height:530px;}
 .hero-atelier h1 {font-size:clamp(3.3rem,6.8vw,6rem);}
 .cx-stage {height:520px;}
 .cx-project-grid {grid-template-columns:1fr 1fr;}
}
@media (max-width:760px) {
 .hero.hero-atelier {padding:44px 20px 22px;}
 .hero-atelier .hero-grid {display:flex;flex-direction:column;min-height:unset;gap:45px;align-items:stretch;}
 .hero-atelier .hero-copy {padding:0;}
 .hero-atelier h1 {font-size:clamp(3.2rem,11.7vw,4.7rem);}
 .hero-atelier h1 em {white-space:normal;}
 .hero-atelier .hero-impact {margin-top:20px;}
 .hero-atelier .hero-audience {display:none;}
 .hero-atelier .hero-actions {margin-top:20px;gap:5px;}
 .hero-atelier .hero-actions .btn-ghost {min-height:40px;padding:8px;border-color:transparent;}
 .hero-atelier .cta-proof {margin-top:8px;}
 .hero-atelier .hero-grid {gap:25px;}
 .hero-atelier .hero-before-after {transform:none;margin:0 12px;}
 .cx-stage {height:440px;}
 .cx-stage-badge {left:-12px;}
 .cx-hero-bottom {gap:14px;font-size:.62rem;}
 .cx-section-top {display:block;margin-bottom:35px;}
 .cx-section-top p {max-width:500px;margin-top:20px;}
 .cx-project-grid {display:block;}
 .cx-project {margin-bottom:35px;}
 .cx-project:nth-child(2),.cx-project:nth-child(3) {margin-top:0;}
 .cx-project:first-child .cx-project-visual,.cx-project:nth-child(2) .cx-project-visual,.cx-project:nth-child(3) .cx-project-visual {aspect-ratio:4/4;}
 .cx-project-go {width:60px;height:60px;}
 .cx-project-label {display:block;}
 .cx-project-label span {display:block;text-align:left;margin-top:8px;}
 .cx-projects-foot {display:block;}
 .cx-projects-foot a {display:inline-block;margin-top:20px;}
 .cx-room .room-header {padding:20px;}
 .cx-room .room-header-right {gap:12px;}
 .cx-room .room-header-right a:first-child {display:none;}
 .cx-room .room-hero {grid-template-columns:1fr;}
 .cx-room .room-copy {padding:70px 24px;}
 .cx-room .room-copy h1 {font-size:clamp(4rem,13vw,6rem);}
 .cx-room .room-hero-image {min-height:520px;}
 .cx-room .room-section {padding:80px 22px;}
 .cx-room .room-section-header {display:block;}
 .cx-room .room-section-header p {margin-top:22px;}
 .cx-room .room-proof {grid-template-columns:1fr;}
 .cx-room .room-proof-copy {padding:15px 0;}
 .cx-room .room-visual-gallery {grid-template-columns:1fr 1fr;}
 .cx-room .room-visual-gallery figure:last-child {grid-column:1/-1;}
 .cx-room .room-media {aspect-ratio:4/5;}
 .cx-room .cx-switcher-frame {aspect-ratio:4/5;}
 .cx-room .room-footer {padding:25px;}
}
@media (prefers-reduced-motion:reduce) {
 *,*::before,*::after {scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;}
 .cx-project-visual img,.cx-project-visual video {transform:none!important;}
}