.csref{--cs-teal:#00d2d2;--cs-teal-hi:#45eded;--cs-text:#f8f7f3;--cs-soft:#a0adbd;--cs-dim:#738396;--cs-line:#ffffff1f;--cs-line-soft:#ffffff12;--cs-head:var(--nx-head,"Hanken Grotesk", "Geist", "Segoe UI", Arial, sans-serif);--cs-body:var(--nx-body,"Plus Jakarta Sans", "Geist", "Segoe UI", Arial, sans-serif);font:16px/1.75 var(--cs-body);color:var(--cs-text);background:radial-gradient(circle at 94% 8%,#00d2d212,#0000 27%),linear-gradient(120deg,#0d182a,#0a1424 58%,#0a1724);position:relative;overflow:clip}.csref .wrap{width:min(88%,1280px);margin-inline:auto}.csref h1,.csref h2,.csref h3{font-family:var(--cs-head);letter-spacing:-.047em;margin:0;font-weight:500;line-height:1.06}.csref em{color:var(--cs-teal);font-style:normal}.csref .eyebrow{text-transform:uppercase;letter-spacing:.21em;color:var(--cs-teal);align-items:center;gap:13px;margin:0 0 23px;font-size:12px;font-weight:700;display:flex}.csref .eyebrow:before{content:"";background:var(--cs-teal);flex:none;width:26px;height:1px}.csref .cs-motion{--mx:72vw;--my:30vh;z-index:0;pointer-events:none;background:radial-gradient(440px circle at var(--mx) var(--my), #00d2d213, transparent 70%), linear-gradient(#659db70b 1px, transparent 1px), linear-gradient(90deg, #659db70b 1px, transparent 1px);background-size:auto,56px 56px,56px 56px;position:fixed;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 20%,#000 65%);mask-image:linear-gradient(90deg,#0000 20%,#000 65%)}.csref .orbit{border:1px solid #4798b030;border-radius:50%;animation:24s linear infinite csOrbit;position:absolute}.csref .orbit:before,.csref .orbit:after{content:"";border:1px dashed #65b5cc2b;border-radius:50%;position:absolute;inset:14%}.csref .orbit:after{border-style:solid;inset:32%}.csref .orbit i{background:var(--cs-teal);border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 0 8px #00d2d214}.csref .orbit i:first-child{top:-4px;left:50%}.csref .orbit i:nth-child(2){bottom:20%;right:8%}.csref .orbit i:nth-child(3){bottom:12%;left:12%}.csref .orbit-a{width:590px;height:590px;top:20px;right:-180px}.csref .orbit-b{width:270px;height:270px;animation-duration:17s;animation-direction:reverse;top:690px;left:-115px}.csref .beam{transform-origin:100%;background:linear-gradient(90deg,#0000,#00d2d252,#0000);width:410px;height:1px;position:absolute}.csref .beam-a{top:240px;right:5%;transform:rotate(-24deg)}.csref .beam-b{top:410px;right:11%;transform:rotate(19deg)}.csref .cs-hero{z-index:1;grid-template-columns:1.5fr .7fr;align-items:center;gap:80px;min-height:520px;padding:86px 0 58px;display:grid;position:relative}.csref .cs-hero h1{font-size:clamp(48px,5.8vw,82px)}.csref .cs-hero-lead{color:var(--cs-soft);max-width:400px;margin:70px 0 0;font-size:17px}.csref .cs-hero-scroll{color:var(--cs-dim);text-transform:uppercase;letter-spacing:.17em;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:28px;right:0}.csref .cs-hero-scroll span{background:var(--cs-dim);width:48px;height:1px;position:relative;overflow:hidden}.csref .cs-hero-scroll span:after{content:"";background:var(--cs-teal);animation:2.2s ease-in-out infinite csScan;position:absolute;inset:0;transform:translate(-100%)}.csref .cs-projects{z-index:2;padding-bottom:80px;position:relative}.csref .carousel{outline:none}.csref .carousel-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.csref .carousel-top .eyebrow{margin:0}.csref .carousel-controls{align-items:center;gap:9px;display:flex}.csref .counter{font-variant-numeric:tabular-nums;margin-right:18px;font-size:14px}.csref .counter i{color:#66768a;margin-left:7px;font-style:normal}.csref .carousel-controls button{border:1px solid var(--cs-line);width:40px;height:40px;color:var(--cs-text);cursor:pointer;background:#ffffff06;border-radius:50%;place-items:center;transition:all .25s;display:grid}.csref .carousel-controls button:hover{border-color:var(--cs-teal);background:#00d2d21a;transform:scale(1.06)}.csref .carousel-controls .play{color:var(--cs-teal);margin-left:5px}.csref .case-stage{border:1px solid var(--cs-line);isolation:isolate;background:linear-gradient(115deg,#16253df5,#0c1c2cf0);border-radius:10px;grid-template-columns:1.1fr 1fr;min-height:430px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px -52px #000}.csref .case-stage:before{content:"";z-index:-1;background:linear-gradient(100deg,#0000 38%,#00d2d20a);position:absolute;inset:0}.csref .case-copy{flex-direction:column;align-items:flex-start;padding:52px;animation:.65s cubic-bezier(.16,1,.3,1) both csSlide;display:flex}.csref .direction--1 .case-copy{animation-name:csSlideBack}.csref .case-index,.csref .data-label{letter-spacing:.16em;text-transform:uppercase;color:var(--cs-teal);font-size:12px;font-weight:700}.csref .case-copy h2{max-width:590px;margin:21px 0;font-size:clamp(36px,3.5vw,52px)}.csref .case-copy>p{color:var(--cs-soft);max-width:470px}.csref .case-link,.csref .case-status{align-items:center;margin-top:auto;padding-top:28px;font-size:14px;font-weight:600;display:inline-flex}.csref .case-link span{width:39px;height:39px;color:var(--cs-teal);border:1px solid #3b5965;border-radius:50%;place-items:center;margin-left:22px;transition:all .25s;display:inline-grid}.csref .case-link:hover span{background:#00d2d21a;transform:translate(4px,-4px)}.csref .case-status{color:#8291a3;font-weight:400}.csref .case-data{border-left:1px solid var(--cs-line);background:radial-gradient(circle at 75% 25%,#00d2d214,#0000 45%);flex-direction:column;justify-content:center;padding:45px 48px;animation:.7s both csFade;display:flex;position:relative}.csref .metric{margin-top:30px}.csref .metric>div:first-child{justify-content:space-between;align-items:baseline;display:flex}.csref .metric strong{font:500 68px/1 var(--cs-head);color:#eef2f7;letter-spacing:-.05em}.csref .metric.accent strong{color:var(--cs-teal)}.csref .metric span{color:var(--cs-soft);font-size:14px}.csref .metric-track{background:#ffffff0f;height:3px;margin-top:16px;overflow:hidden}.csref .metric-track i{height:100%;width:var(--bar);animation:csBar 1s var(--delay) cubic-bezier(.16, 1, .3, 1) both;background:#5a6a80;display:block}.csref .metric.accent .metric-track i{background:var(--cs-teal);box-shadow:0 0 20px #00d2d280}.csref .signal{gap:10px;display:flex;position:absolute;top:39px;right:45px}.csref .signal span{background:#00d2d233;border-radius:50%;width:4px;height:4px;animation:1.6s ease-in-out infinite csSignal}.csref .signal span:nth-child(2){animation-delay:.15s}.csref .signal span:nth-child(3){animation-delay:.3s}.csref .signal span:nth-child(4){animation-delay:.45s}.csref .signal span:nth-child(5){animation-delay:.6s}.csref .signal span:nth-child(6){animation-delay:.75s}.csref .case-tabs{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:26px;display:grid}.csref .case-tabs button{color:#77879a;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-top:2px solid #ffffff14;grid-template-columns:auto 1fr auto;gap:18px;padding:20px 0;transition:all .3s;display:grid}.csref .case-tabs button:hover,.csref .case-tabs button:focus-visible{color:var(--cs-text);border-color:#00d2d28c;transform:translateY(-2px)}.csref .case-tabs button:focus-visible{outline:2px solid var(--cs-teal);outline-offset:4px}.csref .case-tabs button[aria-selected=true]{border-color:var(--cs-teal);color:var(--cs-text)}.csref .case-tabs button>span{color:var(--cs-teal);font-size:11px}.csref .case-tabs strong{font-size:14px;font-weight:500}.csref .case-tabs small{letter-spacing:.1em;text-transform:uppercase;color:var(--cs-soft);grid-column:2;align-items:center;gap:10px;font-size:11px;font-weight:600;transition:color .3s;display:inline-flex}.csref .case-tabs small:before{content:"";background:var(--cs-teal);border-radius:50%;flex:none;width:4px;height:4px;box-shadow:0 0 8px #00d2d299}.csref .case-tabs button:hover small,.csref .case-tabs button[aria-selected=true] small{color:var(--cs-text)}.csref .case-tabs i{color:var(--cs-teal);opacity:.35;font-style:normal;transition:all .3s}.csref .case-tabs button:hover i{opacity:.8;transform:translate(2px,-2px)}.csref .case-tabs button[aria-selected=true] i{opacity:1}.csref .detail-hero{z-index:2;align-content:center;min-height:min(84vh,760px);padding:44px 0 65px;display:grid;position:relative}.csref .back{color:#7e8da0;width:max-content;margin-bottom:55px;font-size:13px}.csref .back:hover{color:var(--cs-teal)}.csref .detail-grid{grid-template-columns:1.45fr .75fr;align-items:end;gap:80px;display:grid}.csref .detail-grid h1{font-size:clamp(48px,5vw,72px)}.csref .detail-lead{color:var(--cs-soft);font-size:17px}.csref .result-rail{border-block:1px solid var(--cs-line);grid-template-columns:1fr 1fr 1fr;margin-top:56px;padding:34px 0;display:grid}.csref .result{border-right:1px solid var(--cs-line);padding:0 38px}.csref .result:first-child{padding-left:0}.csref .result:last-child{border-right:0}.csref .result strong{font:500 63px/1 var(--cs-head);letter-spacing:-.05em}.csref .result.accent strong{color:var(--cs-teal)}.csref .result p{color:var(--cs-soft);margin:10px 0 0;font-size:14px}.csref .monitor{justify-content:center;align-items:center;gap:20px;display:flex}.csref .monitor>span{background:var(--cs-teal);border-radius:50%;flex:none;width:12px;height:12px;animation:2s ease-in-out infinite csPulse;box-shadow:0 0 0 8px #00d2d214}.csref .monitor p{color:#d9e1ea;margin:0}.csref .story-flow{z-index:2;grid-template-columns:220px minmax(0,1fr) clamp(220px,24%,330px);gap:64px;padding:50px 0 120px;display:grid;position:relative}.csref .story-flow aside{height:max-content;padding-top:25px;position:sticky;top:55px}.csref .story-flow aside>p{text-transform:uppercase;letter-spacing:.18em;color:#718095;margin:0 0 28px;font-size:11px}.csref .story-nav{border-left:1px solid var(--cs-line);position:relative}.csref .story-nav>i{background:var(--cs-teal);width:2px;height:25%;box-shadow:0 0 16px var(--cs-teal);transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:-1px}.csref .story-nav button{color:#647488;text-align:left;cursor:pointer;width:100%;height:52px;font:inherit;background:0 0;border:0;align-items:center;gap:14px;padding-left:20px;font-size:13px;transition:all .25s;display:flex}.csref .story-nav button.active{color:var(--cs-text);transform:translate(5px)}.csref .story-nav button span{color:var(--cs-teal);font-size:10px}.csref .story-list{max-width:800px}.csref .story-step{opacity:.26;grid-template-columns:100px 1fr;align-content:center;gap:35px;min-height:62vh;transition:opacity .55s,transform .55s;display:grid;transform:translateY(25px)}.csref .story-step.active{opacity:1;transform:none}.csref .story-number{font:500 62px/1 var(--cs-head);color:#00d2d229;transition:color .5s,text-shadow .5s}.csref .story-step.active .story-number{color:#00d2d2b3;text-shadow:0 0 34px #00d2d273}.csref .story-label{letter-spacing:.17em;text-transform:uppercase;color:var(--cs-teal);font-size:11px}.csref .story-step h2{margin:15px 0 22px;font-size:clamp(34px,3.5vw,51px)}.csref .story-step p{color:var(--cs-soft);max-width:620px}.csref .story-step .story-note{margin-top:26px}.csref .story-step ol{margin:27px 0 0;padding:0;list-style:none}.csref .story-step li{color:#bdc7d4;opacity:0;border-bottom:1px solid #ffffff12;align-items:center;gap:16px;padding:14px 0;font-size:14px;transition:opacity .5s,transform .5s;display:flex;transform:translateY(8px)}.csref .story-step.active li{opacity:1;transition-delay:calc(var(--i,0) * .13s);transform:none}.csref .story-step li b{width:28px;height:28px;color:var(--cs-teal);border:1px solid #00d2d273;border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:600;display:inline-grid;box-shadow:0 0 0 4px #00d2d20f}.csref .method{z-index:2;background:linear-gradient(110deg,#08111f,#0c1b29);border-block:1px solid #ffffff12;padding:88px 0;position:relative}.csref .method-head{justify-content:space-between;align-items:center;margin-bottom:50px;display:flex}.csref .method-head h2{font-size:clamp(33px,3.3vw,46px)}.csref .method-head>span,.csref .method-grid span{font-family:var(--cs-body);text-transform:uppercase;letter-spacing:.14em;color:var(--cs-teal);font-size:12.5px}.csref .method-grid{border-top:0;grid-template-columns:repeat(4,1fr);gap:48px;margin-top:0;display:grid}.csref .method-rule{background:var(--cs-line);height:1px;margin-bottom:42px;position:relative;overflow:hidden}.csref .method-rule:after{content:"";background:linear-gradient(90deg,#0000,#00d2d28c,#0000);width:240px;animation:6s ease-in-out infinite csSweep;position:absolute;inset:0 auto 0 0;transform:translate(-280px)}.csref .method-grid>div{padding-top:4px}.csref .method-grid .m-head{align-items:center;gap:14px;margin:0;display:flex}.csref .method-grid .m-ico{border:1px solid var(--cs-line);width:42px;height:42px;color:var(--cs-teal);border-radius:11px;flex:none;place-items:center;display:inline-grid}.csref .method-grid .m-ico>svg{width:22px;height:22px}.csref .method-grid .m-label{font-family:var(--cs-body);text-transform:uppercase;letter-spacing:.14em;color:var(--cs-teal);font-size:12.5px;font-weight:600}.csref .method-grid .m-value{font-family:var(--cs-body);color:#c8d0db;margin:18px 0 0;font-size:16px;line-height:1.5}.csref .takeaway{text-align:center;z-index:2;padding:95px 0;position:relative}.csref .takeaway .eyebrow{justify-content:center}.csref .takeaway h2{max-width:900px;margin:22px auto 40px;font-size:clamp(31px,3.4vw,47px);line-height:1.3}.csref .takeaway .tw-note{max-width:720px;font-family:var(--cs-body);color:#c8d0db;margin:-14px auto 40px;font-size:17px;line-height:1.75}.csref .outline-link{border:1px solid var(--cs-line);border-radius:5px;padding:12px 24px;font-size:14px;transition:all .25s;display:inline-block}.csref .outline-link:hover{border-color:var(--cs-teal);background:#00d2d212}.csref .cs-h1-line{display:block}.csref .tw-ico{border:1px solid var(--cs-line);width:46px;height:46px;color:var(--cs-teal);border-radius:50%;place-items:center;margin:0 auto 22px;animation:2.8s ease-in-out infinite csIcoGlow;display:inline-grid;position:relative}.csref .tw-ico:before{content:"";border:1px solid #00d2d266;border-radius:50%;animation:2.8s ease-out infinite csIcoHalo;position:absolute;inset:-5px}.csref .tw-ico>svg{filter:drop-shadow(0 0 6px #00d2d280);position:relative}.csref .cs-close-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.csref .story-viz{pointer-events:none;width:34%;max-width:360px;height:100%;position:absolute;top:0;right:0}.csref .story-viz-inner{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0}.csref .story-viz-figure{--accent:.2;width:264px;height:264px;position:relative}.csref .story-viz-figure[data-step="1"]{--accent:.32}.csref .story-viz-figure[data-step="2"]{--accent:.46}.csref .story-viz-figure[data-step="3"]{--accent:.62}.csref .svf-ring{border:1px solid #65b5cc29;border-radius:50%;position:absolute;inset:0}.csref .svf-ring.r2{border-style:dashed;animation:26s linear infinite csRingSpin;inset:30px}.csref .svf-ring.r3{border-color:rgba(0, 210, 210, calc(var(--accent) * .6 + .12));border-top-color:rgba(0, 210, 210, calc(var(--accent) + .2));box-shadow:0 0 46px -12px rgba(0, 210, 210, var(--accent));transition:border-color .6s,box-shadow .6s;animation:16s linear infinite reverse csRingSpin;inset:64px}.csref .svf-orb{border-radius:50%;position:absolute}.csref .svf-orb i{background:var(--cs-teal);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:-3px;left:50%;box-shadow:0 0 0 5px #00d2d217}.csref .svf-orb.o1{animation:14s linear infinite csRingSpin;inset:0}.csref .svf-orb.o2{animation:9s linear infinite reverse csRingSpin;inset:42px}.csref .svf-orb.o2 i{opacity:.7;width:4px;height:4px}.csref .svf-orb.o3{animation:22s linear infinite csRingSpin;inset:84px}.csref .svf-orb.o3 i{width:5px;height:5px}.csref .svf-core{background:var(--cs-teal);width:10px;height:10px;box-shadow:0 0 0 8px rgba(0, 210, 210, calc(var(--accent) * .16));border-radius:50%;animation:2.6s ease-in-out infinite csPulse;position:absolute;inset:calc(50% - 5px)}.csref .svf-scan{transform-origin:50%;background:linear-gradient(#0000,#00d2d273,#0000);width:1px;height:88%;margin-left:-.5px;animation:8s linear infinite csRingSpin;position:absolute;top:6%;left:50%}@keyframes csSweep{0%{transform:translate(-220px)}55%,to{transform:translate(calc(100% + 220px))}}@keyframes csRingSpin{to{transform:rotate(360deg)}}@keyframes csIcoGlow{0%,to{border-color:var(--cs-line);box-shadow:0 0 10px -2px #00d2d240}50%{border-color:#00d2d28c;box-shadow:0 0 28px 2px #00d2d266}}@keyframes csIcoHalo{0%{opacity:.7;transform:scale(.85)}70%,to{opacity:0;transform:scale(1.5)}}@keyframes csSlide{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:none}}@keyframes csSlideBack{0%{opacity:0;transform:translate(-35px)}to{opacity:1;transform:none}}@keyframes csFade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@keyframes csBar{0%{width:0}}@keyframes csScan{50%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes csSignal{50%{background:var(--cs-teal);box-shadow:0 0 12px var(--cs-teal)}}@keyframes csPulse{50%{box-shadow:0 0 0 15px #00d2d200}}@keyframes csOrbit{to{transform:rotate(360deg)}}@media (max-width:900px){.csref .cs-hero,.csref .detail-grid{grid-template-columns:1fr;gap:25px}.csref .cs-hero-lead{max-width:620px;margin:0}.csref .case-stage{grid-template-columns:1fr}.csref .case-data{border-left:0;border-top:1px solid var(--cs-line)}.csref .detail-hero{min-height:auto;padding-top:70px}.csref .story-flow{grid-template-columns:150px 1fr;gap:35px}.csref .story-viz{display:none}.csref .method-grid,.csref .result-rail{grid-template-columns:1fr 1fr}.csref .monitor{border-top:1px solid var(--cs-line);grid-column:1/-1;margin-top:25px;padding-top:28px}.csref .result:nth-child(2){border:0}.csref .orbit-a{right:-390px}}@media (max-width:620px){.csref .cs-hero{min-height:530px;padding:65px 0 55px}.csref .cs-hero-scroll{display:none}.csref .carousel-top .eyebrow{font-size:10px}.csref .counter{display:none}.csref .carousel-controls button{width:35px;height:35px}.csref .case-stage{min-height:670px}.csref .case-copy,.csref .case-data{padding:31px}.csref .case-copy{min-height:350px}.csref .case-copy h2{font-size:35px}.csref .metric strong{font-size:54px}.csref .case-tabs{gap:10px}.csref .case-tabs button{padding:14px 0;display:block}.csref .case-tabs button span{margin-bottom:5px;display:block}.csref .case-tabs small,.csref .case-tabs i{display:none}.csref .detail-grid h1{font-size:45px}.csref .result-rail{margin-top:40px}.csref .result{padding:0 18px}.csref .result:first-child{padding-left:0}.csref .result strong{font-size:49px}.csref .story-flow{grid-template-columns:1fr;padding-bottom:70px}.csref .story-flow aside{z-index:5;background:#0c1526ed;padding:11px 0;position:sticky;top:0}.csref .story-flow aside>p{display:none}.csref .story-nav{border-left:0;border-bottom:1px solid var(--cs-line);grid-template-columns:repeat(4,1fr);display:grid}.csref .story-nav>i{display:none}.csref .story-nav button{justify-content:center;height:42px;padding:0;font-size:0}.csref .story-nav button span{font-size:11px}.csref .story-nav button.active{border-bottom:2px solid var(--cs-teal);transform:none}.csref .story-step{grid-template-columns:1fr;gap:15px;min-height:70vh}.csref .story-number{font-size:45px}.csref .method-grid{grid-template-columns:1fr}.csref .method-head{display:block}.csref .method-head>span{margin-top:12px;display:block}.csref .takeaway{padding:65px 0}}@media (prefers-reduced-motion:reduce){.csref *,.csref :before,.csref :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.csref .cs-motion{display:none}}.csref .trend{border:1px solid var(--cs-line);background:linear-gradient(160deg,#142036b8,#0a11208c);border-radius:14px;margin:34px 0 0;padding:22px 26px 18px;box-shadow:0 24px 60px -30px #0009,inset 0 0 0 1px #00d2d20a}.csref .trend-head{letter-spacing:.18em;text-transform:uppercase;color:var(--cs-text);justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px;font-size:11px;display:flex}.csref .trend-tag{color:var(--cs-soft);align-items:center;gap:9px;display:inline-flex}.csref .trend-tag i{background:var(--cs-teal);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite csPulse;box-shadow:0 0 0 5px #00d2d21a}.csref .trend svg{width:100%;height:auto;display:block;overflow:visible}.csref .tr-grid{stroke:#ffffff14;stroke-width:1px}.csref .tr-tick{fill:var(--cs-dim);font:500 11px var(--cs-body)}.csref .tr-note-line{stroke:#00d2d273;stroke-width:1px;stroke-dasharray:4 5}.csref .tr-note-box{fill:#00d2d21a;stroke:#00d2d266}.csref .tr-note{fill:var(--cs-teal-hi);font:600 11px var(--cs-body)}.csref .tr-line{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.csref .tr-line.tr-up{stroke:var(--cs-teal);filter:drop-shadow(0 0 7px #00d2d28c)}.csref .tr-line.tr-down{stroke:#a0adbdb3}.csref .tr-dot.tr-up{fill:#0a1120;stroke:var(--cs-teal);stroke-width:2px}.csref .tr-dot.tr-down{fill:#0a1120;stroke:#a0adbdcc;stroke-width:1.6px}.csref .tr-glow{fill:#00d2d22e}.csref .trend.is-visible .tr-line{stroke-dasharray:900;stroke-dashoffset:900px;animation:1.6s cubic-bezier(.2,.7,.2,1) .25s forwards csTrendDraw}@keyframes csTrendDraw{to{stroke-dashoffset:0}}.csref .trend-legend{color:var(--cs-soft);flex-wrap:wrap;gap:26px;margin:12px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.csref .trend-legend li{align-items:center;gap:9px;display:inline-flex}.csref .trend-legend i{background:#a0adbdb3;border-radius:2px;width:18px;height:2px}.csref .trend-legend .tr-up i{background:var(--cs-teal);box-shadow:0 0 8px #00d2d280}@media (max-width:900px){.csref .result.third{border-top:1px solid var(--cs-line);border-right:0;grid-column:1/-1;margin-top:25px;padding:28px 0 0}}@media (max-width:620px){.csref .trend{padding:18px 14px 14px}.csref .trend-head{letter-spacing:.14em;font-size:10px}.csref .trend-scroll{-webkit-overflow-scrolling:touch;margin:0 -14px;padding:0 14px;overflow-x:auto}.csref .trend svg{min-width:640px}.csref .tr-tick,.csref .tr-note{font-size:14px}}