.cyhn-net-refs .shell{max-width:calc(1240px + 2 * var(--gutter))}.rscene,.rstage{isolation:isolate;padding:0 0 12%;position:relative}.rscene__aura{z-index:-1;pointer-events:none;position:absolute;inset:6% 6% 0 -2%}.rscene__aura i{filter:blur(clamp(36px,5vw,80px));opacity:.45;border-radius:50%;position:absolute}.rscene__aura i:first-child{aspect-ratio:1;background:var(--aura-a,#a92b64);width:60%;top:0;left:0}.rscene__aura i:last-child{aspect-ratio:1;background:var(--aura-b,#213d7c);opacity:.38;width:50%;bottom:0;right:0}.rscene__browser{border:1px solid var(--color-line);background:var(--color-surface);width:86%;box-shadow:var(--shadow-window);border-radius:14px;margin:0;position:relative;overflow:hidden}.rscene__bar{background:var(--color-surface-2);border-bottom:1px solid var(--color-line);align-items:center;gap:12px;padding:8px 12px;display:flex;position:relative}.rscene__dots{flex:none;gap:5px;display:inline-flex}.rscene__dots i{background:#d6dce6;border-radius:50%;width:8px;height:8px}.rscene__url{text-overflow:ellipsis;white-space:nowrap;background:var(--color-surface);letter-spacing:.02em;text-align:center;min-width:0;color:var(--color-muted);border-radius:999px;flex:0 60%;margin:0 auto;padding:3px 12px;font-size:.72rem;overflow:hidden}.rscene__view{aspect-ratio:1672/952;background:var(--color-surface-2);position:relative;overflow:hidden}.rscene__view img{aspect-ratio:1672/952;object-fit:cover;object-position:50% 0;width:100%;height:100%;display:block;border-radius:0!important}.rscene__phone{width:22%;box-shadow:var(--shadow-phone);background:#14171f;border-radius:17%/8.2%;padding:clamp(3px,.4vw,6px);position:absolute;bottom:0;right:0}.rscene__screen{aspect-ratio:924/2000;background:var(--color-surface-2);border-radius:14%/6.6%;overflow:hidden}.rscene__screen img{aspect-ratio:924/2000;object-fit:cover;object-position:50% 0;width:100%;height:100%;display:block;border-radius:0!important}.rscene:not(:has(.rscene__phone)){padding-bottom:0}.rscene:not(:has(.rscene__phone)) .rscene__browser{width:100%}.rclient{align-items:center;gap:10px;min-width:0;display:inline-flex}.rclient__logo{object-fit:contain;width:auto;max-width:110px;height:28px;display:block;border-radius:0!important}.rclient__name{font-size:var(--fs-small);color:var(--color-muted)}.refs__filters{gap:10px;margin-top:26px;display:grid}.refs__row{align-items:center;gap:8px;min-width:0;display:flex}.refs__label{letter-spacing:.14em;text-transform:uppercase;min-width:72px;color:var(--color-muted);flex:none;margin-right:4px;font-size:.74rem;font-weight:500}.refs__scroll{flex:auto;min-width:0;position:relative}.refs__track{overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;--fade-l:0px;--fade-r:0px;-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%);gap:8px;padding:2px 1px;display:flex;overflow-x:auto}.refs__track::-webkit-scrollbar{display:none}.refs__track .chip{white-space:nowrap;flex:none}.refs__scroll.can-prev .refs__track{--fade-l:56px}.refs__scroll.can-next .refs__track{--fade-r:56px}.refs__nav{z-index:1;border:1px solid var(--color-line);background:var(--color-surface);width:36px;height:36px;color:var(--color-heading);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:border-color .2s,opacity .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px -6px #0000002e}.refs__nav[hidden]{display:none}.refs__nav:hover{border-color:var(--color-heading)}.refs__nav:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.refs__nav svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.refs__nav--prev{left:0}.refs__nav--next{right:0}@media (hover:none) and (width<=720px){.refs__nav{display:none}}@media (width<=560px){.refs__row{flex-wrap:wrap}.refs__label{flex-basis:100%}}.refs__grid{gap:clamp(20px,2vw,28px);display:grid}@media (width>=900px){.refs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.refs__empty{border:1px dashed var(--color-line);background:var(--color-surface);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 32px;padding:clamp(24px,4vw,44px);display:flex}.refs__empty p{max-width:56ch;color:var(--color-muted);margin:0}.rcard{border:1px solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-card);transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);border-radius:22px;grid-template-rows:auto 1fr;margin:0;padding:0;display:grid;position:relative;overflow:hidden}.rcard:hover,.rcard:focus-within{border-color:color-mix(in srgb, var(--color-accent) 28%, var(--color-line));box-shadow:0 28px 56px -30px color-mix(in srgb, var(--color-accent) 50%, transparent);transform:translateY(-3px)}.rcard__media{padding:clamp(22px,3vw,40px) clamp(22px,3vw,40px) 0;overflow:hidden}.rcard__media .rscene__aura{display:none}.rcard__media .rscene__browser{box-shadow:0 10px 24px -16px #00000029}.rcard__media .rscene__phone{box-shadow:0 10px 22px -12px #00000038}.rcard__media .rscene{margin-bottom:0}.rcard__media{padding-bottom:clamp(14px,1.6vw,22px)}.rcard__media .rscene__browser,.rcard__media .rscene__phone{transition:transform .6s var(--ease)}.rcard:hover .rcard__media .rscene__browser{transform:translateY(-6px)}.rcard:hover .rcard__media .rscene__phone{transform:translateY(-8px)}.rcard__body{flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(20px,1rem + .8vw,30px);display:flex}.rcard__title{letter-spacing:-.02em;color:var(--color-feature);margin:0;font-size:clamp(1.3rem,1rem + .8vw,1.75rem);font-weight:600;line-height:1.15}.rcard__link{color:inherit;text-decoration:none}.rcard__link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.rcard__link:focus-visible{outline:none}.rcard:has(.rcard__link:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}.rcard__text{color:var(--color-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.rcard__meta{width:100%;font-size:var(--fs-small);color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:6px 14px;margin:auto 0 0;padding-top:6px;display:flex}.rcard__meta>span:first-child:not(.rcard__badge):not(.rcard__more){color:var(--color-heading);font-weight:500}.rcard__badge{background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:999px;padding:2px 10px;font-size:.74rem}.rcard__more{color:var(--color-accent);align-items:center;gap:6px;margin-left:auto;font-weight:500;display:inline-flex}.rcard__more svg{transition:transform .3s var(--ease)}.rcard:hover .rcard__more svg{transform:translate(3px)}.ref__head{margin-bottom:clamp(36px,6vh,72px)}.ref__intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;display:flex}.ref__titles{max-width:780px}.ref__title{letter-spacing:-.035em;color:var(--color-feature);margin:0;font-size:clamp(2.2rem,1.2rem + 3vw,4rem);font-weight:600;line-height:1.02}.ref__lead{font-size:var(--fs-lead);color:var(--color-muted);max-width:52ch;margin:18px 0 0;font-weight:300}.ref__actions .button{align-items:center;gap:8px;display:inline-flex}.ref__archived{border:1px solid var(--color-line);background:var(--color-surface);font-size:var(--fs-small);color:var(--color-muted);border-radius:999px;padding:8px 16px;display:inline-block}.ref__facts{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px 28px;margin:clamp(28px,4vh,44px) 0 0;padding:22px 0;display:grid}.ref__fact{min-width:0}.ref__fact--client{grid-column:span 2}.ref__fact dt{letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);margin-bottom:6px;font-size:.72rem;font-weight:500}.ref__fact dd{color:var(--color-heading);overflow-wrap:anywhere;margin:0}.ref__fact dd a{color:inherit;text-decoration:underline;text-decoration-color:var(--color-line);text-underline-offset:4px}.ref__fact dd a:hover{text-decoration-color:currentColor}.ref__fact .rclient__logo{max-width:140px;height:34px}.ref__fact .rclient__name{font-size:inherit;color:var(--color-heading)}@media (width<=520px){.ref__fact--client{grid-column:1/-1}}.ref__steps>.eyebrow{margin-bottom:0}.rstep{padding:clamp(24px,4vh,40px) 0;position:relative}.rstep+.rstep{border-top:1px solid var(--color-line)}.rstep__scene{margin:6px 0 clamp(24px,4vh,36px)}.rstep__num{letter-spacing:.08em;color:var(--color-accent);font-variant-numeric:tabular-nums;margin-bottom:10px;font-size:.85rem;font-weight:600;display:block}.rstep__title{font-size:var(--fs-h3);letter-spacing:-.015em;color:var(--color-heading);margin:0 0 14px;font-weight:600;line-height:1.2}.rstep__text>:last-child,.rstep--extra .rstep__scene{margin-bottom:0}.ref__stage{display:none}@media (width>=1100px){.ref__story.is-live.has-stage{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(48px,5vw,96px);display:grid}.ref__story.is-live .rstep__scene{display:none}.ref__story.is-live .rstep{opacity:.32;min-height:72vh;transition:opacity .5s var(--ease);flex-direction:column;justify-content:center;padding:48px 0;display:flex}.ref__story.is-live .rstep.is-active{opacity:1}.ref__story.is-live .rstep+.rstep{border-top:0}.ref__story.is-live .rstep--extra{min-height:60vh}.ref__story.is-live .ref__stage{top:var(--header-h);height:calc(100vh - var(--header-h));flex-direction:column;justify-content:center;display:flex;position:sticky}.rstage{width:min(100%, (100vh - var(--header-h) - 140px) * 1.62);margin-inline:auto 0}.rstage__strip{will-change:transform;margin:0;padding:0;list-style:none}.rstage__strip>li{margin:0}.rstage .rscene__view>.rstage__strip>li{aspect-ratio:1672/952}.rstage .rscene__screen>.rstage__strip>li{aspect-ratio:924/2000}.rstage .rscene__view{aspect-ratio:1672/952}.rstage__load{background:var(--color-accent);width:100%;height:2px;transform:scaleX(var(--load,0));transform-origin:0;opacity:var(--load-o,0);position:absolute;bottom:-1px;left:0}.rstage__steps{width:min(100%, (100vh - var(--header-h) - 140px) * 1.62);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;margin:22px 0 0 auto;display:grid}.rstage__step{background:var(--color-line);border-radius:2px;height:2px;position:relative;overflow:hidden}.rstage__step>span{background:var(--color-heading);transform:scaleX(var(--fill,0));transform-origin:0;position:absolute;inset:0}.rstage__step:first-child>span{--fill:1}}@media (width<=1099px){.rstep__scene{max-width:720px}}.ref__pager{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:clamp(48px,8vh,96px);display:grid}.ref__pager-link{border:1px solid var(--color-line);background:var(--color-surface);transition:border-color .2s, transform .3s var(--ease);border-radius:18px;gap:6px;padding:20px 24px;text-decoration:none;display:grid}.ref__pager-link:hover{border-color:var(--color-heading);transform:translateY(-2px)}.ref__pager-link--next{text-align:right}.ref__pager-link--next:only-child{grid-column:-2}.ref__pager-dir{font-size:var(--fs-small);color:var(--color-muted)}.ref__pager-name{color:var(--color-heading);font-size:1.15rem;font-weight:600}.ref__related{margin-top:clamp(48px,8vh,96px)}.ref__related-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.ref__related-title{letter-spacing:-.025em;font-size:var(--fs-h2)!important;margin:0!important}@media (prefers-reduced-motion:reduce){.rcard,.rcard__media .rscene__browser,.rcard__media .rscene__phone,.ref__story .rstep,.ref__pager-link{transition:none!important}}