/* EMoo content adapted to the existing CreaInfla typography and motion system. */
:root{--ink:#28144b;--ink-2:#675180;--ink-3:#806799;--paper:#ffffff;--paper-2:#f4eeff;--paper-3:#fcfaff;--line:#e4d7f5;--green:#9870dc;--purple:#8348d8;--green-soft:#f1eaff;--purple-soft:#eee3ff;--rose:#f5eaff;--sky:#eeeaff;--accent-1:#bb7af3;--accent-2:#a555ed;--accent-3:#8b4ae0;--accent-4:#7238c4;--muted:var(--ink-2)}
html{scroll-padding-top:100px}
button,input,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
.preview-note{padding:8px 20px;background:var(--paper-2);color:var(--ink-2);font-size:11px;text-align:center}
.nav{height:88px;display:flex;align-items:center;gap:26px;margin:0 -24px;padding:0 24px;flex-wrap:nowrap}
.logo{display:block;flex-shrink:0;width:270px}.logo img{width:100%;height:auto}
.navlinks{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:13px;white-space:nowrap}
.navlinks a{opacity:.85;transition:.2s}.navlinks a:hover{opacity:1;color:var(--purple)}
.languages{display:flex;gap:2px;padding:3px;border:1px solid #1d1d1f1c;border-radius:99px;background:#ffffffbd;flex-shrink:0}
.languages button{padding:7px 8px;border:0;border-radius:99px;font-size:11px;background:transparent;color:var(--ink);transition:background .2s,color .2s}
.languages button[aria-pressed=true]{background:var(--purple-soft);color:var(--purple)}
.mobile-menu{display:none}
.hero{display:block;margin:0 calc(-1 * max(24px,(100vw - 1072px)/2));padding-left:max(24px,calc((100vw - 1072px)/2));padding-right:max(24px,calc((100vw - 1072px)/2))}
.hero-copy,.hero-art{position:relative;z-index:1}.hero-copy p{max-width:700px;margin:30px auto 0;font-size:clamp(19px,2.25vw,27px);line-height:1.42;color:var(--ink-2);letter-spacing:-.018em}
.hero h1 em{font-style:inherit}.hero h1 em:not(.accent){background:linear-gradient(105deg,var(--accent-1),var(--accent-2) 30%,var(--accent-3) 62%,var(--accent-4));background-size:320% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:accent-spectrum 7s ease-in-out infinite alternate}
.hero-actions{margin-top:36px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 28px;border:1px solid var(--ink);border-radius:980px;font-size:16px;font-weight:500;background:var(--ink);color:#fff;transition:.2s}
.pill:hover{background:var(--purple);border-color:var(--purple)}
.text-link{display:inline-flex;align-items:center;gap:14px;padding:14px 28px;border:1px solid var(--line)!important;border-radius:980px;font-size:16px;color:var(--ink);transition:.2s}.text-link:hover{border-color:var(--ink)!important}
.hero-bottom{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;font-size:12px;color:var(--ink-3)}.tiny-flower{font-size:24px;color:var(--purple)}
.hero-art .art svg{display:block;width:100%;height:100%;object-fit:contain}.hero-art .art{transition:transform .45s ease,box-shadow .45s ease}.hero-art .art:hover{box-shadow:0 32px 75px #1d1d1f26}.hero-art .art-a:hover{transform:rotate(-2deg) translateY(-4px)}.hero-art .art-b:hover{transform:translateY(-4px)}.hero-art .art-c:hover{transform:rotate(2deg) translateY(-4px)}
.ribbon{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;font-size:11px;font-weight:500;letter-spacing:.07em}.ribbon b{color:var(--purple)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.about .sec-head{margin:0}.section-tag{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);margin-bottom:22px}.section-tag>span{color:var(--purple)}
.sec-head h2 em{font-style:inherit}.about-body>p{font-size:18px;color:var(--ink-2);line-height:1.7;margin-bottom:24px}.about-foot{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:12px;color:var(--purple);margin-top:30px}.about-foot span:before{content:'↗ ';}
.services{background:var(--paper-2)}.section-heading{max-width:none;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}.section-heading p{max-width:420px;margin:0;padding-bottom:4px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service{padding:32px 28px;background:var(--paper);border:1px solid #0000000f;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:flex-start;transition:transform .3s ease,box-shadow .3s ease}.service:hover{transform:translateY(-4px);box-shadow:0 24px 48px #00000019}.service-top{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.16em;color:var(--ink-3);margin-bottom:40px}.service-icon{font-size:36px;color:var(--purple)}.service h3{font-size:28px;line-height:1.12;letter-spacing:-.03em;margin-bottom:16px}.service p{font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:30px}.service small{font-size:10px;letter-spacing:.07em;color:var(--ink-3);margin-top:auto;padding-top:18px;border-top:1px solid var(--line);width:100%}
.world-card{min-width:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid #0000000f;background:white;transition:transform .3s ease,box-shadow .3s ease}.world-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #00000019}.world-visual{position:relative;aspect-ratio:1;overflow:hidden;background:linear-gradient(145deg,var(--green-soft),var(--purple-soft))}.world-visual svg{width:100%;height:100%;display:block;transition:transform .45s ease}.world-card:hover svg{transform:scale(1.035)}.world-card:nth-child(2) .world-visual{background:var(--purple-soft)}.world-card:nth-child(3) .world-visual{background:var(--sky)}.visual-tag{position:absolute;top:18px;left:18px;font-size:9px;color:var(--ink-2);padding:6px 10px;border-radius:99px;background:#ffffffb3;z-index:1}.world-caption{padding:25px;display:flex;justify-content:space-between;gap:12px;align-items:center}.world-caption h3{font-size:24px;line-height:1.14;letter-spacing:-.03em}.world-caption>span{color:var(--purple)}.illustration-note{font-size:12px;color:var(--ink-3);line-height:1.6;margin-top:24px}
.contact{position:relative;isolation:isolate;overflow:hidden;text-align:center;border-radius:var(--radius-lg);padding:80px 35px;margin-bottom:90px;background:linear-gradient(125deg,#f7efff,#eee5ff,#f5ebff)}.contact .eyebrow{margin-bottom:22px}.contact h2{font-size:clamp(40px,6.4vw,76px);line-height:1.04;letter-spacing:-.05em;background:linear-gradient(108deg,var(--ink) 0%,var(--ink) 20%,var(--accent-2) 58%,var(--accent-3) 82%,var(--accent-4));background-size:280% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:section-spectrum 13s ease-in-out infinite alternate}.contact p{font-size:19px;line-height:1.55;color:var(--ink-2);max-width:600px;margin:26px auto}.contact-flower{display:none}
footer{margin:0 -24px;padding:55px 24px 35px}.footer-main{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-main .logo{width:210px}.company{font-size:14px;color:var(--ink-2);line-height:1.8}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px;font-size:12px;color:var(--ink-3)}
dialog{--green:var(--ink);background:var(--paper-3)}dialog h2{font-size:28px!important}dialog .pill{margin-top:24px}.form-note{font-size:13px!important}input,textarea{background:white!important}label{font-size:13px!important}
@media(max-width:1000px){.logo{width:230px}.navlinks{gap:16px;font-size:12px}.nav{gap:18px}.cards{gap:18px}.service{padding:27px 23px}}
@media(max-width:900px){.nav{position:sticky}.navlinks{position:absolute;top:100%;left:0;right:0;background:#fffffff9;border-bottom:1px solid #00000014;box-shadow:0 20px 36px #1d1d1f19;padding:12px 24px 18px;display:flex;flex-direction:column;align-items:stretch;gap:0;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease,visibility .22s}.navlinks.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.navlinks a{padding:13px 0;border-bottom:1px solid #00000012;font-size:16px}.navlinks a:last-child{border-bottom:0}.languages{margin-left:auto}.mobile-menu{display:block;border:0;background:none;color:var(--ink-2);font-size:23px;width:32px}.section-heading,.about{grid-template-columns:1fr;gap:30px}.cards{grid-template-columns:1fr}.service h3{font-size:32px}.service-top{margin-bottom:28px}.world-visual{aspect-ratio:1.5}.footer-main{flex-wrap:wrap}.section-heading p{max-width:680px}.hero{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.world-caption h3{font-size:29px}}
@media(max-width:560px){.nav{height:78px;gap:9px}.logo{width:clamp(170px,47vw,245px)}.languages button{padding:6px;font-size:10px}.hero-art{height:280px}.eyebrow{font-size:10px;letter-spacing:.18em}.hero-copy p{font-size:18px;line-height:1.48}.hero-actions{gap:12px}.pill,.text-link{font-size:14px;padding:13px 21px}.ribbon{justify-content:center;flex-wrap:wrap;font-size:9px;gap:10px}.about-body>p{font-size:17px}.section-heading p{font-size:18px}.world-visual{aspect-ratio:1.2}.contact{padding:60px 22px;margin-bottom:60px}.contact h2{font-size:clamp(36px,11vw,54px)}.contact p{font-size:17px}.footer-main{flex-direction:column}.footer-bottom{flex-direction:column;gap:10px}dialog{padding:24px}.hero h1{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero h1 em:not(.accent),.contact h2{animation:none}.hero-art .art,.service,.world-card,.world-visual svg,.navlinks{transition:none}.service:hover,.world-card:hover,.world-card:hover svg{transform:none}}

/* Lavender light: hue stays within the violet spectrum throughout each cycle. */
.hero::before{background:radial-gradient(circle,rgba(190,132,255,.35) 0%,rgba(174,116,244,.18) 40%,rgba(174,116,244,0) 72%)}
.hero::after{background:radial-gradient(circle,rgba(153,101,242,.32) 0%,rgba(184,139,255,.18) 44%,rgba(184,139,255,0) 72%)}
@keyframes hero-drift-left{0%{transform:translate3d(-7%,-3%,0) scale(.94);opacity:.7;filter:blur(5px)}50%{transform:translate3d(16%,12%,0) scale(1.1);opacity:1;filter:blur(5px)}100%{transform:translate3d(-2%,18%,0) scale(1.04);opacity:.88;filter:blur(5px)}}
@keyframes hero-drift-right{0%{transform:translate3d(6%,-4%,0) scale(.96);opacity:.72;filter:blur(5px)}50%{transform:translate3d(-17%,16%,0) scale(1.12);opacity:1;filter:blur(5px)}100%{transform:translate3d(3%,20%,0) scale(1.04);opacity:.9;filter:blur(5px)}}
@keyframes accent-spectrum{0%{background-position:0% 50%;filter:saturate(1)}50%{background-position:62% 50%;filter:saturate(1.12)}100%{background-position:100% 50%;filter:saturate(1.2)}}
@keyframes section-spectrum{0%{background-position:0% 50%;filter:saturate(1)}50%{background-position:64% 50%;filter:saturate(1.08)}100%{background-position:100% 50%;filter:saturate(1.16)}}
.service{box-shadow:0 10px 35px #8348d807}.service:hover,.world-card:hover{box-shadow:0 24px 48px #8348d815}.nav{border-bottom-color:#8348d814}.pill{background:#7840c7;border-color:#7840c7}.pill:hover{background:#9255df;border-color:#9255df}

/* Faster lavender motion, retaining reduced-motion support. */
@media(prefers-reduced-motion:no-preference){
 .hero::before{animation-duration:4s}
 .hero::after{animation-duration:5s}
 .hero .accent,.hero h1 em:not(.accent){animation-duration:3.5s}
 .sec-head h2{animation-duration:5s}
 .contact h2{animation-duration:5s}
}

/* A small editorial portrait within the company introduction. */
.creator-card{display:flex;align-items:center;gap:23px;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.creator-card img{width:104px;height:130px;flex-shrink:0;object-fit:cover;border-radius:18px;box-shadow:0 8px 26px #8348d815;border:1px solid #ffffffcc}
.creator-label{font-size:10px;letter-spacing:.14em;color:var(--purple);margin-bottom:9px}
.creator-card h3{font-size:29px;line-height:1.1;color:var(--ink);margin:0 0 10px}
.creator-card p{font-size:13px;color:var(--ink-2);line-height:1.6;margin:0}
@media(max-width:560px){.creator-card{gap:18px}.creator-card img{width:88px;height:110px;border-radius:15px}.creator-card h3{font-size:26px}.creator-card p{font-size:12px}}