/* Preserve the original Perlite typography, mint palette and rounded surfaces. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
::selection{background:#cfecdf;color:#173d31}
a:focus-visible,button:focus-visible{outline:3px solid #287957;outline-offset:5px}
.home .hero__inner{grid-template-columns:minmax(0,55fr) minmax(0,45fr);gap:32px}
.brand-sculpture{position:relative;isolation:isolate;width:100%;height:480px;max-height:66svh;min-height:320px;display:block}
.brand-sculpture__canvas{position:absolute;inset:0}
.brand-sculpture__canvas canvas{display:block;width:100%;height:100%}
.brand-sculpture__fallback{position:absolute;width:43%;height:65%;left:28.5%;top:10%;object-fit:contain;filter:drop-shadow(12px 20px 12px rgba(35,91,68,.14));transition:opacity .3s ease}
.brand-sculpture.is-ready .brand-sculpture__fallback{opacity:0;pointer-events:none}
.brand-sculpture__toggle{position:absolute;inset-inline-end:12px;bottom:4px;background:#f4f8f5;color:#355b4b;border:1px solid #dce7df;border-radius:8px;min-height:44px;padding:8px 12px;font:500 12px/1.3 var(--font-primary);cursor:pointer}
.brand-sculpture__toggle:hover{background:#e5f2eb}
.brand-sculpture__toggle[hidden]{display:none}
.btn{border-radius:12px;gap:12px;transition:background-color .2s,color .2s,box-shadow .25s,transform .25s var(--motion-ease)}
.btn__arrow,.hero__btn-play{transition:transform .28s var(--motion-ease)}
.btn:hover .btn__arrow{transform:translateX(4px)}
.btn:hover .hero__btn-play{transform:scale(1.12)}
.btn:active{transform:translateY(1px) scale(.985)}
.btn--primary:hover{box-shadow:0 8px 20px rgba(44,112,82,.16)}
.company-card{transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s var(--motion-ease),box-shadow .25s}
.company-card__media{background:#fff;background-image:none}
.company-card::before,.company-card__arrow{animation:none}
.company-card:hover .company-card__arrow,.company-card:focus-visible .company-card__arrow{transform:translate(3px,-3px)}
.company-card__arrow{transition:transform .25s var(--motion-ease)}
.company-card__logo{transition:transform .35s var(--motion-ease)}
.company-card:hover .company-card__logo{transform:translate(-50%,-52%) scale(1.04)}
.company-card__footer{padding:15px 16px;align-items:center}
.company-card__name{white-space:normal;text-wrap:balance}
.company-card__desc{font-size:12px;max-height:calc(12px * 1.45 * 2)}
.about-hero__photo img{transform:translateY(var(--depth-shift,0px)) scale(1.035)}
.reasons__img img{transform:translateY(var(--depth-shift,0px)) scale(1.04)}
.reasons__img--2 img{transform:translateY(calc(var(--depth-shift,0px) * -1)) scale(1.05)}
@media(min-width:1081px){
 .ecosystem__intro{margin-bottom:44px}
 .ecosystem__hex-grid .hex-wrap{height:260px;perspective:850px}
 .ecosystem__hex-grid .hex-card{overflow:hidden;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border:0;border-radius:20px;box-shadow:0 5px 18px rgba(20,60,48,.065);transition:transform .28s var(--motion-ease),box-shadow .28s}
 .ecosystem__hex-grid .hex-card:hover,.ecosystem__hex-grid .hex-card:focus-visible{transform:translateY(-4px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 14px 28px rgba(20,60,48,.12)}
 .ecosystem__hex-grid .hex-card::before,.ecosystem__hex-grid .hex-wrap::after{display:none}
 .ecosystem__hex-grid .hex-card__logo{inset:10px 16px 90px;background-size:contain;filter:none;transform:none;transition:transform .35s var(--motion-ease)}
 .ecosystem__hex-grid .hex-card:hover .hex-card__logo{filter:none;transform:translateY(-5px) scale(.97)}
 .ecosystem__hex-grid .hex-card__overlay{inset:auto 0 0;padding:14px 17px;height:88px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#f7faf8;color:#1a2922;transition:background .25s}
 .ecosystem__hex-grid .hex-card:hover .hex-card__overlay,.ecosystem__hex-grid .hex-card:focus-visible .hex-card__overlay{background:#e9f5ef}
 .ecosystem__hex-grid .hex-card__name{opacity:1;transform:none;color:#1d3026;font-size:14px;text-align:start;line-height:1.25;margin:0 0 8px;max-width:100%;font-weight:700}
 .ecosystem__hex-grid .hex-card__desc{display:none}
 .ecosystem__hex-grid .hex-card__cta{opacity:1;transform:none;color:#287452;font-size:12px;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:16px;width:100%;margin:0;padding:0;background:none;border:0}
 .hex-card__cta svg{transition:transform .25s var(--motion-ease)}
 .hex-card:hover .hex-card__cta svg,.hex-card:focus-visible .hex-card__cta svg{transform:translate(3px,-3px)}
}
@media(max-width:900px){.home .hero__inner{grid-template-columns:1fr 1fr;gap:24px}.brand-sculpture{height:360px;min-height:260px}}
@media(max-width:768px){.home .hero__inner{grid-template-columns:1fr;gap:20px}.brand-sculpture{height:330px;min-height:0;max-height:none;max-width:440px;margin:auto}.hero{padding-bottom:28px}.brand-sculpture__toggle{bottom:0;font-size:11px}.company-card__footer{padding:12px}.company-card__name{font-size:13px}.about-hero__photo img,.reasons__img img{transform:none}}
@media(prefers-reduced-motion:reduce){.brand-sculpture__fallback,.btn,.btn__arrow,.hero__btn-play,.company-card,.company-card__logo,.company-card__arrow,.hex-card,.hex-card__logo,.hex-card__cta svg{transition:none!important;animation:none!important}.company-card,.hex-card{transform:none!important}.about-hero__photo img,.reasons__img img{transform:none!important}.js-hero-text,.js-hero-media,.js-hex-card,.js-about-anim{opacity:1!important;filter:none!important;transform:none!important}html{scroll-behavior:auto!important}}

.home .hero__heading{font-size:clamp(36px,5.5vw,80px)}
.site-header__drawer:not(.is-open){display:none;visibility:hidden;pointer-events:none}
@media(max-width:768px){.home .hero__heading{font-size:36px}}