.intro{z-index:200;cursor:pointer;background:radial-gradient(52vmax 40vmax at 50% 42%,#43dfc012,#0000 70%),#f7fffd;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intro.leave{opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.46,0,.02,1),transform .5s cubic-bezier(.46,0,.02,1);transform:scale(1.05)}.i-stage{text-align:center;position:relative}.i-badge{aspect-ratio:1;width:clamp(140px,14vw,198px);margin:0 auto;position:relative}.i-ring{width:130%;height:130%;position:absolute;inset:-15%;overflow:visible;transform:rotate(-90deg)}.i-ring circle{fill:none;stroke-linecap:round;transform-box:fill-box;transform-origin:50%}.ir-track{stroke:#0b81681a;stroke-width:2px}.ir-draw{stroke:url(#irg);stroke-width:3.5px;stroke-dasharray:553;stroke-dashoffset:553px;animation:.95s cubic-bezier(.6,0,.18,1) .1s forwards iDraw}@keyframes iDraw{to{stroke-dashoffset:0}}.ir-spin{stroke:#43dfc08c;stroke-width:1.5px;stroke-dasharray:44 452;opacity:0;animation:.8s cubic-bezier(.4,0,.2,1) .7s forwards iSpinIn}@keyframes iSpinIn{0%{opacity:0;transform:rotate(-70deg)}to{opacity:1;transform:rotate(0)}}.i-mark{filter:drop-shadow(0 8px 22px #0b81684d);opacity:0;background:linear-gradient(#3be0bc 0%,#14a98a 48%,#0b8168 78%,#12b394 100%);animation:.75s cubic-bezier(.34,1.56,.64,1) .55s forwards iMark;display:block;position:absolute;inset:11%;transform:scale(.82);-webkit-mask:url(/brand/treelin-mark.png) 50%/contain no-repeat;mask:url(/brand/treelin-mark.png) 50%/contain no-repeat}@keyframes iMark{55%{opacity:1}to{opacity:1;transform:scale(1)}}.i-ripple{opacity:0;pointer-events:none;border:1.6px solid #1cc4a080;border-radius:50%;animation:1.15s cubic-bezier(.22,.68,.4,1) 2.05s forwards iRip;position:absolute;inset:-15%}.i-ripple.r2{border-color:#1cc4a04d;animation-delay:2.32s}@keyframes iRip{0%{opacity:0;transform:scale(1)}18%{opacity:.85}to{opacity:0;transform:scale(1.55)}}.i-name{margin-top:3.4vh}.i-cn{justify-content:center;gap:.12em;display:flex}.i-cn i{letter-spacing:.05em;color:var(--blue);background:linear-gradient(#2ecfae 0%,#0f9179 60%,#0b8168 100%);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,3.6vw,54px);font-style:normal;font-weight:900;animation:.62s cubic-bezier(.34,1.56,.64,1) forwards iChar;transform:translateY(26px)scale(.72)}.i-cn i:first-child{animation-delay:1.12s}.i-cn i:nth-child(2){animation-delay:1.25s}.i-cn i:nth-child(3){animation-delay:1.38s}@keyframes iChar{to{opacity:1;transform:none}}.i-en{font-family:var(--font-en,"Segoe UI", sans-serif);color:var(--mute);letter-spacing:.55em;text-indent:.55em;opacity:0;margin-top:10px;font-size:clamp(11px,1vw,15px);font-weight:700;animation:.9s cubic-bezier(.76,0,.24,1) 1.55s forwards iEn;display:block}@keyframes iEn{0%{opacity:0;letter-spacing:.55em}to{opacity:1;letter-spacing:.3em}}.i-line{background:linear-gradient(90deg,transparent,var(--cyan),transparent);width:0;height:1.5px;margin:2.6vh auto 0;animation:.7s cubic-bezier(.76,0,.24,1) 1.95s forwards iLine}@keyframes iLine{to{width:min(300px,30vw)}}.i-slogan{color:#101f1c;letter-spacing:.16em;clip-path:inset(0 100% 0 0);margin-top:2vh;font-size:clamp(17px,1.7vw,26px);font-weight:500;animation:1.05s cubic-bezier(.76,0,.24,1) 2.12s forwards iOpen}@keyframes iOpen{to{clip-path:inset(0)}}.intro.leave .i-stage{transition:transform .5s cubic-bezier(.46,0,.02,1);transform:translateY(-14px)}@media (prefers-reduced-motion:reduce){.intro .i-ring circle,.intro .i-mark,.intro .i-ripple,.intro .i-cn i,.intro .i-en,.intro .i-line,.intro .i-slogan{-webkit-text-fill-color:unset;color:var(--blue);width:min(300px,30vw);opacity:1!important;clip-path:none!important;animation:none!important;transform:none!important}}