.c9 .k2-intro{padding:calc(var(--header) + clamp(14px,1.6vw,20px)) 0 var(--s-section-m)}.c9 .k2-intro .display{grid-column:1/-1;max-width:none;margin-top:clamp(56px,8vw,120px)}.c9 .k2-intro-text{margin-top:clamp(40px,4.6vw,64px)}.c9 .k2-intro-text .lead{max-width:560px}.c9 .k2-intro .cta-group{margin-top:36px}@media (min-width:640px){.c9 .k2-intro .cta-group{flex-flow:row}.c9 .k2-intro .cta{width:auto}}@media (min-width:1024px){.c9 .k2-intro .display{grid-column:1/11}.c9 .k2-intro-text{grid-column:1/8}}.c9 .ki-head{align-items:start;row-gap:24px}.c9 .ki-head .txt .body{max-width:560px}@media (min-width:1024px){.c9 .ki-head>.h1{grid-column:1/7}.c9 .ki-head>.txt{grid-column:7/13}}.c9{--lav:#957dba;--lav-tint:#957dba29;--lav-ink:#6e5a93;--lav-solid:#e3dfe9}.c9 .k2-intro{padding-bottom:var(--s-section-s)}@media (min-width:1024px){.c9 .k2-intro .grid{align-items:center}.c9 .k2-left{grid-column:1/7}.c9 .k2-left .display{margin-top:clamp(40px,5vw,72px)}}.c9 .k2-left .k2-intro-text{margin-top:clamp(28px,3.2vw,44px)}.c9 .hm-ks{background:var(--ink);color:#fff;padding:var(--s-section-m) 0}.c9 .hm-ks-grid{align-items:start;row-gap:40px}.c9 .hm-ks-head,.c9 .hm-ks-q{grid-column:1/-1}.c9 .hm-ks-head .h1{color:#fff}.c9 .hm-ks-head .h1 em{color:var(--lav);font-style:normal}.c9 .hm-ks-rating{margin-top:28px}.c9 .hm-ks-rating b,.c9 .hm-ks-rating>span:not(.stars){color:var(--on-dark)}.c9 .hm-ks-q{margin:0}.c9 .hm-ks-panel{transition:transform .5s var(--ease),opacity .5s var(--ease)}.c9 .hm-ks-panel.off-l{opacity:0;transform:translate(-40px)}.c9 .hm-ks-panel.off-r{opacity:0;transform:translate(40px)}.c9 .hm-ks-panel.instant{transition:none}.c9 .hm-ks-q blockquote{font-family:var(--font-display);color:#fff;margin:0;font-weight:500}.c9 .hm-ks-q .q-xl{letter-spacing:-.025em;font-size:clamp(28px,3vw,42px);line-height:1.15}.c9 .hm-ks-q .q-l{letter-spacing:-.02em;font-size:clamp(23px,2.4vw,34px);line-height:1.22}.c9 .hm-ks-q .q-m{letter-spacing:-.01em;font-size:clamp(19px,1.8vw,24px);line-height:1.42}.c9 .hm-ks-who{flex-direction:column;gap:2px;margin-top:28px;display:flex}.c9 .hm-ks-who b{font-weight:500;font-size:var(--t-ui);color:#fff}.c9 .hm-ks-who span{font-size:var(--t-small);color:var(--on-dark-muted)}.c9 .hm-ks-nav{border-top:1px solid #ffffff24;align-items:center;gap:8px;margin-top:40px;padding-top:24px;display:flex}.c9 .hm-ks-nav .q-count{color:var(--on-dark-muted)}.c9 .hm-ks .ic.sm{border-color:#ffffffb3}.c9 .hm-ks .ic.sm svg{color:#fff}.c9 .hm-ks .ic.sm.go:hover{background:#fff;border-color:#fff}.c9 .hm-ks .ic.sm.go:hover svg{color:var(--ink)}@media (min-width:1024px){.c9 .hm-ks-head{grid-column:1/5}.c9 .hm-ks-q{grid-column:6/13}}@media (prefers-reduced-motion:reduce){.c9 .hm-ks-panel{transition:none}.c9 .hm-ks-panel.off-l,.c9 .hm-ks-panel.off-r{opacity:1;transform:none}}.c9 .ecx-vis{border-radius:var(--r-l);background:var(--neutral);height:clamp(300px,31vw,440px);position:relative;overflow:hidden}.c9 .ecx-win{background:#fff;border-radius:12px;position:absolute;top:clamp(28px,3.6vw,52px);left:clamp(24px,3.4vw,52px);right:clamp(64px,8vw,116px);overflow:hidden;box-shadow:0 0 0 1px #2e2e380f}.c9 .ecx-win .bar{border-bottom:1px solid var(--line);align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.c9 .ecx-win .bar i{background:var(--neutral);border-radius:50%;width:7px;height:7px}.c9 .ecx-win .bar span{background:var(--neutral);color:var(--gray);border-radius:999px;margin-left:10px;padding:2px 10px;font-size:11px}.c9 .ecx-win img{width:100%;height:auto;display:block}.c9 .ecx-ph{aspect-ratio:9/19;background:#fff;border-radius:22px;width:clamp(120px,11.5vw,166px);padding:6px;position:absolute;bottom:clamp(-60px,-4vw,-36px);right:clamp(20px,2.8vw,40px);box-shadow:0 0 0 1px #2e2e3814,0 24px 48px -24px #2e2e3859}.c9 .ecx-ph img{object-fit:cover;object-position:top center;border-radius:17px;width:100%;height:100%;display:block}@media (max-width:639px){.c9 .ecx-vis{border-radius:var(--r-s);height:260px}.c9 .ecx-win{top:20px;left:16px;right:52px}.c9 .ecx-ph{width:96px;bottom:-60px;right:12px}}.c9 .rf-note{border-radius:var(--r-m);background:var(--cream);color:var(--dark);grid-template-columns:1fr;align-items:center;gap:16px;margin-top:clamp(48px,5vw,72px);padding:clamp(24px,2.6vw,36px);display:grid}.c9 .rf-note .t-card{margin-top:8px}.c9 .rf-note .body-s{color:var(--ink)}@media (min-width:900px){.c9 .rf-note{grid-template-columns:5fr 6fr auto;gap:40px}}.c9 .rf-note:hover .ic.sm{background:var(--dark);border-color:var(--dark)}.c9 .rf-note:hover .ic.sm svg{color:#fff}.c9 .rf-intro .k2-left,.c9 .rf-intro .k2-intro-text{grid-column:1/-1}.c9 .rf-intro .display{max-width:15ch}.c9 .rf-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(48px,5vw,72px) 0 0;padding:0;list-style:none;display:grid}@media (min-width:900px){.c9 .rf-strip{grid-template-columns:repeat(6,minmax(0,1fr))}}.c9 .rf-strip li{justify-content:center;align-items:center;height:clamp(76px,7vw,104px);padding:0 16px;display:flex}.c9 .rf-strip img{object-fit:contain;filter:grayscale();opacity:.6;width:auto;max-width:100%;max-height:30px}.c9 .rf-page .meta{font-size:var(--t-small);color:var(--gray);margin-top:6px;line-height:1.45}.c9 .rf-svc{color:var(--gray);margin-top:16px;font-size:13px;line-height:1.6}.c9 .rf-svc a{color:var(--gray);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;transition:color .2s}.c9 .rf-svc a:hover{color:var(--dark)}.c9 .rf-acts{flex-wrap:wrap;gap:8px 24px;margin-top:auto;padding-top:22px;display:flex}.c9 .rf-acts:empty{display:none}.c9 .rf-cases{padding:var(--s-section-m) 0;scroll-margin-top:40px}.c9 .rf-case-grid{margin:var(--s-head,clamp(48px,6vw,88px)) 0 0;column-gap:var(--gap);grid-template-columns:1fr;row-gap:clamp(56px,6vw,88px);padding:0;list-style:none;display:grid}@media (min-width:900px){.c9 .rf-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.c9 .rf-case{flex-direction:column;scroll-margin-top:110px;display:flex}.c9 .rf-case .ecx-vis{height:clamp(280px,29vw,420px)}.c9 .rf-case-txt{flex-direction:column;flex:1;margin-top:28px;display:flex}.c9 .rf-case-txt .t-card{letter-spacing:-.015em;font-size:clamp(24px,2vw,28px)}.c9 .rf-case-txt .body-s{color:var(--ink);max-width:56ch;margin-top:14px}.c9 .rf-case .ecx-win img{transition:transform 1.2s var(--ease)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.c9 .rf-case:hover .ecx-win img{transform:translateY(-6%)}}.c9 .rf-more{padding:var(--s-section-m) 0;scroll-margin-top:40px}.c9 .rf-cards{margin:var(--s-head,clamp(48px,6vw,88px)) 0 0;grid-template-columns:1fr;gap:clamp(14px,1.4vw,20px);padding:0;list-style:none;display:grid}@media (min-width:700px){.c9 .rf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.c9 .rf-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.c9 .rf-card{border-radius:var(--r-m);background:var(--neutral);flex-direction:column;padding:10px;scroll-margin-top:110px;display:flex}.c9 .rf-logo{border-radius:calc(var(--r-m) - 6px);background:#fff;justify-content:center;align-items:center;height:clamp(120px,10vw,150px);display:flex}.c9 .rf-logo img{object-fit:contain;filter:grayscale();opacity:.75;width:auto;max-width:52%;max-height:44px;transition:filter .3s var(--ease),opacity .3s var(--ease)}.c9 .rf-card:hover .rf-logo img{filter:none;opacity:1}.c9 .rf-card-b{flex-direction:column;flex:1;padding:clamp(18px,1.6vw,24px) clamp(12px,1.2vw,18px) clamp(14px,1.2vw,18px);display:flex}.c9 .rf-card-b .body-s{color:var(--ink);margin-top:12px}.c9 .rf-note{text-decoration:none}
