:root{
--ink:#04151A;--ink2:#0B242D;--ink-line:#1F3F4B;--on-dark:#B9CBD0;--dim-dark:#6F8E99;
--mist:#F3F5F4;--line:#DCE3E0;--gray:#4F5B5E;
--green:#4C821B;--green-deep:#396114;--green-dk:#5E9D25;--green-tint:#D9EBC3;--amber:#E39B2D;
--serif:'Newsreader',Georgia,'Times New Roman',serif;--sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
--pad:clamp(20px,5.5vw,80px);--nav:76px;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
color-scheme:light;
}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + env(safe-area-inset-top,0px))}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:#FFFFFF;color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
.wrap{max-width:1360px;margin:0 auto;padding-inline:var(--pad)}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--green-deep);margin:0}
.dark .eyebrow{color:var(--green-dk)}
.sist-head .eyebrow{color:var(--green)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:1.05;margin:0}
h1{font-size:clamp(42px,6vw,84px);letter-spacing:-.025em;line-height:1.02}
h2{font-size:clamp(36px,4.6vw,64px)}
h3{font-size:clamp(28px,3vw,42px);line-height:1.1}
p{margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 30px;border-radius:999px;font-weight:700;font-size:16px;border:1.5px solid transparent;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}
.btn-primary{background:var(--green);color:#fff}
.btn-primary:hover{background:var(--green-deep);transform:translateY(-1px)}
.btn-ghost{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-ghost:hover{background:var(--ink);color:#fff}
.dark .btn-ghost{border-color:#fff;color:#fff}.dark .btn-ghost:hover{background:#fff;color:var(--ink)}
:focus-visible{outline:3px solid var(--green-dk);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sec{padding-block:clamp(72px,10vw,140px)}
.dark{background:var(--ink);color:#fff}
.nav{position:fixed;inset:0 0 auto 0;z-index:50;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid transparent;transition:background .3s,border-color .3s}
.nav.scrolled{background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--line)}
.nav .wrap{height:var(--nav);display:flex;align-items:center;justify-content:space-between}
.logo{height:52px;width:auto;aspect-ratio:793/200}
.menu{display:flex;gap:40px;font-size:15px;font-weight:500}
.menu a{position:relative;padding:8px 0}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.menu a:hover::after,.menu a.active::after{transform:scaleX(1)}
.burger{display:none;width:48px;height:48px;border:0;border-radius:24px;background:var(--mist);cursor:pointer;align-items:center;justify-content:center}
.sheet{position:fixed;inset:0;z-index:49;background:#fff;padding:calc(var(--nav) + 28px + env(safe-area-inset-top,0px)) var(--pad) 40px;display:flex;flex-direction:column;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s,transform .25s}
.sheet.open{opacity:1;transform:none;pointer-events:auto}
.sheet a{font-family:var(--serif);font-size:38px;padding:14px 0;border-bottom:1px solid var(--line)}
@media(max-width:900px){.menu{display:none}.burger{display:flex}.logo{height:45px}}
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
.hero{min-height:100svh;padding-top:calc(var(--nav) + 12px);display:flex;align-items:center;position:relative;overflow:hidden}
.hero .wrap{width:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(12px,3vw,48px)}
.hero-copy{padding-block:32px}
.hero-sub{font-size:clamp(19px,1.7vw,24px);font-weight:600;line-height:1.4;margin-top:28px;max-width:540px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.scene{width:100%;height:auto;overflow:visible}
.hero-scene{margin-right:calc(var(--pad)*-.5)}
.cue{position:absolute;left:var(--pad);bottom:28px;display:flex;align-items:center;gap:14px;font-size:11.5px;font-weight:700;letter-spacing:.16em;color:var(--gray)}
.cue i{display:block;width:1px;height:40px;background:#C7D0CD;transform-origin:top;animation:cue 2.4s ease-in-out infinite}
@keyframes cue{0%{transform:scaleY(0)}60%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
@media(max-width:1023px){.hero .wrap{grid-template-columns:1fr}.hero-scene{order:-1;margin-right:0}.hero{align-items:flex-start}.cue{display:none}.hero-copy{padding-top:8px}}
@media(max-width:639px){.chip-s.hm{display:none}.chip-s{transform-box:fill-box;transform-origin:center;transform:scale(1.55)}}
.problem-head{max-width:900px}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}
.pcell{margin:0;background:#FFFFFF;border-radius:24px;overflow:hidden}
.pcell svg{width:100%;height:auto}
.pcell figcaption{display:flex;align-items:center;gap:12px;padding:6px 24px 24px;font-weight:600;font-size:19px;color:var(--ink)}
.pcell figcaption::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--amber);flex:none}
.pclose{margin-top:clamp(48px,7vw,96px);font-family:var(--serif);font-size:clamp(34px,4.4vw,60px);letter-spacing:-.02em;line-height:1.05;display:inline-block}
.pclose::after{content:"";display:block;height:3px;margin-top:14px;background:var(--green-dk);transform-origin:left;transform:scaleX(0);transition:transform 1.1s cubic-bezier(.2,.7,.2,1) .5s}
.pclose.in::after{transform:scaleX(1)}
@media(max-width:1023px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.pgrid{grid-template-columns:1fr;gap:16px;margin-top:36px}.pcell{background:#FFFFFF;border-radius:20px}}
.sist-head{max-width:820px}
.sist-head p:not(.eyebrow){color:var(--gray);font-size:clamp(18px,1.6vw,21px);margin-top:16px}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;position:relative;margin-top:clamp(48px,7vw,88px)}
.track{position:absolute;left:0;right:0;top:8px;height:2px;background:var(--line)}
.track i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0)*100%);background:var(--green);transition:width .6s ease}
.step{position:relative;opacity:.42;transition:opacity .6s}
.step.act{opacity:1}
.node{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);background:#FFFFFF;position:relative;z-index:1;transition:background .4s,border-color .4s,box-shadow .4s}
.step.act .node{background:var(--green);border-color:var(--green);box-shadow:0 0 0 6px rgba(76,130,27,.22)}
.step svg{width:100%;height:auto;margin-top:26px;background:var(--ink2);border-radius:14px}
.step .num{display:block;font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--green-deep);margin-top:20px}
.step .word{font-family:var(--sans);font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:.06em;line-height:1.2;margin-top:6px}
.step p{color:var(--gray);font-size:16px;line-height:1.55;margin-top:8px}
.sist-close{margin-top:clamp(56px,8vw,104px);font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);line-height:1.1;letter-spacing:-.015em;max-width:980px;color:var(--ink)}
@media(max-width:1023px){
.steps{grid-template-columns:1fr;gap:38px;padding-left:44px}
.track{left:8px;right:auto;top:8px;bottom:8px;width:2px;height:auto}
.track i{width:100%;height:calc(var(--p,0)*100%)}
.step{display:grid;grid-template-columns:230px minmax(0,1fr);gap:8px 32px;align-items:center}
.node{position:absolute;left:-44px;top:4px;background:#FFFFFF}
.step svg{grid-row:1/4;margin-top:0}
.step .num{margin-top:0;align-self:end}
}
@media(max-width:639px){.step{display:block}.step svg{display:none}.step .num{margin-top:0}.steps{gap:30px}}
.caps-head{max-width:900px}
.caps{position:relative;margin-top:64px;display:flex;flex-direction:column;gap:clamp(56px,8vw,120px)}
.cap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,5vw,80px);align-items:start;scroll-margin-top:calc(var(--nav) + 24px)}
.cap:nth-child(even){grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
.cap:nth-child(even) .cap-scene{order:2}
.cap-scene{background:#FFFFFF;border-radius:28px;overflow:hidden;aspect-ratio:600/420}
.cap-scene svg{width:100%;height:100%}
.cap .cap-no{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--green);text-transform:uppercase}
.cap h3{margin-top:14px;font-size:clamp(32px,3.6vw,50px)}
.cap p{margin-top:6px;color:#FFFFFF;font-size:18px;max-width:420px}
.capnav{position:fixed;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:30;opacity:0;pointer-events:none;transition:opacity .3s}
.capnav.show{opacity:1;pointer-events:auto}
.capnav a{position:relative;width:12px;height:12px;border-radius:50%;background:#3B5563;transition:background .3s,transform .3s}
.capnav a.act{background:var(--green-dk);transform:scale(1.35)}
.capnav a::after{content:attr(data-l);position:absolute;right:24px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:12px;font-weight:600;background:var(--ink);color:#fff;padding:6px 10px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s}
.capnav a:hover::after,.capnav a:focus-visible::after{opacity:1}
.capdots{display:none}
.band{margin-top:clamp(64px,9vw,120px);background:var(--ink2);border-radius:28px;padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;gap:22px;color:#fff}
.chain{display:flex;flex-wrap:nowrap;align-items:center;gap:6px 10px;font-weight:700;letter-spacing:.05em;font-size:clamp(11px,1.6vw,16px);white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none}
.chain .ar{color:var(--green-dk)}
.chain::-webkit-scrollbar{display:none}
.chain>*{opacity:.15;transition:opacity .6s}
.band.in .chain>*{opacity:1;transition-delay:calc(var(--i)*.22s)}
.closing{margin-top:clamp(56px,7vw,96px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:32px;align-items:end}
.closing p{color:var(--on-dark);font-size:18px}
@media(max-width:1099px){
.capnav{display:none}
.caps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cap,.cap:nth-child(even){grid-template-columns:1fr;gap:0;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#fff;align-items:stretch}
.cap:nth-child(even) .cap-scene{order:0}
.cap-scene{border-radius:0}
.cap-copy{padding:26px 28px 32px}
.cap h3{color:var(--ink)}
.cap p{color:var(--ink)}
.cap:last-child{grid-column:1/-1;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}
.cap:last-child:nth-child(odd) .cap-scene{order:0}
}
@media(max-width:767px){
.caphint{color:var(--dim-dark)}
.caps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.caps::-webkit-scrollbar{display:none}
.cap,.cap:nth-child(even),.cap:last-child{flex:0 0 86%;scroll-snap-align:center;display:block}
.capdots{display:flex;justify-content:center;gap:8px;margin-top:22px}
.capdots button{width:8px;height:8px;border-radius:4px;border:0;padding:0;background:#3B5563;transition:width .3s,background .3s;cursor:pointer;min-height:0}
.capdots button.act{width:26px;background:var(--green-dk)}
.caphint{display:block;text-align:center;margin-top:16px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--gray)}
.band{grid-template-columns:1fr}
.chain{flex-wrap:wrap;overflow-x:visible;white-space:normal;justify-content:flex-start;gap:10px 12px;font-size:15px;letter-spacing:.04em;padding-bottom:0}
.closing{grid-template-columns:1fr;align-items:start}
}
.caphint{display:none}
@media(max-width:767px){.caphint{display:block}}
.dif-head{max-width:920px}
.dif-head .lead{font-size:clamp(20px,2vw,26px);font-weight:600;margin-top:24px}
.dif-head .sub{color:var(--gray);font-size:18px;margin-top:14px;max-width:700px}
.stages{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:stretch;margin-top:56px}
.stage{background:var(--mist);border-radius:24px;padding:22px 22px 26px;display:flex;flex-direction:column;gap:12px;transition:background .8s}
.stage.final{background:var(--mist)}
.stages.on .stage.final{background:var(--green-tint);transition-delay:1.8s}
.stage svg{width:100%;height:auto}
.stage b{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.arr{align-self:center;color:var(--green-deep)}
@media(max-width:899px){.stages{grid-template-columns:1fr}.arr{transform:rotate(90deg);justify-self:center}}
.exp-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:start}
.exp h2{font-size:clamp(32px,3.6vw,52px);line-height:1.1}
.exp .sup{color:var(--on-dark);font-size:18px;margin-top:28px}
.exp .ref{font-family:var(--serif);font-size:clamp(24px,2.4vw,32px);line-height:1.2;margin-top:28px}
.words{list-style:none;margin:0;padding:0}
.words li{display:flex;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid var(--ink-line);font-family:var(--serif);font-size:clamp(28px,3.2vw,44px);letter-spacing:-.015em;line-height:1.15}
.words li span{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--green-dk);width:26px;flex:none}
.words li:last-child{border-bottom:2px solid var(--green-dk)}
@media(max-width:899px){.exp-grid{grid-template-columns:1fr}}
.book{background:var(--mist)}
.book-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center}
.bookcard{aspect-ratio:3/4;max-width:340px;width:100%;background:#fff;border:1px solid var(--line);border-radius:10px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 30px 60px -30px rgba(4,21,26,.25)}
.bookcard .t{font-family:var(--serif);font-size:clamp(28px,3vw,36px);line-height:1.05;letter-spacing:-.015em}
.bookcard img{width:100%;height:100%;object-fit:cover}
.book h2{font-size:clamp(32px,3.8vw,54px)}
.book .bt{font-weight:700;margin-top:28px;font-size:18px}
.book .bs{color:var(--gray);font-size:18px;margin-top:6px;max-width:520px}
.book q{display:block;font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.2vw,28px);line-height:1.3;margin-top:26px;max-width:600px;quotes:"“" "”"}
.book .btn{margin-top:32px}
@media(max-width:899px){.book-grid{grid-template-columns:1fr}.bookcard{max-width:280px;aspect-ratio:4/3}}
.contact-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,64px);align-items:center}
.contact .logo{height:67px;margin-bottom:clamp(36px,6vw,72px)}
.contact h2{font-size:clamp(38px,5vw,68px)}
.contact .sub{color:var(--on-dark);font-size:clamp(18px,1.6vw,21px);margin-top:20px;max-width:480px}
.contact .btn{margin-top:32px}
.cdata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px;margin-top:clamp(40px,6vw,72px);padding-top:26px;border-top:1px solid var(--ink-line);max-width:560px}
.cdata dt{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--dim-dark);margin-bottom:4px}
.cdata dd{margin:0;color:var(--on-dark);font-size:16px;overflow-wrap:anywhere}
.cdata a:hover{color:#fff}
.cdata .ph{color:var(--dim-dark)}
.foot{margin-top:clamp(48px,7vw,88px);padding-top:22px;border-top:1px solid var(--ink-line);font-size:13px;color:var(--dim-dark);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:899px){.contact-grid{grid-template-columns:1fr}.contact-scene{order:-1}.cdata{grid-template-columns:1fr}}
.stick{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px var(--pad) calc(12px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);border-top:1px solid var(--line);display:none;transform:translateY(110%);transition:transform .3s}
.stick .btn{width:100%;min-height:52px;background:var(--ink);color:#fff}
@media(max-width:767px){.stick{display:block}.stick.show{transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes grow{from{transform:scaleY(0)}to{transform:none}}
@keyframes pulse{0%,100%{opacity:.9;transform:scale(1)}50%{opacity:.25;transform:scale(1.5)}}
@keyframes flow{to{stroke-dashoffset:-22}}
@keyframes travel{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes dim{to{opacity:.3}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.15}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes barfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes q{0%{opacity:0;transform:translateX(0)}6%{opacity:1}40%{opacity:1;transform:translateX(var(--dx))}88%{opacity:1;transform:translateX(var(--dx))}100%{opacity:0;transform:translateX(var(--dx))}}
@keyframes q2{0%{opacity:0;transform:translateX(0)}12%{opacity:1}55%{opacity:1;transform:translateX(64px)}62%{opacity:0;transform:translateX(64px)}100%{opacity:0}}
@keyframes q3{0%{opacity:0;transform:translateX(0)}12%{opacity:1}70%{opacity:1;transform:translateX(70px)}100%{opacity:0;transform:translateX(70px)}}
@keyframes cur{0%,16%{transform:translateX(0);opacity:1}20%,36%{transform:translateX(54px)}40%,56%{transform:translateX(108px)}60%,76%{transform:translateX(162px)}80%,96%{transform:translateX(216px);opacity:1}100%{transform:translateX(216px);opacity:0}}
@keyframes cursor{0%,8%{transform:translate(300px,330px);opacity:0}14%{opacity:1}40%{transform:translate(456px,108px)}46%{transform:translate(456px,108px) scale(.85)}52%{transform:translate(456px,108px) scale(1)}78%{transform:translate(456px,108px);opacity:1}92%,100%{transform:translate(456px,108px);opacity:0}}
@keyframes clickb{0%,42%{transform:scale(1)}46%{transform:scale(.94)}52%,100%{transform:scale(1)}}
@keyframes chipA{0%,55%{opacity:1}62%,100%{opacity:0}}
@keyframes chipB{0%,55%{opacity:0}62%,100%{opacity:1}}
.on .a-rise{animation:rise .9s cubic-bezier(.2,.7,.2,1) var(--d,0s) both}
.on .a-fade{animation:fade .8s ease var(--d,0s) both}
.on .a-draw{animation:draw 1.2s ease var(--d,0s) both}
.on .a-pop{animation:pop .55s cubic-bezier(.3,1.4,.5,1) var(--d,0s) both;transform-box:fill-box;transform-origin:center}
.on .a-grow{animation:grow .9s cubic-bezier(.2,.7,.2,1) var(--d,0s) both;transform-box:fill-box;transform-origin:bottom}
.pulse{transform-box:fill-box;transform-origin:center}
.on .pulse{animation:pulse 2.6s ease-in-out var(--d,0s) infinite}
.on .flow{animation:flow 2.2s linear infinite}
.on .a-fade.flow{animation:fade .8s ease var(--d,0s) both,flow 2.2s linear infinite}
.on .s1-old{animation:dim 1.2s ease 1s both}
.dot{animation:travel var(--t,7s) linear infinite paused}
.on .dot{animation-play-state:running}
.q{animation:q 7s ease-in-out infinite}
.q2{animation:q2 4.2s ease-in-out infinite}
.q3{animation:q3 4.2s ease-in-out infinite}
.cur{animation:cur 6s ease-in-out infinite}
.bob{animation:bob 2.2s ease-in-out infinite}
.bar{transform-box:fill-box;transform-origin:left;animation:barfill 7s linear infinite}
.blink{animation:blink 2.4s ease-in-out infinite}
.hand{transform-box:view-box;transform-origin:256px 62px;animation:spin 6s linear infinite}
.cursor{animation:cursor 10s ease-in-out infinite}
.btnclick{transform-box:fill-box;transform-origin:center;animation:clickb 10s ease-in-out infinite}
.chipA{animation:chipA 10s ease infinite}
.chipB{animation:chipB 10s ease infinite}
.tick{stroke-dasharray:1;stroke-dashoffset:0}
@keyframes tk0{0%,0%{stroke-dashoffset:1;opacity:1}8%{stroke-dashoffset:0;opacity:1}94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.tick.t0{animation:tk0 6s linear infinite}
@keyframes tk1{0%,20%{stroke-dashoffset:1;opacity:1}28%{stroke-dashoffset:0;opacity:1}94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.tick.t1{animation:tk1 6s linear infinite}
@keyframes tk2{0%,40%{stroke-dashoffset:1;opacity:1}48%{stroke-dashoffset:0;opacity:1}94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.tick.t2{animation:tk2 6s linear infinite}
@keyframes tk3{0%,60%{stroke-dashoffset:1;opacity:1}68%{stroke-dashoffset:0;opacity:1}94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.tick.t3{animation:tk3 6s linear infinite}
@keyframes tk4{0%,80%{stroke-dashoffset:1;opacity:1}88%{stroke-dashoffset:0;opacity:1}94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.tick.t4{animation:tk4 6s linear infinite}
@keyframes ms0{0%,4%{opacity:0;transform:translateY(10px)}8%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.msg.m0{animation:ms0 18s ease infinite}
@keyframes ms1{0%,14%{opacity:0;transform:translateY(10px)}18%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.msg.m1{animation:ms1 18s ease infinite}
@keyframes ms2{0%,26%{opacity:0;transform:translateY(10px)}30%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.msg.m2{animation:ms2 18s ease infinite}
@keyframes ms3{0%,34%{opacity:0;transform:translateY(10px)}38%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.msg.m3{animation:ms3 18s ease infinite}
@keyframes ms4{0%,48%{opacity:0;transform:translateY(10px)}52%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.msg.m4{animation:ms4 18s ease infinite}
@keyframes ms5{0%,60%{opacity:0;transform:translateY(10px)}64%{opacity:1;transform:none}92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.msg.m5{animation:ms5 18s ease infinite}
[data-scene] :is(.q,.q2,.q3,.tick,.cur,.bob,.bar,.blink,.hand,.msg,.cursor,.chipA,.chipB,.btnclick){animation-play-state:paused}
.on :is(.q,.q2,.q3,.tick,.cur,.bob,.bar,.blink,.hand,.msg,.cursor,.chipA,.chipB,.btnclick){animation-play-state:running}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.js .rv{opacity:1;transform:none;transition:none}
*,*::before,*::after{animation:none!important;transition:none!important}
.pclose::after{transform:scaleX(1)}
.chain>*{opacity:1}
.step{opacity:1}
}