/* Bright studio / graphic motion. Content is always visible without JavaScript. */
html.cx[data-theme=light]{color-scheme:light;--bg:#faf9f6;--ink:#242033;--muted:#625d70;--surface:#fff;--line:#dedbe6;--accent:#6941c6;--mint:#6941c6;--gold:#6941c6;--white:#242033;--blue:#6941c6}
html.cx body.ia-site{background:#faf9f6!important;color:#242033!important}
.ia-site .ia-header{background:#faf9f6ee!important;backdrop-filter:blur(18px)}.ia-site .ia-nav{min-height:86px}.ia-site .ia-brand{color:#242033!important}.ia-site .ia-links,.ia-site .ia-language{color:#625d70}.ia-site .ia-language a[aria-current]{color:#6941c6}.ia-site .ia-button{background:#6941c6!important;color:white!important;border-color:#6941c6!important;border-radius:40px}.ia-site .ia-button:hover{background:#5430a7!important;box-shadow:0 6px 20px #6941c620}.ia-site .ia-mark{background:#eee7fa;border:0;border-radius:50%;color:#6941c6}.ia-site .ia-footer{background:#f0edf8!important;color:#625d70}.ia-site .ia-footer p{color:#625d70}.ia-site .ia-footer h3{color:#6941c6}.ia-site .ia-footer a:hover{color:#6941c6}.ia-site .ia-language>div,.ia-site .ia-menu>nav{background:#fff!important;box-shadow:0 18px 45px #38205c16;border-color:#dedbe6}
.br-site{background:radial-gradient(ellipse 650px 450px at 85% 5%,#f0eafa88,transparent 80%),#faf9f6}.br-hero{padding-top:70px;padding-bottom:92px;min-height:680px}.br-site h1{font-weight:500;letter-spacing:-.055em}.br-site em{color:#6941c6}.br-kicker{color:#695481}.br-btn{border-radius:40px;transition:translate .25s,box-shadow .25s,background .25s}.br-primary{color:#fff!important;background:#6941c6;box-shadow:0 7px 20px #6941c618}.br-primary:hover{background:#5430a7;box-shadow:0 12px 28px #6941c627}.br-outline{border-color:#cfc7dd;color:#30283e!important;background:#ffffff66}.br-outline:hover{background:#efe9fa}.br-hero-copy .br-note{color:#6c6579}.br-browser{background:#f2eee9;border-radius:17px;box-shadow:0 32px 70px #51357622;animation:browser-float 10s ease-in-out infinite;will-change:transform}.br-browserbar{background:#ebe5f3;color:#625771}.br-browserbar i{background:#b4a2ca}.br-browserbar i:first-child{background:#e9ad9e}.br-browserbar i:nth-child(2){background:#e7cf86}.br-browserbar i:nth-child(3){background:#a6c8a6}.br-float{color:#352c46;background:#fffffff2;border-color:#e0d8eb;box-shadow:0 15px 35px #52397c14;animation:label-float 7s ease-in-out infinite}.br-float-bottom{animation-delay:-3.5s}.br-float small{color:#71677f}.br-float-icon{color:#6941c6}.br-flow-icon{background:#f4aa99;color:#61271d}.br-stage{isolation:isolate}.br-orbit{background:radial-gradient(ellipse at center,#dac7f65c,transparent 65%);border-color:#bca8d033;animation:orbit-breathe 12s ease-in-out infinite}.br-stage:before{content:'✳';position:absolute;font-size:96px;line-height:1;color:#b59adf;top:-8px;left:5%;z-index:-1;animation:star-spin 36s linear infinite}.br-stage:after{content:'';position:absolute;width:90px;height:90px;right:-30px;bottom:-6px;border:15px solid #f0c3aa;border-radius:50%;z-index:-1;animation:label-float 8s ease-in-out infinite reverse}.br-sculpture i{animation:sculpture-shift 9s ease-in-out infinite}.br-sculpture i:nth-child(2){animation-delay:-2s}.br-sculpture i:nth-child(3){animation-delay:-4s}.br-mini-body h2 em{color:#7651b7}.br-services article{background:#fff;border-color:#e3ddea;border-radius:18px;box-shadow:0 8px 25px #4a306007;transition:translate .35s,box-shadow .35s}.br-services article:hover{translate:0 -7px;box-shadow:0 18px 35px #4a306011}.br-service-icon{border-radius:50%;background:#eee7fb;color:#6941c6}.br-service-icon.coral{background:#fce8df;color:#aa523c}.br-services a{color:#6941c6}.br-services li:before{color:#6941c6}.br-strip{background:#f1ecf8;border-color:#e1d9eb}.br-strip>.br-wrap>span:not(:first-child){animation:star-spin 24s linear infinite}.br-showcase{background:#f0eee8}.br-preview{border-radius:14px;box-shadow:0 8px 25px #3a215008}.br-lines{animation:preview-orbit 18s ease-in-out infinite}.br-leaf{animation:leaf-sway 9s ease-in-out infinite;transform-origin:50% 100%}.br-plate{animation:plate-turn 35s linear infinite}.br-flow-panel{background:#fff;box-shadow:0 15px 45px #5135760d;border-radius:18px;border-color:#e3ddea}.br-flow-head{color:#625d70;border-color:#e3ddea}.br-live{color:#a64b3c}.br-flow-steps li{background:#faf8fe;border-color:#e9e3f0}.br-flow-steps li>span{background:#eee7fb;border:0;color:#6941c6}.br-flow-steps li small{color:#71677f}.br-flow-steps li i{color:#8c7ca2}.br-flow-steps li.done{border-color:#b6a0dd;background:#f1eafb}.br-flow-steps li.done i{color:#6941c6}.br-flow-panel #br-flow-status{color:#71677f}.br-process{background:#eee8f8}.br-process-grid article{border-color:#cfc4df}.br-process-grid article>span{color:#6941c6}.br-faq details{border-color:#ded6e7}.br-faq summary:after{color:#6941c6}.br-final{background:radial-gradient(ellipse at 90% 100%,#e4d4ff,transparent 60%),#ede7f7;border-color:#ddd1ee;position:relative;overflow:hidden}.br-final:before{content:'✳';position:absolute;left:-25px;top:-30px;font-size:170px;color:#d5c0ef;line-height:1;animation:star-spin 45s linear infinite;pointer-events:none}.br-final>*{position:relative}.br-final .br-email{color:#625d70}.br-blog-grid article{border-color:#ded6e7}.br-blog-grid article>a{color:#6941c6}
/* Older public templates and blog pages share the same bright palette. */
html.cx body.ia-inner #main{background:radial-gradient(ellipse 800px 500px at 95% 0,#eee7fa77,transparent 75%),#faf9f6!important}
html.cx body.ia-inner .journal-card-art{background:radial-gradient(ellipse,#dbccf680,transparent 75%),#f3edf9!important;color:#6941c6!important}
html.cx body.ia-inner .journal-card-art svg{color:#6941c6!important}
html.cx body.ia-inner .journal-intro em{color:#6941c6!important;-webkit-text-fill-color:#6941c6!important}
html.cx body.ia-inner .journal-filters a[aria-current],html.cx body.ia-inner .btn--primary{color:#fff!important;background:#6941c6!important;border-color:#6941c6!important}
html.cx body.ia-inner .journal-card{transition:translate .3s,box-shadow .3s}.ia-inner .journal-card:hover{translate:0 -5px;box-shadow:0 16px 35px #51357614!important}
html.cx body.ia-inner .journal-body,html.cx body.ia-inner .prose{color:#484154!important}
html.cx body.ia-inner .journal-body h2,html.cx body.ia-inner .journal-body h3{color:#242033!important}
html.cx body.ia-inner .section,html.cx body.ia-inner .journal{border-color:#dedbe6!important}
/* Demonstration sites: distinctive, animated graphic identities. */
body.norte{--bg:#fafbf5;--panel:#e6edda;--accent:#c6dbad}body.flora{--bg:#fcf7ed;--panel:#ede9da;--accent:#d5e0c9}body.brasa{--bg:#fff5df;--panel:#f1dfbb;--accent:#efc884}
.demo-banner{background:#efe9fa;color:#49365f;border-bottom:1px solid #e0d6ed}.demo-banner a:last-child{color:#6941c6}.demo-hero{position:relative}.demo-hero .art{box-shadow:0 22px 50px #3b392015;border:1px solid #ffffff80}.demo-hero h1{animation:hero-entrance .9s both}.demo-hero .intro{animation:hero-entrance 1s .1s both}.demo-hero .button{animation:hero-entrance 1s .2s both}.demo-hero .art:before{content:'';position:absolute;width:300px;height:300px;left:50%;top:50%;margin:-150px 0 0 -150px;border:1px solid currentColor;border-radius:50%;opacity:.12;animation:orbit-breathe 12s ease-in-out infinite}.arch .shape{animation:arch-float 9s ease-in-out infinite}.arch .two{animation-delay:-3s}.arch .three{animation-delay:-6s}.plant .shape{animation:plant-float 9s ease-in-out infinite;transform-origin:50% 100%}.plant .two{animation-delay:-3s}.plant .three{animation-delay:-6s}.dish .one{animation:dish-float 12s ease-in-out infinite}.about-art i{animation:ring-breathe 8s ease-in-out infinite}.about-art i:nth-child(2){animation-delay:-2s}.about-art i:nth-child(3){animation-delay:-4s}.offer-grid article{background:#ffffff88;border:1px solid var(--border);padding:26px;border-radius:14px;transition:translate .3s,box-shadow .3s}.offer-grid article:hover{translate:0 -6px;box-shadow:0 15px 30px #3b392012}.ticker b{animation:star-spin 25s linear infinite}.contact-grid form{background:#ffffff99;box-shadow:0 15px 35px #3b392008}.demo-hero .button,.contact-grid .button{border-radius:35px}.art span{z-index:2}
@keyframes browser-float{0%,100%{transform:perspective(1200px) rotateY(-7deg) rotateX(3deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-3deg) rotateX(1deg) translateY(-12px)}}
@keyframes label-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes sculpture-shift{0%,100%{translate:0 0}50%{translate:0 -16px}}
@keyframes star-spin{to{rotate:360deg}}
@keyframes orbit-breathe{0%,100%{scale:1;opacity:.65}50%{scale:1.06;opacity:1}}
@keyframes preview-orbit{0%,100%{translate:0 0}50%{translate:-12px -8px}}
@keyframes leaf-sway{0%,100%{rotate:0deg}50%{rotate:7deg}}
@keyframes plate-turn{to{rotate:360deg}}
@keyframes arch-float{0%,100%{translate:0 0}50%{translate:0 -24px}}
@keyframes plant-float{0%,100%{rotate:0deg;translate:0 0}50%{rotate:6deg;translate:0 -8px}}
@keyframes dish-float{0%,100%{rotate:-6deg;scale:.97}50%{rotate:6deg;scale:1.02}}
@keyframes ring-breathe{0%,100%{scale:.9;opacity:.5}50%{scale:1.1;opacity:1}}
@keyframes hero-entrance{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
.motion-ready .motion-item{opacity:0;translate:0 25px;transition:opacity .75s ease,translate .75s ease}.motion-ready .motion-item.motion-visible{opacity:1;translate:0 0}
@media(max-width:950px){.br-hero{min-height:0}.ia-site .ia-links{font-size:12px;gap:16px}.ia-site .ia-brand{font-size:21px}.ia-site .ia-nav{gap:18px}}
@media(max-width:800px){.ia-site .ia-nav{min-height:78px}.br-stage:after{right:-5px;width:65px;height:65px;border-width:11px}}
@media(max-width:700px){.br-hero{padding-top:45px;padding-bottom:65px}.br-site h1{font-size:clamp(44px,10.8vw,65px)}.br-stage:before{font-size:70px;left:0;top:0}.br-final:before{font-size:110px;opacity:.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .motion-item{opacity:1!important;translate:none!important}.br-browser{transform:none!important}}
/* Illustrated studio world: authored motion graphics throughout. */
.br-site{background:radial-gradient(ellipse 900px 650px at 85% 3%,#f1e8fa99,transparent 75%),#faf9f6}
.br-hero{grid-template-columns:.95fr 1.12fr;gap:12px;min-height:690px;padding-block:50px 65px}.br-hero h1{font-size:clamp(54px,5.3vw,79px)}
.studio-stage{padding:0;min-height:0;position:relative;display:block}.studio-stage:before,.studio-stage:after{display:none}.studio-hero-art{display:block;width:115%;max-width:none;height:auto;margin-left:-5%;filter:drop-shadow(0 20px 35px #9d84b509)}
.br-sectionhead h2,.br-automation h2,.br-process h2,.br-faq h2{position:relative}.br-sectionhead .br-kicker:before,.br-process .br-kicker:before{content:'✳';display:inline-block;font-size:20px;vertical-align:middle;margin-right:12px;color:#9e82cb;animation:star-spin 30s linear infinite}
.br-services{gap:25px}.br-services article{padding:20px 24px 28px;border:1px solid #e2d9ec;border-radius:22px;background:#fffdfb}.br-services .studio-service-art{width:calc(100% + 20px);margin:-7px -10px 21px;display:block;aspect-ratio:420/220}.br-services .studio-service-art+.br-service-icon{display:none}.br-services h3{font-size:30px}.br-services article:hover .studio-service-art{scale:1.025}.studio-service-art{transition:scale .5s}
.br-showcase{border-radius:55px 55px 0 0;background:#f1eddf;position:relative}.br-showcase:before{content:'';position:absolute;right:6%;top:45px;width:50px;height:50px;border:10px solid #d9c9ed;border-radius:50%;animation:label-float 9s infinite ease-in-out}.br-preview{border-radius:22px 22px 5px 5px}.br-model-meta{padding:22px 5px}.br-model-meta>b{width:37px;height:37px;border:1px solid #c6bcce;border-radius:50%;display:grid;place-items:center;background:#ffffff60;transition:rotate .3s}.br-model:hover .br-model-meta>b{rotate:45deg}
.br-automation{gap:55px}.br-flow-panel{position:relative;background:radial-gradient(#b9a5d337 1px,transparent 1px) 0 0/14px 14px,#fff;padding:35px;border-radius:30px}.br-flow-head{border-bottom:0}.br-flow-steps{position:relative;gap:18px}.br-flow-steps li{position:relative;border-radius:14px;background:#ffffffee;box-shadow:0 6px 14px #51357607;padding:17px}.br-flow-steps li:not(:last-child):after{content:'';position:absolute;left:36px;top:100%;height:19px;border-left:2px dashed #bda9d7}.br-flow-steps li>span{border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:10px;background:#e7ddf8}
.br-process{border-radius:0 0 55px 55px;position:relative;overflow:hidden}.br-process:after{content:'✳';position:absolute;right:-35px;top:0;font-size:280px;color:#dcd0ed;line-height:1;animation:star-spin 65s linear infinite;pointer-events:none}.br-process>.br-wrap{position:relative;z-index:1}.br-process-grid article>span{display:grid;place-items:center;width:50px;height:50px;border:1px solid #baa6d8;border-radius:50%;background:#faf8fd;font-size:13px}.br-process-grid article{border-top:0;position:relative}.br-process-grid article:not(:last-child):after{content:'↗';position:absolute;right:14px;top:30px;font-size:30px;color:#ae95ce}
.br-blog-grid article{border:1px solid #e1d9ea;border-radius:20px;padding:28px;background:#ffffff66;position:relative;overflow:hidden}.br-blog-grid article:before{content:'✳';display:block;font-size:46px;line-height:1;color:#b39bd5;margin-bottom:25px;transform-origin:24px 24px;animation:star-spin 45s linear infinite}.br-blog-grid article:nth-child(2):before{content:'◎';color:#9eae79}.br-blog-grid article:nth-child(3):before{content:'↗';color:#cf9878}
.studio-wordmark{font-size:clamp(60px,15vw,210px);font-weight:600;letter-spacing:-.075em;line-height:.9;color:#cfc0e3;border-bottom:1px solid #d8cbe6;padding:0 0 35px;margin:0 auto 45px;max-width:1220px;overflow:hidden;white-space:nowrap}.studio-wordmark span{display:inline-block;font-size:.58em;color:#a98bce;vertical-align:middle;margin-left:3%;animation:star-spin 40s linear infinite}.ia-site .ia-footer{overflow:hidden;background:#eee8f6!important}
html.cx body.ia-inner #main{position:relative;isolation:isolate;overflow:hidden}.studio-page-art{position:absolute;width:min(35vw,450px);right:-75px;top:15px;opacity:.18;z-index:-1;pointer-events:none;rotate:-10deg}.studio-page-art img{width:100%;height:auto}.ia-inner #main h1{animation:hero-entrance .85s both}.ia-inner .journal-card{border-radius:22px!important}.ia-inner .journal-card-art{border-radius:22px 22px 0 0}
.studio-demo-art{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:30px!important;min-height:0!important;overflow:visible!important}.studio-demo-art:before{display:none!important}.studio-demo-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 25px #6c694013)}.demo-hero{gap:35px;grid-template-columns:1fr 1.1fr}.demo-hero h1{font-size:clamp(55px,6vw,88px)}.about-art{border-radius:30px;background:#ffffff33}.offer-grid article{border-radius:22px}.contact-grid form{border-radius:22px}.ticker{overflow:hidden;background:#ffffff50}.ticker span{animation:label-float 8s ease-in-out infinite}.ticker span:nth-of-type(2){animation-delay:-3s}.ticker span:nth-of-type(3){animation-delay:-5s}
@media(max-width:950px){.br-hero h1{font-size:52px}.br-hero{min-height:580px}.br-services h3{font-size:25px}.studio-hero-art{width:110%}.br-services article{padding:18px}.demo-hero h1{font-size:60px}}
@media(max-width:700px){.br-hero{grid-template-columns:1fr;padding-top:42px;gap:15px}.br-hero h1{font-size:clamp(44px,10.8vw,65px)}.studio-stage{width:100%;max-width:500px;margin:auto}.studio-hero-art{width:110%;margin-left:-5%}.br-services article{padding:24px}.br-services h3{font-size:30px}.br-showcase{border-radius:30px 30px 0 0}.br-showcase:before{display:none}.br-process{border-radius:0 0 30px 30px}.br-process:after{font-size:180px;opacity:.4}.br-flow-panel{padding:22px}.studio-wordmark{font-size:19vw;padding-bottom:25px;margin-bottom:30px}.studio-page-art{width:65vw;opacity:.12}.br-blog-grid article{padding:25px}.demo-hero{grid-template-columns:1fr;gap:20px}.demo-hero h1{font-size:62px}}
@media(prefers-reduced-motion:reduce){.studio-wordmark span,.br-blog-grid article:before,.br-process:after,.br-sectionhead .br-kicker:before,.br-process .br-kicker:before,.ticker span,.ia-inner #main h1{animation:none!important}}

#main:has(>.studio-page-art){position:relative;isolation:isolate;overflow:hidden}