/* Refinements are scoped to index4. */
.refined .studio-logo{display:block;width:280px;max-width:100%;height:auto;object-fit:contain}
.refined .header .brand{flex-shrink:0}
.refined .header .nav{margin-left:auto;gap:30px}
.header-actions{display:flex;align-items:center;gap:14px}
.refined .header{position:relative;z-index:3}
.refined .art-stage{z-index:1}
.refined .benefits{position:relative;z-index:2}
.refined .motion-toggle{z-index:4}
.refined .light{filter:blur(48px)}
.refined .light-green{left:-13%;top:-20%;animation:zen-green 7s ease-in-out infinite alternate}
.refined .light-blue{right:-12%;top:-18%;animation:zen-blue 7s ease-in-out infinite alternate}
@keyframes zen-green{from{transform:translate(0,0) scale(.72);opacity:.24}to{transform:translate(65px,55px) scale(1.45);opacity:.72}}
@keyframes zen-blue{from{transform:translate(-65px,55px) scale(1.45);opacity:.68}to{transform:translate(0,0) scale(.72);opacity:.22}}
.hero-ripples{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-ripple{position:absolute;width:260px;height:260px;margin:-130px 0 0 -130px;border:1px solid #8cffe4;border-radius:50%;box-shadow:0 0 12px #49e8c31a,inset 0 0 9px #49e8c314;pointer-events:none}
.refined .service-grid{row-gap:42px}
.refined .service{padding:0 35px}
.refined .service:nth-child(3n+1){padding-left:0}
.refined .service:nth-child(3n+1):before{display:none}
.refined .service h3{font-size:27px}
.refined .service:nth-child(4) .service-number{color:#009f87}
.refined .service:nth-child(5) .service-number{color:#00a7cb}
.refined .service:nth-child(6) .service-number{color:#c67a40}
.refined .footer .studio-logo{width:250px}
.menu-toggle{display:none;background:transparent;border:1px solid #9adbc84d;border-radius:50%;width:44px;height:44px;flex:none;padding:12px 10px;cursor:pointer}
.menu-toggle span{height:1.5px;background:#e1fff5;display:block;margin:4px 0}
.mobile-menu{max-width:none;max-height:none;width:100%;height:100%;height:100dvh;inset:0;margin:0;padding:0;border:0;background:rgba(249,252,247,.88);color:#123c30;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:auto;overscroll-behavior:contain}
.mobile-menu::backdrop{background:rgba(231,245,235,.35);backdrop-filter:blur(9px)}
.menu-shell{width:min(88%,650px);margin:0 auto;padding:25px 0 45px}
.menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #92bda64d}
.menu-top h2{font-size:24px;letter-spacing:-.8px;font-weight:500;margin:0}
.menu-close{width:44px;height:44px;border:1px solid #98bca5;border-radius:50%;font-size:30px;line-height:1;background:transparent;color:#174b38;cursor:pointer}
.mobile-links,.mobile-links ul{list-style:none;margin:20px 0;padding:0}
.mobile-links>li>a{display:block;font-family:Georgia,serif;font-size:29px;padding:10px 0}
.mobile-links ul{border-left:1px solid #a0bdaa;margin:4px 0 15px 7px;padding-left:23px}
.mobile-links ul a{display:block;padding:8px 0;font-size:16px;color:#426b56;line-height:1.5}
.mobile-menu a:hover{color:#008366}
body.menu-open{overflow:hidden}
@media(max-width:1200px){.refined .studio-logo{width:245px}.refined .header .nav{gap:22px}.refined .service{padding:0 24px}}
@media(max-width:850px){.menu-toggle{display:block}.refined .header .studio-logo{width:230px}.refined .header{gap:15px}.refined .service h3{font-size:23px}}
@media(max-width:560px){.refined .header .studio-logo{width:clamp(136px,40vw,210px)}.header-actions{gap:8px}.refined .header{gap:8px}.refined .header .button{padding:0 12px;font-size:12px;min-height:40px}.menu-toggle{width:38px;height:38px;padding:8px}.refined .service{padding:0}.refined .service h3{font-size:27px}.refined .light{min-width:330px;min-height:330px}}
@media(prefers-reduced-motion:reduce){.refined .light{animation:none!important}.hero-ripple{display:none}}