.viral-case{--viral-bg:#050705;--viral-accent:#2dccd3;--viral-secondary:#ffffffa6;background:var(--viral-bg);color:#fff;min-height:100vh;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.viral-shell{max-width:1920px;margin:0 auto;padding:0 4.6875% 80px}.viral-header{justify-content:space-between;align-items:center;gap:28px;min-height:0;padding:24px 0;display:flex}.viral-brand{letter-spacing:.02em;flex-direction:column;flex-shrink:0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-weight:800;line-height:1.4;display:flex}.viral-brand strong{font-size:20px}.viral-brand span{color:var(--viral-secondary);font-size:14px}.viral-nav{background:#ffffff1f;border:1px solid #ffffff4d;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:16px 24px;display:flex}.viral-nav a{letter-spacing:.02em;color:var(--viral-secondary);white-space:nowrap;padding:0 24px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:500;line-height:20px;display:block}.viral-nav a:first-child{padding-left:0}.viral-nav a:last-child{padding-right:0}.viral-nav a+a{border-left:1px solid #ffffff4d}.viral-nav a:hover,.viral-nav a:focus-visible{color:var(--viral-accent)}.viral-content{flex-direction:column;gap:80px;display:flex}.viral-section{flex-direction:column;gap:40px;scroll-margin-top:32px;display:flex}.viral-section-heading h2{color:var(--viral-accent);letter-spacing:.02em;margin:0 0 4px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:18px;font-weight:800;line-height:1.4}.viral-section-heading p{letter-spacing:.02em;color:var(--viral-secondary);margin:0;font-size:24px;font-weight:600;line-height:1.4}.viral-image{outline-offset:-4px;border-radius:clamp(16px,2.344vw,45px);outline:4px solid #2dccd31f;width:100%;display:block;overflow:hidden}.viral-image img{width:100%;height:auto;display:block}.viral-cover{outline:none}.viral-image:focus-visible{outline:3px solid var(--viral-accent);outline-offset:4px}.viral-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.viral-end{color:var(--viral-secondary);border-top:1px solid #2dccd333;justify-content:space-between;gap:24px;margin-top:80px;padding-top:32px;font-size:14px;display:flex}.viral-end a:hover{color:var(--viral-accent)}.viral-video{background:#102526;border:1px solid #2dccd333;border-radius:clamp(16px,2.344vw,45px);width:100%;height:auto;max-height:85vh;display:block}.viral-video-note{color:var(--viral-secondary);font-size:14px}@media (max-width:1300px){.viral-header{flex-wrap:wrap;gap:24px;min-height:auto;padding:24px 0}.viral-nav{padding:14px 20px}.viral-nav a{padding:0 14px}.viral-content{gap:60px}.viral-section{gap:28px}.viral-section-heading p{font-size:20px}}@media (max-width:760px){.viral-shell{padding:0 5% 40px}.viral-header{gap:22px;padding:24px 0}.viral-brand strong{font-size:18px}.viral-nav{border-radius:18px;justify-content:flex-start;gap:12px 0;width:100%;padding:14px 16px}.viral-nav a{white-space:normal;padding:0 12px;font-size:12px}.viral-nav a:first-child{padding-left:12px}.viral-nav a+a{border-left:0}.viral-nav a:last-child{padding-right:12px}.viral-content{gap:42px}.viral-section{gap:20px}.viral-section-heading h2{margin-bottom:10px;font-size:16px}.viral-section-heading p{font-size:16px;line-height:1.7}.viral-image{border-radius:14px;outline-width:2px}.viral-end{margin-top:42px;padding-top:24px}.viral-video{max-height:none}}.viral-hero{isolation:isolate;width:100%;scroll-margin-top:24px;position:relative}.viral-hero-cover{border-radius:clamp(16px,2.344vw,45px);width:100%;height:auto;display:block}.viral-screen{background:#f4f4f4;border:0;border-radius:0 0 2.14% 2.14%/0 0 3.75% 3.75%;outline:0;width:53.8793%;height:54.5849%;position:absolute;top:25.1596%;left:44.2385%;overflow:hidden}.viral-hero-video{aspect-ratio:2876/1640;object-fit:contain;object-position:center top;background:#f4f4f4;width:100%;max-width:none;height:auto;max-height:none;display:block;position:absolute;top:0;left:0}.viral-hero-video:fullscreen{object-fit:contain;background:#000;width:100%;height:100%;position:static}.viral-playback-error{color:#222;background:#fff;margin:0;padding:8px;font-size:14px;position:absolute;bottom:0;left:0;right:0}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-ExtraBold.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}.viral-shell{container-type:inline-size}.viral-section-heading p{color:#fff9;font-family:PingFang SC,Microsoft YaHei,sans-serif}@media (min-width:761px){.viral-section-heading h2{letter-spacing:.02em;margin-bottom:.229885cqw;font-size:1.03448cqw;font-weight:800;line-height:1.4}.viral-section-heading p{letter-spacing:.02em;font-size:1.37931cqw;font-weight:600;line-height:1.4}}#final-design .viral-section-heading p{font-weight:400}#final-design .viral-image{border-radius:0;outline:none}.viral-header{z-index:30;background:linear-gradient(#000 0%,#000000c4 71%,#0000 100%);position:sticky;top:0}.viral-section,.viral-hero{scroll-margin-top:calc(var(--project-header-height,100px) + 16px)}@media (max-width:1300px){.viral-shell{--project-header-height:196px}}@media (max-width:760px){.viral-shell{--project-header-height:252px}}#core-flow{gap:40px}#core-flow .viral-section-heading p{font-weight:400}#core-flow .viral-image{border-radius:0;outline:none;margin-top:0}@media (max-width:760px){#core-flow .viral-image{margin-top:0}}.pain-slider{width:100%;min-width:0}.pain-slider-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:24px;padding-bottom:5px;scroll-padding:0;display:flex;position:relative;overflow-x:auto}.pain-slider-track::-webkit-scrollbar{display:none}.pain-slide{scroll-snap-align:start;flex:0 0 94%;min-width:0}.pain-slide:last-child{margin-right:6%}.pain-slider-track:focus-visible{outline:2px solid var(--viral-accent);outline-offset:5px}.pain-slider-controls{color:var(--viral-secondary);justify-content:space-between;align-items:center;gap:16px;margin-top:20px;font-size:12px;display:flex}.pain-slider-actions{white-space:nowrap;align-items:center;gap:20px;font-family:JetBrains Mono,monospace;display:flex}.pain-slider-actions button{width:44px;height:44px;color:var(--viral-accent);cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50%;place-items:center;font-size:24px;display:grid}.pain-slider-actions button:hover:not(:disabled){border-color:var(--viral-accent);background:#2dccd31f}.pain-slider-actions button:disabled{opacity:.25;cursor:default}.pain-slider-actions button:focus-visible{outline:2px solid var(--viral-accent);outline-offset:3px}@media (max-width:760px){.pain-slider-track{gap:12px}.pain-slide{flex-basis:94%}.pain-slider-controls{align-items:flex-start;gap:12px}.pain-slider-hint{max-width:135px;font-size:11px;line-height:1.8}.pain-slider-actions{gap:12px}}@media (prefers-reduced-motion:no-preference){.viral-content>section.case-motion{opacity:0;transform-origin:top;transition:opacity .55s,transform .65s cubic-bezier(.2,.65,.25,1);transform:translateY(12px)scale(.985)}.viral-content>section.case-motion.case-visible,.viral-content>section.case-motion:focus-within{opacity:1;transform:translateY(0)scale(1)}}@media print{.viral-content>section.case-motion{opacity:1!important;transform:none!important}}.pain-slider-track{touch-action:pan-y pinch-zoom}.pain-slide{scroll-snap-stop:always}.pain-slider-track{scroll-snap-type:none;overflow-x:hidden}.pain-slide{-webkit-user-select:none;user-select:none}.pain-slider-stage{position:relative}.pain-side-button{z-index:2;width:48px;height:48px;color:var(--viral-accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#051011e6;border:1px solid #2dccd399;border-radius:50%;place-items:center;font-size:25px;transition:background .15s,box-shadow .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px 16px #0005}.pain-side-prev{left:12px}.pain-side-next{right:12px}.pain-side-button:hover{background:#123739;box-shadow:0 0 0 4px #2dccd31a}.pain-side-button:focus-visible{outline:2px solid var(--viral-accent);outline-offset:4px}@media (max-width:760px){.pain-side-button{width:44px;height:44px;font-size:22px}.pain-side-prev{left:6px}.pain-side-next{right:6px}}html:has(.viral-case,.assets-case){scrollbar-color:#343a34 #050705;scrollbar-width:thin}html:has(.viral-case,.assets-case)::-webkit-scrollbar{background:#050705;width:8px}html:has(.viral-case,.assets-case)::-webkit-scrollbar-track{background:#050705}html:has(.viral-case,.assets-case)::-webkit-scrollbar-thumb{background:#343a34;border:2px solid #050705;border-radius:8px}html:has(.viral-case,.assets-case)::-webkit-scrollbar-thumb:hover{background:#505850}html:has(.viral-case,.assets-case)::-webkit-scrollbar-corner{background:#050705}.pain-slider .pain-slide{flex-basis:100%}.pain-slider .pain-slide:last-child{margin-right:0}.pain-slider .pain-side-prev{left:20px}.pain-slider .pain-side-next{right:20px}@media (max-width:760px){.pain-slider .pain-side-prev{left:10px}.pain-slider .pain-side-next{right:10px}}#pain-points{gap:40px}.pain-slider-track{scroll-behavior:auto;gap:40px;padding-bottom:0}.pain-slider .pain-slide{aspect-ratio:16/9;flex:0 0 100%}.pain-slide .viral-image{border-radius:2.58621cqw;outline-width:4px;height:100%}.pain-slide .viral-image img{object-fit:contain;width:100%;height:100%}@media (max-width:760px){.pain-slide .viral-image{border-radius:14px;outline-width:2px}}.viral-case .viral-image,.viral-case .pain-slide .viral-image{box-shadow:none;border:0;outline:none}.viral-case .viral-image:focus-visible{outline:2px solid var(--viral-accent);outline-offset:4px}.pain-slider .pain-side-button{width:3.44828cqw;min-width:28px;height:3.44828cqw;min-height:28px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;top:49.7829%;overflow:visible}.pain-slider .pain-side-prev{left:0;right:auto;transform:translate(-50%,-50%)}.pain-slider .pain-side-next{left:auto;right:0;transform:translate(50%,-50%)}.pain-side-button img{pointer-events:none;width:206.667%;max-width:none;height:206.667%;position:absolute;top:-53.3333%;left:-53.3333%}.pain-side-next img{transform:scaleX(-1)}.pain-slider .pain-side-button:hover{box-shadow:none;filter:brightness(1.15);background:0 0}@media (prefers-reduced-motion:no-preference){.pain-slide .viral-image{opacity:.3;transform-origin:50%;transition:opacity .52s,transform .6s cubic-bezier(.2,.65,.25,1);transform:scale(.975)}.pain-slide-active .viral-image,.pain-slide:focus-within .viral-image{opacity:1;transform:scale(1)}}@media (min-width:761px){.viral-header{flex-wrap:nowrap;gap:1.6092cqw;padding:2.29885cqw 0}.viral-brand{line-height:1.4}.viral-brand strong{margin-bottom:-.114943cqw;font-size:1.14943cqw}.viral-brand span{color:#fff9;font-size:.804598cqw}.viral-nav{border:0;flex-wrap:nowrap;flex-shrink:0;gap:0;padding:.91954cqw 1.37931cqw;box-shadow:inset 0 0 0 1px #ffffff4d}.viral-nav a{color:#fff9;padding:0 1.37931cqw;font-size:.804598cqw;line-height:1.14943cqw;position:relative}.viral-nav a:first-child{padding-left:0}.viral-nav a:last-child{padding-right:0}.viral-nav a+a{border-left:0}.viral-nav a+a:before{content:"";background:#ffffff4d;width:1px;height:.689655cqw;position:absolute;top:50%;left:0;transform:translateY(-50%)}}