@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/dm-sans-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/dm-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/jetbrains-mono-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/jetbrains-mono-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

img{height:auto}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#F6F5F1}
:focus-visible{outline:3px solid #0E0E0E;outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.sg-root{container-type:inline-size;overflow-x:clip;background:#F6F5F1;color:#0E0E0E;font-family:'DM Sans',sans-serif}
.sg-root *{box-sizing:border-box}
.sg-root a{color:inherit}
.sg-root img{display:block;max-width:100%}
.sg-mono{font-family:'JetBrains Mono',monospace}
.sg-hl{background:#EAF5A6;color:#0E0E0E;padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sg-cur{display:inline-block;width:.42em;height:.95em;background:currentColor;vertical-align:-0.12em;margin-left:.08em}
.sg-cur-c{background:#EAF5A6}
@keyframes sg-blink{50%{opacity:0}}
.sg-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:sg-type 2.4s steps(30) .3s both}
@keyframes sg-type{from{max-width:0}to{max-width:30ch}}
.sg-wrap{max-width:1312px;margin:0 auto}
.sg-sec{padding:120px 64px}
.sg-kick{font-family:'JetBrains Mono',monospace;font-size:16px;margin:0 0 16px}
.sg-h1{margin:0;font-weight:700;font-size:clamp(44px,6.2cqi,92px);line-height:1;letter-spacing:-0.035em}
.sg-h2{margin:0 0 56px;font-weight:700;font-size:clamp(34px,4.3cqi,64px);line-height:1.04;letter-spacing:-0.03em}
.sg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:16px;padding:16px 22px;border:2px solid #0E0E0E;text-decoration:none;cursor:pointer;background:#F6F5F1;color:#0E0E0E;transition:transform .15s ease,box-shadow .15s ease}
.sg-btn:hover{transform:translate(-3px,-3px);box-shadow:3px 3px 0 #0E0E0E}
.sg-root .sg-btn{color:#0E0E0E}
.sg-root .sg-btn-dark{background:#0E0E0E;color:#F6F5F1}
.sg-btn-dark:hover{box-shadow:3px 3px 0 #DCCBF6}
.sg-lift{transition:transform .25s ease}
.sg-lift:hover{transform:translateY(-6px)}
.sg-zoom{overflow:hidden}
.sg-zoom img{transition:transform .6s ease}
.sg-zoom:hover img{transform:scale(1.04)}
.sg-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:2px solid #0E0E0E;font-family:'JetBrains Mono',monospace;font-size:12px;background:#F6F5F1}
.sg-dot{width:9px;height:9px;border-radius:50%;border:1.5px solid #0E0E0E}
.sg-chip{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:15px;padding:13px 16px;border:2px solid #0E0E0E;background:#F6F5F1;color:#0E0E0E;cursor:pointer;text-align:left}
.sg-chip.on{background:#0E0E0E;color:#EAF5A6}
.sg-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;font-weight:700;font-size:21px;padding:24px 0}
.sg-faq summary::-webkit-details-marker{display:none}
.sg-faq summary::after{content:'+';font-family:'JetBrains Mono',monospace;font-size:26px;flex:none}
.sg-faq[open] summary::after{content:'−'}
.sg-marq{display:flex;width:max-content;animation:sg-marq 38s linear infinite}
@keyframes sg-marq{to{transform:translateX(-50%)}}
.sg-tog{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:15px;padding:12px 20px;border:0;background:transparent;color:#0E0E0E;cursor:pointer}
.sg-tog.on{background:#0E0E0E;color:#EAF5A6}
.sg-view{display:none}
.sg-view.on{display:flex}
.sg-rev .sg-stage{order:2}
.sg-root .sg-phone-l{left:28px;right:auto}
.sg-mphone{width:230px}
.sg-q{display:flex;align-items:center;gap:12px;font-weight:700;font-size:22px}
.sg-qn{font-family:'JetBrains Mono',monospace;font-size:14px;width:30px;height:30px;border-radius:50%;background:#0E0E0E;color:#EAF5A6;display:inline-flex;align-items:center;justify-content:center;flex:none}
.sg-opt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px 18px;border:2px solid #0E0E0E;background:#F6F5F1;color:#0E0E0E;cursor:pointer;font-family:'DM Sans',sans-serif;transition:transform .15s ease,box-shadow .15s ease}
.sg-opt:hover{transform:translate(-2px,-2px);box-shadow:2px 2px 0 #0E0E0E}
.sg-ot{font-weight:700;font-size:18px;line-height:1.2}
.sg-od{font-size:14px;line-height:1.4;opacity:.75}
.sg-om{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.sg-op{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:14px;margin-top:6px}
.sg-root .sg-btn-lime{background:#EAF5A6;color:#0E0E0E;border-color:#EAF5A6}
.sg-btn-lime:hover{box-shadow:3px 3px 0 #DCCBF6}
.sg-fh{font-size:13px;color:#EAF5A6;margin-bottom:4px}
.sg-root .sg-fl{text-decoration:none;font-size:16px;color:#F6F5F1}
.sg-fl:hover{text-decoration:underline}
.sg-dots{display:flex;gap:10px;margin-top:8px}
.sg-dots span{width:12px;height:12px;border-radius:50%;background:#EAF5A6;animation:sg-beat 2.8s ease-in-out infinite}
.sg-dots span:nth-child(2){animation-delay:.4s}.sg-dots span:nth-child(3){animation-delay:.8s}.sg-dots span:nth-child(4){animation-delay:1.2s}.sg-dots span:nth-child(5){animation-delay:1.6s}.sg-dots span:nth-child(6){animation-delay:2s}.sg-dots span:nth-child(7){animation-delay:2.4s}
@keyframes sg-beat{0%,100%{opacity:.3}15%{opacity:1}}
.sg-rule{position:absolute;height:12px;border-left:1.5px solid #6B6B66;border-right:1.5px solid #6B6B66;display:flex;align-items:center;justify-content:center}
.sg-rule::before{content:'';position:absolute;left:0;right:0;top:50%;border-top:1.5px dashed #6B6B66}
.sg-rule span{position:relative;background:#F6F5F1;padding:0 8px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#6B6B66}
.sg-gc{color:#0E0E0E;padding:30px;display:flex;flex-direction:column;gap:14px;box-shadow:8px 8px 0 rgba(246,245,241,.22);transition:transform .25s ease}
.sg-gc:hover{transform:rotate(0deg) translateY(-6px) !important}
.sg-gt{font-weight:700;font-size:clamp(44px,4.6cqi,68px);line-height:1;letter-spacing:-0.035em}
.sg-gcol{display:flex;flex-direction:column;gap:20px;padding:40px 36px 8px 0}
.sg-gcol+.sg-gcol{border-left:2px solid #3A3A38;padding-left:36px}
.sg-gg{font-size:30px;font-weight:700;line-height:1}
.sg-form{background:#F6F5F1;border:2px solid #0E0E0E;box-shadow:10px 10px 0 #0E0E0E}
.sg-step{padding:28px 30px}
.sg-step+.sg-step{border-top:2px dashed #BDBDB8}
.sg-root .sg-opt{background:#FFFFFF;border-color:#D4D3CD}
.sg-root .sg-opt:hover{border-color:#0E0E0E;box-shadow:3px 3px 0 #0E0E0E}
.sg-root .sg-opt.on{background:#DCCBF6;color:#0E0E0E;border-color:#0E0E0E;box-shadow:4px 4px 0 #0E0E0E;position:relative;padding-right:42px}
.sg-opt.on::after{content:'✓';position:absolute;right:12px;top:12px;width:22px;height:22px;border-radius:50%;background:#0E0E0E;color:#EAF5A6;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.sg-opt.on .sg-od{opacity:.85}
.sg-op{background:#EAF5A6;color:#0E0E0E;padding:3px 8px;border:1.5px solid #0E0E0E}
.sg-root .sg-opt.on .sg-op{color:#0E0E0E}
.sg-om{background:#0E0E0E;color:#F6F5F1;padding:3px 7px;opacity:1 !important}
.sg-root .sg-opt.on .sg-om{color:#EAF5A6}
.sg-herosec{background:#DCCBF6;border-bottom:2px solid #0E0E0E;padding-top:88px;padding-bottom:96px;overflow:hidden}
.sg-hh{font-size:clamp(52px,6.9cqi,104px);line-height:.98}
.sg-rot{display:inline-block;height:1.02em;overflow:hidden;vertical-align:-0.2em;background:#EAF5A6;padding:0 .1em;border:3px solid #0E0E0E;box-shadow:6px 6px 0 #0E0E0E}
.sg-rot-in{display:flex;flex-direction:column;animation:sg-rot 7.5s cubic-bezier(.7,0,.2,1) 1.6s infinite}
.sg-rot-in span{display:block;height:1.02em;line-height:1.02em}
@keyframes sg-rot{0%,28%{transform:translateY(0)}33%,61%{transform:translateY(-1.02em)}66%,94%{transform:translateY(-2.04em)}100%{transform:translateY(-3.06em)}}
.sg-fan{flex:0 0 620px;height:560px;position:relative;perspective:1400px}
.sg-ph{position:absolute;margin:0;width:33%;aspect-ratio:9/19.5;border:7px solid #0E0E0E;border-radius:36px;background:#0E0E0E;box-shadow:12px 12px 0 #0E0E0E;transition:transform .45s cubic-bezier(.2,.8,.2,1);animation:sg-rise .9s cubic-bezier(.2,.8,.2,1) both}
.sg-ph-in{position:absolute;inset:0;border-radius:29px;overflow:hidden;background:#F6F5F1;padding-top:24px}
.sg-ph-in img{width:100%;height:100%;object-fit:cover;object-position:top}
.sg-isl{position:absolute;left:50%;top:7px;width:36%;height:14px;margin-left:-18%;border-radius:10px;background:#0E0E0E}
.sg-ph1{left:0;top:15%;transform:rotate(-9deg) rotateY(14deg);animation-delay:.15s;z-index:1}
.sg-ph2{left:33.5%;top:2%;transform:translateY(0) scale(1.06);animation-delay:0s;z-index:3;box-shadow:14px 14px 0 #0E0E0E}
.sg-ph3{left:67%;top:17%;transform:rotate(9deg) rotateY(-14deg);animation-delay:.3s;z-index:2}
.sg-fan:hover .sg-ph1{transform:rotate(-4deg) translateX(-14px)}
.sg-fan:hover .sg-ph3{transform:rotate(4deg) translateX(14px)}
.sg-ph:hover{z-index:4}
.sg-fan .sg-ph1:hover,.sg-fan .sg-ph3:hover{transform:rotate(0deg) translateY(-14px) scale(1.06)}
@keyframes sg-rise{from{opacity:0;translate:0 60px}to{opacity:1;translate:0 0}}
.sg-fancap{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;font-size:14px;font-weight:700}
.sg-qh{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:400;color:#6B6B66;margin-left:4px}
.sg-box{position:absolute;right:14px;top:14px;width:22px;height:22px;border:2px solid #0E0E0E;background:#FFFFFF}
.sg-opt{position:relative}
.sg-root .sg-opt:has(.sg-box){padding-right:46px}
.sg-opt.on .sg-box{background:#0E0E0E}
.sg-opt.on .sg-box::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#EAF5A6;font-size:13px;font-weight:700}
.sg-opt.on:has(.sg-box)::after{display:none}
.sg-dets{display:flex;flex-direction:column;gap:10px;background:#FFFFFF;border:2px solid #0E0E0E;padding:18px 20px;margin-top:4px}
.sg-det{display:none;gap:16px;padding-top:10px;border-top:1px solid #E4E3DD}
.sg-det.on{display:flex}
.sg-dn{flex:0 0 170px;font-weight:700;font-size:16px}
.sg-dt{font-size:16px;line-height:1.5}
.sg-burger{display:none}
@media (prefers-reduced-motion:reduce){.sg-cur,.sg-type,.sg-marq,.sg-dots span,.sg-rot-in,.sg-ph{animation:none}.sg-lift,.sg-btn,.sg-zoom img{transition:none}}
@container (max-width:1100px){
.sg-sec{padding:96px 40px}
.sg-head{padding:16px 40px !important}
.sg-hero{flex-direction:column !important;align-items:stretch !important}
.sg-hero-vis{flex:none !important;width:100% !important;max-width:640px;align-self:center}
.sg-fan{height:auto !important;aspect-ratio:1/0.97}
.sg-g4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.sg-proj{grid-template-columns:1fr !important;gap:56px !important}
.sg-rev .sg-stage{order:-1}
.sg-split{flex-direction:column !important;align-items:stretch !important}
.sg-fixed{flex:none !important;width:100% !important}
}
@container (max-width:760px){
.sg-burger{display:flex}
.sg-nav{display:none !important}
.sg-nav.sg-open{display:flex !important;flex-direction:column;align-items:flex-start !important;width:100%;gap:16px !important;padding:10px 0 14px}
.sg-sec{padding:64px 20px}
.sg-head{padding:14px 20px !important}
.sg-h2{margin-bottom:36px}
.sg-g4,.sg-g3,.sg-g2{grid-template-columns:1fr !important}
.sg-hero-vis{height:auto !important;aspect-ratio:1/0.92}
.sg-fan{aspect-ratio:1/1.02 !important}
.sg-ph{border-width:5px;border-radius:24px;box-shadow:6px 6px 0 #0E0E0E}
.sg-ph-in{border-radius:19px;padding-top:16px}
.sg-isl{height:9px;top:5px}
.sg-ph2{box-shadow:8px 8px 0 #0E0E0E}
.sg-herosec{padding-top:56px;padding-bottom:64px}
.sg-rot{border-width:2px;box-shadow:4px 4px 0 #0E0E0E}
.sg-fancap{font-size:12px}
.sg-ginga{font-size:96px !important}
.sg-big{font-size:46px !important}
.sg-type{white-space:normal;animation:none;max-width:none}
.sg-stage{padding:20px 64px 40px 20px !important}
.sg-root .sg-phone-l{left:12px !important;right:auto !important}
.sg-stage-l{padding:20px 20px 40px 64px !important}
.sg-phone{right:12px !important;bottom:-20px !important;width:30% !important;border-width:4px !important;border-radius:20px !important}
.sg-view{height:440px !important}
.sg-view img{}
.sg-proj{padding:48px 0 !important}
.sg-cap{display:none}
.sg-mphone{width:150px !important;border-width:5px !important;border-radius:24px !important}
.sg-view{height:380px !important;gap:14px !important}
.sg-tag{font-size:9px !important;padding:5px 7px !important}
.sg-faq summary{font-size:18px}
.sg-foot{grid-template-columns:1fr 1fr !important}
.sg-foot>:first-child,.sg-foot>:last-child{grid-column:1 / -1}
.sg-ticket{padding:26px !important;position:static !important}
.sg-det.on{flex-direction:column;gap:4px}
.sg-dn{flex:none}
.sg-qh{display:block;width:100%;margin:2px 0 0 42px}
.sg-q{flex-wrap:wrap;font-size:19px;gap:10px}
.sg-qh{margin:0 0 0 40px !important;font-size:12px}
.sg-beat{padding:28px 24px !important}
.sg-step{padding:22px 18px}
.sg-gc{transform:none !important}
.sg-gcol+.sg-gcol{border-left:0;padding-left:0;border-top:2px solid #3A3A38}
.sg-gcol{padding:28px 0 28px 0}
.sg-rule span{font-size:10px}
.sg-range{font-size:31px !important}
.sg-ticket .sg-btn{font-size:14px;padding:16px 14px}
}

.hb{position:relative;background:#F6F5F1;overflow:hidden;border-bottom:2px solid #0E0E0E;padding:80px 0 0}
.hb-top{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:26px;padding:0 24px}
.hb-h1{margin:0;font-weight:700;font-size:clamp(54px,8.6cqi,132px);line-height:1;letter-spacing:-0.045em}
.hb-g{display:inline-block;font-family:'JetBrains Mono',monospace;font-weight:700;letter-spacing:-0.06em;line-height:1;background:#EAF5A6;padding:.02em .14em .08em;margin-top:.1em;border:3px solid #0E0E0E;box-shadow:7px 7px 0 #0E0E0E}
.hb-wall{position:relative;height:600px;margin-top:-10px;perspective:1600px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 70%,transparent 100%)}
.hb-plane{position:absolute;left:-20%;right:-20%;top:40px;display:flex;flex-direction:column;gap:22px;transform:rotateX(36deg) rotateZ(-9deg) scale(.8);transform-origin:50% 0}
.hb-row{overflow:visible}
.hb-track{display:flex;gap:22px;width:max-content;align-items:flex-end;animation:hb-l 60s linear infinite}
.hb-row:nth-child(2) .hb-track{animation-name:hb-r;animation-duration:70s}
.hb-row:nth-child(3) .hb-track{animation-duration:80s}
.hb-row:nth-child(4) .hb-track{animation-name:hb-r;animation-duration:66s}
.hb-p{height:auto;width:230px;flex:none;border:2px solid #0E0E0E;overflow:hidden;box-shadow:8px 8px 0 #0E0E0E;background:#0E0E0E}
.hb-p img{width:100%;height:100%;object-fit:cover}
.hb-row:nth-child(3) .hb-p,.hb-row:nth-child(1) .hb-p{box-shadow:8px 8px 0 #DCCBF6}
@keyframes hb-l{to{transform:translateX(-50%)}}
@keyframes hb-r{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.hb-d{width:420px;flex:none;border:2px solid #0E0E0E;background:#F6F5F1;box-shadow:8px 8px 0 #0E0E0E}
.hb-d img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.hb-m{width:150px;flex:none;aspect-ratio:9/17;border:5px solid #0E0E0E;border-radius:22px;overflow:hidden;background:#F6F5F1;box-shadow:8px 8px 0 #0E0E0E}
.hb-m img{width:100%;height:100%;object-fit:cover;object-position:top}
.hb-row:nth-child(2) .hb-d{box-shadow:8px 8px 0 #DCCBF6}
@media (prefers-reduced-motion:reduce){.hb-track{animation:none}}
@container (max-width:760px){.hb-h1{font-size:42px}.hb{padding-top:52px}.hb-wall{height:360px}.hb-d{width:260px}.hb-m{width:96px;border-width:3px;border-radius:14px}.hb-p{width:150px}.hb-g{border-width:2px;box-shadow:4px 4px 0 #0E0E0E}.hb-plane{gap:14px}.hb-track{gap:14px}}

.hv2-h1{margin:0;font-weight:700;font-size:clamp(44px,6.4cqi,96px);line-height:1.08;letter-spacing:-0.04em;display:flex;flex-direction:column;align-items:center;gap:.14em}
.hv2-rot{display:inline-block;height:1.16em;overflow:hidden;background:#EAF5A6;border:3px solid #0E0E0E;box-shadow:7px 7px 0 #0E0E0E;padding:0 .2em}
.hv2-in{display:flex;flex-direction:column;align-items:center;animation:hv2 9s cubic-bezier(.7,0,.2,1) 1.2s infinite}
.hv2-in span{display:block;height:1.16em;line-height:1.12em;white-space:nowrap}
@keyframes hv2{0%,28%{transform:translateY(0)}33%,61%{transform:translateY(-1.16em)}66%,94%{transform:translateY(-2.32em)}100%{transform:translateY(-3.48em)}}
.hv2-g{font-family:'JetBrains Mono',monospace;letter-spacing:-0.06em}
.hv2-list{display:flex;gap:10px 26px;flex-wrap:wrap;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:700}
.hv2-list a{text-decoration:none;color:#0E0E0E;border-bottom:2px solid #0E0E0E;padding-bottom:2px}
@media (prefers-reduced-motion:reduce){.hv2-in{animation:none}}
@container (max-width:760px){.hv2-h1{font-size:30px}.hv2-rot{border-width:2px;box-shadow:4px 4px 0 #0E0E0E}.hv2-list{font-size:13px}}