:root{--qg:#153d38;--qa:#2e8b6a;--qc:#f4efec}
body.qi-on{overflow-x:hidden}
#qspacer{height:58svh}
#qv{position:fixed;inset:0;height:100svh;background:var(--qc);z-index:900;pointer-events:none;transition:opacity .5s ease}
#qb{position:fixed;left:0;right:0;top:0;height:56px;z-index:905;pointer-events:none;background:rgba(244,239,236,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(21,61,56,.12);opacity:0;transform:translateY(-100%);transition:opacity .4s,transform .5s}
#qb span{position:absolute;left:58px;top:0;line-height:56px;font:600 21px/56px Georgia,'Times New Roman',serif;color:var(--qg);opacity:0;transition:opacity .4s .25s}
.docked #qv{opacity:0}
.docked #qb{opacity:1;transform:none}
.docked #qb span{opacity:1}
#qq{position:fixed;z-index:910;left:50%;top:32svh;width:min(46vw,190px);transform:translate(-50%,-50%);pointer-events:none}
#qq svg{display:block;width:100%;height:auto;overflow:visible}
#qq .r,#qq .t{fill:none;stroke:var(--qg);stroke-width:9;stroke-linecap:round}
.docked #qq{left:32px;top:28px;width:30px}
#qt{position:fixed;z-index:910;left:0;right:0;top:calc(32svh + min(23vw,95px) + 26px);text-align:center;pointer-events:none;transition:opacity .3s,transform .5s}
#qt b{display:block;font:600 44px/1.1 Georgia,'Times New Roman',serif;color:var(--qg)}
#qt b i{font-style:normal;display:inline-block}
#qt em{display:block;margin-top:10px;font:400 15px/1.3 -apple-system,system-ui,sans-serif;color:#4a5f5b;font-style:normal}
#qh{position:fixed;z-index:910;left:0;right:0;bottom:74px;text-align:center;font:500 12px -apple-system,system-ui,sans-serif;letter-spacing:.14em;color:#6b7f7b;text-transform:uppercase;pointer-events:none;transition:opacity .3s}
.docked #qt,.docked #qh{opacity:0;transform:translateY(-14px)}
#qs{position:fixed;z-index:950;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:4px;background:rgba(21,61,56,.94);padding:4px;border-radius:99px;font:600 12px -apple-system,system-ui,sans-serif}
#qs a{color:#cfe3de;text-decoration:none;padding:8px 13px;border-radius:99px;white-space:nowrap}
#qs a.on{background:#f4efec;color:#153d38}
.rv{opacity:0}
/* A elegant */
.v-a #qq .r{stroke-dasharray:190;stroke-dashoffset:190;animation:dra 1.7s cubic-bezier(.4,0,.2,1) .2s forwards}
.v-a #qq .t{stroke-dasharray:40;stroke-dashoffset:40;animation:dra 0.6s ease-out 1.5s forwards}
@keyframes dra{to{stroke-dashoffset:0}}
.v-a #qt b i{opacity:0;animation:fa 1.2s ease 1.2s forwards;letter-spacing:.3em}
.v-a #qt b i{animation-name:fa}
@keyframes fa{to{opacity:1;letter-spacing:.02em}}
.v-a #qt em{opacity:0;animation:fb 1s ease 2s forwards}
@keyframes fb{to{opacity:1}}
.v-a #qh{opacity:0;animation:fb 1s ease 2.6s forwards}
.docked #qh,.docked #qt em{opacity:0!important;animation:none!important}
#qs{max-width:96vw}#qs a{padding:8px 9px;font-size:11px}
.v-a #qq{transition:left 1.1s cubic-bezier(.65,0,.35,1),top 1.1s cubic-bezier(.65,0,.35,1),width 1.1s cubic-bezier(.65,0,.35,1)}
.v-a .rv{transform:translateY(16px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.v-a .rv.in{opacity:1;transform:none}
/* B snappy */
.v-b #qq{animation:bq .45s cubic-bezier(.2,1.5,.4,1) .1s both}
@keyframes bq{from{opacity:0;transform:translate(-50%,-50%) scale(2.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.v-b #qq .r,.v-b #qq .t{stroke-width:11}
.v-b #qt b i{opacity:0;transform:translateY(60%);animation:bl .28s cubic-bezier(.2,1,.3,1) forwards}
@keyframes bl{to{opacity:1;transform:none}}
.v-b #qt em{opacity:0;animation:fb .25s ease .95s forwards}
.v-b #qh{opacity:0;animation:fb .25s ease 1.2s forwards}
.v-b #qq{transition:left .32s cubic-bezier(.7,0,.2,1),top .32s cubic-bezier(.7,0,.2,1),width .32s cubic-bezier(.7,0,.2,1)}
.v-b #qb,.v-b #qb span{transition-duration:.2s;transition-delay:0s}
.v-b .rv{transform:translateX(-30px);transition:opacity .3s ease,transform .35s cubic-bezier(.2,1,.3,1)}
.v-b .rv.alt{transform:translateX(30px)}
.v-b .rv.in{opacity:1;transform:none}
/* C playful */
.v-c #qq{animation:cq 1.1s cubic-bezier(.3,0,.5,1) .1s both}
@keyframes cq{0%{opacity:0;transform:translate(-50%,-260%) scale(.7)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.1,.85)}50%{transform:translate(-50%,-90%) scale(.95,1.1)}68%{transform:translate(-50%,-50%) scale(1.06,.92)}82%{transform:translate(-50%,-62%) scale(1)}100%{transform:translate(-50%,-50%) scale(1)}}
.v-c #qq .r{stroke:var(--qa)}
.v-c #qq svg{animation:wob 2.4s ease-in-out 1.3s infinite}
@keyframes wob{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}
.docked.v-c #qq svg{animation:none}
.v-c #qt b i{opacity:0;animation:cl .6s cubic-bezier(.3,1.8,.5,1) forwards}
@keyframes cl{0%{opacity:0;transform:translateY(-40px) rotate(-12deg)}100%{opacity:1;transform:none}}
.v-c #qt em{opacity:0;animation:fb .5s ease 1.9s forwards}
.v-c #qh{opacity:0;animation:fb .5s ease 2.2s forwards}
.v-c #qh:after{content:' \2193'}
.v-c #qq{transition:left .9s cubic-bezier(.34,1.56,.64,1),top .9s cubic-bezier(.34,1.56,.64,1),width .9s cubic-bezier(.34,1.56,.64,1)}
.v-c.docked #qq svg{transform:rotate(360deg);transition:transform .9s cubic-bezier(.34,1.56,.64,1)}
.v-c .rv{transform:scale(.9) rotate(-1.5deg);transition:opacity .45s ease,transform .7s cubic-bezier(.34,1.7,.55,1)}
.v-c .rv.in{opacity:1;transform:none}

/* D magnifier */
.v-d #qb{display:none}
.v-d #qq .r{fill:none;stroke:var(--qg);stroke-width:8.3;stroke-dasharray:150;stroke-dashoffset:150;animation:dra 1s cubic-bezier(.4,0,.2,1) .2s forwards}
.v-d #qq .t{stroke-width:6.5;stroke-dasharray:45;stroke-dashoffset:45;animation:dra .45s cubic-bezier(.3,1.4,.5,1) 1s forwards}
.v-d #qq .g{fill:none;stroke:var(--qa);stroke-width:5;stroke-linecap:round;opacity:0;animation:fb .4s ease 1.5s forwards}
.v-d #qq svg{animation:scan 2.6s ease-in-out 1.7s infinite;transform-origin:40% 40%}
@keyframes scan{0%,100%{transform:translate(0,0) rotate(0)}30%{transform:translate(8px,-5px) rotate(8deg)}65%{transform:translate(-7px,4px) rotate(-6deg)}}
.v-d.docked #qq svg{animation:none;transform:none}
.v-d #qq{transition:none}
.v-d.dk #qq{transition:left .9s cubic-bezier(.34,1.25,.64,1),top .9s cubic-bezier(.34,1.25,.64,1),width .9s cubic-bezier(.34,1.25,.64,1)}
.v-d.docked #qq .r{stroke-width:9}.v-d.docked #qq .t{stroke-width:8}
.v-d #qt b i{opacity:0;animation:fa 1s ease forwards;letter-spacing:.2em}
.v-d #qt em{opacity:0;animation:fb .8s ease 2s forwards}
.v-d #qh{opacity:0;animation:fb .6s ease 2.4s forwards}
.v-d .rv{transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.v-d .rv.in{opacity:1;transform:none}
/* D magnifier */
.v-e #qb{display:none}
.v-e #qq .r{fill:none;stroke:var(--qg);stroke-width:8.3;stroke-dasharray:150;stroke-dashoffset:150;animation:dra 1s cubic-bezier(.4,0,.2,1) .2s forwards}
.v-e #qq .t{stroke-width:6.5;stroke-dasharray:45;stroke-dashoffset:45;animation:dra .45s cubic-bezier(.3,1.4,.5,1) 1s forwards}
.v-e #qq .g{fill:none;stroke:var(--qa);stroke-width:5;stroke-linecap:round;opacity:0;animation:fb .4s ease 1.5s forwards}
.v-e #qq svg{animation:scan 2.6s ease-in-out 1.7s infinite;transform-origin:40% 40%}
@keyframes scan{0%,100%{transform:translate(0,0) rotate(0)}30%{transform:translate(8px,-5px) rotate(8deg)}65%{transform:translate(-7px,4px) rotate(-6deg)}}
.v-e.docked #qq svg{animation:none;transform:none}
.v-e #qq{transition:none}
.v-e.dk #qq{transition:left .9s cubic-bezier(.34,1.25,.64,1),top .9s cubic-bezier(.34,1.25,.64,1),width .9s cubic-bezier(.34,1.25,.64,1)}
.v-e.docked #qq .r{stroke-width:8.3}.v-e.docked #qq .t{stroke-width:6.5}
.v-e #qt b i{opacity:0;animation:fa 1s ease forwards;letter-spacing:.2em}
.v-e #qt em{opacity:0;animation:fb .8s ease 2s forwards}
.v-e #qh{opacity:0;animation:fb .6s ease 2.4s forwards}
.v-e .rv{transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.v-e .rv.in{opacity:1;transform:none}

.v-e.docked #qq .g{opacity:0!important;animation:none}
.v-e.docked #qq .r{stroke-width:8.3}.v-e.docked #qq .t{stroke-width:6.5}

.v-e #qq{transition:none}
.v-e.dk #qq{transition:left .95s cubic-bezier(.65,0,.25,1),top .95s cubic-bezier(.65,0,.25,1),width .95s cubic-bezier(.65,0,.25,1)}
.v-d #qq,.v-e #qq,.v-d.dk #qq,.v-e.dk #qq{transition:none!important}.v-d #qq svg path,.v-d #qq svg circle,.v-d #qq svg ellipse,.v-e #qq svg path,.v-e #qq svg circle,.v-e #qq svg ellipse{transition:stroke-width .7s ease,opacity .5s ease}



.v-e #qt b i:first-child{animation:none!important;opacity:0;letter-spacing:0!important}
.v-e.docked #qv{opacity:1}
.v-e.docked #qt{opacity:1;transform:none}
.v-e.docked #qt em{opacity:1!important}
.v-e #qv,.v-e #qt{transition:opacity .9s ease}
.v-e.docked.landed #qv,.v-e.docked.landed #qt{opacity:0}

.v-e #qt{top:38svh}

.v-e #qq .r,.v-e #qq .t{stroke-dasharray:none!important;stroke-dashoffset:0!important;animation:none!important;opacity:1!important}
.v-e #qq .r{stroke-width:8.3}.v-e #qq .t{stroke-width:6.5}
.v-e #qq .g{opacity:1!important;animation:none!important}
.v-e #qq svg{animation:none!important;transform:none!important}
.v-e #qq svg *{transition:none!important}
.v-e #qq{transition:none!important;left:50%;top:38svh}
.v-e #qv,.v-e #qt{transition:none!important}
.v-e #qt em{animation:fb .8s ease .6s forwards}
.v-e #qt b i:not(:first-child){animation-delay:.2s!important}

.v-e #qq{z-index:912}.v-e #qt b i{will-change:transform}

.v-e #qt b i:not(:first-child){animation-duration:.45s!important;animation-delay:0s!important}.v-e #qt em{animation-delay:.25s!important}

.v-e:not(.qgo) #qq{visibility:hidden}
.v-e #qt b i:not(:first-child){animation:none!important;opacity:1!important;letter-spacing:0!important}
.v-e #qt em{animation:none!important;opacity:1!important}
#qs{display:none!important}
.v-d #qq .l,.v-e #qq .l{display:none}
.v-d #qq .g,.v-e #qq .g{stroke-width:2.6;opacity:.55!important}
html,body{overflow-x:clip!important;max-width:100%}
#qt .qpr{display:block;margin-top:8px;font:400 12.5px/1.2 -apple-system,system-ui,sans-serif;color:#6b7f7b;letter-spacing:.02em}
.docked #qt .qpr{opacity:0}