@font-face{font-family:'DM Serif Display';font-style:italic;font-weight:400;font-display:swap;src:url('assets/dm-serif-italic.woff2') format('woff2')}
@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/google-sans-400.woff2') format('woff2')}
@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;font-display:swap;src:url('assets/google-sans-500.woff2') format('woff2')}
@font-face{font-family:'Google Sans';font-style:normal;font-weight:600;font-display:swap;src:url('assets/google-sans-600.woff2') format('woff2')}
@font-face{font-family:'Google Sans';font-style:normal;font-weight:700;font-display:swap;src:url('assets/google-sans-700.woff2') format('woff2')}
:root{--ink:#21162e;--pink:#da8cb9;--paper:#f7f5fc;--muted:#615a68;--line:#ded9e4;--blue:#233fe7;--serif:'DM Serif Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Google Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{max-width:1360px;width:calc(100% - 96px);margin:auto}.skip{position:absolute;left:16px;top:-100px;z-index:10;background:white;padding:12px}.skip:focus{top:16px}.header{display:flex;align-items:center;justify-content:space-between;padding-block:28px;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:28px;letter-spacing:-1.4px;font-weight:700;line-height:1.2}.brand span{display:block;font-size:10px;letter-spacing:2px;margin-top:8px;font-weight:400}nav{display:flex;align-items:center;gap:36px;font-size:14px}nav a{padding-block:10px}.nav-cta{border:1px solid var(--ink);padding:10px 22px;border-radius:30px}.nav-cta span{margin-left:24px}.hero{padding-top:34px}.hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.8px;display:block}.personal{font-size:13px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:25px}.hero-copy{position:relative;z-index:1;padding-block:20px 38px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(48px,5.5vw,80px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin-bottom:28px}em{font-family:var(--serif);font-weight:400}h1 em{color:#82516f}.hero-copy>p{max-width:450px;font-size:18px;color:var(--muted);line-height:1.6}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:white;border:0;border-radius:40px;padding:17px 25px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,background .2s}.button:hover{background:#4a2b5b;transform:translateY(-2px)}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:4px;font-weight:600}.signature{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.5;color:var(--muted);margin-top:40px}.signature strong{font-weight:400}.avatar{width:40px;height:40px;background:var(--pink);border-radius:50%;display:grid;place-items:center;color:var(--ink);font-family:var(--serif);font-size:20px}.hero-art{position:relative;align-self:stretch;min-height:470px;border-radius:160px 160px 8px 8px;overflow:hidden;background:#cbd5dd}.hero-art>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:67% center}.art-label{position:absolute;bottom:22px;left:22px;right:22px;padding:20px 24px;background:rgba(247,245,252,.93);border-radius:4px;display:flex;justify-content:space-between;gap:16px;align-items:center}.art-label span{font-size:10px;letter-spacing:1.5px;max-width:100px}.art-label strong{font:22px/1.15 var(--serif)}.art-index{position:absolute;top:35px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:2px}.trust-strip{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-block:1px solid var(--line);padding:24px 0;margin-top:48px;font-size:13px}.trust-strip span:before{content:'✳';color:#82516f;margin-right:12px}.section{padding-block:100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}h2{font-size:clamp(36px,4vw,58px);font-weight:500;letter-spacing:-2px;line-height:1.1;margin:20px 0 0}.section-head>p{max-width:355px;color:var(--muted);margin:0}.solutions{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:32px}.solution{padding:25px 22px;transition:background .2s;color:var(--ink)}.solution+.solution{border-left:1px solid var(--line)}.solution>span{display:flex;justify-content:space-between;font-size:12px;margin-bottom:30px}.solution strong{display:block;font-size:20px;letter-spacing:-.5px}.solution small{font-size:12px}.solution.selected,.solution:hover{background:var(--ink);color:white}.service-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:42px;background:#efebf3;border-radius:8px;margin-bottom:20px}.service-panel[hidden]{display:none}.service-panel h3{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:20px 0}.service-panel p{color:var(--muted);font-size:16px}.service-panel ul{padding:0;list-style:none;font-size:14px;margin:24px 0}.service-panel li{margin:8px 0}.service-panel li:before{content:'✓';margin-right:10px}.mini-site{border:1px solid #d9d2df;border-radius:8px;overflow:hidden;background:#e1cad6;box-shadow:0 16px 30px #21162e12;transform:rotate(-2deg)}.browser-bar{background:white;padding:12px;display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:1px;color:#5a5461}.browser-bar i{width:5px;height:5px;background:#b6afba;border-radius:50%}.browser-bar span{margin-left:auto}.demo-body{padding:32px}.demo-body>span:first-child{font-size:10px;font-weight:700;letter-spacing:2px}.demo-body h4{font-size:42px;line-height:1.05;font-weight:500;letter-spacing:-1px;margin:28px 0 16px}.demo-body p{font-size:12px;max-width:230px;color:inherit}.mock-button{display:inline-block;background:var(--ink);color:white;padding:10px 14px;font-size:10px}.demo-foot{margin-top:35px;border-top:1px solid #21162e44;padding-top:15px;font-size:9px}.corporate{background:#273c51;color:white}.health{background:#dbe6de}.shop{background:#eac8a9}.projects{background:var(--ink);color:var(--paper)}.projects .section-head>p{color:#ccc3d3}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-art{min-height:320px;padding:36px;display:flex;flex-direction:column;justify-content:space-between}.project-art>span{font-size:10px;letter-spacing:1.4px}.project-art strong{font-size:46px;font-weight:500;letter-spacing:-2px;line-height:1.1}.project-art strong span{float:right;font-size:38px}.project-art small{font-size:13px}.project-one{background:#dedad0;color:#263630}.project-two{background:#dbaaca;color:#2a1c38}.project-caption{display:flex;align-items:center;justify-content:space-between;padding-top:20px}.project-caption h3{font-size:18px;margin:0}.project-caption>span{font-size:12px}.project:hover .project-caption>span{text-decoration:underline}.project-note{font-size:12px;color:#ccc3d3;margin-top:20px}.projects>.wrap>.text-link{margin-top:16px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.large-copy{font-size:24px;line-height:1.5;letter-spacing:-.5px}.about p:not(.large-copy){color:var(--muted)}.benefits article{border-top:1px solid var(--line);padding-top:20px}.benefits h3{font-size:17px;margin:0 0 6px}.benefits p{font-size:14px}.process{background:#ece6f0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.steps article{border-top:1px solid #bdb1c7;padding-top:20px}.steps article>span{font:42px var(--serif);color:#80556e}.steps h3{font-size:19px;margin-top:25px;line-height:1.35}.steps p{font-size:14px;color:var(--muted)}.ai{margin-top:65px;border-top:1px solid #bdb1c7;padding-top:35px;display:flex;gap:32px;align-items:start}.ai-mark{font-size:60px;line-height:1;color:#82516f}.ai h3{font-size:24px;font-weight:500;line-height:1.25;margin:15px 0}.ai p{max-width:700px;color:var(--muted);font-size:14px;margin:0}.ai-tag{font-size:10px;white-space:nowrap;letter-spacing:1px;margin-left:auto;padding-top:6px}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.faq>div>p{margin-top:25px;color:var(--muted)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:24px 36px 24px 0;position:relative;font-weight:600;font-size:16px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:8px;font-size:24px;font-weight:400;top:18px}details[open] summary:after{content:'−'}details p{font-size:15px;color:var(--muted);padding-right:20px}.contact{background:var(--ink);color:var(--paper)}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px}.contact h2 em{color:var(--pink)}.contact h2{font-size:clamp(38px,4vw,58px)}.contact p{max-width:450px;color:#cfc6d6;margin-top:25px}.direct{font-size:14px;border-bottom:1px solid #bba8c6;padding-block:10px;display:inline-block}form{background:#30223d;padding:30px;border-radius:8px}label{font-size:14px;display:block;margin-bottom:8px}label span{font-size:12px;color:#d5cbdd}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #75677f;background:#21162e;color:white;border-radius:4px;margin-bottom:20px;font-size:16px}textarea{resize:vertical}::placeholder{color:#bdb1c7}form .button{background:var(--pink);color:var(--ink);width:100%;text-align:left}form .form-note{font-size:12px;line-height:1.5;margin-bottom:0}.footer{padding-block:38px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer p,.footer>a:not(.brand),.footer>span{font-size:12px}.footer p{margin:0}.footer>.brand{font-size:24px}.footer>span{color:var(--muted)}@media(prefers-reduced-motion:no-preference){.hero-copy{animation:enter .7s both}.hero-art{animation:enter .9s both}@keyframes enter{from{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}@media(min-width:801px) and (max-width:1100px){.wrap{width:calc(100% - 56px)}nav{gap:20px}.hero-grid{grid-template-columns:1.1fr 1fr}h1{letter-spacing:-3px}.hero-art{min-height:440px}.solution{padding:22px 14px}.solution strong{font-size:17px}.service-panel{gap:30px;padding:28px}.demo-body{padding:25px}.contact-grid,.about,.faq{gap:40px}.ai-tag{display:none}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{padding-block:20px}.brand{font-size:24px}nav{gap:10px}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:13px;padding:8px 16px}.nav-cta span{margin-left:10px}.hero{padding-top:25px}.hero-top{margin-bottom:20px}.personal{display:none}.eyebrow{font-size:10px;letter-spacing:1.4px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding-top:8px;padding-bottom:30px}h1{font-size:clamp(48px,10vw,76px);letter-spacing:-2.5px}.hero-copy>p{font-size:17px;max-width:520px}.actions{gap:20px;margin:24px 0}.signature{margin-top:25px}.hero-art{height:380px;min-height:0;border-radius:130px 130px 6px 6px}.hero-art>img{object-position:65% center}.trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px;margin-top:30px}.trust-strip span:before{margin-right:5px}.section{padding-block:65px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:24px;max-width:100%}h2{font-size:40px;letter-spacing:-1.5px}.solutions{grid-template-columns:1fr 1fr}.solution{padding:20px 16px}.solution:nth-child(3){border-left:0}.solution:nth-child(n+3){border-top:1px solid var(--line)}.solution>span{margin-bottom:18px}.solution strong{font-size:18px}.solution small{font-size:12px;line-height:1.5;display:block;margin-top:5px}.service-panel{grid-template-columns:1fr;gap:35px;padding:25px}.service-panel h3{font-size:29px}.mini-site{max-width:100%;transform:none}.demo-body h4{font-size:38px}.project-grid{grid-template-columns:1fr}.project-art{min-height:280px;padding:25px}.project-art strong{font-size:40px}.about,.faq,.contact-grid{grid-template-columns:1fr;gap:36px}.large-copy{font-size:22px}.steps{grid-template-columns:1fr 1fr;gap:25px}.ai{gap:18px}.ai-mark{font-size:40px}.ai-tag{display:none}.ai h3{font-size:22px}.contact h2{font-size:42px}form{padding:24px}.footer{display:grid;grid-template-columns:1fr 1fr;gap:24px}.footer .brand{font-size:22px}}@media(max-width:380px){.wrap{width:calc(100% - 32px)}h1{font-size:44px}.steps{grid-template-columns:1fr}.button{padding:15px 20px}.art-label strong{font-size:18px}.art-label{padding:15px}.contact h2{font-size:36px}.footer{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.hero-art{border-radius:12px;background:#e9dfec;padding:42px 26px;display:flex;flex-direction:column;justify-content:center;gap:22px;overflow:hidden}.hero-window{background:#fffaf5;border-radius:8px;overflow:hidden;box-shadow:0 20px 45px #21162e20;transform:rotate(-4deg)}.hero-window .browser-bar{border-bottom:1px solid #e2dae5}.hero-window-content{padding:28px 30px;background:#ead9e5}.hero-window-content>span{font-size:11px;letter-spacing:2px}.hero-window-content h3{font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-1.5px;margin:22px 0 18px;font-weight:500}.hero-window-content p{font-size:13px;max-width:240px;line-height:1.5}.hero-window-content a{font-size:12px;display:inline-block;background:var(--ink);color:white;border-radius:20px;padding:10px 17px}.hero-mini{align-self:flex-end;width:80%;background:var(--ink);color:var(--paper);padding:24px;border-radius:8px;transform:rotate(3deg);box-shadow:0 12px 30px #21162e16}.hero-mini>span{font-size:10px;letter-spacing:2px;color:#dfb7d0}.hero-mini strong{display:block;font-size:24px;line-height:1.2;font-weight:500;margin:12px 0}.hero-mini a{font-size:12px;border-bottom:1px solid #da8cb9}.hero-art-note{font-size:10px;letter-spacing:1.4px;text-align:center;margin:0;color:var(--muted)}em{font-style:italic}.avatar,.steps article>span{font-family:'Google Sans',Arial,sans-serif}@media(max-width:800px){.hero-art{height:auto;min-height:460px;padding:35px 24px}.hero-window-content h3{font-size:36px}}@media(prefers-reduced-motion:no-preference){.hero-window{transition:transform .3s}.hero-window:hover{transform:rotate(-1deg)}}

/* MR CREATIVA visual direction */
.header{max-width:none;width:100%;padding:22px 5%;background:#180e25;color:#fff;border-color:#ffffff24}.brand{font-size:25px;letter-spacing:-1px}.brand span{font-size:9px;letter-spacing:3px}.nav-cta{border-color:#c6accf}.hero{position:relative;overflow:hidden;background:#180e25;color:#fff;padding:0;min-height:720px}.hero-inner{position:relative;z-index:1;padding-block:60px 26px;pointer-events:none}.hero-inner a,.hero-inner button{pointer-events:auto}.hero h1{font-size:clamp(76px,10vw,150px);line-height:.94;letter-spacing:-6px;margin:32px 0 24px;font-weight:500}.hero h1 em{color:#ebadd5}.hero p{font-size:18px;line-height:1.5;color:#e3d3eb}.hero .button{background:#edb9da;color:#23132f}.hero .text-link{color:white}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff33;padding-top:24px;margin-top:50px;font-size:10px;letter-spacing:1.8px}.hero-bottom button{border:1px solid #ffffff66;background:transparent;color:white;padding:8px 14px;border-radius:20px;font-size:12px;letter-spacing:0;cursor:pointer}.motion-bg{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 80% 45%,#573566 0,transparent 60%)}.ribbon{position:absolute;width:75vw;height:28vw;right:-24vw;top:20%;border:2px solid #e8b8db66;border-radius:50%;background:linear-gradient(130deg,#c49adb08,#eec0df80 38%,#6b3881 49%,#edc8e5a0 58%,#361b5100 77%);box-shadow:inset 0 0 45px #f1c8e661,0 0 80px #a163ab20;transform:rotate(-43deg);animation:ribbon-flow 16s ease-in-out infinite alternate}.r2{right:-20vw;top:37%;animation-delay:-5s;opacity:.75}.r3{right:-25vw;top:54%;animation-delay:-10s;opacity:.5}.motion-type{position:absolute;right:-10px;bottom:65px;font-size:clamp(80px,17vw,260px);font-weight:700;letter-spacing:-12px;color:#ffffff06;line-height:1}.motion-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#180e25 0%,#180e25d9 30%,transparent 70%)}@keyframes ribbon-flow{from{transform:translate3d(0,-35px,0) rotate(-43deg) scale(.95)}to{transform:translate3d(-65px,40px,0) rotate(-28deg) scale(1.12)}}.motion-paused .ribbon{animation-play-state:paused}.section{padding-block:76px}.section-head>p{max-width:280px}.service-panel{grid-template-columns:.8fr 1.2fr;gap:50px}.mini-site{min-height:360px}.service-panel h3{font-size:32px}.service-panel p{max-width:320px}.benefit-pills>span{display:block;border-bottom:1px solid var(--line);padding:18px 0;font-size:22px}.benefit-pills p{font-size:13px;margin-top:24px}.about{align-items:center}.ai{margin-top:35px}.project-art{min-height:370px}.project-art strong{font-size:60px}.faq{padding-block:60px}.contact h2{font-size:clamp(44px,5vw,72px)}@media(max-width:800px){.header{padding:20px}.hero{min-height:740px}.hero-inner{padding-top:45px}.hero h1{font-size:clamp(68px,14vw,110px);letter-spacing:-4px;margin-top:40px}.ribbon{width:140vw;height:55vw;right:-85vw;top:26%}.r2{top:42%;right:-90vw}.r3{top:55%;right:-95vw}.hero-bottom{flex-wrap:wrap;margin-top:50px}.hero-bottom>span:nth-child(2){display:none}.motion-bg:after{background:linear-gradient(90deg,#180e25ee, #180e2577 65%,transparent)}.service-panel{grid-template-columns:1fr;gap:24px}.mini-site{min-height:300px}.project-art{min-height:280px}.project-art strong{font-size:44px}.section{padding-block:55px}.hero-inner>.eyebrow{max-width:250px}.benefit-pills>span{font-size:19px}}@media(prefers-reduced-motion:reduce){.ribbon{animation:none!important}#motion-toggle{display:none}}

/* Construction sequence and scroll choreography */
.hero{min-height:680px}.hero-inner{padding-top:60px}.hero h1{font-size:clamp(62px,6.5vw,96px);letter-spacing:-3.5px;max-width:52%;margin-top:38px}.hero-inner>p,.hero-inner>.actions{max-width:48%}.hero-inner>.eyebrow{max-width:48%}.hero-bottom{margin-top:65px}.ribbon{opacity:.25}.build-scene{position:absolute;width:48%;right:0;top:100px;pointer-events:auto;transform:perspective(1100px) rotateY(-9deg) rotateZ(2deg)}.build-top,.build-stages{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1.3px;color:#e0c9ea;padding:15px 4px}.build-status{color:#e8b4d7}.build-browser{background:#f9f5fb;border:1px solid #e0c8e7;border-radius:12px;box-shadow:0 30px 80px #0006;overflow:hidden;color:#2c1738}.build-chrome{display:flex;align-items:center;gap:5px;background:#e9dfea;padding:12px 15px}.build-chrome i{width:5px;height:5px;border-radius:50%;background:#9e87a8}.build-chrome span{margin:auto;font-size:10px;color:#685570}.build-page{padding:24px;min-height:345px;background-image:linear-gradient(#b193bd18 1px,transparent 1px),linear-gradient(90deg,#b193bd18 1px,transparent 1px);background-size:24px 24px}.build-nav{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #d8c9de}.build-nav b{font-size:17px}.build-nav span{font-size:9px}.build-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin:22px 0}.build-copy>span:first-child{font-size:8px;letter-spacing:1px}.build-copy strong{display:block;font-size:25px;line-height:1.15;font-weight:500;letter-spacing:-.8px;margin:12px 0 18px}.build-cta{display:inline-block;background:#2c1738;color:white;padding:8px 12px;border-radius:20px;font-size:9px}.build-visual{background:#dab1d0;padding:20px 12px;display:grid;place-items:center;border-radius:50px 4px 4px 4px}.build-visual>span{font-size:24px;line-height:1.05;letter-spacing:-1px}.build-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.build-cards>div{background:#eae2ef;padding:13px 10px;font-size:9px;border:1px solid #d4c0df}.build-cards b{display:block;font-size:10px;font-weight:500;margin-top:8px}.build-line{height:5px;background:#c8a0cf;width:45%;margin-top:18px;border-radius:5px}.service-icon{display:block;margin-bottom:20px}.solution>span{margin-bottom:15px}.scroll-scene{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.3,1)}.scroll-scene.is-away{opacity:0;transform:translateY(25px)}.scroll-scene.has-passed{transform:translateY(-18px)}@media(prefers-reduced-motion:no-preference){.build-piece{animation:assemble 12s ease-in-out infinite both}.build-nav{animation-delay:0s}.build-copy{animation-delay:.6s}.build-visual{animation-delay:1.2s}.build-cards>div:nth-child(1){animation-delay:1.8s}.build-cards>div:nth-child(2){animation-delay:2.2s}.build-cards>div:nth-child(3){animation-delay:2.6s}.build-line{animation-delay:3s}.build-stages span{animation:stage-light 12s ease-in-out infinite}.build-stages span:nth-child(2){animation-delay:3s}.build-stages span:nth-child(3){animation-delay:6s}.solution:hover .service-icon,.solution:focus-visible .service-icon{animation:icon-nod .9s ease-in-out infinite alternate}.solution.selected .service-icon{animation:icon-nod 3s ease-in-out infinite alternate}@keyframes assemble{0%,7%{opacity:0;transform:translateY(15px) scale(.97)}14%,72%{opacity:1;transform:translateY(0) scale(1)}85%,100%{opacity:0;transform:translateY(-9px) scale(.98)}}@keyframes stage-light{0%,25%{color:white}35%,100%{color:#a790b5}}@keyframes icon-nod{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-4px) rotate(3deg)}}}.motion-paused .build-piece,.motion-paused .build-stages span,.motion-paused .service-icon{animation-play-state:paused!important}.motion-paused .scroll-scene{transition:none}@media(max-width:1100px) and (min-width:801px){.build-page{padding:17px}.build-copy strong{font-size:21px}.build-visual>span{font-size:20px}.build-nav span{font-size:8px}.build-scene{top:125px;width:49%}}@media(max-width:800px){.hero h1{font-size:clamp(58px,10vw,80px);max-width:100%;letter-spacing:-2px}.hero-inner>.eyebrow,.hero-inner>p,.hero-inner>.actions{max-width:100%}.hero-inner{padding-top:38px}.build-scene{position:relative;top:auto;right:auto;width:100%;margin:38px 0 20px;transform:none}.build-page{min-height:300px;padding:20px}.build-copy strong{font-size:23px}.build-visual>span{font-size:22px}.hero-bottom{margin-top:25px}.build-stages{font-size:9px}.hero{min-height:0}}@media(max-width:380px){.build-page{padding:14px}.build-copy strong{font-size:20px}.build-nav span{font-size:8px}.build-cards>div{padding:10px 7px}.build-visual>span{font-size:19px}}@media(prefers-reduced-motion:reduce){.scroll-scene,.scroll-scene.is-away,.scroll-scene.has-passed{opacity:1!important;transform:none!important;transition:none!important}.build-piece{opacity:1!important;transform:none!important}.build-scene{transform:none}}
@media(prefers-reduced-motion:no-preference){.step-symbol,.ai-mark{display:inline-block;animation:icon-nod 4s ease-in-out infinite alternate}.steps article:nth-child(even) .step-symbol{animation-delay:-2s}}.motion-paused .step-symbol,.motion-paused .ai-mark{animation-play-state:paused!important}

/* Fine-line motion inspired by the reference */
.hero,.header{background:#100d16}.motion-bg{background:none}.ribbon,.motion-type{display:none}.motion-bg:after{background:radial-gradient(ellipse at 77% 52%,#a86ca00c,transparent 60%)}.wire-scene{transform:none;top:125px;width:50%;right:-1%}.wire-web{display:block;width:100%;height:auto;overflow:visible}.wire-caption{height:28px;position:relative;text-align:center;font-size:17px;color:#e5d5e9}.wire-caption span{position:absolute;inset:0;opacity:0}.wire-footer{display:flex;justify-content:center;gap:20px;font-size:9px;letter-spacing:2px;color:#c8b4cd}.wire-footer span{color:#dcabd0}.trace{stroke-dasharray:1;stroke-dashoffset:0}.wire-dot,.wire-glow{offset-path:path('M55 65 L505 65 L505 325 L55 325 L55 65 L55 95 L505 95 L308 120 L480 120 L480 245 L308 245 L308 120 L80 130 L245 130 L80 175 L265 175 L80 222 L163 222 L163 244 L80 244 L80 270 L480 270');offset-distance:0%}@media(prefers-reduced-motion:no-preference){.trace{animation:draw-web 12s ease-in-out infinite both}.divider{animation-delay:.7s}.content-trace{animation-delay:1.8s}.visual-trace{animation-delay:2.7s}.cards-trace{animation-delay:3.5s}.wire-details{animation:reveal-web 12s ease-in-out .8s infinite both}.wire-finish{animation:reveal-web 12s ease-in-out 4s infinite both}.wire-dot,.wire-glow{animation:guide-point 12s linear infinite}.wire-caption span{animation:caption-web 12s ease-in-out infinite}.wire-caption span:nth-child(2){animation-delay:4s}.wire-caption span:nth-child(3){animation-delay:8s}@keyframes draw-web{0%,5%{stroke-dashoffset:1;opacity:0}12%{opacity:1}45%,70%{stroke-dashoffset:0;opacity:1}90%,100%{stroke-dashoffset:-1;opacity:0}}@keyframes reveal-web{0%,10%{opacity:0}35%,65%{opacity:1}85%,100%{opacity:0}}@keyframes guide-point{0%{offset-distance:0%;opacity:0}5%{opacity:1}75%{offset-distance:100%;opacity:1}85%,100%{offset-distance:100%;opacity:0}}@keyframes caption-web{0%,3%{opacity:0;transform:translateY(5px)}8%,26%{opacity:1;transform:translateY(0)}32%,100%{opacity:0;transform:translateY(-5px)}}}.motion-paused .wire-scene *{animation-play-state:paused!important}@media(max-width:800px){.wire-scene{top:auto;right:auto;width:100%;margin-block:40px 20px}.wire-caption{font-size:15px}.wire-footer{gap:12px;font-size:8px}}@media(prefers-reduced-motion:reduce){.wire-caption span:first-child{opacity:1}.wire-dot,.wire-glow{display:none}}

/* Palette supplied by the brand: Mavi / MR CREATIVA */
:root{--ink:#0f0b25;--pink:#dd8ebd;--paper:#f7f5fc;--muted:#5d5670;--line:#ded8e9;--blue:#70468b}
body{background:var(--paper);color:var(--ink)}.header{background:#0f0b25}.hero,.projects,.contact{background:linear-gradient(115deg,#0f0b25 0%,#171035 58%,#25184f 100%)}.hero h1 em,.contact h2 em{color:#dd8ebd}.hero .button,form .button{background:#dd8ebd;color:#0f0b25}.hero .button:hover,form .button:hover{background:#e7abd1}.hero p{color:#eee7f4}.hero-bottom,.header{border-color:#dd8ebd33}.hero-bottom button,.nav-cta{border-color:#dd8ebd88}.hero-inner>.eyebrow,.brand span{color:#dd8ebd}.motion-bg:after{background:radial-gradient(ellipse at 77% 52%,#dd8ebd0c,transparent 60%)}.wire-caption{color:#f7f5fc}.wire-footer{color:#d8c7e7}.wire-footer span{color:#dd8ebd}.service-panel{background:#eee9f5}.mini-site{background:#eed9e8;border-color:#d8c7e2}.corporate{background:#25184f;color:#f7f5fc}.health{background:#e7dfee;color:#0f0b25}.shop{background:#e8c1db;color:#0f0b25}.browser-bar{background:#f7f5fc;color:#5d5670}.solution.selected,.solution:hover{background:#25184f;color:#f7f5fc}.solution.selected .service-icon,.solution:hover .service-icon{color:#dd8ebd}.service-icon{color:#925779}.project-one{background:#eae3f2;color:#0f0b25}.project-two{background:#dd8ebd;color:#0f0b25}.process{background:#eee9f5}.steps article>span,.ai-mark{color:#97537f}.trust-strip span:before{color:#97537f}form{background:#251b42}input,select,textarea{background:#130d2b;border-color:#887399}.signature,.project-note{color:var(--muted)}.projects .project-note{color:#d7cbe2}.avatar{background:#dd8ebd;color:#0f0b25}

.hero h1{font-size:clamp(48px,5.4vw,78px);line-height:1.04;letter-spacing:-2.5px}.hero-inner>p{max-width:440px}.real-browser{border:1px solid #d8c7e2;border-radius:9px;overflow:hidden;background:var(--paper);color:var(--ink);box-shadow:0 15px 40px #0f0b2514}.real-browser .browser-bar{font-size:11px}.site-scroll{height:390px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#97537f #eee9f5}.site-scroll img{display:block;width:100%;height:auto}.scroll-hint{font-size:11px!important;padding:10px 14px;margin:0!important;color:#5d5670!important;max-width:none!important;border-top:1px solid #ded8e9}.project-caption>a{font-size:13px;text-decoration:underline}.project .site-scroll{height:340px}.site-scroll:focus-visible{outline:3px solid #97537f;outline-offset:-3px}@media(max-width:800px){.hero h1{font-size:clamp(46px,9vw,65px)}.site-scroll{height:320px}.project .site-scroll{height:300px}}@media(prefers-reduced-motion:no-preference){.wire-scene *{animation-iteration-count:1!important}.step-symbol,.ai-mark,.solution.selected .service-icon{animation:none}.scroll-scene{transition-duration:.45s}}.hero-animation-complete .wire-scene .trace{animation:none!important;stroke-dashoffset:0;opacity:1}.hero-animation-complete .wire-scene .wire-details,.hero-animation-complete .wire-scene .wire-finish{animation:none!important;opacity:1}.hero-animation-complete .wire-dot,.hero-animation-complete .wire-glow{display:none}.hero-animation-complete .wire-caption span{animation:none!important;opacity:0}.hero-animation-complete .wire-caption span:last-child{opacity:1}
.client-proof{padding-block:42px;border-bottom:1px solid var(--line);text-align:center}.client-proof blockquote{font-size:clamp(20px,2.5vw,30px);line-height:1.4;max-width:850px;margin:0 auto 16px}.client-proof p{font-size:12px;color:var(--muted);margin:0}
