.sg{--line:#262626;--soft:#9aa0ab;--blue:#1f6bff;--ease:cubic-bezier(.2,.8,.2,1);font-size:18px;line-height:1.45}.sg canvas{display:block}.sg .slogan,.sg h2,.sg h3{font-weight:500;letter-spacing:-.03em;line-height:1.03}.sg .btn{display:inline-block;background:var(--blue);color:#fff;padding:13px 20px;border-radius:4px;font-weight:500;font-size:16px;transition:transform .3s var(--ease)}.sg .btn:hover{transform:translateY(-3px)}.sg .btn.w{background:#fff;color:#000}.sg .hero{position:relative;height:100svh;min-height:620px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:0 20px 11vh}.sg .hero canvas{position:absolute;inset:0;width:100%;height:100%}.sg .hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:radial-gradient(72% 80% at 50% 62%,#000 55%,transparent 100%)}.sg .hero>:not(canvas){position:relative;z-index:2}.sg .k{font-size:18px;font-weight:400;color:#d6d8dc;margin-bottom:18px}.sg .slogan{font-size:clamp(44px,6.4vw,104px);max-width:14em}.sg .lead{font-size:21px;margin:22px 0 28px;max-width:33em;color:#e7e8ea}.sg .go{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sg .pin{height:520vh;position:relative}.sg .stick{position:sticky;top:0;height:100svh;padding:104px 32px 32px}.sg .frame{height:100%;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.sg .left{background:var(--blue);position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 40px}.sg .plus{position:absolute;font-size:22px;line-height:1}.sg .plus.a{top:14px;left:16px}.sg .plus.b{top:14px;right:16px}.sg .plus.c{bottom:14px;left:16px}.sg .plus.d{bottom:14px;right:16px}.sg .kick{position:absolute;top:40px;left:0;right:0;font-size:17px}.sg .kick a{text-decoration:underline;text-underline-offset:3px}.sg .slides{position:relative;width:100%;max-width:600px;height:220px}.sg .slides h2{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(28px,3.1vw,50px);line-height:1.12;opacity:0;transform:translateY(26px);transition:opacity .45s,transform .7s var(--ease)}.sg .slides h2.on{opacity:1;transform:none}.sg .slides h2.past{transform:translateY(-26px)}.sg .dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:5px;background:#ffffff2e;padding:7px 9px;border-radius:4px}.sg .dots b{display:block;width:5px;height:5px;background:#ffffff80;overflow:hidden;transition:width .5s var(--ease)}.sg .dots b.on{width:44px}.sg .dots b u{display:block;height:100%;width:0;background:#fff}.sg .right{position:relative;display:flex;align-items:center;justify-content:center;padding:40px;background-image:radial-gradient(#5a5a5a 1px,transparent 1.5px);background-size:52px 52px;background-position:26px 26px}.sg .card{background:#fff;width:min(100%,560px);aspect-ratio:4/3;position:relative}.sg .card canvas{position:absolute;inset:0;width:100%;height:100%}.sg .wrap{max-width:1376px;margin:0 auto;padding:0 32px}.sg section{padding:120px 0}.sg .count{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:end}.sg .count .n{font-size:clamp(90px,14vw,210px);line-height:.85;letter-spacing:-.05em;font-weight:500;font-variant-numeric:tabular-nums}.sg .count .n em{font-style:normal;color:var(--blue)}.sg .count p{margin-top:22px;font-size:24px;line-height:1.25;letter-spacing:-.01em;max-width:20em}.sg .count small{display:block;color:var(--soft);font-size:15px;margin-top:12px;letter-spacing:0}.sg .count small a{text-decoration:underline;text-underline-offset:3px}.sg .matrix{display:grid;grid-template-columns:repeat(19,1fr);gap:6px}.sg .matrix i{aspect-ratio:1/2.4;background:#fff;opacity:.08;transform:scaleY(.25);transition:opacity .4s,transform .6s var(--ease),background .4s;transition-delay:calc(var(--i)*22ms)}.sg .matrix.in i{opacity:.9;transform:none}.sg .matrix.in i.u{background:var(--blue);opacity:1}.sg .sec-h{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.sg .faq h2,.sg .sec-h h2{font-size:clamp(38px,5vw,76px)}.sg .sec-h p{max-width:24em;color:var(--soft)}.sg .offers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.sg .cell{position:relative;min-height:300px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:32px;overflow:hidden;isolation:isolate}.sg .cell:before{content:"";position:absolute;inset:0;background:var(--blue);transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--ease);z-index:-1}.sg .cell:focus-visible:before,.sg .cell:hover:before{transform:none}.sg .cell h3{font-size:32px;line-height:1.08}.sg .cell p{color:#c9ccd2;margin-top:12px;transition:color .3s}.sg .cell:hover p,.sg .cell:hover small{color:#fff}.sg .cell .pr{font-weight:500;font-size:20px}.sg .cell small{display:block;font-size:15px;font-weight:400;color:var(--soft);transition:color .3s}.sg .ticker{overflow:hidden;border-block:1px solid var(--line);padding:26px 0;white-space:nowrap}.sg .ticker div{display:inline-block;font-size:clamp(34px,4.4vw,64px);letter-spacing:-.03em;font-weight:500;animation:sg-slide 34s linear infinite}.sg .ticker:hover div{animation-play-state:paused}.sg .ticker a{margin-right:56px}.sg .ticker a:hover{color:#6a9cff}.sg .ticker a:after{content:"";display:inline-block;width:.14em;height:.62em;background:var(--blue);margin-left:56px}@keyframes sg-slide{to{transform:translateX(-50%)}}.sg .tools{display:grid;grid-template-columns:repeat(4,1fr);gap:0 32px}.sg .tools.posts{grid-template-columns:repeat(3,1fr)}.sg .tools a{border-top:1px solid #fff;padding:18px 0;display:block}.sg .tools h3{font-size:24px;line-height:1.12;transition:transform .4s var(--ease),color .2s}.sg .tools a:hover h3{transform:translateX(8px);color:#6a9cff}.sg .tools p{color:var(--soft);margin-top:10px;font-size:16px}.sg .tools span{display:block;color:var(--soft);font-size:15px;margin-bottom:10px}.sg .faq{display:grid;grid-template-columns:5fr 7fr;gap:64px}.sg .faq details{border-top:1px solid var(--line);padding:20px 0}.sg .faq details:last-child{border-bottom:1px solid var(--line)}.sg .faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-size:21px;font-weight:500;letter-spacing:-.01em}.sg .faq summary::-webkit-details-marker{display:none}.sg .faq summary span{transition:transform .3s var(--ease)}.sg .faq details[open] summary span{transform:rotate(45deg)}.sg .faq details p{margin-top:12px;color:#c9ccd2}.sg .end{text-align:center;padding:130px 20px 0}.sg .end h2{font-size:clamp(46px,7vw,112px)}.sg .end p{margin:20px auto 30px;font-size:22px;color:#e7e8ea}.sg .rise{width:100%;height:220px;margin-top:70px}@media (max-width:860px){.sg{font-size:17px}.sg .hero{padding-bottom:9vh}.sg .lead{font-size:19px}.sg .stick{padding:104px 16px 16px}.sg .frame{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr 1fr}.sg .left{padding:44px 22px 40px}.sg .kick{top:16px}.sg .slides{height:130px}.sg .dots{bottom:12px}.sg .right{padding:14px}.sg .card{height:100%;width:100%;aspect-ratio:auto}.sg .wrap{padding:0 16px}.sg section{padding:76px 0}.sg .count,.sg .faq{grid-template-columns:minmax(0,1fr);gap:32px}.sg .sec-h{display:block}.sg .sec-h p{margin-top:14px}.sg .offers,.sg .tools,.sg .tools.posts{grid-template-columns:minmax(0,1fr)}.sg .cell{min-height:220px}.sg .end{padding-top:80px}.sg .rise{height:130px;margin-top:44px}}@media (prefers-reduced-motion:reduce){.sg .ticker div{animation:none}.sg .matrix i,.sg .slides h2{transition:none}}