@property --hb{syntax:"<color>";inherits:true;initial-value:#00B4FF}
.st{position:relative;padding-bottom:clamp(40px,5vw,80px)}
.st-plate{position:relative;border-radius:28px;padding:clamp(72px,8.4vw,136px) clamp(24px,5vw,88px) clamp(56px,6.4vw,104px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 1px rgba(0,0,0,.055)}
.st-plate::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.66) 0%,rgba(255,255,255,.5) 46%,rgba(255,255,255,.58) 100%);-webkit-backdrop-filter:blur(10px) saturate(1.25);backdrop-filter:blur(10px) saturate(1.25);-webkit-mask-image:radial-gradient(circle at var(--lx,50%) var(--ly,50%),transparent var(--lr,0px),#000 calc(var(--lr,0px) + var(--lf,0px)));mask-image:radial-gradient(circle at var(--lx,50%) var(--ly,50%),transparent var(--lr,0px),#000 calc(var(--lr,0px) + var(--lf,0px)))}
.st-po{position:absolute;left:var(--lx,50%);top:var(--ly,50%);z-index:-2;width:var(--cd,0px);height:var(--cd,0px);transform:translate(-50%,-50%);pointer-events:none;visibility:hidden}
.st.is-land .st-po{visibility:visible}
.st-po::after{content:"";position:absolute;inset:0;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1.4 0 0 0 -.2 1.4 0 0 0 -.2 1.4 0 0 0 -.2 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:var(--nz,36px) var(--nz,36px);opacity:.36;mix-blend-mode:overlay}
.st-head{text-align:center}
.st-stmt{margin-top:clamp(16px,1.6vw,26px);line-height:1.48}
.st-k{position:relative}
.st-w{--hb:var(--blue);padding:0 .14em;background:linear-gradient(var(--hb),var(--hb)) no-repeat 0 65%/100% 81%;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .8s var(--ease),--hb .35s ease}
.st-k[data-k="2"] .st-w{transition-delay:.32s,0s}
.st-k[data-k="3"] .st-w{transition-delay:.64s,0s}
.st.is-armed .st-head:not(.is-in) .st-w{background-size:0% 81%}
.st[data-k] .st-w{--hb:rgba(0,180,255,.2)}
.st[data-k] .st-k.is-on .st-w{--hb:var(--blue)}
.st-venn{position:relative;container-type:inline-size;width:min(100%,clamp(760px,47.06vw,900px));aspect-ratio:820/778;margin:clamp(72px,6.2vw,104px) auto 0}
.st-fig{position:absolute;inset:0;container-type:inline-size}
.st-g{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.st-t{fill:rgba(0,180,255,.075);transition:fill .45s ease}
.st-tint{transition:opacity 1s ease .9s}
.st-ring{fill:rgba(0,180,255,0);stroke:rgba(0,0,0,.2);stroke-width:1;stroke-dasharray:100 100;stroke-dashoffset:0;transform-box:fill-box;transform-origin:50% 50%;transition:stroke-dashoffset 1.2s var(--out),stroke .4s ease,stroke-width .4s ease,fill .4s ease}
.st-r1{transform:rotate(110deg)}
.st-r2{transform:rotate(230deg);transition-delay:.15s,0s,0s,0s}
.st-r3{transform:rotate(350deg);transition-delay:.3s,0s,0s,0s}
.st-orbit{display:none}
.st.is-armed .st-venn:not(.is-in) .st-ring{stroke-dashoffset:100}
.st.is-armed .st-venn:not(.is-in) .st-tint,.st.is-armed .st-venn:not(.is-in) .st-tags{opacity:0}
.st-core{position:absolute;left:50%;top:44.007%;width:clamp(150px,20.5cqw,210px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.st-mark{position:absolute;left:50%;top:44.007%;transform:translate(-50%,-50%);padding-left:.26em;font-family:var(--en);font-size:14px;font-weight:500;letter-spacing:.26em;line-height:1;color:#000;pointer-events:none;opacity:0;transition:opacity .4s ease .1s}
.st.is-dock .st-venn.is-in .st-mark{opacity:1}
.st-tags{display:none;transition:opacity .8s ease 1.1s}
.st-tag{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;color:#000;white-space:nowrap}
.st-tn{font-size:clamp(12px,4.4cqw,16px);font-weight:700;line-height:1.3;letter-spacing:.02em;font-feature-settings:"palt"}
.st-tn .en{font-weight:500;letter-spacing:0}
.st-tv{margin-top:clamp(2px,1cqw,5px);font-size:clamp(12px,4.4cqw,16px);font-weight:700;line-height:1;font-feature-settings:"palt"}
.st-tv .en{margin:0 .06em;font-family:var(--en);font-size:clamp(22px,8.8cqw,32px);font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.st-tag1{--x:20.4%;--y:26.2%}
.st-tag2{--x:79.6%;--y:26.2%}
.st-tag3{--x:50%;--y:79.6%}
.st-c{position:absolute;left:var(--x);top:var(--y);width:var(--w);transform:translate(-50%,-50%);text-align:center;transition:opacity .4s ease}
.st-c1{--x:19.5%;--y:27%;--w:40%}
.st-c2{--x:80.4%;--y:27%;--w:40%}
.st-c3{--x:50%;--y:79%;--w:50%}
.st-c h3{font-size:clamp(22px,3.17cqw,30px);font-weight:700;line-height:1.35;letter-spacing:.01em;font-feature-settings:"palt"}
.st-c h3 .en{font-weight:500;letter-spacing:0}
.st-c .tx{margin-top:clamp(10px,1.6cqw,14px);font-size:clamp(15px,1.96cqw,16px);line-height:1.8;white-space:nowrap}
.st-c .n{display:inline-block;margin-right:.06em;font-size:clamp(28px,4.15cqw,40px);font-weight:500;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;vertical-align:-.06em}
.st[data-k="1"] .st-r1,.st[data-k="2"] .st-r2,.st[data-k="3"] .st-r3{stroke:rgba(0,0,0,.78);stroke-width:2;fill:rgba(0,180,255,.07)}
.st[data-k] .st-c{opacity:.38}
.st[data-k="1"] .st-c1,.st[data-k="2"] .st-c2,.st[data-k="3"] .st-c3{opacity:1}
.st[data-p="12"] .st-r1,.st[data-p="12"] .st-r2,.st[data-p="13"] .st-r1,.st[data-p="13"] .st-r3,.st[data-p="23"] .st-r2,.st[data-p="23"] .st-r3{stroke:rgba(0,0,0,.5)}
.st[data-p="12"] .st-t12,.st[data-p="13"] .st-t13,.st[data-p="23"] .st-t23{fill:rgba(0,180,255,.17)}
@media (max-width:991px){
.st-venn{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;aspect-ratio:auto;margin-top:72px}
.st-fig{position:relative;inset:auto;flex:none;width:min(100%,clamp(272px,74vw,380px));aspect-ratio:820/778}
.st-ring{stroke-width:2.6;stroke:rgba(0,0,0,.26)}
.st-core{width:22cqw}
.st-mark{padding-left:.2em;font-size:12px;letter-spacing:.2em}
.st-tags{display:block}
.st-c{position:static;width:100%;transform:none;text-align:left}
.st-c1{margin-top:56px}
.st-c+.st-c{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.st-c h3{position:relative;padding-left:17px;font-size:18px;line-height:1.4}
.st-c h3::before{content:"";position:absolute;left:0;top:calc(.7em - 3.5px);width:7px;height:7px;border-radius:50%;background:var(--blue)}
.st-c .tx{margin-top:8px;padding-left:17px;font-size:15px;line-height:1.8;white-space:normal}
.st-c .n{font-size:24px;vertical-align:-.04em}
}
@media (max-width:767px){
.st-stmt{line-height:1.6}
.st-plate{padding:52px 20px 40px}
.st-w{transition:background-size .6s var(--ease),--hb .35s ease}
.st-k[data-k="2"] .st-w{transition-delay:.12s,0s}
.st-k[data-k="3"] .st-w{transition-delay:.24s,0s}
.st-ring{transition:stroke-dashoffset .7s var(--out),stroke .4s ease,stroke-width .4s ease,fill .4s ease}
.st-r2{transition-delay:.1s,0s,0s,0s}
.st-r3{transition-delay:.2s,0s,0s,0s}
.st-tint{transition:opacity .5s ease .3s}
.st-tags{transition:opacity .5s ease .4s}
}
@media (max-width:374px){
.st-c .tx{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
.st-plate::after{-webkit-mask-image:none;mask-image:none}
.st-core{background:radial-gradient(circle at 68% 70%,#008FD1 0%,#00A3EC 24%,#00B4FF 44%,#44C8FF 62%,#A9E5FF 80%,#E9F8FF 96%);-webkit-mask-image:radial-gradient(closest-side,#000 93%,transparent 100%);mask-image:radial-gradient(closest-side,#000 93%,transparent 100%)}
}
@media (min-width:992px),(prefers-reduced-motion:reduce){
.st-po{display:none}
}
@media (min-width:992px){
.st.is-armed .st-venn:not(.is-in) .st-ring{stroke-opacity:0}
}
