@font-face{font-family:Disp;font-weight:700;font-display:swap;src:url(/fonts/assist/Tps-B.woff2) format("woff2")}@font-face{font-family:Body;font-weight:400;font-display:swap;src:url(/fonts/assist/Genki-R.woff2) format("woff2")}:root{--paper:#F9F9F9;--card:#FFFFFF;--ink:#26262B;--blue:#1B1BE0;--muted:#63636B;--line:#E4E4E8;--warm:#F5A623;--disp:"Disp","PingFang TC",sans-serif;--body:"Body","PingFang TC",sans-serif;--w:min(1280px,100% - clamp(20px,3.4vw,56px));--e:cubic-bezier(.19,1,.22,1);--spring:cubic-bezier(.34,1.4,.5,1);--t:.45s;--blob:42% 58% 46% 54%/54% 46% 58% 42%}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,p,ul,ol,figure,table{margin:0;padding:0}ul,ol{list-style:none}img{display:block;max-width:100%;height:auto}a{color:inherit}.w{width:var(--w);margin-inline:auto}.u-nums{font-variant-numeric:tabular-nums}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}p{max-width:36em}.dsp{font-family:var(--disp);font-weight:700;letter-spacing:-.035em;line-height:1.06}.d0{font-size:clamp(2.5rem,.8rem + 7.4vw,6.4rem)}.d1{font-size:clamp(1.8rem,1.05rem + 3.3vw,3.3rem)}h3{font-size:1.28rem;font-family:var(--disp);font-weight:700;letter-spacing:-.02em}.eye{font-size:.74rem;letter-spacing:.2em;color:var(--blue);font-family:var(--disp);font-weight:700}.note{font-size:.87rem;color:var(--muted);line-height:1.75}html.js .st{opacity:0;transform:translateY(24px)}html.js .st[data-in]{opacity:1;transform:none;transition:opacity .55s var(--e) calc(var(--i,0) * 70ms),transform .6s var(--e) calc(var(--i,0) * 70ms)}html.js .boot-i{opacity:0;transform:translateY(22px)}html.js[data-boot] .boot-i{opacity:1;transform:none;transition:opacity .7s var(--e) calc(var(--b,0) * 105ms),transform .8s var(--e) calc(var(--b,0) * 105ms)}@media(prefers-reduced-motion:reduce){html.js .st,html.js .boot-i{opacity:1!important;transform:none!important;transition:none}}.cursor{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:60;width:74px;height:74px;border-radius:var(--blob);background:var(--blue);color:var(--card);display:grid;place-items:center;font-size:.72rem;font-family:var(--disp);font-weight:700;pointer-events:none;opacity:0;transform:translate(-50%,-50%);scale:.3;transition:opacity .3s var(--e),scale .34s var(--spring);will-change:transform,scale}.cursor[data-on]{opacity:1;scale:.46}.cursor[data-big]{scale:1}@media(hover:none),(pointer:coarse){.cursor{display:none}}@media(prefers-reduced-motion:reduce){.cursor{display:none}}.rail{position:fixed;inset-inline-end:clamp(10px,2vw,30px);inset-block:22vh 22vh;width:1px;background:var(--line);z-index:35}.rail i{position:absolute;inset-inline-start:-3px;inset-block-start:0;width:7px;height:7px;border-radius:50%;background:var(--blue)}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){.rail i{animation:as-rail linear both;animation-timeline:scroll()}}}@keyframes as-rail{0%{transform:translateY(0)}to{transform:translateY(56vh)}}@media(max-width:900px){.rail{display:none}}.blob{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:var(--card);text-decoration:none;border-radius:var(--blob);padding:14px 30px;font-family:var(--disp);font-weight:700;font-size:.92rem;transition:transform var(--t) var(--spring)}.blob:hover,.blob:focus-visible{transform:scale(1.05)}.blob.ghost{background:var(--card);color:var(--blue)}.nav{position:sticky;inset-block-start:0;z-index:40;background:var(--paper)}.nav .w{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:14px}.nav .mark{font-family:var(--disp);font-weight:700;font-size:1.05rem;line-height:1.2}.nav ul{display:flex;gap:clamp(12px,2vw,28px);font-size:.87rem}.nav a{text-decoration:none;transition:color var(--t) var(--e)}.nav ul a:hover,.nav ul a[data-on]{color:var(--blue)}@media(max-width:900px){.nav ul{display:none}}header[id],section[id]{scroll-margin-block-start:74px}.hero{position:relative;text-align:center;padding-block:clamp(60px,10vw,150px) clamp(40px,6vw,90px);overflow:hidden}.hero h1{max-width:16ch;margin-inline:auto}.hero .sub{margin:clamp(16px,2.4vw,28px) auto 0;color:var(--muted)}.hero .btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-block-start:clamp(20px,3vw,34px)}.hero .shot{position:relative;margin-block-start:clamp(30px,5vw,66px);border-radius:26px;overflow:hidden;aspect-ratio:16/7;background-position:center;background-size:cover;background-repeat:no-repeat;isolation:isolate}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity 1.2s var(--e)}.hero video[data-on]{opacity:1}.hero .halo{position:absolute;inset-block-start:-14%;inset-inline-start:50%;z-index:-1;width:min(820px,92vw);aspect-ratio:1;border-radius:50%;translate:-50% 0;background:radial-gradient(circle,#1b1be024,#f9f9f900 62%)}html.js .halo{animation:as-breathe 9s ease-in-out infinite alternate}@keyframes as-breathe{0%{transform:scale(.94)}to{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){html.js .halo{animation:none}}.feats{padding-block:clamp(46px,7vw,110px)}.feats ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.2vw,30px);margin-block-start:clamp(20px,3vw,42px)}.feats li{background:var(--card);border-radius:24px;padding:clamp(16px,2.4vw,28px);box-shadow:0 1px 2px #26262b0d,0 12px 30px #26262b0d}.feats figure{margin:0 0 16px;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat}.feats p{font-size:.95rem;color:var(--muted)}.feats h3{margin-block-end:8px}@media(max-width:860px){.feats ul{grid-template-columns:minmax(0,1fr)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.feats li,.faq li,.steps li{animation:as-rise linear both;animation-timeline:view();animation-range:entry 4% entry 74%}}}@keyframes as-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.fan{padding-block:clamp(46px,7vw,110px);text-align:center;overflow:hidden}.fan .deck{position:relative;height:clamp(320px,42vw,460px);margin-block-start:clamp(26px,4vw,56px)}.fan li{position:absolute;inset-block-start:0;inset-inline-start:50%;width:min(300px,74vw);margin-inline-start:calc(min(300px,74vw)/-2);background:var(--card);border-radius:22px;padding:clamp(16px,2.2vw,26px);text-align:start;box-shadow:0 2px 4px #26262b0f,0 18px 40px #26262b14;transform:rotate(calc((var(--k) - 2) * 4deg)) translateY(calc(var(--k) * 6px))}.fan h3{margin-block-end:8px;font-size:1.1rem}.fan p{font-size:.92rem;color:var(--muted)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference)and (min-width:861px){.fan li{animation:as-fan linear both;animation-timeline:view();animation-range:entry 10% cover 60%}}}@keyframes as-fan{0%{transform:rotate(0) translateY(40px) scale(.96)}to{transform:rotate(calc((var(--k) - 2) * 11deg)) translate(calc((var(--k) - 2) * 190px),calc(var(--k) * 4px))}}@media(max-width:860px){.fan .deck{height:auto;display:grid;gap:12px}.fan li{position:static;inset-inline-start:auto;margin-inline:auto;transform:none;width:100%}}.calc{padding-block:clamp(46px,7vw,110px);border-block-start:1px solid var(--line)}.calc .head{margin-block-end:clamp(20px,3vw,40px)}.sw>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-block-end:clamp(18px,2.6vw,30px)}.tabs label{cursor:pointer;border:1px solid var(--line);background:var(--card);border-radius:var(--blob);padding:11px 24px;font-family:var(--disp);font-weight:700;font-size:.92rem;transition:transform var(--t) var(--spring),color var(--t) var(--e),border-color var(--t) var(--e)}.tabs label:hover{transform:scale(1.04)}.panes .pane{display:none}#ro-a:checked~.tabs label[for=ro-a],#ro-b:checked~.tabs label[for=ro-b],#ro-c:checked~.tabs label[for=ro-c]{color:var(--blue);border-color:var(--blue)}#ro-a:focus-visible~.tabs label[for=ro-a],#ro-b:focus-visible~.tabs label[for=ro-b],#ro-c:focus-visible~.tabs label[for=ro-c]{outline:2px solid var(--blue);outline-offset:3px}#ro-a:checked~.panes .pane:nth-child(1),#ro-b:checked~.panes .pane:nth-child(2),#ro-c:checked~.panes .pane:nth-child(3){display:grid}.pane{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(18px,3vw,46px);align-items:start}.pane table{width:100%;border-collapse:collapse;font-size:.95rem}.pane th,.pane td{text-align:start;padding:clamp(10px,1.4vw,16px) 8px;border-block-end:1px solid var(--line);vertical-align:baseline}.pane th{font-family:var(--disp);font-weight:700;font-size:.8rem;letter-spacing:.1em;color:var(--muted)}.pane tfoot td{border-block-end:0;font-family:var(--disp);font-weight:700}.side{background:var(--card);border-radius:24px;padding:clamp(16px,2.4vw,28px);box-shadow:0 1px 2px #26262b0d,0 12px 30px #26262b0d}.side figure{margin:0 0 14px;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat}.side b{display:block;font-family:var(--disp);font-weight:700;font-size:clamp(2rem,1rem + 4vw,3.2rem);line-height:1;color:var(--blue)}.side .row{display:flex;gap:22px;margin-block-start:12px}.side small{font-size:.87rem;color:var(--muted)}@media(max-width:860px){.pane{grid-template-columns:minmax(0,1fr)}}.steps{padding-block:clamp(46px,7vw,110px)}.steps ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.6vw,22px);margin-block-start:clamp(20px,3vw,42px)}.steps li{border-block-start:2px solid var(--ink);padding-block-start:14px}.steps b{display:block;font-family:var(--disp);font-weight:700;font-size:1.28rem}.steps p{font-size:.87rem;color:var(--muted);margin-block-start:6px}@media(max-width:860px){.steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}}.faq{padding-block:clamp(40px,6vw,96px);border-block-start:1px solid var(--line)}.faq ul{margin-block-start:clamp(18px,2.6vw,36px)}.faq li{border-block-end:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding-block:clamp(14px,2vw,22px);display:flex;justify-content:space-between;gap:20px;align-items:baseline;font-family:var(--disp);font-weight:700;font-size:1.28rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";color:var(--blue);font-size:1rem}.faq details[open] summary:after{content:"－"}.faq p{padding-block-end:clamp(14px,2vw,22px);color:var(--muted)}.foot{background:var(--ink);color:var(--paper);padding-block:clamp(40px,6vw,90px) clamp(20px,3vw,34px)}.fgrid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,50px)}.fgrid h3{margin-block-end:12px;font-size:.95rem;color:#f9f9f999}.fgrid li{padding-block:5px;font-size:.95rem}.fgrid a{text-decoration:none;transition:opacity var(--t) var(--e)}.fgrid a:hover{opacity:.66}.fgrid .note{color:#f9f9f9cc}.fbig{font-size:clamp(2rem,.5rem + 7.6vw,6.6rem);line-height:1.02;letter-spacing:-.035em;margin-block:clamp(26px,4vw,60px) clamp(16px,2.4vw,30px)}.fbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-block-start:1px solid rgba(249,249,249,.22);padding-block-start:16px;font-size:.74rem;color:#f9f9f9c2}@media(max-width:760px){.fgrid{grid-template-columns:minmax(0,1fr)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.pane tbody tr,.pane tfoot tr,.side,.tabs label,.fgrid div,.fgrid li,.calc .head>*,.feats .w>p,.feats .w>h2,.faq .w>*,.steps .w>*{animation:as-rise linear both;animation-timeline:view();animation-range:entry 2% entry 72%}}}.feats li{transition:transform var(--t) var(--e)}.feats li:hover{transform:translateY(-4px)}.tape{border-block:1px solid var(--line);overflow:hidden;padding-block:12px;display:grid;gap:4px}.tape p{max-width:none;display:flex;gap:2.6em;white-space:nowrap;color:var(--blue);font-family:var(--disp);font-weight:700;font-size:clamp(.95rem,.8rem + .6vw,1.4rem)}html.js .tape p{animation:as-roll 28s linear infinite}html.js .tape p.b{animation-duration:42s;animation-direction:reverse;font-size:.82em;color:var(--muted)}@keyframes as-roll{0%{transform:none}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){html.js .tape p{animation:none}}.halo2{position:absolute;inset-block-start:34%;inset-inline-start:14%;z-index:-1;width:min(420px,60vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f5a62329,#f9f9f900 64%)}html.js .halo2{animation:as-breathe 13s ease-in-out infinite alternate-reverse}@media(prefers-reduced-motion:reduce){html.js .halo2{animation:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.pane td,.pane th,.feats li>*,.fan li>*,.side .row div,.side>small,.side>b,.steps li>*,.faq summary,.faq details p,.hero .btns a{animation:as-fade linear both;animation-timeline:view();animation-range:entry 0% entry 62%}}}@keyframes as-fade{0%{opacity:0}to{opacity:1}}a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
