@font-face{font-family:'IBM Plex Mono';src:url('./assets/fonts/ibm-plex-mono.ttf') format('truetype');font-display:swap}
body{font-family:'Die Grotesk B','Microsoft YaHei',sans-serif}
.rr-logo{font-family:'ABC Gravity Variable',sans-serif;font-size:2.7em;line-height:1;font-variation-settings:'wdth' 100;font-weight:900;letter-spacing:-.06em}
.rr-footer-heading{font-family:'ABC Gravity Variable',sans-serif;font-size:11.2vw;line-height:1;letter-spacing:-.03em;white-space:nowrap}.rr-footer-heading span{display:inline}
.rr-marquee-label{position:relative;z-index:2;font-size:2.15em;white-space:nowrap;letter-spacing:-.04em}
.is-about-intro{line-height:1.35}.service-card .paragraph-regular{line-height:1.7}.tag{white-space:nowrap}
.hero_title .heading-big{font-size:18.75vw}.hero_title .heading-big>span:first-child{white-space:nowrap;display:block;width:125%;margin-left:-12.5%;transform:scaleX(.8)}.hero_title .heading-big>.heading-var{display:block}
.rr-monitor-stage{position:absolute;left:50%;top:50%;width:100%;aspect-ratio:1;transform:translate(-50%,-50%)}.rr-monitor-shell{position:absolute;inset:0;width:100%;height:100%}.rr-monitor-screen{position:absolute;width:65%;height:38.667%;left:18.333%;top:15.667%;transform-origin:0 0;transform:matrix(1,.144,.017,1,0,0);clip-path:polygon(0 0,100% 0,100% 96%,0 100%);overflow:hidden}.rr-monitor-screen .bunny-bg__video{object-fit:fill!important;width:100%;height:100%;inset:0}
@media(max-width:479px){.rr-monitor-stage{width:125%}}
.about-work_item:nth-child(4){grid-area:4/1/5/4!important;margin-top:6em;aspect-ratio:6/4}
image[src='']{display:none}
.rr-dialog{--paper:#f8f8f8;--ink:#090909;--graphite:#3c3a3e;--fog:#e9e9e9;--ash:#a4a3a8;--white:#fff;--ember:#e6805c;--line:#3c3a3e26;--sans:'Die Grotesk B','Microsoft YaHei',sans-serif;--mono:'IBM Plex Mono',monospace;--display:'ABC Gravity Variable',sans-serif;--ease:cubic-bezier(.32,.72,0,1);font:14px/1.7 var(--sans);color:var(--graphite);background:var(--paper);border:1px solid #8885;width:min(1120px,calc(100% - 40px));max-width:calc(100% - 24px);max-height:calc(100dvh - 40px);padding:56px 36px 32px;overscroll-behavior:contain;margin:auto}
.rr-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.rr-dialog[open]{animation:rr-dialog-in .4s ease both}.rr-dialog .wrap{width:100%;max-width:none;margin:0}.rr-dialog .workflow,.rr-dialog .questions{padding:12px 0}.rr-dialog .recommendation-feature{padding-bottom:0}.rr-dialog .section-watermark{font-size:clamp(45px,8vw,100px);color:#dedede}.rr-dialog h2{font-size:32px}.rr-dialog p{line-height:1.8}.rr-dialog button{cursor:pointer}.rr-dialog .dialog-close{position:sticky;display:block;margin:-42px -20px 8px auto;top:0;right:0;z-index:5;width:36px;height:36px;border:1px solid #999;background:#f8f8f8;color:#111;border-radius:0;font:26px/1 sans-serif}.rr-dialog .dialog-close:hover{background:#111;color:#fff}
.rr-dialog.contact-dialog{width:500px}.rr-dialog.image-dialog{width:calc(100% - 32px);background:#090909;color:#eee}.rr-dialog.image-dialog>img{width:100%;height:auto;max-height:calc(100dvh - 160px);object-fit:contain}.rr-dialog.image-dialog>p{font-size:11px;text-align:center}.rr-dialog .button,.rr-dialog .image-expand{border-radius:0}.rr-dialog.rr-scenario-dialog{width:850px}.rr-scenario-dialog>img{width:100%;max-height:48vh;object-fit:cover;margin:24px 0}.rr-kicker{font:12px 'IBM Plex Mono',monospace;color:#777}.rr-action{margin-top:24px;padding:14px 22px;background:#111;color:#fff;border:1px solid #111}.rr-action:hover{background:#555}.toast{position:fixed;z-index:9999;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 24px;background:#111;color:#fff;font-size:13px}.toast[hidden]{display:none}body.dialog-open{overflow:hidden}
@keyframes rr-dialog-in{from{opacity:0;transform:translateY(15px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:991px){.about-work_item:nth-child(4){grid-area:4/2/5/5!important}.rr-marquee-label{font-size:1.6em}}
@media(max-width:767px){.about-work_item:nth-child(4){margin-top:0}.rr-dialog{padding:52px 20px 24px}.rr-dialog .dialog-close{margin-right:-8px}.rr-dialog h2{font-size:26px}.rr-footer-heading{font-size:10.8vw}.rr-marquee-label{font-size:1.4em}}
@media(prefers-reduced-motion:reduce){.rr-dialog[open]{animation:none}}
.rr-dialog .wechat-qr{display:block;width:280px;max-width:100%;height:auto;margin:22px auto 16px;background:#fff}.rr-dialog .wechat-hint{font-size:12px;text-align:center;color:#68666b}.rr-dialog .wechat-save{display:block;width:max-content;max-width:100%;margin:18px auto 22px;text-align:center;text-decoration:none;font-size:13px}

/* Explicit scoping also works in mobile browsers without CSS @scope. */
:where(.rr-dialog) .workflow{padding:60px 0 72px}:where(.rr-dialog) .section-watermark{font:400 clamp(72px,13.9vw,194px)/1.12 var(--display);letter-spacing:-.025em;color:var(--white);white-space:nowrap;overflow:hidden;margin-bottom:32px;user-select:none}:where(.rr-dialog) .section-heading{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-bottom:48px}:where(.rr-dialog) .section-kicker{color:#68666b;padding-top:12px}:where(.rr-dialog) .section-kicker::before{content:'+';margin-right:12px;color:var(--ember)}:where(.rr-dialog) .section-heading h2,:where(.rr-dialog) .faq-layout h2{font-size:clamp(32px,4.1vw,56px);line-height:1.25;letter-spacing:-.04em}:where(.rr-dialog) .section-heading p:not(.eyebrow){margin-top:24px;font-size:15px;color:#68666b;max-width:600px}:where(.rr-dialog) .workflow-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}:where(.rr-dialog) .workflow-tab{border:0;border-right:1px solid var(--line);background:transparent;position:relative;padding:24px;text-align:left;color:#68666b;min-width:0;display:grid;grid-template-columns:24px 1fr;gap:8px 12px;transition:background .3s,color .3s}:where(.rr-dialog) .workflow-tab:last-child{border-right:0}:where(.rr-dialog) .workflow-tab>span{font:500 11px/1.8 var(--mono);grid-row:1/3}:where(.rr-dialog) .workflow-tab strong{font-size:16px;font-weight:500}:where(.rr-dialog) .workflow-tab small{font-size:11px;line-height:1.7}:where(.rr-dialog) .workflow-tab:hover{background:var(--fog)}:where(.rr-dialog) .workflow-tab[aria-selected="true"]{background:var(--ink);color:var(--fog)}:where(.rr-dialog) .workflow-tab[aria-selected="true"]>span{color:var(--ember)}:where(.rr-dialog) .workflow-tab[aria-selected="true"]::after{content:'';position:absolute;right:12px;top:12px;width:5px;height:5px;background:var(--ember);border-radius:50%}:where(.rr-dialog) .workflow-panel{padding-top:30px}:where(.rr-dialog) .workflow-explanation{display:grid;grid-template-columns:1fr 1.25fr auto;gap:30px;align-items:start;margin-bottom:30px}:where(.rr-dialog) .workflow-explanation h3{font-size:23px;line-height:1.4}:where(.rr-dialog) .workflow-explanation p{font-size:13px;line-height:1.85;color:#68666b}:where(.rr-dialog) .image-expand{border:1px solid var(--line);border-radius:999px;background:transparent;padding:8px 13px;display:flex;gap:14px;align-items:center;font-size:12px;white-space:nowrap}:where(.rr-dialog) .image-expand:hover{background:var(--ink);color:var(--white)}:where(.rr-dialog) .screen-button{padding:0;border:1px solid var(--line);width:100%;display:block;aspect-ratio:16/10;background:var(--ink);cursor:zoom-in;overflow:hidden}:where(.rr-dialog) .screen-button img{width:100%;height:100%;object-fit:contain}:where(.rr-dialog) .screen-button.portrait-screen{padding:36px}:where(.rr-dialog) .screen-button.portrait-screen img{max-width:700px;margin:auto}:where(.rr-dialog) .demo-caption{display:flex;justify-content:space-between;gap:12px;color:#68666b;margin-top:14px;font-size:10px}:where(.rr-dialog) .panel-enter{animation:panel-enter .5s var(--ease) both}:where(.rr-dialog) .recommendation-feature{padding:0 0 80px}:where(.rr-dialog) .recommendation-layout{padding-top:60px;border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}:where(.rr-dialog) .recommendation-copy>.eyebrow{margin-bottom:24px;padding:0}:where(.rr-dialog) .recommendation-copy h2{font-size:40px;line-height:1.3}:where(.rr-dialog) .recommendation-copy>p:not(.eyebrow){font-size:15px;color:#68666b;margin-top:24px}:where(.rr-dialog) .recommendation-copy dl{margin:30px 0 0}:where(.rr-dialog) .recommendation-copy dl>div{display:grid;grid-template-columns:88px 1fr;gap:18px;border-top:1px solid var(--line);padding:18px 0}:where(.rr-dialog) .recommendation-copy dt,:where(.rr-dialog) .recommendation-copy dd{font-size:12px;line-height:1.85}:where(.rr-dialog) .recommendation-copy dd{margin:0;color:#68666b}:where(.rr-dialog) .detail-screen{padding:0;background:var(--ink);border:1px solid var(--line);width:100%;display:block;cursor:zoom-in}:where(.rr-dialog) .detail-screen img{width:100%;height:auto}:where(.rr-dialog) .recommendation-figure figcaption{font-size:10px;color:#68666b;margin-top:12px;text-align:right}:where(.rr-dialog) .questions{padding:80px 0}:where(.rr-dialog) .faq-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}:where(.rr-dialog) .faq-layout h2{font-size:42px;margin:24px 0 30px}:where(.rr-dialog) .faq-list{border-top:1px solid var(--line)}:where(.rr-dialog) details{border-bottom:1px solid var(--line)}:where(.rr-dialog) summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font-size:16px;cursor:pointer;list-style:none;line-height:1.5}:where(.rr-dialog) summary::-webkit-details-marker{display:none}:where(.rr-dialog) summary>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:20px/1 var(--mono);flex:none;transition:transform .3s var(--ease)}:where(.rr-dialog) details[open] summary>span{transform:rotate(45deg);background:var(--ink);color:var(--paper)}:where(.rr-dialog) details>p{font-size:13px;line-height:1.85;color:#68666b;max-width:95%;padding:0 0 24px}:where(.rr-dialog).contact-dialog{border:1px solid var(--line);background:var(--paper);color:var(--graphite);width:500px;max-width:calc(100% - 32px);padding:48px 36px 30px;max-height:calc(100dvh - 48px);overflow:auto}:where(.rr-dialog).contact-dialog::backdrop,:where(.rr-dialog).image-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}:where(.rr-dialog)[open]{animation:panel-enter .3s var(--ease)}:where(.rr-dialog) .dialog-close{position:absolute;right:12px;top:12px;background:transparent;border:1px solid #8885;border-radius:50%;width:34px;height:34px;font:24px/1 var(--sans);z-index:2}:where(.rr-dialog) .dialog-close:hover{background:var(--graphite);color:var(--white)}:where(.rr-dialog).contact-dialog .eyebrow{color:#68666b}:where(.rr-dialog).contact-dialog h2{font-size:29px;line-height:1.4;margin-top:16px}:where(.rr-dialog).contact-dialog>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#68666b;margin-top:14px}:where(.rr-dialog) .contact-placeholder{margin:24px 0;padding:24px 18px;background:var(--fog);border:1px solid var(--line)}:where(.rr-dialog) .contact-placeholder>span{font-size:14px}:where(.rr-dialog) .contact-placeholder p{font-size:12px;color:#68666b;margin-top:8px}:where(.rr-dialog) .dialog-footnote{border-top:1px solid var(--line);padding-top:16px}:where(.rr-dialog) .wechat-qr{margin:24px auto;object-fit:contain}:where(.rr-dialog) .wechat-id{margin:20px 0;font-size:16px;overflow-wrap:anywhere;user-select:all}:where(.rr-dialog) #wechat-content .button{width:100%;background:var(--ink);color:var(--paper)}:where(.rr-dialog).image-dialog{width:min(1500px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 32px);padding:54px 12px 12px;background:var(--ink);color:var(--paper);border:1px solid #8885;overflow:auto}:where(.rr-dialog).image-dialog>img{width:100%;max-height:calc(100dvh - 150px);object-fit:contain}:where(.rr-dialog).image-dialog>p{font-size:11px;color:var(--ash);padding-top:12px;text-align:center}:where(.rr-dialog) .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);border:1px solid var(--line);padding:12px 20px;z-index:40;font-size:12px;width:max-content;max-width:calc(100% - 40px)}

@media(max-width:760px){.rr-dialog .section-heading,.rr-dialog .workflow-explanation,.rr-dialog .recommendation-layout,.rr-dialog .faq-layout{display:block}.rr-dialog .workflow-tabs{grid-template-columns:1fr 1fr}.rr-dialog .workflow-tab{padding:16px 10px}.rr-dialog .recommendation-layout{padding-top:30px}.rr-dialog .section-heading h2{font-size:26px}.rr-dialog .workflow-explanation p{margin:14px 0}.rr-dialog .screen-button.portrait-screen{padding:8px}}