.cs{--green:#12a05a;--blue:#0b61a4;--sun:#f5a623;--deep:#0d1f2d;--bright:#f9fafb;--mute:#4a5b68;--line:#dde3e8;--display:var(--font-body,"Nunito",system-ui,sans-serif);--body:var(--font-body,"Nunito",system-ui,sans-serif);color:var(--deep);font-family:var(--body);position:relative;overflow-x:clip}.cs button:not(:disabled){cursor:pointer}.cs :focus-visible{outline:3px solid var(--blue);outline-offset:3px}.cs .fine{color:var(--mute);font-size:14px}.cs .disp{font-family:var(--display)}.cs .btn-primary{background:var(--green);color:#fff;text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:18px 28px;font:700 19px/1 Nunito,sans-serif;transition:background-color .2s,transform .2s;display:inline-flex}.cs .btn-primary:hover{background:#0e8b4d;transform:translateY(-2px)}.cs .btn-primary:active{transform:translateY(0)}.cs .btn-ghost{border:2px solid var(--deep);color:var(--deep);border-radius:12px;justify-content:center;align-items:center;padding:16px 26px;font:700 18px/1 Nunito,sans-serif;transition:background-color .2s,color .2s;display:inline-flex}.cs .btn-ghost:hover{background:var(--deep);color:#fff}.cs .btn-sun{background:var(--sun);color:var(--deep)}.cs .btn-sun:hover{background:#e39a18}.cs .h1{font-family:var(--display);letter-spacing:-.025em;color:var(--green);font-size:clamp(54px,8vw,104px);font-weight:900;line-height:.98}.cs .lead{color:var(--mute);font-size:clamp(19px,2.2vw,24px);font-weight:700;line-height:1.35}.cs .subtle{font:700 15px/1 var(--display);color:var(--mute);text-underline-offset:5px;align-items:center;gap:6px;padding:12px 6px;-webkit-text-decoration:underline #0d1f2d47;text-decoration:underline #0d1f2d47;transition:color .2s;display:inline-flex}.cs .subtle:hover{color:var(--deep)}.cs .hv{width:100%;max-width:640px;height:540px;margin:0 auto;position:relative}.cs .hv-in{width:100%;height:100%;position:relative}@media (min-width:768px){.cs .hv{height:calc(600px * var(--hs,1))}.cs .hv-in{transform-origin:0 0;width:640px;height:600px;transform:scale(var(--hs,1))}}.cs .frag{transform:translate3d(0,calc(var(--sy,0) * var(--d,0) * 1px),0);animation:.8s cubic-bezier(.2,.8,.2,1) both cs-assemble;animation-delay:calc(var(--i) * 90ms + .2s);position:absolute}.cs .card{background:#fff;border-radius:12px;box-shadow:0 1px #0d1f2d0f,0 14px 30px -18px #0d1f2d80}.cs .f-video{--d:-.02;--i:0;z-index:1;width:100%;top:0;left:0}.cs .f-quiz{--d:.03;--i:1;z-index:3;width:62%;top:258px;left:0}.cs .f-esp{--d:-.05;--i:3;--fx:30px;z-index:4;width:84px;top:272px;left:auto;right:-2%;rotate:10deg}.cs .f-aic{--d:-.03;--i:4;z-index:4;width:118px;top:420px;left:auto;right:0}.cs .f-prog,.cs .f-sticky{display:none}.cs .f-sticky{align-items:center;gap:12px;padding:12px 14px}.cs .f-sticky b{font:800 15px/1.1 var(--display);display:block}.cs .f-sticky span{color:var(--mute);font-size:12.5px}@media (min-width:768px){.cs .f-video{width:440px;top:24px;left:20px}.cs .f-esp{width:140px;top:0;left:446px;right:auto}.cs .f-prog{--d:.04;--i:2;z-index:2;width:166px;display:block;top:238px;left:474px}.cs .f-quiz{width:320px;top:328px;left:0}.cs .f-aic{width:236px;top:346px;left:352px;right:auto}.cs .f-sticky{--d:.05;--i:5;z-index:2;width:250px;display:flex;top:470px;left:352px}}.cs .win{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px #0d1f2d0f,0 26px 44px -26px #0d1f2d99}.cs .vid{aspect-ratio:16/9;background:var(--blue);position:relative;overflow:hidden}.cs .vid svg.vsvg,.cs .vid iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.cs .play{background:var(--sun);border-radius:50%;place-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;transition:transform .2s;display:grid;position:absolute;top:50%;left:50%}.cs .play:hover{transform:scale(1.08)}.cs .play:after{content:"";border-left:18px solid var(--deep);border-block:11px solid #0000;margin-left:5px}.cs .vtag{background:var(--deep);color:#fff;border-radius:99px;padding:4px 9px;font:600 12px Nunito;position:absolute;top:10px;left:10px}.cs .vmeta{justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px 10px;display:flex}.cs .vmeta b{font:700 15px/1.2 var(--display)}.cs .vmeta span{color:var(--mute);white-space:nowrap;font-size:12.5px}.cs .scrub{background:var(--line);border-radius:3px;height:5px;margin:0 14px 14px}.cs .scrub i{background:var(--green);border-radius:3px;width:38%;height:100%;display:block}.cs .prog{align-items:center;gap:12px;padding:10px 14px;display:flex}.cs .prog b{font:700 15px/1.2 var(--display);display:block}.cs .prog span{color:var(--mute);font-size:12.5px}.cs .quiz{padding:14px}.cs .quiz .qt{background:var(--sun);color:var(--deep);border-radius:99px;padding:3px 9px;font:700 12px Nunito;display:inline-block}.cs .quiz p{font:700 15.5px/1.25 var(--display);margin:9px 0 10px}.cs .qopt{text-align:left;border:1.5px solid var(--line);border-radius:8px;gap:10px;width:100%;margin-top:6px;padding:8px 10px;font-size:14px;transition:background-color .2s,border-color .2s;display:flex}.cs .qopt b{width:18px;color:var(--mute)}.cs .qopt:hover{border-color:var(--deep)}.cs .qopt.right{background:var(--green);border-color:var(--green);color:var(--deep);font-weight:600}.cs .qopt.wrong{border-color:var(--sun);background:#fef3dd}.cs .qmsg{min-height:18px;margin-top:8px;font-size:13px;font-weight:600}.cs .aic{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;display:flex}.cs .aic b{font:800 15px/1.1 var(--display);display:block}.cs .aic small{color:var(--mute);margin-top:2px;font-size:12.5px;display:none}.cs .aic .bar{background:var(--line);border-radius:3px;width:100%;height:6px;margin-top:7px}.cs .aic .bar i{background:var(--green);border-radius:3px;width:94%;height:100%;display:block}.cs .aic-t{width:100%}@media (min-width:768px){.cs .aic{flex-direction:row;align-items:center;gap:12px;padding:12px 14px}.cs .aic small{display:block}.cs .aic-t{flex:1}}@media (max-width:767px){.cs .quiz{padding:12px}.cs .quiz p{margin:7px 0 8px;font-size:14.5px}.cs .qopt{margin-top:5px;padding:6px 9px;font-size:13.5px}.cs .qmsg{min-height:16px;margin-top:6px}}.cs .cs-journey{position:relative;overflow-x:clip}.cs .jt{font:900 clamp(34px,5.4vw,64px)/1.02 var(--display);letter-spacing:-.02em;color:var(--green);max-width:14ch}.cs .jsub{color:var(--mute);max-width:34ch;margin-top:14px;font-size:18px;line-height:1.45}.cs .jrows{gap:72px;margin-top:48px;display:grid;position:relative}.cs .rail{pointer-events:none;background:#0d1f2d24;border-radius:2px;width:4px;margin-left:-2px;position:absolute;left:20px}.cs .rail-fill{width:100%;height:var(--rf,0px);background:var(--green);border-radius:2px;position:absolute;top:0;left:0}.cs .rail-mark{left:50%;top:var(--rf,0px);background:var(--sun);border:3px solid var(--deep);z-index:3;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute}.cs .jrow{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:22px 14px;display:grid}.cs .jnode{background:var(--bright);width:40px;height:40px;font:800 17px var(--display);color:var(--mute);z-index:2;border:3px solid #0d1f2d38;border-radius:50%;grid-area:1/1;place-items:center;margin-top:6px;transition:background-color .3s,border-color .3s,color .3s;display:grid;position:relative}.cs .jnode.reached{background:var(--green);border-color:var(--green);color:#fff}.cs .jtxt{grid-area:1/2}.cs .jword{letter-spacing:-.02em;font-size:clamp(50px,13vw,84px);line-height:1.04;font-weight:var(--w,800);color:var(--green);text-transform:uppercase;padding-bottom:.05em;display:block;overflow:hidden}.cs .jword span{transition:transform .8s cubic-bezier(.2,.8,.2,1);display:block;transform:translateY(108%)}.cs .jrow.in .jword span{transform:none}.cs .jbar{background:var(--bc,var(--green));transform-origin:0;width:72px;height:8px;margin-top:6px;transition:transform .6s cubic-bezier(.2,.8,.2,1) .35s;display:block;transform:scaleX(0)}.cs .jrow.in .jbar{transform:none}.cs .jline{color:var(--mute);opacity:0;max-width:26ch;margin-top:14px;font-size:18px;line-height:1.4;transition:opacity .6s .4s,translate .6s .4s;translate:0 12px}.cs .jrow.in .jline{opacity:1;translate:0}.cs .stage{aspect-ratio:380/420;grid-area:2/2;width:100%;max-width:420px;position:relative}.cs .stage:before{content:"";background:var(--bg,var(--green));transform-origin:0;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scaleX(0)}.cs .jrow.in .stage:before{transform:none}.cs .stage[data-c=green]{--bg:var(--green)}.cs .stage[data-c=blue]{--bg:var(--blue)}.cs .stage[data-c=sun]{--bg:var(--sun)}.cs .sc{opacity:0;visibility:hidden;transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1),visibility 0s .5s;position:absolute;inset:0;transform:translateY(24px)scale(.97)}.cs .sc.on{opacity:1;visibility:visible;transition-delay:.3s;transform:none}.cs .sc-in{width:380px;height:420px;transform:scale(var(--sc,1));margin:-210px 0 0 -190px;font-size:14px;position:absolute;top:50%;left:50%}@media (min-width:1024px){.cs .jrows{gap:120px;margin-top:64px}.cs .rail{left:50%}.cs .jrow{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;column-gap:36px}.cs .jnode{grid-area:1/2;justify-self:center;width:54px;height:54px;margin-top:0;font-size:20px}.cs .jtxt{text-align:right;grid-area:1/1}.cs .jword{font-size:clamp(64px,8vw,104px)}.cs .jbar{transform-origin:100%;width:96px;height:10px;margin-left:auto}.cs .jline{margin-left:auto;font-size:21px}.cs .stage{max-width:var(--mw,480px);grid-area:1/3;justify-self:start}.cs .jrow.flip .jtxt{text-align:left;grid-column:3}.cs .jrow.flip .jbar{transform-origin:0;margin-left:0}.cs .jrow.flip .jline{margin-left:0}.cs .jrow.flip .stage{grid-column:1;justify-self:end}}.cs .abs{position:absolute}.cs .tag{background:var(--deep);color:#fff;border-radius:99px;padding:4px 10px;font:600 12px Nunito;display:inline-block}.cs .field{border:2px solid var(--deep);font:700 15px/1.25 var(--display);border-radius:8px;margin-top:8px;padding:10px 12px}.cs .caret{background:var(--green);vertical-align:-3px;width:2px;height:16px;margin-left:2px;display:inline-block}.cs .chip{color:var(--deep);text-align:left;background:#fff;border-radius:99px;padding:9px 14px;font:600 14px Nunito;transition:background-color .2s}.cs .chip.on{background:var(--sun)}.cs .chip:hover{background:#ffe7b8}.cs .chip.on:hover{background:var(--sun)}.cs .vscreen{background:var(--deep);height:190px;position:relative;overflow:hidden}.cs .vbar{background:var(--deep);color:#fff;font:600 13.5px var(--display);padding:0 14px 12px}.cs .vbar i{background:#ffffff40;border-radius:2px;height:4px;margin-top:9px;display:block}.cs .vbar i:after{content:"";background:var(--sun);border-radius:2px;width:62%;height:100%;display:block}.cs .chap{align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.cs .chap i{border:2px solid var(--line);border-radius:50%;flex:none;width:18px;height:18px}.cs .chap.done i{background:var(--green);border-color:var(--green);position:relative}.cs .chap.done i:after{content:"";border:solid var(--deep);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;rotate:40deg}.cs .chap.now{font-weight:700}.cs .chap.now i{border-color:var(--sun);background:var(--sun)}.cs .range{width:100%;accent-color:var(--green);height:28px}.cs .meter{background:var(--line);border-radius:6px;height:12px;overflow:hidden}.cs .meter i{background:var(--green);width:100%;height:100%;transition:width .15s;display:block}.cs .flow{stroke-dasharray:7 15;stroke-dashoffset:0}.cs .sc.on .flow{animation:1.1s linear 3 cs-flow}.cs .led{fill:#fff;transition:fill .3s .4s}.cs .sc.on .led{fill:var(--sun)}.cs .part{opacity:0;background:#fff;border-radius:99px;align-items:center;gap:6px;padding:6px 12px 6px 8px;font:600 13px Nunito;transition:opacity .3s,scale .3s;display:inline-flex;scale:.9}.cs .part:before{content:"";background:var(--green);border-radius:50%;width:14px;height:14px}.cs .sc.on .part{opacity:1;scale:1}.cs .sc.on .part:first-child{transition-delay:.15s}.cs .sc.on .part:nth-child(2){transition-delay:.3s}.cs .sc.on .part:nth-child(3){transition-delay:.45s}.cs .copt{text-align:left;border:1.5px solid var(--line);border-radius:8px;width:100%;margin-top:8px;padding:10px 12px;font-size:14px;transition:background-color .2s,border-color .2s;display:block}.cs .copt:hover{border-color:var(--deep)}.cs .copt.right{background:var(--green);border-color:var(--green);font-weight:700}.cs .copt.wrong{border-color:var(--sun);background:#fef3dd}.cs .check li{opacity:0;align-items:center;gap:8px;padding:3px 0;font-size:13.5px;transition:opacity .3s,translate .3s;display:flex;translate:0 6px}.cs .check li:before{content:"";background:var(--green);border-radius:50%;flex:none;width:16px;height:16px}.cs .sc.on .check li{opacity:1;translate:0}.cs .sc.on .check li:first-child{transition-delay:.2s}.cs .sc.on .check li:nth-child(2){transition-delay:.4s}.cs .sc.on .check li:nth-child(3){transition-delay:.6s}.cs .sc.on .check li:nth-child(4){transition-delay:.8s}.cs .stamp{background:var(--green);width:82px;height:82px;color:var(--deep);text-align:center;font:800 13px/1.05 var(--display);opacity:0;border-radius:50%;place-items:center;transition:scale .4s cubic-bezier(.3,1.4,.5,1) 1s,opacity .2s 1s;display:grid;rotate:10deg;scale:.6}.cs .sc.on .stamp{opacity:1;scale:1}.cs .sc .rise{opacity:0;transition:opacity .5s,translate .6s cubic-bezier(.2,.8,.2,1),transform .25s;translate:0 14px}.cs .sc.on .rise{opacity:1;transition-delay:calc(var(--rd,0) * 1ms + .35s),calc(var(--rd,0) * 1ms + .35s),0s;translate:0}.cs .chain{align-items:center;gap:6px;display:flex}.cs .chain .node{color:var(--deep);font:800 13px/1 var(--display);white-space:nowrap;background:#fff;border-radius:8px;padding:8px 11px}.cs .chain .node.lit{background:var(--sun)}.cs .chain .arr{background:#fff;flex:none;width:16px;height:2px;display:block;position:relative}.cs .chain .arr:after{content:"";border-left:7px solid #fff;border-block:5px solid #0000;position:absolute;top:-4px;right:-1px}.cs .thing{background:#fff;border-radius:10px;place-items:center;width:158px;height:130px;display:grid;position:absolute}.cs .thing svg{pointer-events:none;width:84px;height:88px}.cs .sc.on .thing{opacity:.8}.cs .sc.on .thing.on{opacity:1}.cs .sc.on .thing:hover{opacity:1;transform:translateY(-3px)}.cs .lens{pointer-events:none;z-index:3;width:120px;height:130px;transition:left .55s cubic-bezier(.2,.8,.2,1),top .55s cubic-bezier(.2,.8,.2,1);position:absolute}.cs .lens.p0{top:5px;left:19px}.cs .lens.p1{top:5px;left:193px}.cs .lens.p2{top:155px;left:19px}.cs .lens.p3{top:155px;left:193px}.cs .tl{border-radius:10px;position:absolute}.cs .tl svg{position:absolute}.cs .tl b{font:800 14px/1.1 var(--display);max-width:112px;position:absolute;bottom:10px;left:12px}.cs .sc.on .tl:hover{transform:translateY(-4px)rotate(-1deg)}.cs .pill{color:var(--deep);font:800 13px/1 var(--display);white-space:nowrap;background:#fff;border-radius:99px;padding:8px 13px}.cs .dscreen{opacity:0;transition:opacity .5s 1.4s}.cs .sc.on .dscreen{opacity:1}.cs .lk-ok{opacity:0;transition:opacity .3s}.cs .sc.solved .lk-ok{opacity:1}.cs .sc.solved .lk-bad{opacity:0}.cs .app-node{transition:fill .3s}.cs .sc.solved .app-node{fill:#12a05a}.cs .pkt{opacity:0}.cs .sc.solved .pkt{animation:1.1s ease-in-out cs-pkt}.cs .ttl{width:calc(100% - 66px);font:800 22px/1.1 var(--display);color:var(--deep);border:0;letter-spacing:-.01em;background:0 0;border-bottom:2px dashed #0d1f2d59;border-radius:0;outline:none;padding:2px 0 6px}.cs .ttl:focus{border-bottom-color:var(--green)}.cs .ttl::placeholder{color:#8e9ba5}.cs .canvas{background:var(--bright);border-radius:8px;width:100%;height:170px;margin-top:10px;position:relative;overflow:hidden}.cs .canvas svg{width:100%;height:100%;position:absolute;inset:0}.cs .canvas .fl{clip-path:inset(0 100% 0 0);transition:clip-path 1.5s cubic-bezier(.4,0,.2,1) .9s}.cs .sc.on .canvas .fl{clip-path:inset(0)}.cs .eh{font:900 clamp(34px,5.4vw,64px)/1.02 var(--display);letter-spacing:-.02em;color:var(--green)}.cs .cs-panels{flex-direction:column;gap:10px;display:flex}.cs .panel{border-radius:14px;position:relative;overflow:hidden}.cs .p-sun{background:var(--sun);color:var(--deep)}.cs .p-blue{background:var(--blue);color:#fff}.cs .p-green{background:var(--green);color:var(--deep)}.cs .ph{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:20px 18px;display:flex}.cs .t-open b,.cs .t-closed b{font:800 clamp(30px,5vw,42px)/1 var(--display);letter-spacing:-.015em;display:block}.cs .p-green .t-open b,.cs .p-green .t-closed b{color:#fff}.cs .t-open small{opacity:.9;margin-top:6px;font-size:16px;display:block}.cs .t-closed{display:none}.cs .ph-meta{white-space:nowrap;border:1.5px solid;border-radius:99px;padding:4px 10px;font:600 13px Nunito}.cs .pbody{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1);display:grid}.cs .panel.open .pbody{grid-template-rows:1fr}.cs .pb-in{min-height:0;overflow:hidden}.cs .pb-grid{padding:0 18px 22px}.cs .topics{flex-wrap:wrap;gap:8px;display:flex}.cs .topic{border:1.5px solid;border-radius:99px;padding:8px 14px;font:600 15px Nunito;transition:background-color .2s,color .2s}.cs .p-sun .topic.on,.cs .p-green .topic.on{background:var(--deep);color:#fff;border-color:var(--deep)}.cs .p-blue .topic.on{color:var(--deep);background:#fff;border-color:#fff}.cs .fcard{color:var(--deep);background:#fff;border-radius:14px;flex-direction:column;justify-content:flex-end;min-height:236px;margin-top:34px;padding:18px;display:flex;position:relative}.cs .fobj{width:200px;height:170px;position:absolute;top:-38px;right:-8px;rotate:-6deg}.cs .pop{animation:.45s cubic-bezier(.3,1.3,.5,1) cs-pop}.cs .soon{border:1.5px solid var(--deep);border-radius:99px;align-self:flex-start;margin-bottom:10px;padding:3px 10px;font:700 12px Nunito}.cs .ftxt h3{font:800 28px/1 var(--display);letter-spacing:-.015em}.cs .ftxt p{color:var(--mute);max-width:24ch;margin-top:8px;font-size:16.5px;line-height:1.35}.cs .peek{display:none}@media (min-width:1024px){.cs .cs-panels{flex-direction:row;gap:12px;height:640px}.cs .panel{flex-direction:column;flex:0 0 128px;transition:flex-basis .55s cubic-bezier(.2,.8,.2,1);display:flex}.cs .panel.open{flex:1 1 0}.cs .ph{flex:none;align-items:flex-start;padding:30px 32px}.cs .panel:not(.open) .ph{flex:1;justify-content:center;align-items:flex-start;padding:26px 0}.cs .panel:not(.open) .t-open,.cs .panel:not(.open) .ph-meta{display:none}.cs .panel:not(.open) .t-closed{writing-mode:vertical-rl;margin:0 auto;display:block;rotate:180deg}.cs .panel:not(.open) .t-closed b{white-space:nowrap;font-size:34px}.cs .panel.open .t-closed{display:none}.cs .pbody{flex:1;min-height:0;display:block}.cs .panel:not(.open) .pbody{display:none}.cs .pb-in{height:100%}.cs .pb-grid{grid-template-columns:270px 1fr;gap:34px;min-width:640px;height:100%;padding:0 32px 32px;display:grid}.cs .topics{flex-flow:column;align-self:end;gap:2px}.cs .topic{text-align:left;font:700 24px/1.15 var(--display);letter-spacing:-.02em;opacity:.75;border:0;border-radius:8px;padding:8px 12px;transition:transform .25s,background-color .2s,opacity .2s}.cs .topic:hover{opacity:1}.cs .p-sun .topic.on,.cs .p-green .topic.on,.cs .p-blue .topic.on{color:var(--deep);opacity:1;background:#fff;border:0;transform:translate(12px)}.cs .fcard{height:calc(100% - 60px);min-height:0;margin-top:60px;padding:26px}.cs .fobj{width:340px;height:290px;top:-60px;right:-26px}.cs .ftxt h3{font-size:38px}.cs .ftxt p{max-width:26ch;font-size:18px}.cs .peek{pointer-events:none;width:190px;height:160px;margin-left:-95px;display:block;position:absolute;bottom:-24px;left:50%;rotate:-10deg}.cs .panel.open .peek{display:none}}.cs .hchip{font:700 clamp(17px,2.4vw,22px)/1 var(--display);letter-spacing:-.01em;rotate:var(--r,0deg);border-radius:99px;padding:10px 20px;display:inline-block}.cs .jgfx{width:100%;max-width:440px;height:320px;margin:0 auto;position:relative}.cs .jgfx>*{position:absolute}.cs .g-green{background:var(--green);width:46%;height:232px;top:34px;left:0}.cs .g-esp{aspect-ratio:2/3;width:30%;height:auto;top:8px;left:7%;rotate:-8deg}.cs .g-sun{background:var(--sun);width:48%;height:132px;top:0;right:0}.cs .g-panel{aspect-ratio:260/180;width:46%;height:auto;top:16px;right:1%;rotate:5deg}.cs .g-blue{background:var(--blue);width:48%;height:150px;top:150px;left:52%}.cs .g-bat{aspect-ratio:100/170;width:19%;height:auto;top:112px;left:61%;rotate:12deg}.cs .g-chip{font:800 14px/1 var(--display);z-index:3;align-items:center;gap:8px;padding:10px 14px;display:flex;top:280px;left:0}.cs .g-chip i{background:var(--green);border-radius:50%;width:10px;height:10px;display:block}@media (min-width:768px){.cs .jgfx{height:400px}.cs .g-green{width:52%;height:280px;top:50px;left:4%}.cs .g-esp{width:30%;top:10px;left:12%}.cs .g-sun{width:48%;height:170px;top:20px;right:0}.cs .g-panel{width:44%;top:38px;right:3%}.cs .g-blue{width:56%;height:150px;top:224px;left:36%}.cs .g-bat{width:17%;top:186px;left:47%}.cs .g-chip{top:346px;left:4%}}.cs .jh{font:900 clamp(42px,7vw,84px)/1 var(--display);letter-spacing:-.02em;color:var(--green)}.cs .cs-sticky{z-index:35;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;transition:opacity .3s,translate .3s,visibility 0s .3s;position:fixed;translate:-50% 20px}.cs .cs-sticky.show{opacity:1;visibility:visible;transition-delay:0s;translate:-50%}.cs .cs-sticky .btn-primary{padding:15px 24px;font-size:17px;box-shadow:0 12px 26px -12px #0d1f2db3}@media (min-width:1024px){.cs .cs-sticky{inset:88px 28px auto auto;translate:0 -16px}.cs .cs-sticky.show{translate:0}}.cs .cs-explore{scroll-margin-top:84px}.cs .cs-dlg-body>section>div:first-child{display:none}.cs .cs-dlg-body>section>div:nth-child(2){background:0 0;border:0;border-radius:0;padding-top:6px;padding-left:0;padding-right:0}.cs .cs-dlg{color:var(--deep);background:#fff;border:0;border-radius:20px;width:min(94vw,560px);max-width:none;max-height:min(92dvh,880px);margin:auto;padding:0;overflow:hidden;box-shadow:0 30px 60px -20px #0d1f2d80}.cs .cs-dlg[open]{flex-direction:column;animation:.3s cubic-bezier(.2,.8,.2,1) cs-dlg-in;display:flex}.cs .cs-dlg::backdrop{background:#0d1f2d8c}.cs .cs-dlg[open]::backdrop{animation:.25s cs-fade}.cs .cs-dlg-head{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 8px 22px;display:flex}.cs .cs-dlg-head h2{font:900 clamp(24px,5vw,30px)/1.05 var(--display);letter-spacing:-.01em;color:var(--green)}.cs .cs-dlg-x{border:2px solid var(--deep);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:background-color .2s,color .2s;display:grid}.cs .cs-dlg-x:hover{background:var(--deep);color:#fff}.cs .cs-dlg-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:4px 20px calc(18px + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}@media (max-width:639px){.cs .cs-dlg{border-radius:22px 22px 0 0;width:100%;max-height:94dvh;margin:auto 0 0}.cs .cs-dlg[open]{animation-name:cs-sheet-in}.cs .cs-dlg-body{padding-inline:16px}}@keyframes cs-assemble{0%{opacity:0;translate:var(--fx,0px) 26px;scale:.94}to{opacity:1;translate:0;scale:1}}@keyframes cs-flow{to{stroke-dashoffset:-22px}}@keyframes cs-pkt{0%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(148px)}}@keyframes cs-pop{0%{opacity:.2;scale:.82}to{opacity:1;scale:1}}@keyframes cs-dlg-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@keyframes cs-sheet-in{0%{opacity:.4;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes cs-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.cs *,.cs :before,.cs :after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}