.hero{padding:150px 0 0;text-align:center}.hero-in{padding:0 var(--gut)}.hero .kicker{margin-bottom:18px}.hero .catch{margin:0 0 26px;font:900 clamp(44px,8vw,96px)/1.05 var(--head);letter-spacing:-.01em;color:var(--strong)}.hero .catch em{font-style:normal;color:var(--pink-ink)}.hero .lead{max-width:560px;margin:0 auto 30px;font:400 16px/1.85 var(--lat);color:var(--dim)}.hero .row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.hero .note{text-align:center}.hero .band{--doc: 50vw;display:flex;align-items:flex-start;overflow:hidden;margin-top:70px;height:calc(var(--doc) / 4);background:#121214}.hero .band-in{flex:0 0 var(--doc);aspect-ratio:1}@media(max-width:820px){.hero{padding-top:120px}.hero .band{--doc: 100vw}.hero .band-in:nth-child(n+2){display:none}}@media(min-width:821px){.hero .band-in:nth-child(n+3){display:none}}.s{position:relative;z-index:5;padding:120px var(--gut)}.s h2{font:900 clamp(30px,4.4vw,52px)/1.15 var(--head);letter-spacing:-.01em;margin:0 0 20px;color:var(--strong)}.s .lead{font:400 clamp(16px,1.3vw,19px)/1.9 var(--lat);color:var(--dim);max-width:40em;margin:0 0 40px}.s h2,.s .lead{text-wrap:balance}:lang(ja) :is(.s .lead,.q .a p,.points p){letter-spacing:.04em;word-break:auto-phrase}.card{border-radius:var(--r);background:var(--panel)}.s:not(#tool){content-visibility:auto}#own{contain-intrinsic-size:auto 790px}#works{contain-intrinsic-size:auto 605px}#faq{contain-intrinsic-size:auto 455px}#get{contain-intrinsic-size:auto 510px}@media(max-width:760px){.s{padding-top:88px;padding-bottom:88px}#own{contain-intrinsic-size:auto 1320px}#works{contain-intrinsic-size:auto 590px}#faq{contain-intrinsic-size:auto 405px}#get{contain-intrinsic-size:auto 525px}}.tool-rec{padding:clamp(10px,1.6vw,20px)}.tool-rec .rec{border-radius:var(--r-s);overflow:hidden;background:#0b0b0b;aspect-ratio:1442 / 912}.tool-rec video{width:100%;height:100%;object-fit:contain;display:block}.points{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.points li{padding:26px 24px}.points .tile{margin-bottom:16px}.points h3{margin:0 0 8px;font:800 19px/1.4 var(--head);color:var(--strong)}.points p{margin:0;font:400 14.5px/1.85 var(--lat);color:var(--dim)}@media(max-width:900px){.points{grid-template-columns:minmax(0,1fr)}}.own-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.own-card{display:flex;flex-direction:column;padding:clamp(24px,3vw,40px)}.own-card+.own-card{border-left:1px solid var(--line)}.own-card h3{margin:0 0 10px;font:900 clamp(22px,2.2vw,28px)/1.3 var(--head);color:var(--strong)}.own-card>p{margin:0 0 22px;font:400 15px/1.85 var(--lat);color:var(--dim)}.own-card .own-sub{display:flex;align-items:center;gap:12px;margin:0 0 14px;font:600 12px var(--num);letter-spacing:.06em;color:var(--dim)}.own-art{margin:auto 0 0;padding:20px;border-radius:var(--r-s);background:#121214;color:#e3e4ea}.own-card .own-from{margin:10px 0 0;font:400 12px var(--lat);color:var(--dim)}.dna{display:grid;gap:12px;font:400 12px var(--jp)}.dna-line{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:10px}.dna-bar{height:10px;border-radius:5px;background:#2a2a30;overflow:hidden}.dna-bar i{display:block;height:100%;width:calc(var(--v) * 100%);border-radius:5px;background:var(--pink)}.dna-line:nth-child(2) .dna-bar i{background:var(--c-yellow)}.dna-line:nth-child(3) .dna-bar i{background:var(--c-blue)}.dna-acts{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;align-items:end;height:46px}.dna-acts i{display:block;height:calc(var(--h) * 100%);border-radius:3px 3px 0 0;background:var(--pink)}.code{overflow:hidden;white-space:pre;font:500 12.5px/1.65 ui-monospace,Cascadia Code,Consolas,monospace;color:#c9cbd4}.code .vk{color:var(--c-blue)}.code .vs{color:var(--c-yellow)}.code .vn{color:var(--pink)}@media(max-width:820px){.own-two{grid-template-columns:minmax(0,1fr)}.own-card+.own-card{border-left:0;border-top:1px solid var(--line)}.dna-line{grid-template-columns:110px 1fr}}.shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto;padding:10px 0 30px}@media(max-width:1023px){.shelf{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.shelf{max-width:none;margin:0 calc(4vw - var(--gut));gap:20px}}.work{display:block;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:zoom-in;border-radius:18px;transition:box-shadow .5s var(--see)}.work:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.work .box{position:relative;aspect-ratio:9 / 16;border-radius:18px;background:#0b0b0b;box-shadow:0 0 0 1px var(--line-strong);overflow:hidden;transition:transform .25s var(--ease-hop)}.work:hover .box{transform:translateY(-6px) rotate(-1deg)}.work:active .box{transform:translateY(-2px) scale(.97);transition-duration:.08s}.work .tag{position:absolute;left:12px;bottom:12px;z-index:1;font:600 13px var(--lat);padding:7px 14px;border-radius:999px;color:var(--text);background:var(--raise)}.work.slot{box-shadow:inset 0 0 0 1px var(--line-strong)}.wk-dialog{padding:0;border:0;border-radius:18px;background:#0b0b0b;color:#fff;box-shadow:0 24px 80px #0009;overflow:hidden;max-width:none;max-height:none}.wk-dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wk-stage{height:min(80vh,calc(92vw * 16 / 9));aspect-ratio:9 / 16}.wk-bar{display:flex;align-items:center;gap:12px;padding:12px 14px}.wk-tag{font:700 14px var(--jp)}.wk-count{font:700 13px var(--lat);color:#fff9}.wk-nav{display:flex;gap:8px;margin-left:auto}.wk-nav button{padding:9px 14px;border:0;border-radius:.5em;background:var(--soft-btn);color:#fff;font:600 14px var(--lat);cursor:pointer}.wk-nav button:hover{background:var(--soft-btn-hover)}.wk-dialog.fx::backdrop{opacity:0;transition:opacity .6s var(--see)}.wk-dialog.fx.lit::backdrop{opacity:1}.wk-fx{position:fixed;inset:0;width:100vw;height:100vh;margin:0;padding:0;border:0;background:none;overflow:visible;pointer-events:none}.wk-fx>*{position:absolute;left:0;top:0}.wk-morph{overflow:hidden;background:#0b0b0b}.wk-morph svg{width:100%!important;height:100%!important}.wk-tint{position:absolute;inset:0;background:var(--wk-c);opacity:0}.wk-dm{background:var(--wk-c);border-radius:2px}.wk-edge{height:2px;border-radius:2px;background:var(--wk-c)}.wk-ring{width:26px;height:26px;margin:-13px 0 0 -13px;border:2px solid var(--wk-c);border-radius:50%;box-sizing:border-box}.wk-fx .wk-trail{width:100%;height:100%;overflow:visible}.wk-trail path{fill:none;stroke:var(--wk-c);stroke-width:2;stroke-linecap:round;opacity:.85}@media(max-width:760px){.shelf{gap:16px 10px;padding:10px 0 0}.work,.work .box{border-radius:var(--r-s)}.work .tag{left:8px;bottom:8px;font-size:11px;padding:5px 9px}}.faq{--num-w: 3.4rem;max-width:900px;margin:0;display:flex;flex-direction:column;padding:8px clamp(18px,3vw,36px)}.q+.q{border-top:1px solid var(--line)}.q>button{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:16px;padding:28px 4px;font:700 clamp(17px,1.4vw,21px) var(--head);color:var(--text);cursor:pointer;transition:color .3s var(--see)}.q>button:hover{color:#fff}.q>button:focus-visible{outline:3px solid var(--pink);outline-offset:4px;border-radius:12px}.q .num{flex:none;width:var(--num-w);margin-right:-16px;font:700 14px var(--num);letter-spacing:.1em;color:var(--dim);transition:color .4s var(--see)}.q.open .num{color:var(--pink-ink)}.q .t{flex:1}.q .pl{flex:none;position:relative;width:22px;height:22px}.q .pl:before,.q .pl:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;border-radius:1px;background:currentColor;transition:transform .6s var(--spring)}.q .pl:after{transform:rotate(90deg)}.q.open .pl:after{transform:rotate(0)}.q .a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--spring)}.q.open .a{grid-template-rows:1fr}.q .a>div{overflow:hidden}.q .a p{margin:0;padding:0 4px 30px calc(4px + var(--num-w));max-width:40em;font:400 16px/1.9 var(--lat);color:var(--dim)}@media(max-width:760px){.faq{--num-w: 2.6rem}.q>button{padding:24px 2px}.q .a p{padding:0 2px 26px calc(2px + var(--num-w))}}.cta{text-align:center;overflow:hidden;padding:clamp(56px,7vw,96px) 24px 0}.cta h2{margin-bottom:34px}.cta .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.cta .btn{font-size:17px;padding:18px 34px}.cta .btn .arrow{display:inline-grid;place-items:center;width:1.6em;height:1.6em;margin:-.4em -.9em -.4em .1em;border-radius:999px;background:#fff;color:var(--pink-ledge)}.floor{display:grid;grid-template-columns:repeat(6,1fr);height:140px;margin:72px -24px 0}.floor i{position:relative;overflow:hidden;display:grid;place-items:center}.floor i:after{content:"";display:block}.floor .f1{background:var(--shape-1)}.floor .f1:after{position:absolute;inset:0;background:var(--shape-2);border-top-right-radius:100%;transform-origin:0 100%;animation:fl-sweep 2.4s var(--ease-io) infinite alternate}.floor .f2{background:var(--bg)}.floor .f2:after{width:46%;aspect-ratio:1;border-radius:50%;background:var(--shape-3);animation:fl-hop 1.6s var(--ease-hop) infinite}.floor .f3{background:var(--shape-3)}.floor .f3:after{position:absolute;left:0;right:0;bottom:0;height:50%;background:var(--shape-1);animation:fl-slide 2.2s var(--ease-io) infinite alternate}.floor .f4{background:var(--shape-1)}.floor .f4:after{width:40%;aspect-ratio:1;border-radius:6px;background:var(--shape-3);animation:fl-turn 2.4s var(--ease-turn) infinite}.floor .f5{background:var(--bg)}.floor .f5:after{width:46%;aspect-ratio:1;border-radius:50%;border:10px solid var(--shape-2);box-sizing:border-box;animation:fl-hop 1.6s .3s var(--ease-hop) infinite}.floor .f6{background:var(--shape-1)}.floor .f6:after{width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:52px solid var(--shape-3);animation:fl-turn3 2.4s .5s var(--ease-turn) infinite}@media(max-width:760px){.floor{grid-template-columns:repeat(3,1fr);height:110px}.floor i:nth-child(n+4){display:none}}@keyframes fl-hop{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(0) scale(1.14,.84)}55%{transform:translateY(-26%) scale(.9,1.1)}80%{transform:translateY(0) scale(1.06,.94)}}@keyframes fl-turn{0%,25%{transform:rotate(0)}65%,to{transform:rotate(90deg)}}@keyframes fl-turn3{0%,25%{transform:rotate(0)}65%,to{transform:rotate(120deg)}}@keyframes fl-sweep{0%,15%{transform:scale(.25)}60%,to{transform:scale(1)}}@keyframes fl-slide{0%,20%{transform:translate(-101%)}55%,to{transform:translate(0)}}.marquee{position:relative;z-index:5;overflow:hidden;padding:34px 0;border-top:1px solid var(--line)}.mq-track{display:flex;width:max-content;animation:mq 72s linear infinite}.mq-track span{display:flex;align-items:center;gap:.5em;padding-right:.5em;white-space:nowrap;font:900 clamp(40px,7vw,104px)/1 var(--head);letter-spacing:-.01em;color:var(--strong)}.mq-track em{font-style:normal}.mq-track b{font-size:.45em;color:var(--m-purple-tile)}.mq-track b:nth-of-type(4n+2){color:var(--m-orange-tile)}.mq-track b:nth-of-type(4n+3){color:var(--m-yellow-tile)}.mq-track b:nth-of-type(4n+4){color:var(--m-blue-tile)}@keyframes mq{to{transform:translate(-50%)}}