.cs{--c-paper:#fbf8f2;--c-green:#023b2f;--c-mist:#dce5e1;--c-field:#153a2d;--c-go:#2aa46f;--c-ease:cubic-bezier(.22,1,.36,1);--k:1.25853;--st-h:100cqh;--anchor:56cqh;--sw:max(100cqw,calc(var(--st-h) / var(--k)));background:var(--c-paper);min-height:100dvh;font-family:var(--sans);-webkit-font-smoothing:antialiased;padding:12px;display:flex}body:has(.cs){background:#fbf8f2}.cs :where(*){box-sizing:border-box}.cs :where(p,h1){margin:0}.cs-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cs-frame{--mx:0;--my:0;isolation:isolate;background:var(--c-field);height:max(100dvh - 24px,560px);animation:cs-frame 1.1s var(--c-ease) both;border-radius:24px;flex:1;position:relative;overflow:hidden;container-type:size}@keyframes cs-frame{0%{opacity:0;transform:scale(.985)}}.cs-stage{width:var(--sw);height:calc(var(--sw) * var(--k));left:50%;top:max(calc(var(--anchor) - var(--sw) * var(--k) * .602),calc(var(--sw) * var(--k) * -.385));perspective:900px;transform-origin:50% 55%;animation:9s cubic-bezier(.16,1,.3,1) forwards cs-push;position:absolute;transform:translate(-50%)scale(1.07)}@keyframes cs-push{to{transform:translate(-50%)scale(1)}}.cs-layer{pointer-events:none;position:absolute;inset:-8px}.cs-layer img{width:100%;height:100%;display:block}.cs-paint{z-index:-1;translate:calc(var(--mx) * -6px) calc(var(--my) * -3px);-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.cs-trees{z-index:1;translate:calc(var(--mx) * -18px) calc(var(--my) * -6px)}.cs-hero{z-index:2;width:min(76%,86cqw,64cqh);transform:translate(-50%);translate:calc(var(--mx) * -11px) calc(var(--my) * -5px);flex-direction:column;align-items:center;display:flex;position:absolute;bottom:45.5%;left:50%}.cs-logo{opacity:0;filter:blur(6px);width:100%;height:auto;animation:cs-logo 3s var(--c-ease) .5s forwards;margin:calc(clamp(14px,2.4cqh,24px) - 4%) 0 -8.2%;display:block;transform:translateY(16px)}@keyframes cs-logo{to{opacity:.86;filter:none;transform:none}}.cs-tag{font-family:var(--display);letter-spacing:-.01em;color:#fbf8f2e6;white-space:nowrap;text-shadow:0 1px 18px #0a241c59;animation:cs-in 1.2s var(--c-ease) 1.6s both;margin-top:clamp(12px,2cqh,20px);font-size:clamp(17px,min(2.1cqw,3.4cqh),28px);font-weight:500;line-height:1.2}.cs-shade{z-index:3;pointer-events:none;background:linear-gradient(#0a241c00,#0a241c59 55%,#0a241cb8);height:48%;position:absolute;inset:auto 0 0}.cs-body{z-index:4;justify-content:center;padding:0 24px clamp(40px,12cqh,120px);display:flex;position:absolute;bottom:0;left:0;right:0}.cs-body>*{animation:cs-in 1.1s var(--c-ease) var(--d,0s) both}@keyframes cs-in{0%{opacity:0;filter:blur(8px);transform:translateY(22px)}to{opacity:1;filter:none;transform:none}}.cs-label{animation:cs-in 1.1s var(--c-ease) .9s both;letter-spacing:.14em;text-transform:uppercase;height:30px;color:var(--c-paper);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbf8f214;border-radius:999px;align-items:center;gap:9px;padding:0 13px 0 11px;font-size:11.5px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #fbf8f233}.cs-label i{background:#7fd3a8;border-radius:50%;width:7px;height:7px;position:relative}.cs-label i:after{content:"";background:#7fd3a8;border-radius:50%;animation:2.2s cubic-bezier(0,0,.2,1) infinite cs-ping;position:absolute;inset:0}@keyframes cs-ping{0%{opacity:.7;transform:scale(1)}80%,to{opacity:0;transform:scale(2.8)}}.cs-btn{background:var(--c-paper);height:52px;color:var(--c-green);white-space:nowrap;transition:transform .35s var(--c-ease),box-shadow .35s var(--c-ease);border-radius:10px;align-items:center;gap:12px;padding:4px 22px 4px 4px;font-size:15.5px;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 18px 40px -18px #0000008c}.cs-btn:hover{box-shadow:0 22px 46px -16px #0009}.cs-btn:active{transform:scale(.97)}.cs-btn:focus-visible{outline:2px solid var(--c-go);outline-offset:3px}.cs-btn .ico{background:var(--c-green);border-radius:7px;flex:none;width:44px;height:44px;position:relative;overflow:hidden}.cs-btn .ico svg{color:#fff;width:15px;height:15px;transition:transform .55s var(--c-ease);margin:-7.5px 0 0 -7.5px;position:absolute;top:50%;left:50%}.cs-btn .ico svg+svg{transform:translate(-28px)}.cs-btn:hover .ico svg:first-child{transform:translate(28px)}.cs-btn:hover .ico svg+svg{transform:translate(0)}.cs-btn .lbl{height:19px;display:block;position:relative;overflow:hidden}.cs-btn .lbl span{transition:transform .55s var(--c-ease);display:block}.cs-btn:hover .lbl span{transform:translateY(-100%)}@media (max-aspect-ratio:4/5){.cs{--st-h:112cqh;--anchor:48cqh}}@media (max-width:520px){.cs{padding:8px}.cs-frame{border-radius:20px;height:max(100dvh - 16px,560px)}}@media (prefers-reduced-motion:reduce){.cs-frame,.cs-stage,.cs-logo,.cs-tag,.cs-label,.cs-body>*,.cs-label i:after{animation:none}.cs-stage{transform:translate(-50%)}.cs-logo{opacity:.86;filter:none;transform:none}}