/* Moncreate digital studio — light canvas, violet depth, electric details. */
:root{--forest:#2a2b2e;--sage:#a3a4aa;--ivory:#f4f4f4;--muted:#696a71;--line:#3636391c;--violet:#8e8f96;--pink:#a3a4aa;--cyan:#a2a3a8;--header-inset:28px}
body{background:#eff0f1;color:var(--forest);font-weight:300;background-image:none}
body:before{content:'';position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 95% 5%,#d5d6d89c,transparent 45%),radial-gradient(ellipse at 5% 62%,#cbcccf50,transparent 45%),#eff0f1;pointer-events:none}
.ambient{background:none!important}.ambient:before,.ambient:after{display:none!important}.ambient i{background:#afb0b4;opacity:.13;filter:blur(100px)}.ambient i:nth-child(2){background:#b8b8bc;opacity:.08}
::selection{background:#8e8f96;color:white}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#8e8f96}
.glass{background:linear-gradient(135deg,#ffffff8a,#ffffff32 55%,#e3e3e436);border:1px solid #ffffffed;box-shadow:inset 0 1px 1px #fff,inset 0 -2px 2px #60616615,0 4px 0 -2px #787a8115,0 18px 44px -20px #4d4e5324;backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15)}
.site-header>.brand img{filter:grayscale(1) brightness(.6);width:250px}.site-header>.brand{max-width:25%}
.topnav{background:linear-gradient(120deg,#ffffff9c,#ffffff5c);box-shadow:inset 0 2px 2px white,inset 0 -2px 3px #75767d20,0 8px 28px #33333610;border-color:#fff}
.top-link{font-size:12px;font-weight:400}.top-link[aria-current=page]{background:#303134;color:#fff;box-shadow:inset 0 1px 1px #ffffff55,0 3px 8px #31313426}.top-link:hover{background-color:#dcdddf5c}.scrolled .topnav{background:linear-gradient(130deg,#f8f8f8db,#f1f1f18c)}
.topnav .languages{background:#e2e2e35c}.topnav .languages button{font-size:11px}.topnav .languages button[aria-pressed=true]{background:#fff}
.wrap,main>.wrap,.liquid-footer .wrap{width:min(1440px,calc(100% - 112px))}
h1,h2,h3{font-weight:500}h1{letter-spacing:-.065em}.page-heading{padding-top:175px;padding-bottom:65px}.page-heading h1{font-weight:500;max-width:1050px;font-size:clamp(46px,6.8vw,100px)}.page-heading>p{color:var(--muted);font-size:18px}
.hero{padding-top:155px;padding-bottom:85px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;min-height:820px}
.hero-copy{position:relative;z-index:5}.hero h1{font-size:clamp(58px,5.9vw,104px);line-height:1.01;letter-spacing:-.068em;font-weight:500;margin:0 0 38px;max-width:850px}.hero h1>span{display:inline}.hero h1 .soft{color:#8e8f96;background:linear-gradient(110deg,#96989e,#6d6e75);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:none}
.hero-bottom{display:block}.hero-bottom>p{font-size:19px;line-height:1.6;max-width:370px;color:#696a71}.hero-bottom .round-link{margin-top:34px}
.round-link{font-size:13px;padding:8px 8px 8px 25px;gap:26px;border-color:#fff;background:linear-gradient(130deg,#ffffffc0,#ffffff50);box-shadow:inset 0 2px 1px white,inset 0 -2px 3px #6f707717,0 8px 25px #42434716}.round-link:hover{background:#ffffffd0;box-shadow:inset 0 2px 1px white,0 14px 28px #8e8f9625}.circle{background:#8e8f96;color:white;box-shadow:inset 0 2px 2px #ffffff50,0 3px 7px #8e8f963d}
.hero .creative-stage{margin:0;height:590px;min-width:0;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate;overflow:visible;color:#353538}.creative-stage:before,.creative-stage:after{display:none}.hero #flow-canvas{inset:-10%;width:120%;height:120%;opacity:.8}.stage-halo{background:#bebfc366;top:20%;height:400px;width:400px;left:calc(50% - 200px);filter:blur(65px)}
.portal-core{position:absolute;width:400px;height:400px;left:calc(50% - 200px);top:calc(50% - 200px);border-radius:50%;background:radial-gradient(ellipse at 35% 26%,#ebebec 0%,#afb0b5 22%,#8e8f96 44%,#515256 66%,#c2c3c7 82%,#dcdddf 100%);box-shadow:inset 7px 10px 13px #f2f2f3c0,inset -22px -28px 42px #33343780,20px 30px 65px #7b7c8440,-16px -20px 40px #ffffff80;transform:rotate(-22deg);animation:portal-breathe 12s ease-in-out infinite alternate}
.portal-core:before{content:'';position:absolute;inset:25%;border-radius:50%;background:#dfe0e2;box-shadow:inset 10px 15px 25px #2f2f3260,inset -5px -5px 15px #ffffffc0,0 1px 2px #f4f4f4;transform:scaleX(.84)}
.portal-core:after{content:'';position:absolute;inset:7%;border:1px solid #ffffff65;border-radius:50%;border-right-color:#a2a3a8;border-bottom-color:#a3a4aa;filter:drop-shadow(0 0 5px #d6d7d9);rotate:20deg}
.sculpture{inset:45px 0 50px;pointer-events:none}.glass-symbol{width:155px;height:110px;left:calc(50% - 77px);top:calc(50% - 55px);background:linear-gradient(140deg,#ffffff,#ecedee88 35%,#abacb1 55%,#fff);filter:drop-shadow(0 5px 5px #5051565a);opacity:.95}.glass-symbol:before{display:none}.symbol-sheen{opacity:.4}
.orbit-one{width:500px;height:185px;left:calc(50% - 250px);top:calc(50% - 92px);border-color:#92939950;transform:rotate(-28deg)}.orbit-two{width:450px;height:260px;left:calc(50% - 225px);top:calc(50% - 130px);transform:rotate(45deg);border-color:#ffffffd0}.orbit:after{background:#a2a3a8;box-shadow:0 0 18px #a2a3a8}.orbit-two:after{background:#a3a4aa;box-shadow:0 0 18px #a3a4aa}
.floating-chip{color:#303033;background:linear-gradient(120deg,#ffffffbb,#f6f6f66b);border:1px solid #fffffff0;box-shadow:inset 0 2px 2px white,inset 0 -3px 4px #74767d20,0 20px 35px #3f404420;backdrop-filter:blur(20px);font-size:13px;gap:13px;min-width:185px;transform:none;padding:20px;border-radius:19px}.floating-chip>span{font:inherit}.chip-design{left:0;top:18%;rotate:-7deg}.chip-digital{left:auto;right:0;bottom:11%;rotate:6deg}.chip-status{width:10px;height:10px;border-radius:50%;background:#a2a3a8;box-shadow:0 0 0 6px #a2a3a826}.chip-spark{width:13px;height:13px;background:#a3a4aa;clip-path:polygon(50% 0,62% 35%,100% 50%,62% 65%,50% 100%,38% 65%,0 50%,38% 35%)}
.stage-bottom{bottom:0;left:0;right:0;justify-content:center}.stage-controls{background:#ffffff60;color:#47484c;border-color:#fff;box-shadow:inset 0 1px 1px #fff,0 5px 20px #57585d12}.stage-controls button{color:#47484c}.stage-controls button[aria-pressed=true]:not(.motion-toggle){background:#ffffffbc}
.section{padding-block:70px 110px}.section-intro h2,.solution-heading h2{font-size:clamp(38px,4.4vw,66px);font-weight:400;letter-spacing:-.055em;line-height:1.08}.service-list{margin-top:40px;gap:22px}.service-card{border-radius:25px;min-height:350px}.service-card:hover{box-shadow:0 22px 45px #7c7d8422}.service-caption{padding:30px!important}.service-caption h3{font-size:25px;font-weight:400;letter-spacing:-.035em;max-width:280px}.card-art{height:235px;border:0;background:radial-gradient(ellipse at 50% 80%,#d8d8da70,transparent 70%)}.card-link-arrow{background:#fff9;color:#8e8f96}.mini-window{border-color:#fff;background:#f9f9f9a0;box-shadow:0 20px 30px #595a5f25}.mini-window>i{background:#afb0b4}.mini-orb{background:radial-gradient(circle at 28% 23%,#ededee,#adaeb3 45%,#67686e);box-shadow:inset -5px -8px 20px #6e6f7640,0 15px 25px #64656b20}.type-art>span{color:#8e8f96}.type-art>i{border-color:#a3a4aa;box-shadow:0 0 15px #a3a4aa15}.renew-art>i{background:#bfc0c450}.renew-art>div{background:linear-gradient(145deg,#fff9,#eaebec70);color:#8e8f96;box-shadow:0 15px 25px #7e80872b}
.solution-section{padding-bottom:100px}.solution-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}.solution-heading p{color:var(--muted);max-width:320px;font-size:17px;line-height:1.7}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.solution-card{display:block;border-radius:30px;overflow:hidden}.solution-diagram{height:260px;display:flex;align-items:center;justify-content:center;gap:24px;background:radial-gradient(ellipse at 45% 60%,#d4d4d660,transparent 70%);padding:35px}.flow-node{position:relative;border:1px solid #fff;border-radius:18px;background:linear-gradient(135deg,#ffffffab,#ffffff45);box-shadow:inset 0 1px 0 #fff,0 16px 24px #6a6b711b;min-width:105px;min-height:108px;padding:20px 15px;color:#9b9ca2;font-size:12px;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(10px) rotate(-5deg);transition:transform .6s var(--spring)}.flow-node span{font-size:13px;color:#3c3d40;display:block;margin-top:20px}.flow-node:after{content:'';position:absolute;right:-25px;top:50%;width:24px;border-top:1px solid #a6a7ac}.flow-node:last-child:after{display:none}.flow-node:nth-child(2){transform:translateY(-12px) rotate(3deg);background:#94959b;color:#ebeced;border-color:#c2c3c6;box-shadow:inset 0 1px 0 #d8d8da,0 20px 30px #7c7d8535}.flow-node:nth-child(2) span{color:#fff}.flow-node:last-child{border-bottom:3px solid #a2a3a8}.quote .flow-node:last-child{border-bottom-color:#a3a4aa}.solution-card:hover .flow-node{transform:translateY(-4px) rotate(0)}.solution-card-copy{padding:15px 32px 34px;position:relative}.solution-card h3{font-size:29px;line-height:1.2;max-width:360px;letter-spacing:-.04em;font-weight:400}.solution-card p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:16px;max-width:350px}.solution-arrow{position:absolute;right:30px;top:20px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;background:#fff7;color:#8e8f96}
.home-paths{gap:25px;margin-bottom:45px}.home-path{background:none;backdrop-filter:none;border:0;border-top:1px solid #84868d40;border-radius:0;box-shadow:none;padding:30px 0}.home-path h2{font-size:29px;letter-spacing:-.04em}.home-path p{color:var(--muted)}
.project-gallery{padding-top:20px;margin-bottom:110px}.gallery-card,.gallery-card:active{background:linear-gradient(125deg,#ffffffbd,#f1f1f265);border-color:#fffffff0;box-shadow:inset 0 2px 1px white,0 25px 45px -15px #3b3c3f4a}.gallery-browser-bar{color:#62646a}.gallery-browser-bar i{background:#b7b7bb}.gallery-card-label{color:#2c2d30;font-weight:400}.gallery-card[data-active=true]{border-color:#fff;box-shadow:inset 0 1px 2px white,0 0 0 1px #8c8d9466,0 20px 45px -12px #5354594a}.gallery-identity{background:radial-gradient(ellipse at 20% 10%,#f5f5f5,#c4c5c8)}.gallery-identity img,.project-visual>img{filter:grayscale(1) brightness(.65)}.gallery-bottom{width:min(1440px,calc(100% - 112px));padding-top:25px}.gallery-title{font-weight:400;font-size:30px}.gallery-subtitle{color:var(--muted)}
.detail-card,.service-detail,.faq-item,.booking-panel,.contact-detail,.project-showcase,.brief-panel,.health-panel,.health-next,.health-visual,.pricing-note{border-radius:25px}.detail-services{gap:26px}.service-detail{display:grid;grid-template-columns:1fr 1.3fr;column-gap:60px;padding:45px}.service-detail .feature-grid{grid-template-columns:1fr;gap:24px;margin-top:0;padding-top:0}.service-detail .feature-grid>div{padding-bottom:18px;border-bottom:1px solid #95969c2a}.service-detail h2{font-size:36px;letter-spacing:-.045em}.service-detail>div:first-child p{color:var(--muted);line-height:1.7;font-size:16px;margin-top:17px}.feature-grid h3{font-weight:400}.feature-grid p{color:var(--muted)}
.price-grid{gap:22px}.price-grid .detail-card{padding:32px}.detail-card h2{font-weight:400}.price-grid .detail-card:nth-child(3){background:linear-gradient(135deg,#919298,#74757c);color:#fff;border-color:#cccccf;box-shadow:inset 0 2px 2px #dbdcde88,0 25px 45px #8e8f9630}.price-grid .detail-card:nth-child(3) p{color:#f2f2f2}.package-price{letter-spacing:-.05em!important}.pricing-tax{color:var(--muted)}
.contact-dialog{background:linear-gradient(135deg,#f5f5f6e8,#e7e7e9d9);border-color:#fff;color:#303033;box-shadow:inset 0 2px 1px white,0 35px 110px #27272940}.contact-dialog::backdrop{background:#22232545}.meeting-form select option{background:#f4f4f4;color:#303033}.meeting-form input:focus,.meeting-form select:focus,.meeting-form textarea:focus{outline-color:#8e8f96}.meeting-status{background:#6b6c72;color:#fff}.brief-choice.is-selected{background:linear-gradient(130deg,#ffffffbd,#e1e1e377);box-shadow:inset 0 1px 1px white,0 0 0 1px #8e8f9670,0 10px 20px #8e8f9615}.brief-choice.is-selected .brief-choice-mark{background:#8e8f96;border-color:#8e8f96}.health-visual progress::-webkit-progress-value{background:linear-gradient(90deg,#b5b6ba,#8e8f96)}.health-visual progress::-moz-progress-bar{background:linear-gradient(90deg,#b5b6ba,#8e8f96)}
.liquid-footer{background:#29292c;color:#f7f7f8;min-height:640px;margin-top:30px;padding-top:100px;overflow:hidden;border-top:1px solid #fff}.footer-scene{background:radial-gradient(ellipse at 80% 75%,#878990,transparent 65%),linear-gradient(145deg,#252628,#3c3d40)}.footer-orb{background:radial-gradient(circle at 30% 20%,#ceced1,#8f9097 42%,#404145);box-shadow:inset -20px -30px 80px #1d1e2080,0 20px 70px #10111266}.footer-prism{background:linear-gradient(135deg,#bababe44,#e8e8e90a,#9091984d);border-color:#dcdcde40}.footer-light{background:radial-gradient(ellipse,#c2c3c733,transparent 65%)}.footer-panel{background:linear-gradient(120deg,#ffffff16,#d2d2d50a);border:1px solid #dbdbdd45;box-shadow:inset 0 1px 1px #ffffff70,0 15px 40px #19191b20;backdrop-filter:blur(20px)}.footer-invitation h2{font-weight:400;letter-spacing:-.06em}.footer-navigation a{color:#f2f2f2}.footer-meta{color:#c7c8cb}.footer-signature{color:#eaebec;opacity:.12}.footer-top{color:#fff}.footer-invitation .round-link{color:#fff;background:#ffffff0c;border-color:#d2d3d66b}.footer-invitation .circle{background:#a2a3a8;color:#303033}.footer-navigation a:hover{background:#ffffff12}
@keyframes portal-breathe{from{transform:rotate(-22deg) translateY(0)}to{transform:rotate(-13deg) translateY(-15px)}}
@media(min-width:1700px){.hero{gap:50px;min-height:920px}.hero .creative-stage{height:670px}.portal-core{width:470px;height:470px;left:calc(50% - 235px);top:calc(50% - 235px)}}
@media(max-width:1100px){.wrap,main>.wrap,.liquid-footer .wrap{width:calc(100% - 64px)}.hero{min-height:720px;gap:0}.hero h1{font-size:clamp(52px,6.8vw,76px)}.hero .creative-stage{height:500px}.portal-core{width:310px;height:310px;left:calc(50% - 155px);top:calc(50% - 155px)}.orbit-one{width:380px;left:calc(50% - 190px)}.orbit-two{width:340px;left:calc(50% - 170px)}.floating-chip{min-width:160px;padding:16px;font-size:11px}.chip-design{left:-10px;top:12%}.chip-digital{right:-8px;bottom:7%}.service-caption{padding:25px!important}.service-caption h3{font-size:21px}.solution-diagram{gap:13px;padding:20px}.flow-node{min-width:85px;padding:16px 11px}.flow-node:after{width:13px;right:-14px}.solution-card h3{font-size:25px;max-width:275px;padding-right:30px}.solution-card-copy{padding:15px 25px 30px}.solution-arrow{right:22px}.gallery-bottom{width:calc(100% - 64px)}}
@media(max-width:760px){:root{--header-inset:16px}.wrap,main>.wrap,.liquid-footer .wrap{width:calc(100% - 40px)}.site-header>.brand{max-width:calc(100% - 132px)}.site-header>.brand img{width:clamp(145px,46vw,210px)}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:145px;padding-bottom:30px;gap:0;min-height:0}.hero h1{font-size:clamp(47px,10vw,72px);max-width:600px;line-height:1.02;margin-bottom:25px}.hero-bottom>p{font-size:16px;max-width:350px}.hero-bottom .round-link{margin-top:25px}.hero .creative-stage{height:460px;margin-top:15px;overflow:clip}.portal-core{width:290px;height:290px;left:calc(50% - 145px);top:calc(50% - 145px)}.sculpture{inset:40px 0 55px}.glass-symbol{width:120px;height:85px;left:calc(50% - 60px);top:calc(50% - 42px)}.orbit-one{width:350px;left:calc(50% - 175px);height:150px;top:calc(50% - 75px)}.orbit-two{width:310px;left:calc(50% - 155px);height:230px;top:calc(50% - 115px)}.chip-design{left:0;top:10%;rotate:-5deg}.chip-digital{right:0;bottom:8%;rotate:5deg}.stage-bottom{bottom:5px}.stage-controls{align-self:auto}.section{padding:45px 0 65px}.section-intro h2,.solution-heading h2{font-size:39px}.service-list{grid-template-columns:1fr;gap:18px;margin-top:28px}.service-card{min-height:0;display:grid;grid-template-columns:140px 1fr;align-items:center}.card-art{height:165px;overflow:hidden}.mini-window{width:105px;height:80px;padding:10px}.mini-window>span{font-size:28px}.mini-window>i{width:45px;height:3px}.mini-orb{width:65px;height:65px;right:5px;top:55px}.type-art>span{font-size:80px}.type-art>i{width:120px;height:70px}.renew-art>i,.renew-art>div{width:65px;height:80px;font-size:35px}.service-caption{padding:20px 25px 20px 10px!important}.service-caption h3{font-size:24px}.service-card .card-link-arrow{right:14px;bottom:14px;width:28px;height:28px}.solution-section{padding-bottom:65px}.solution-heading{display:block;margin-bottom:28px}.solution-heading p{font-size:15px;margin-top:22px;max-width:340px}.solution-grid{grid-template-columns:1fr;gap:20px}.solution-diagram{height:215px;gap:16px;padding:20px}.flow-node{min-width:85px;min-height:100px}.flow-node:after{width:16px;right:-17px}.solution-card-copy{padding:5px 25px 30px}.solution-card h3{max-width:300px;font-size:27px}.solution-arrow{top:9px}.solution-card p{font-size:14px}.home-paths{grid-template-columns:1fr;gap:5px}.home-path{padding:25px 0}.home-path h2{font-size:28px}.gallery-bottom{width:calc(100% - 40px)}.project-gallery{margin-bottom:65px}.gallery-controls{gap:6px}.gallery-visit{margin-left:auto}.gallery-title{font-size:27px}.page-heading{padding-top:140px;padding-bottom:40px}.page-heading h1{font-size:clamp(42px,10vw,64px)}.page-heading>p{font-size:16px}.service-detail{display:block;padding:28px}.service-detail h2{font-size:31px}.service-detail .feature-grid{margin-top:30px}.price-grid .detail-card{padding:28px}.liquid-footer{padding-top:65px;min-height:600px}.footer-panel{padding:28px 24px}.footer-invitation h2{font-size:49px}.footer-meta{font-size:10px}.brief-panel,.health-panel,.booking-panel{padding:27px 22px}.gallery-controls .round-link{gap:8px}.topnav>nav{background:linear-gradient(135deg,#fafafae8,#eaeaebe6);border-color:white;box-shadow:inset 0 2px 2px white,0 20px 40px #4b4c5033}}
@media(max-width:370px){.hero h1{font-size:44px}.hero .creative-stage{height:410px}.portal-core{width:245px;height:245px;left:calc(50% - 122px);top:calc(50% - 122px)}.floating-chip{font-size:10px;min-width:146px;padding:14px;gap:10px}.service-card{grid-template-columns:115px 1fr}.service-caption h3{font-size:21px}.flow-node{min-width:74px;padding:14px 9px}.flow-node span{font-size:11px}.solution-diagram{gap:12px}.flow-node:after{width:12px;right:-13px}}
@media(prefers-reduced-motion:reduce){.portal-core{animation:none}.solution-card:hover .flow-node{transform:none}}

main{overflow-x:clip}.system-core{width:115px;height:115px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#a7a7ac,#75767d);color:#fff;border:1px solid #d0d1d4;box-shadow:inset 0 2px 2px #e3e3e580,0 20px 35px #7879803b;transform:rotate(-10deg);transition:transform .7s var(--spring);z-index:2}.system-core svg{width:62px;height:62px}.system-art>i{position:absolute;width:220px;height:135px;border:1px solid #b8b8bc;border-radius:50%;rotate:-25deg}.system-art>b{position:absolute;width:15px;height:15px;border-radius:50%;background:#a2a3a8;top:20%;right:22%;box-shadow:0 0 20px #a2a3a860}.service-card:hover .system-core{transform:rotate(4deg) translateY(-5px)}@media(max-width:760px){.system-core{width:80px;height:80px;border-radius:20px}.system-core svg{width:45px;height:45px}.system-art>i{width:130px;height:90px}.system-art>b{width:10px;height:10px;right:8%;top:25%}}
