.rv{transition:opacity 1s var(--ease),transform 1.2s var(--ease),filter 1s var(--ease);transform:translateY(7.5rem)}.rv.r{transform:translate(5.625rem)}.rv.s{filter:blur(.625rem);transform:scale(.9)}.rv.r.in,.rv.s.in{filter:none;transform:none}.blh .rv:not(.in){transform:translateY(2rem)}.tag{color:#fff;background:#000;border-radius:.25rem;padding:2px .375rem;font-size:.75rem;font-weight:400;line-height:.75rem;display:inline-block}.meta{color:var(--grey-2);align-items:center;gap:.75rem;font-size:.8125rem;font-weight:400;line-height:.8125rem;display:flex}.meta i{background:currentColor;border-radius:50%;width:.1875rem;height:.1875rem}.bhero{background:radial-gradient(38% 60% at 100% 0%,#bafe2d52,#bafe2d00 70%),var(--card)}.bhero-in{grid-template-columns:1fr 1.1fr;align-items:center;gap:4.5rem;padding:10.625rem 4rem 3.5rem;display:grid}.bhero h1{color:#000;letter-spacing:-.01em;margin:1.75rem 0 1.5rem;font-size:4.75rem;font-weight:600;line-height:5.5rem}.bhero-l>p{color:var(--grey);max-width:31.25rem;font-size:1.125rem;font-weight:400;line-height:1.875rem}.blh{background:#fff;padding-top:7.5rem}.blh-card{background:#e8e9eb;border-radius:1.75rem;grid-template-columns:minmax(0,1fr) minmax(0,50%);align-items:center;min-height:23.75rem;display:grid}.blh-l{z-index:1;flex-direction:column;align-items:flex-start;min-width:0;padding:2.5rem 0 2.5rem 3.5rem;display:flex;position:relative}.blh-tag{color:#000;letter-spacing:.06em;background:#fff;border-radius:62.4375rem;align-items:center;gap:.5rem;height:1.75rem;padding:0 .75rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.blh-tag:before{content:"";background:var(--lime);border-radius:50%;width:.375rem;height:.375rem;box-shadow:0 0 0 1px #0000001f}.blh h1 br{display:none}.blh h1{color:#000;letter-spacing:-.02em;margin:1.25rem 0 .75rem;font-size:clamp(2.25rem,3.4vw,3.25rem);font-weight:500;line-height:1.12}.blh h1 .typed{vertical-align:top;white-space:nowrap;min-height:1.12em;display:inline-block}.blh h1 em{background:linear-gradient(var(--lime),var(--lime)) no-repeat 0 88%/100% 22%;padding:0 .25rem;font-style:normal}.blh h1 em:empty{padding:0}.caret{vertical-align:-.06em;background:#000;border-radius:2px;width:.3125rem;height:.82em;margin-left:.375rem;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.blh-l>p{color:#555;max-width:35rem;font-size:1rem;font-weight:400;line-height:1.8}.blh-r{border-radius:0 1.75rem 1.75rem 0;align-self:stretch;min-height:18.75rem;position:relative;overflow:hidden}.blh-r img{width:auto;max-width:none;height:116%;position:absolute;top:-9%;right:-2%;-webkit-mask:linear-gradient(90deg,#0000,#000 32% 92%,#0000);mask:linear-gradient(90deg,#0000,#000 32% 92%,#0000)}.search{max-width:26.25rem;height:3rem;color:var(--grey-2);background:#fff;border-radius:62.4375rem;align-self:stretch;align-items:center;gap:.625rem;margin-top:1.5rem;padding:0 1.375rem;transition:box-shadow .2s;display:flex}.search:focus-within{box-shadow:0 0 0 2px #000}.search input{color:#000;background:0 0;outline:0;flex:1;min-width:0;height:100%;font-size:.9375rem;font-weight:400}.search input::placeholder{color:var(--grey-2)}.ahero{background:radial-gradient(38% 60% at 100% 0%,#bafe2d52,#bafe2d00 70%),var(--card)}.ahero-in{padding:9.375rem 4rem 3.5rem}.ahero .crumb{color:var(--grey-2);align-items:center;gap:.625rem;font-size:.875rem;font-weight:400;line-height:.875rem;display:flex}.ahero .crumb a{color:var(--grey);transition:color .2s}.ahero .crumb a:hover{color:#000}.ahero h1{color:#000;letter-spacing:-.01em;word-break:break-word;margin:1.5rem 0 1rem;font-size:3.5rem;font-weight:600;line-height:4.25rem}.ahero-in>p:last-child{color:var(--grey);max-width:38.75rem;font-size:1.125rem;font-weight:400;line-height:1.875rem}.blog-body{grid-template-columns:10.5rem minmax(0,1fr);align-items:start;gap:3.5rem;display:grid}.cat-side{position:sticky;top:7.5rem}.cat-side-h{color:var(--grey-2);letter-spacing:.16em;align-items:center;gap:.5rem;margin-bottom:1.125rem;font-size:.75rem;font-weight:500;line-height:.75rem;display:flex}.cat-side-h:before{content:"";background:var(--lime);border-radius:50%;width:.375rem;height:.375rem;box-shadow:0 0 0 1px #0000001a}.cats{flex-direction:column;display:flex;box-shadow:inset 1px 0 #00000014}.cats button,.cats a{text-align:left;color:var(--grey);background:0 0;border:0;padding:.75rem 0 .75rem 1.125rem;font-size:.9375rem;font-weight:400;line-height:1.125rem;transition:color .25s;display:block;position:relative}.cats button:before,.cats a:before{content:"";width:2px;transition:transform .35s var(--ease);background:#000;position:absolute;top:.625rem;bottom:.625rem;left:0;transform:scaleY(0)}.cats button:hover,.cats a:hover{color:#000}.cats button:hover:before,.cats a:hover:before{transform:scaleY(.45)}.cats button.on,.cats a.on{color:#000;font-weight:500}.cats button.on:before,.cats a.on:before{transform:none}.cats button:focus-visible,.cats a:focus-visible{outline-offset:2px;border-radius:.25rem;outline:2px solid #000}.list-h{justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;display:flex}.list-h h2{color:#000;font-size:2.75rem;font-weight:600;line-height:3.25rem}.list-h span{color:var(--grey-2);font-size:.875rem;font-weight:400}.list-h a{color:#000;border-bottom:1px solid;font-size:.875rem;font-weight:500}.grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.post{background:var(--card);transition:transform .5s var(--ease),box-shadow .5s var(--ease);border-radius:1.75rem;flex-direction:column;display:flex;overflow:hidden}.post:hover{transform:translateY(-.375rem);box-shadow:0 1.875rem 3.75rem #0000000f}.post.hide{display:none}.post-img{background:#ededed;height:13.75rem;position:relative;overflow:hidden}.post-img img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease)}.post:hover .post-img img{transform:scale(1.06)}.post-body{flex-direction:column;flex:1;gap:.75rem;padding:1.75rem 1.75rem 2rem;display:flex}.post-body .tag{align-self:flex-start}.post h3{color:#000;font-size:1.375rem;font-weight:600;line-height:2rem}.post p{color:var(--grey);flex:1;font-size:.9375rem;font-weight:400;line-height:1.5rem}.post .meta{margin-top:auto;padding-top:.5rem}.ahero+.sec .wrap{padding-left:6.75rem;padding-right:6.75rem}@media (width<=1024px){.ahero+.sec .wrap{padding-left:5.25rem;padding-right:5.25rem}}@media (width<=767px){.ahero+.sec .wrap{padding-left:1rem;padding-right:1rem}}.sec.blb{padding:2.5rem 0 7.5rem}.blb-body{grid-template-columns:11.5rem minmax(0,1fr);align-items:start;gap:3rem;display:grid}.blb-side{background:#f5f5f6;border-radius:1.125rem;padding:.5rem;position:sticky;top:6.875rem}.blb .cat-side{min-width:0;position:static}.blb-head{border-bottom:1px solid #0000001a;align-items:center;height:3rem;margin:0 0 1.25rem;display:flex}.blb .cat-side-h{height:2.5rem;color:var(--grey-2);letter-spacing:.16em;align-items:center;gap:0;margin:0;padding:0 .875rem;font-size:.75rem;font-weight:500;line-height:1;display:flex}.blb .cat-side-h:before{display:none}.blb .cats{box-shadow:none;gap:2px}.blb .cats button{color:#333;border-radius:.75rem;align-items:center;gap:.625rem;width:100%;height:2.75rem;padding:0 .875rem;font-size:.9375rem;line-height:1;transition:background .2s,color .2s;display:flex}.blb .cats button:before{background:0 0;border-radius:50%;flex:none;width:.375rem;height:.375rem;transition:background .2s;position:static;transform:none}.blb .cats button:hover{color:#000;background:#ebebed}.blb .cats button:hover:before{background:#0000002e;transform:none}.blb .cats button.on{color:#fff;background:#000;font-weight:500}.blb .cats button.on:before{background:var(--lime);box-shadow:none}.blb-head{justify-content:space-between;gap:1.25rem}.blb-head h2{color:#000;font-size:1.375rem;font-weight:500;line-height:1}.blb-head span{color:var(--grey-2);font-size:.8125rem;line-height:1}.blb .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.25rem 1.5rem}.blb .post{background:0 0;border-radius:0;min-width:0;overflow:visible}.blb .post:hover{box-shadow:none;transform:none}.blb .post.spot:after{display:none}.blb .post-img{aspect-ratio:4/3;border-radius:.875rem;height:auto}.blb .post-body{flex-flow:wrap;align-content:flex-start;align-items:center;gap:.5rem;padding:.875rem 0 0}.blb .post-body .tag{background:var(--lime);color:#000;white-space:nowrap;text-overflow:ellipsis;border-radius:.375rem;order:-2;align-self:center;max-width:50%;height:1.25rem;padding:0 .5rem;font-size:.75rem;font-weight:600;line-height:1.25rem;display:block;overflow:hidden}.blb .post[data-cat=guide] .tag{color:#2f4200;background:#e4f9b0}.blb .post[data-cat=platform] .tag{color:#1d3f9a;background:#dde9ff}.blb .post[data-cat=content] .tag{color:#4f2a9e;background:#ece3ff}.blb .post[data-cat=case] .tag{color:#94360f;background:#ffe5d6}.blb .post[data-cat=product] .tag{color:#0d6148;background:#d6f3ea}.blb .post .meta{white-space:nowrap;flex:none;order:-1;gap:.5rem;height:1rem;margin:0 0 0 2px;padding:0;font-size:.75rem;line-height:1rem}.blb .post .meta:before{display:none}.blb .post h3{white-space:nowrap;text-overflow:ellipsis;flex-basis:100%;min-width:0;margin-top:.25rem;font-size:1rem;font-weight:500;line-height:1.55;transition:color .2s;overflow:hidden}.blb .post:hover h3{color:#3a3a3a}.blb .post p{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:0 0 100%;height:3.4em;font-size:.8125rem;line-height:1.7;display:-webkit-box;overflow:hidden}@media (width<=1280px){.blb .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-body .grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.blog-body .post{border-radius:1.5rem}.blog-body .post-img{aspect-ratio:3/2;height:auto}@media (width<=1280px){.blog-body .grid{grid-template-columns:repeat(2,1fr)}}.blog-body .post-body{gap:.625rem;padding:1.375rem 1.375rem 1.5rem}.blog-body .post h3{font-size:1.25rem;line-height:1.875rem}.blog-body .post p{font-size:.875rem;line-height:1.375rem}.blog-body .post .meta{padding-top:.375rem}.empty{text-align:center;color:var(--grey);padding:5rem 0;font-size:.9375rem;font-weight:400;display:none}.empty.show{display:block}.pager{border-top:1px solid #00000014;justify-content:center;align-items:center;gap:.375rem;margin-top:3.5rem;padding-top:1.75rem;display:flex}.pager[hidden]{display:none}.pager button{min-width:2.375rem;height:2.375rem;color:var(--grey);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:.625rem;justify-content:center;align-items:center;padding:0 .625rem;font-size:.875rem;font-weight:400;line-height:1;transition:background .2s,color .2s;display:inline-flex}.pager button:hover{color:#000;background:#f3f3f4}.pager button[aria-current]{color:#fff;cursor:default;background:#000}.pager button:disabled{opacity:.3;cursor:default;background:0 0}.pager .pg-arrow{color:#000;gap:.25rem;padding:0 .875rem 0 .625rem}.pager .pg-arrow:last-child{padding:0 .625rem 0 .875rem}.pager .pg-arrow:first-child{margin-right:.5rem}.pager .pg-arrow:last-child{margin-left:.5rem}.pager .pg-gap{text-align:center;min-width:1.5rem;color:var(--grey-2);font-size:.875rem}.pager button:focus-visible{outline-offset:2px;outline:2px solid #000}.sub{background:var(--card-dark);color:#fff;background-image:radial-gradient(40% 80% at 100% 100%,#bafe2d38,#0000 70%);border-radius:2.5rem;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:4.5rem 4rem;display:grid}.sub h2{font-size:2.75rem;font-weight:600;line-height:3.375rem}.sub h2 em{color:var(--lime);font-style:normal}.sub p{color:var(--on-dark-2);margin-top:1rem;font-size:1rem;font-weight:400;line-height:1.625rem}.sub form{gap:.75rem;display:flex}.sub input{color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:.875rem;outline:0;flex:1;min-width:0;height:3.5rem;padding:0 1.25rem;font-size:.9375rem;font-weight:400}.sub input::placeholder{color:var(--on-dark-2)}.sub button{background:var(--lime);color:#000;white-space:nowrap;border-radius:.875rem;height:3.5rem;padding:0 1.75rem;font-size:1rem;font-weight:600}@media (width<=1024px){.bhero-in{grid-template-columns:1fr;gap:2.5rem;padding:9.375rem 2.5rem 3rem}.blh-card{grid-template-columns:1fr;min-height:0}.blh-l{padding:2.25rem 2rem 0}.blh-r{border-radius:0 0 1.75rem 1.75rem;min-height:18.75rem}.blh-r img{-webkit-mask-composite:source-in;right:50%;transform:translate(50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000),linear-gradient(#0000,#000 16%);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000),linear-gradient(#0000,#000 16%);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;mask-composite:intersect;mask-mode:match-source,match-source}.blb-body{flex-direction:column;align-items:stretch;gap:0;display:flex}.blb-main{display:contents}.blb-head{order:-1}.blb-side{background:0 0;width:100%;margin-bottom:1.5rem;padding:0;position:static}.blb .cat-side-h{display:none}.blb .cats{box-shadow:none;flex-flow:row;gap:.375rem;overflow-x:auto}.blb .cats button{background:#f3f3f4;border-radius:62.4375rem;flex:none;width:auto;height:2.25rem;margin:0;padding:0 1rem;font-size:.875rem}.blb .cats button:before{display:none}.blb .cats button:hover{background:#e8e8ea}.blb .cats button.on{color:#fff;background:#000;font-weight:400}.blb .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.25rem}.ahero-in{padding:8.75rem 2.5rem 3rem}.blog-body{grid-template-columns:minmax(0,1fr);gap:1.75rem}.cat-side{position:static}.cat-side-h{display:none}.cats{scrollbar-width:none;flex-direction:row;gap:1.75rem;overflow-x:auto;box-shadow:inset 0 -1px #00000014}.cats::-webkit-scrollbar{display:none}.cats button,.cats a{flex:none;padding:.25rem 0 .875rem}.cats button:before,.cats a:before{width:auto;height:2px;inset:auto 0 0;transform:scaleX(0)}.cats button:hover:before,.cats a:hover:before{transform:scaleX(.45)}.cats button.on:before,.cats a.on:before{transform:none}.grid,.blog-body .grid{grid-template-columns:1fr 1fr}.sub{grid-template-columns:1fr;padding:3.5rem 2.5rem}}@media (width<=767px){.bhero-in{padding:7.5rem 0 2rem}.bhero h1{margin:1.25rem 0 1rem;font-size:2.75rem;line-height:3.375rem}.bhero-l>p{font-size:.9375rem;line-height:1.625rem}.blh{padding-top:6.25rem}.blh-card{border-radius:1.25rem}.blh-l{padding:1.5rem 1.25rem 0}.blh h1{margin:.875rem 0 .625rem;font-size:1.875rem}.blh-r{border-radius:0 0 1.25rem 1.25rem;min-height:15rem}.caret{width:.1875rem}.blh-l>p{font-size:.875rem;line-height:1.5rem}.search{height:2.75rem;margin-top:1rem;padding:0 1.125rem}.sec.blb{padding:1.75rem 0 5rem}.blb-side{margin-bottom:1.5rem}.blb .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem .875rem}.blb .post p{display:none}.blb .post h3{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3.1em;font-size:.9375rem;display:-webkit-box}.blb .post .meta i,.blb .post .meta span{display:none}.blb .cats button{height:2.125rem;padding:0 .875rem}.pager{gap:2px;margin-top:2.25rem;padding-top:1.25rem}.pager button{min-width:2.125rem;height:2.125rem;padding:0 .5rem}.pager .pg-arrow:first-child,.pager .pg-arrow:last-child{margin:0;padding:0 .5rem}.pager .pg-arrow span{display:none}.ahero-in{padding:7.25rem 0 2rem}.ahero h1{margin:1.125rem 0 .75rem;font-size:2.25rem;line-height:2.875rem}.ahero-in>p:last-child{font-size:.9375rem;line-height:1.625rem}.blog-body{gap:1.25rem}.cats{gap:1.375rem}.cats button,.cats a{font-size:.875rem}.list-h{margin-bottom:1.5rem}.list-h h2{font-size:1.875rem;line-height:2.375rem}.grid{grid-template-columns:1fr;gap:1rem}.post{border-radius:1.25rem}.post-img{height:11.875rem}.post-body{padding:1.375rem 1.25rem 1.5rem}.post h3{font-size:1.1875rem;line-height:1.75rem}.blog-body .grid{grid-template-columns:1fr;gap:.875rem}.blog-body .post{border-radius:1.125rem}.blog-body .post-body{padding:1.125rem 1.125rem 1.25rem}.blog-body .post h3{font-size:1.125rem;line-height:1.6875rem}.sub{border-radius:1.5rem;gap:1.75rem;padding:2.5rem 1.5rem}.sub h2{font-size:1.75rem;line-height:2.25rem}.sub form{flex-direction:column}}@media (prefers-reduced-motion:reduce){.rv,.blh .rv:not(.in){opacity:1;filter:none;transition:none;transform:none}.caret{animation:none}}html.dark .tag{color:#000;background:#fff}html.dark .bhero,html.dark .ahero{background:radial-gradient(38% 60% at 100% 0%,#bafe2d21,#bafe2d00 70%),var(--card)}html.dark .bhero h1,html.dark .ahero h1,html.dark .list-h h2,html.dark .list-h a,html.dark .post h3,html.dark .ahero .crumb a:hover{color:#fff}html.dark .blh{background:#0c0d0e}html.dark .blh-card{background:#161718}html.dark .blh-tag{color:#fff;background:#232427}html.dark .blh-tag:before{box-shadow:none}html.dark .blh h1{color:#fff}html.dark .caret{background:#fff}html.dark .blh-l>p{color:#a1a1a1}html.dark .search{background:#232427}html.dark .search:focus-within{box-shadow:0 0 0 2px #fff}html.dark .search input{color:#fff}html.dark .cats{box-shadow:inset 1px 0 #ffffff14}html.dark .cats button:before,html.dark .cats a:before{background:#fff}html.dark .cats button:hover,html.dark .cats a:hover,html.dark .cats button.on,html.dark .cats a.on{color:#fff}html.dark .cats button:focus-visible,html.dark .cats a:focus-visible{outline-color:#fff}html.dark .post-img{background:#1d1e20}html.dark .blb-side{background:#161718}html.dark .blb-head{border-bottom-color:#ffffff1a}html.dark .blb-head h2{color:#fff}html.dark .blb .cats{box-shadow:none}html.dark .blb .cats button{color:#c8c8c8}html.dark .blb .cats button:before{background:0 0}html.dark .blb .cats button:hover{color:#fff;background:#232427}html.dark .blb .cats button:hover:before{background:#ffffff40}html.dark .blb .cats button.on{color:#000;background:#fff}html.dark .blb .cats button.on:before{background:var(--lime);box-shadow:0 0 0 1px #00000026}html.dark .blb .post:hover h3{color:#cfcfcf}html.dark .blb .post[data-cat=guide] .tag{color:#cdf27a;background:#bafe2d24}html.dark .blb .post[data-cat=platform] .tag{color:#a9c6ff;background:#5b93d633}html.dark .blb .post[data-cat=content] .tag{color:#cab6ff;background:#966ef038}html.dark .blb .post[data-cat=case] .tag{color:#f6b48c;background:#ec8a4533}html.dark .blb .post[data-cat=product] .tag{color:#86dcc0;background:#3cbe9633}html.dark .pager{border-top-color:#ffffff14}html.dark .pager button:hover{color:#fff;background:#ffffff14}html.dark .pager button[aria-current]{color:#000;background:#fff}html.dark .pager button:disabled{background:0 0}html.dark .pager .pg-arrow{color:#fff}html.dark .pager button:focus-visible{outline-color:#fff}@media (width<=1024px){html.dark .blb-side{background:0 0}html.dark .blb .cats button{background:#1d1e20}html.dark .blb .cats button:hover{background:#26272a}html.dark .blb .cats button.on{background:#fff}html.dark .cats{box-shadow:inset 0 -1px #ffffff14}html.dark .blb .cats{box-shadow:none}}