.gpath{margin:0 auto}
.gkick{display:inline-block;margin:0 0 8px;padding:2px 12px;border-radius:999px;background:#FFF7E3;border:2px solid var(--yellow);font-size:15px;font-weight:800;letter-spacing:.06em;color:var(--deep)}
.gpath h1,.gpath h2{text-wrap:balance}
.gintro .gpath h2{font-size:clamp(26px,5vw,36px);line-height:1.45;margin:0 0 24px}   
.gintro .gstage+.gsub-h{margin-top:0}

.gfilm{margin:4px 0 14px;max-width:680px;text-align:left}
.gfilm video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:16px;border:2px solid var(--edge);background:var(--deep)}
.gf-share{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 0}
.gf-share[hidden]{display:none}
.gf-share .said{margin:0}
.gf-cap{margin-top:14px;font-size:15.5px;line-height:1.75;color:var(--ink-mute);overflow-wrap:anywhere}
.gf-cap h3{margin:0 0 6px;font-size:18px;color:var(--deep)}
.gf-cap h4{margin:12px 0 2px;font-size:15.5px;color:var(--deep)}
.gf-cap p{margin:0 0 6px}
.gf-src>summary{font-weight:800;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;color:var(--deep);list-style:none}
.gf-src>summary::-webkit-details-marker{display:none}
.gf-src>summary::before{content:'▸';transition:transform .2s}
.gf-src[open]>summary::before{transform:rotate(90deg)}
@media (prefers-reduced-motion:reduce){.gf-src>summary::before{transition:none}}
.gf-src ul{margin:0 0 10px;padding-left:1.4em;font-size:14.5px}
.gf-src a{color:var(--deep)}
.gstage{width:min(520px,94%);aspect-ratio:320/220;margin:0 auto 18px}   
.gstage svg{display:block;width:100%;height:100%}
.gwhy-h{font-size:20px;line-height:1.4;font-weight:800;color:var(--deep);text-align:center;margin:22px 0 12px}   
.gwhy{list-style:none;counter-reset:gw;display:grid;gap:10px;width:min(760px,100%);margin:0 auto 22px;padding:0;text-align:left}
.gwhy li{counter-increment:gw;position:relative;background:#FEFEFA;border:2px solid rgba(3,54,82,.15);border-radius:14px;padding:12px 14px 12px 52px;line-height:1.6}
.gwhy li::before{content:counter(gw);position:absolute;left:12px;top:13px;width:28px;height:28px;border-radius:50%;background:#FDBF2B;color:#033652;font-size:15px;font-weight:800;line-height:28px;text-align:center}
.gwhy b{display:block;font-size:17px;color:var(--deep)}
.gwhy li>span{display:block;font-size:15px;color:var(--ink-mute)}
.gwhy .wg{display:inline-block}   
@media (min-width:760px){.gwhy{grid-template-columns:repeat(3,1fr)}.gwhy li{padding:44px 14px 14px}.gwhy li::before{left:14px}}
.gsep{display:flex;align-items:center;gap:12px;max-width:460px;margin:40px auto 34px;color:var(--ink-mute);font-size:15px;font-weight:700}
.gsep::before,.gsep::after{content:"";flex:1;border-top:2px dashed rgba(3,54,82,.22)}


.gstage [class^="v-"],.gstage [class*=" v-"],.gstage [class^="a-"],.gstage [class*=" a-"]{transform-box:fill-box;transform-origin:center}
.v-f{opacity:0}
.v-prog{transform-origin:0 50%}
.v-ask{transform-origin:70% 100%}
.a-tg,.a-pp,.a-ck,.a-ch{opacity:0}
.a-bot{transform-box:view-box;transform-origin:160px 112px;transform:translate(-114px,44px) scale(.72)}
.a-b{transform-origin:50% 100%}
.a-u,.a-push{transform-box:view-box;transform-origin:0 0}
.a-ar{transform-box:view-box}
@keyframes v-p0{0%,2.0%{transform:translate(-84px,0);opacity:0}6.0%{opacity:1}24.0%{transform:translate(0,0) rotate(0);opacity:1}37.0%{opacity:1}40.0%,100%{transform:translate(139px,-112px) rotate(-38deg);opacity:0}}
@keyframes v-p1{0%,3.6%{transform:translate(-120px,0);opacity:0}7.6%{opacity:1}25.8%{transform:translate(0,0) rotate(0);opacity:1}38.8%{opacity:1}41.8%,100%{transform:translate(127px,-104px) rotate(-38deg);opacity:0}}
@keyframes v-p2{0%,5.2%{transform:translate(-102px,0);opacity:0}9.2%{opacity:1}27.6%{transform:translate(0,0) rotate(0);opacity:1}40.6%{opacity:1}43.6%,100%{transform:translate(133px,-138px) rotate(-38deg);opacity:0}}
@keyframes v-p3{0%,6.8%{transform:translate(-148px,0);opacity:0}10.8%{opacity:1}29.4%{transform:translate(0,0) rotate(0);opacity:1}42.4%{opacity:1}45.4%,100%{transform:translate(118px,-126px) rotate(-38deg);opacity:0}}
@keyframes v-p4{0%,8.4%{transform:translate(-78px,0);opacity:0}12.4%{opacity:1}31.2%{transform:translate(0,0) rotate(0);opacity:1}44.2%{opacity:1}47.2%,100%{transform:translate(141px,-166px) rotate(-38deg);opacity:0}}
@keyframes v-p5{0%,10.0%{transform:translate(-130px,0);opacity:0}14.0%{opacity:1}33.0%{transform:translate(0,0) rotate(0);opacity:1}46.0%{opacity:1}49.0%,100%{transform:translate(124px,-158px) rotate(-38deg);opacity:0}}
@keyframes v-p6{0%,11.6%{transform:translate(-168px,0);opacity:0}15.6%{opacity:1}34.8%{transform:translate(0,0) rotate(0);opacity:1}47.8%{opacity:1}50.8%,100%{transform:translate(111px,-150px) rotate(-38deg);opacity:0}}
@keyframes v-p7{0%,13.2%{transform:translate(-96px,0);opacity:0}17.2%{opacity:1}36.6%{transform:translate(0,0) rotate(0);opacity:1}49.6%{opacity:1}52.6%,100%{transform:translate(135px,-196px) rotate(-38deg);opacity:0}}
@keyframes v-p8{0%,14.8%{transform:translate(-146px,0);opacity:0}18.8%{opacity:1}38.4%{transform:translate(0,0) rotate(0);opacity:1}51.4%{opacity:1}54.4%,100%{transform:translate(118px,-188px) rotate(-38deg);opacity:0}}
@keyframes v-p9{0%,16.4%{transform:translate(-174px,0);opacity:0}20.4%{opacity:1}40.2%{transform:translate(0,0) rotate(0);opacity:1}53.2%{opacity:1}56.2%,100%{transform:translate(109px,-178px) rotate(-38deg);opacity:0}}
@keyframes v-c0{0%,20%{transform:translate(-276px,-58px);opacity:0}24%{opacity:1}36.0%{transform:translate(-116px,-64px)}50.0%,100%{transform:translate(0,0);opacity:1}}
@keyframes v-w0{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(-1.6px,1.4px) rotate(-4deg)}}
@keyframes v-c1{0%,23%{transform:translate(-253px,-73px);opacity:0}27%{opacity:1}38.5%{transform:translate(-93px,-79px)}53.2%,100%{transform:translate(0,0);opacity:1}}
@keyframes v-w1{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(1.6px,-1.2px) rotate(4deg)}}
@keyframes v-c2{0%,26%{transform:translate(-244px,-46px);opacity:0}30%{opacity:1}41.0%{transform:translate(-84px,-52px)}56.4%,100%{transform:translate(0,0);opacity:1}}
@keyframes v-w2{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(-1.6px,-1.2px) rotate(-4deg)}}
@keyframes v-c3{0%,29%{transform:translate(-220px,-62px);opacity:0}33%{opacity:1}43.5%{transform:translate(-60px,-68px)}59.6%,100%{transform:translate(0,0);opacity:1}}
@keyframes v-w3{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(1.6px,1.4px) rotate(4deg)}}
@keyframes v-c4{0%,32%{transform:translate(-194px,-50px);opacity:0}36%{opacity:1}46.0%{transform:translate(-34px,-56px)}62.8%,100%{transform:translate(0,0);opacity:1}}
@keyframes v-w4{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(-1.6px,-1.2px) rotate(-4deg)}}
@keyframes v-ask{0%,62%{opacity:0;transform:scale(.5)}70%,100%{opacity:1;transform:scale(1)}}
@keyframes v-like{0%,10%{transform:scale(1)}12%{transform:scale(1.35)}15%{transform:scale(1)}20%{transform:scale(1.35)}23%{transform:scale(1)}28%{transform:scale(1.35)}31%{transform:scale(1)}36%{transform:scale(1.35)}39%{transform:scale(1)}44%{transform:scale(1.35)}47%{transform:scale(1)}52%{transform:scale(1.35)}55%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes v-host{0%{transform:translateY(0) rotate(-2deg)}100%{transform:translateY(-2px) rotate(2deg)}}
@keyframes v-arm{0%{transform:rotate(-14deg)}100%{transform:rotate(16deg)}}
@keyframes v-mouth{0%{transform:scaleY(.45)}100%{transform:scaleY(1)}}
@keyframes v-door{0%,46%{opacity:0}52%,100%{opacity:1}}
@keyframes v-prog{0%{transform:scaleX(0)}92%,100%{transform:scaleX(1)}}
@keyframes v-all{0%{opacity:0}4%,94%{opacity:1}99%,100%{opacity:0}}
@keyframes a-pp0{0%,62%{transform:translate(0,0);opacity:1}72%,100%{transform:translate(43px,54px);opacity:0}}
@keyframes a-pp1{0%,62%{transform:translate(0,0);opacity:1}72%,100%{transform:translate(70px,-12px);opacity:0}}
@keyframes a-pp2{0%,62%{transform:translate(0,0);opacity:1}72%,100%{transform:translate(-46px,30px);opacity:0}}
@keyframes a-pp3{0%,62%{transform:translate(0,0);opacity:1}72%,100%{transform:translate(-19px,-36px);opacity:0}}
@keyframes a-ch0{0%,26.0%{transform:translate(0,0) scale(1);opacity:1}35.0%{transform:translate(80px,6px) scale(.3);opacity:.8}37.0%,100%{transform:translate(80px,6px) scale(.25);opacity:0}}
@keyframes a-ch1{0%,28.6%{transform:translate(0,0) scale(1);opacity:1}37.6%{transform:translate(82px,-82px) scale(.3);opacity:.8}39.6%,100%{transform:translate(82px,-82px) scale(.25);opacity:0}}
@keyframes a-ch2{0%,31.2%{transform:translate(0,0) scale(1);opacity:1}40.2%{transform:translate(52px,-38px) scale(.3);opacity:.8}42.2%,100%{transform:translate(52px,-38px) scale(.25);opacity:0}}
@keyframes a-ch3{0%,33.8%{transform:translate(0,0) scale(1);opacity:1}42.8%{transform:translate(-80px,6px) scale(.3);opacity:.8}44.8%,100%{transform:translate(-80px,6px) scale(.25);opacity:0}}
@keyframes a-ch4{0%,36.4%{transform:translate(0,0) scale(1);opacity:1}45.4%{transform:translate(-84px,-82px) scale(.3);opacity:.8}47.4%,100%{transform:translate(-84px,-82px) scale(.25);opacity:0}}
@keyframes a-ch5{0%,39.0%{transform:translate(0,0) scale(1);opacity:1}48.0%{transform:translate(-52px,-42px) scale(.3);opacity:.8}50.0%,100%{transform:translate(-52px,-42px) scale(.25);opacity:0}}
@keyframes a-b0{0%,66.0%{transform:scaleY(0)}73.0%,100%{transform:scaleY(1)}}
@keyframes a-b1{0%,68.5%{transform:scaleY(0)}75.5%,100%{transform:scaleY(1)}}
@keyframes a-b2{0%,71.0%{transform:scaleY(0)}78.0%,100%{transform:scaleY(1)}}
@keyframes a-b3{0%,73.5%{transform:scaleY(0)}80.5%,100%{transform:scaleY(1)}}
@keyframes a-u0{0%,68.0%{transform:translateY(8px);opacity:0}71.0%{opacity:1}75.0%,100%{transform:translateY(0);opacity:1}}
@keyframes a-u1{0%,70.5%{transform:translateY(28px);opacity:0}73.5%{opacity:1}77.5%,100%{transform:translateY(0);opacity:1}}
@keyframes a-u2{0%,73.0%{transform:translateY(48px);opacity:0}76.0%{opacity:1}80.0%,100%{transform:translateY(0);opacity:1}}
@keyframes a-u3{0%,75.5%{transform:translateY(68px);opacity:0}78.5%{opacity:1}82.5%,100%{transform:translateY(0);opacity:1}}
@keyframes a-tg{0%,20%{opacity:1}30%,100%{opacity:0}}
@keyframes a-sad{0%,36%{opacity:1}42%,100%{opacity:0}}
@keyframes a-joy{0%,36%{opacity:0}42%,100%{opacity:1}}
@keyframes a-bot{0%,18%{transform:translate(0,0) scale(.4);opacity:0}28%{transform:translate(0,0) scale(1);opacity:1}62%{transform:translate(0,0) scale(1)}72%,100%{transform:translate(-114px,44px) scale(.72);opacity:1}}
@keyframes a-ck{0%,46%{transform:translateY(-40px) scale(.3);opacity:0}54%{transform:translateY(0) scale(1);opacity:1}62%{opacity:1}68%,100%{opacity:0;transform:translateY(0) scale(1)}}
@keyframes a-tag{0%,70%{opacity:0}76%,100%{opacity:1}}
@keyframes a-ar{0%,76%{transform:translate(-24px,10px);opacity:0}82%,100%{transform:translate(0,0);opacity:1}}
@keyframes a-sg{0%,74%{opacity:0}80%,100%{opacity:1}}
@keyframes a-sp{0%,82%{opacity:0}86%,100%{opacity:1}}
@keyframes a-push{0%,84%{transform:translateY(0)}87%{transform:translateY(-3px)}90%{transform:translateY(0)}93%{transform:translateY(-3px)}96%,100%{transform:translateY(0)}}
@keyframes a-all{0%{opacity:0}4%,94%{opacity:1}99%,100%{opacity:0}}
@media (prefers-reduced-motion:no-preference){
.v-all{animation:v-all 9s ease-in-out infinite}.a-all{animation:a-all 9s ease-in-out infinite}
.v-like{animation:v-like 9s ease-in-out infinite}.v-host{transform-origin:50% 100%;animation:v-host 1.4s ease-in-out infinite alternate}.v-arm{transform-box:view-box;transform-origin:35px 124px;animation:v-arm .7s ease-in-out infinite alternate}.v-mouth{transform-origin:50% 0;animation:v-mouth .24s ease-in-out infinite alternate}
.v-prog{animation:v-prog 9s linear infinite}.v-door{animation:v-door 9s ease-in-out infinite}.v-ask{animation:v-ask 9s ease-in-out infinite}
.v-p0{animation:v-p0 9s linear infinite}
.v-p1{animation:v-p1 9s linear infinite}
.v-p2{animation:v-p2 9s linear infinite}
.v-p3{animation:v-p3 9s linear infinite}
.v-p4{animation:v-p4 9s linear infinite}
.v-p5{animation:v-p5 9s linear infinite}
.v-p6{animation:v-p6 9s linear infinite}
.v-p7{animation:v-p7 9s linear infinite}
.v-p8{animation:v-p8 9s linear infinite}
.v-p9{animation:v-p9 9s linear infinite}
.v-c0{animation:v-c0 9s ease-in-out infinite}.v-w0{transform-origin:center;transform-box:fill-box;animation:v-w0 0.50s ease-in-out infinite alternate}
.v-c1{animation:v-c1 9s ease-in-out infinite}.v-w1{transform-origin:center;transform-box:fill-box;animation:v-w1 0.63s ease-in-out infinite alternate}
.v-c2{animation:v-c2 9s ease-in-out infinite}.v-w2{transform-origin:center;transform-box:fill-box;animation:v-w2 0.76s ease-in-out infinite alternate}
.v-c3{animation:v-c3 9s ease-in-out infinite}.v-w3{transform-origin:center;transform-box:fill-box;animation:v-w3 0.89s ease-in-out infinite alternate}
.v-c4{animation:v-c4 9s ease-in-out infinite}.v-w4{transform-origin:center;transform-box:fill-box;animation:v-w4 1.02s ease-in-out infinite alternate}
.a-tg{animation:a-tg 9s ease-in-out infinite}.a-sad{animation:a-sad 9s ease-in-out infinite}.a-joy{animation:a-joy 9s ease-in-out infinite}.a-bot{animation:a-bot 9s ease-in-out infinite}.a-ck{animation:a-ck 9s ease-in-out infinite}.a-tag{animation:a-tag 9s ease-in-out infinite}.a-ar{animation:a-ar 9s ease-in-out infinite}.a-sg{animation:a-sg 9s ease-in-out infinite}.a-sp{animation:a-sp 9s ease-in-out infinite}.a-push{animation:a-push 9s ease-in-out infinite}
.a-pp0{opacity:1;animation:a-pp0 9s ease-in-out infinite}.a-b0{animation:a-b0 9s ease-in-out infinite}.a-u0{animation:a-u0 9s ease-in-out infinite}
.a-pp1{opacity:1;animation:a-pp1 9s ease-in-out infinite}.a-b1{animation:a-b1 9s ease-in-out infinite}.a-u1{animation:a-u1 9s ease-in-out infinite}
.a-pp2{opacity:1;animation:a-pp2 9s ease-in-out infinite}.a-b2{animation:a-b2 9s ease-in-out infinite}.a-u2{animation:a-u2 9s ease-in-out infinite}
.a-pp3{opacity:1;animation:a-pp3 9s ease-in-out infinite}.a-b3{animation:a-b3 9s ease-in-out infinite}.a-u3{animation:a-u3 9s ease-in-out infinite}
.a-ch0{animation:a-ch0 9s ease-in-out infinite}
.a-ch1{animation:a-ch1 9s ease-in-out infinite}
.a-ch2{animation:a-ch2 9s ease-in-out infinite}
.a-ch3{animation:a-ch3 9s ease-in-out infinite}
.a-ch4{animation:a-ch4 9s ease-in-out infinite}
.a-ch5{animation:a-ch5 9s ease-in-out infinite}
}

.gstage.off *{animation-play-state:paused!important}



.pseg{display:flex;gap:6px;width:max-content;max-width:100%;margin:10px 0 6px;padding:5px;border-radius:999px;background:#FEFEFA;border:2px solid rgba(3,54,82,.15)}
.pseg button{font:inherit;font-size:15px;font-weight:800;color:var(--deep);background:none;border:0;border-radius:999px;padding:8px 20px;cursor:pointer;min-height:44px}
.pseg button[aria-selected="true"]{background:var(--deep);color:#FEFEFA}
.pseg button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;box-shadow:0 0 0 6px #033652}   
.no-js .pseg,html:not(.js) .pseg{display:none}   
.ppanel[hidden]{display:none}
.ppanel>.sp-hero:first-child{padding-top:10px}


.ai-cards{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px;max-width:760px}
.ai-cards li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:#FEFEFA;border:2px solid rgba(3,54,82,.12)}
.ai-cards svg{flex:0 0 48px;width:48px;height:48px}
.ai-cards b{display:block;font-size:17px;color:var(--deep);margin:0 0 2px}
.ai-cards p{margin:0;line-height:1.75;color:var(--ink-mute)}
.sb-own{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:#FFF7E3}
.sb-own p{margin:0 0 4px;font-weight:800}
.sb-own ul{margin:0;padding-left:1.2em}


.xlink{margin:64px 0 0}
.xlink .xl-t{margin:0 0 4px;text-align:center;font-weight:800}
.xlink a{display:block;margin:10px 0;font-weight:800}
.xlink .xl-q{display:block;font-weight:400;font-size:15px;color:var(--ink-mute)}

.xlink.sea{position:relative;width:284px;max-width:100%;height:330px;margin:110px auto 0}
.xlink.sea .xl-t{position:absolute;top:2px;left:0;right:0;z-index:3;font-size:15px;transition:opacity .25s}
.xlink.sea .layer{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}   
.xlink.sea .back{z-index:0}.xlink.sea .front{z-index:2}
.xlink.sea a{position:absolute;z-index:1;margin:0;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.xlink.sea a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px;border-radius:18px;box-shadow:0 0 0 7px #033652}
.xlink.sea .xl-a{left:22px;top:30px;width:92px;height:172px}
.xlink.sea .xl-b{right:26px;top:58px;width:74px;height:138px}
.xlink.sea .bt{display:block;width:100%;height:100%;overflow:visible}
.xlink.sea .xl-q{display:none}
.xlink .xl-cap{position:absolute;z-index:3;margin:0;text-align:center;font-size:15px;line-height:1.5;font-weight:700;color:#FEFEFA;pointer-events:none}
.xlink .xl-cap.ca{left:4px;width:128px;top:210px}
.xlink .xl-cap.cb{right:2px;width:118px;top:204px}
.xlink.sea .xl-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}   
.bob-a{animation:xl-bob 3.4s ease-in-out infinite;transform-origin:50% 70%}
.bob-b{animation:xl-bob 3.8s ease-in-out infinite;animation-delay:-1.2s;transform-origin:50% 70%}
@keyframes xl-bob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}
.xlink .cork{transform-box:fill-box;transform-origin:50% 100%;transition:transform .45s cubic-bezier(.3,1.4,.5,1),opacity .35s ease}
.xlink .open .bobx{animation-play-state:paused}
.xlink .open .cork{transform:translate(14px,-34px) rotate(38deg);opacity:0}
.xlink .roll{transform-box:fill-box;transform-origin:50% 50%}
.xlink .open .roll{animation:xl-pull .85s cubic-bezier(.45,0,.3,1) .3s forwards}
@keyframes xl-pull{
  0%{transform:translateY(0) scale(1,1)}
  28%{transform:translateY(-16px) scale(.48,1.04)}
  62%{transform:translateY(-62px) scale(.38,1.1)}
  88%{transform:translateY(-104px) scale(.4,1);opacity:1}
  100%{transform:translateY(-112px) scale(.4,1);opacity:0}
}
.xlink .sheet{position:absolute;z-index:4;width:150px;height:120px;opacity:0;pointer-events:none;overflow:visible}
.xlink .sheet.sa{left:-6px;top:-74px}
.xlink .sheet.sb{right:-10px;top:-56px}
.xlink .sheet .flat{opacity:0}
.xlink .sheet.on{animation:xl-unfold .7s cubic-bezier(.3,1.25,.5,1) 1.05s forwards}
.xlink .sheet.on .crum{animation:xl-crum .7s ease 1.05s forwards}
.xlink .sheet.on .flat{animation:xl-flat .7s ease 1.05s forwards}
@keyframes xl-unfold{0%{opacity:0;transform:translateY(34px) scale(.35) rotate(-14deg)}25%{opacity:1;transform:translateY(16px) scale(.5) rotate(9deg)}100%{opacity:1;transform:none}}
@keyframes xl-crum{0%,30%{opacity:1}70%,100%{opacity:0}}
@keyframes xl-flat{0%,30%{opacity:0}70%,100%{opacity:1}}
.xlink.opening .xl-t{opacity:0}
@keyframes xl-wave{to{transform:translateX(-24px)}}
@keyframes xl-swim{0%{transform:translateX(calc(var(--sea-l,0px) - 40px))}100%{transform:translateX(calc(var(--sea-r,284px) + 10px))}}   
@keyframes xl-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.8}100%{transform:translateY(-60px);opacity:0}}
.xlink .wv{animation:xl-wave 3s linear infinite}
.xlink .swim{animation:xl-swim 18s linear infinite}
.xlink .bub{animation:xl-rise 5s ease-out infinite}.xlink .bub2{animation-delay:1.7s}.xlink .bub3{animation-delay:3.4s}
.xlink.off *{animation-play-state:paused!important}

@media (prefers-reduced-motion:reduce){
  .d-all,.d-come,.d-ask{animation:none;opacity:1;transform:none}
  .d-pass{animation:none;opacity:0}
  .a3-all,.a3-hub,.a3-ok,.a3-arrow,.a3-bar{animation:none;opacity:1;transform:none}
  .a3-mess,.a3-chip{animation:none;opacity:0}
  .a3-p{animation:none;transform:translate(var(--px),var(--py))}
  .bob-a,.bob-b,.xlink .wv,.xlink .swim,.xlink .bub{animation:none}
  .xlink .cork{transition:none}
  .xlink .open .roll,.xlink .sheet{animation:none!important}
}
.sp-hero .sp-h1{font-size:clamp(30px,6vw,46px);line-height:1.35;margin:0 0 14px;text-wrap:balance}   


.ai-view{max-width:760px;margin:28px auto 8px;display:flex;flex-direction:column;gap:10px}
.ai-view .av-h{font-size:22px;margin:0 0 4px;color:var(--deep)}
.av{background:#FEFEFA;border:1.5px solid rgba(3,54,82,.14);border-radius:16px;padding:0 16px}
.av>summary{cursor:pointer;list-style:none;font-weight:800;font-size:17px;color:var(--deep);min-height:52px;display:flex;align-items:center;gap:10px}
.av>summary::-webkit-details-marker{display:none}
.av>summary::before{content:'▸';transition:transform .2s}
.av[open]>summary::before{transform:rotate(90deg)}
.av>summary::after{content:'展開';margin-left:auto;font-size:13px;font-weight:700;padding:3px 10px;border-radius:99px;background:#FFF1CC}
.av[open]>summary::after{content:'收起'}
.av>summary:focus-visible{outline:3px solid var(--deep);outline-offset:3px;border-radius:12px}
.av>summary .av-st{font:inherit;color:inherit;margin:0}   
.ai-view sup{font-size:13px;margin-left:1px}
.ai-view sup a{color:var(--deep);text-decoration:none;font-weight:700}
.av-src>summary{font-size:16px}
.av-upd{margin:-4px 0 14px;font-size:15px;color:var(--ink-mute)}
.av-srcs{margin:0 0 14px;padding-left:1.6em;font-size:15px;line-height:1.7;color:var(--ink-mute);overflow-wrap:anywhere}
.av-srcs a{color:var(--deep)}
.av-ul{margin:0 0 12px;padding-left:1.2em}
.av-ul li{margin:0 0 6px}
.av-next::before{content:'▸';content:'▸' / '';margin-right:6px;color:var(--deep)}
.av-y{display:inline-block;font-variant-numeric:tabular-nums;color:var(--deep);background:#FFF1CC;border-radius:8px;padding:0 10px;font-size:15.5px;margin-bottom:6px}
@media (prefers-reduced-motion:reduce){.av>summary::before{transition:none}}