.sk{background:#050b1c}.sh{isolation:isolate;background:radial-gradient(60% 60% at 75% 45%,#12307e,#0000 70%),radial-gradient(50% 50% at 10% 90%,#3fd8e62e,#0000 70%),#050b1c;min-height:900px;position:relative;overflow:hidden}.zg{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.zg-g{fill:none;stroke:#d9b45a;stroke-width:2.4px;stroke-linecap:round;opacity:.8}.zg-t{fill:none;stroke:#4a6bff8c;stroke-width:1.6px}.zg-n{fill:#3fd8e6}.zg-p{fill:none;stroke:#7ff3ff;stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:16 1500;stroke-dashoffset:1516px;filter:drop-shadow(0 0 6px #3fd8e6);animation:4s linear infinite pz}.zg-p.d2{animation-delay:1.3s}.zg-p.d3{animation-delay:2.6s}@keyframes pz{to{stroke-dashoffset:0}}.zg-g{stroke-dasharray:900;stroke-dashoffset:900px;animation:2.8s cubic-bezier(.6,0,.2,1) .2s forwards zdraw}@keyframes zdraw{to{stroke-dashoffset:0}}.sh-in{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:40px;min-height:900px;padding-block:72px;display:grid;position:relative}.sh .crumb{color:#f3ecddbf}.sh-tag{align-items:center;gap:14px;margin-top:30px;display:flex}.sh-tag p{font:700 15px/1 var(--f-goth);letter-spacing:.16em;color:var(--ct)}.sh h1{font:800 clamp(44px,5.6vw,90px)/1.2 var(--f-min);letter-spacing:.03em;margin-top:22px}.sh h1 .cy{background:linear-gradient(100deg,#9cb6ff,#7ff3ff 50%,#f6e4a6);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.sh .lead{color:#f3ecdddb;margin-top:28px}.ui-stage{--rx:8deg;--ry:-18deg;perspective:1600px;place-items:center;min-height:600px;display:grid}.ui{aspect-ratio:1.42;width:min(620px,90%);transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s var(--ease);animation:uiIn 1.4s .4s var(--ease) both;position:relative}@keyframes uiIn{0%{opacity:0;translate:0 60px}to{opacity:1;translate:0}}.ui-win{background:linear-gradient(160deg,#162860f2,#08102cf5);border:1px solid #7ff3ff59;border-radius:18px;grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 60px 120px -40px #000000e6,0 0 60px -10px #4a6bff99}.ui-bar{border-bottom:1px solid #7ff3ff2e;align-items:center;gap:8px;padding:12px 16px;display:flex}.ui-bar i{background:#f3ecdd40;border-radius:50%;width:10px;height:10px}.ui-bar span{font:500 11.5px/1 var(--f-goth);letter-spacing:.06em;color:#f3ecddb3;background:#ffffff12;border-radius:999px;margin-left:12px;padding:5px 14px}.ui-body{grid-template-columns:120px minmax(0,1fr);min-height:0;display:grid}.ui-side{border-right:1px solid #7ff3ff24;align-content:start;gap:8px;padding:16px 12px;display:grid}.ui-side b{background:#ffffff0f;border-radius:8px;height:26px}.ui-side b:first-child{background:linear-gradient(90deg,#4a6bffb3,#3fd8e680)}.ui-main{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0;padding:16px;display:grid}.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.kpi{background:#ffffff0d;border-radius:12px;gap:8px;padding:12px;display:grid}.kpi span{font:700 11px/1 var(--f-goth);letter-spacing:.08em;color:#f3ecddb8}.kpi i{transform-origin:0;background:linear-gradient(90deg,#4a6bff,#7ff3ff);border-radius:9px;height:6px;animation:3.2s ease-in-out infinite alternate kb;display:block}.kpi:nth-child(2) i{width:72%;animation-delay:.6s}.kpi:nth-child(3) i{width:54%;animation-delay:1.2s}@keyframes kb{0%{scale:.35 1}to{scale:1}}.chart{background:#ffffff0a;border-radius:12px;position:relative;overflow:hidden}.chart svg{width:100%;height:100%}.cl{fill:none;stroke:#7ff3ff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:700;stroke-dashoffset:700px;animation:3s 1s forwards cdraw,2s ease-in-out 4s infinite alternate glowc}.ca{fill:url(#cg);opacity:0;animation:1s 3s forwards cfade}@keyframes cdraw{to{stroke-dashoffset:0}}@keyframes cfade{to{opacity:1}}@keyframes glowc{to{filter:drop-shadow(0 0 8px #7ff3ff)}}.rows{gap:7px;display:grid}.rows b{background:#ffffff12;border-radius:6px;height:12px}.rows b:nth-child(2){width:86%}.rows b:nth-child(3){width:64%}.fl1,.fl2,.fl3{font:700 12.5px/1.4 var(--f-goth);letter-spacing:.04em;backdrop-filter:blur(10px);border-radius:14px;padding:12px 16px;position:absolute}.fl1{color:#1f1507;background:#f6e4a6eb;align-items:center;gap:10px;display:flex;top:14%;right:-8%;transform:translateZ(90px);box-shadow:0 20px 40px -12px #0009}.fl1 i{background:#1f7a4d;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #1f7a4d40}.fl2{color:#e6f7ff;background:#050b1cd1;border:1px solid #7ff3ff80;gap:8px;display:grid;bottom:16%;left:-10%;transform:translateZ(130px)}.lang3{gap:6px;display:flex}.lang3 span{font:700 11px/1 var(--f-lat);border:1px solid #7ff3ff66;border-radius:999px;padding:5px 10px}.lang3 span:first-child{color:#050b1c;background:#7ff3ff}.fl3{background:#050b1c99;border:1px solid #d9b45a99;place-items:center;width:120px;height:120px;padding:0;display:grid;bottom:-6%;right:6%;transform:translateZ(60px)}.fl3 svg{width:84px;height:84px}.ring-ai{fill:none;stroke:#d9b45a;stroke-width:2px;stroke-dasharray:6 6;transform-box:fill-box;transform-origin:50%;animation:8s linear infinite spinr}@keyframes spinr{to{rotate:360deg}}.ai-n{fill:#7ff3ff}.dx{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.dx .txt{color:#f3ecdddb}.dx-word{font:800 clamp(64px,8.6vw,138px)/.95 var(--f-min);letter-spacing:.04em}.dx-word span{font:800 clamp(20px,2vw,28px)/1.2 var(--f-lat);letter-spacing:.24em;color:var(--ct);margin-top:18px;display:block}.reach{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.rc{--bg:#081433;border-radius:18px;gap:8px;padding:26px;display:grid}.rc b{font:800 22px/1.3 var(--f-min)}.rc span{font:400 14.5px/1.8 var(--f-goth);color:#f3ecddcc}.domain{font:700 14px/1 var(--f-lat);letter-spacing:.06em;background:#7ff3ff14;border:1px solid #7ff3ff4d;border-radius:12px;align-items:center;gap:12px;margin-top:26px;padding:12px 18px;display:inline-flex}.domain i{background:#7ff3ff;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite blink}@keyframes blink{50%{opacity:.2}}.case{background:linear-gradient(140deg,#0b1a48,#050b1c 60%);border:1px solid #7ff3ff40;border-radius:30px;padding:clamp(40px,5vw,72px);position:relative;overflow:hidden}.case:before{content:"";background:radial-gradient(circle,#d9b45a40,#0000 66%);border-radius:50%;width:460px;height:460px;position:absolute;top:-140px;right:-140px}.case-h{flex-wrap:wrap;align-items:center;gap:16px;display:flex;position:relative}.case-h .chip{color:#bfefff;border-color:#7ff3ff73}.case h2{max-width:18em;margin-top:22px;position:relative}.case .txt{color:#f3ecdddb;max-width:44em;margin-top:18px;position:relative}.phases{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:40px;display:grid;position:relative}.pz{transition:transform .5s var(--ease),border-color .5s;background:#ffffff0a;border:1px solid #7ff3ff33;border-radius:20px;align-content:start;gap:12px;padding:28px;display:grid;position:relative}.pz:hover{border-color:#7ff3ff;transform:translateY(-6px)}.pz svg{width:46px;height:46px}.pi{fill:none;stroke:#7ff3ff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.pz h3{font:800 21px/1.4 var(--f-min)}.pz p{font:400 14.5px/1.85 var(--f-goth);color:#f3ecddd1}.ph{color:#bfefff;border:1px dashed #7ff3ff99;border-radius:6px;padding:2px 8px;display:inline-block}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:48px;display:grid}.bx{background:linear-gradient(160deg,#0c1a44,#071030);border:1px solid #4a6bff4d;border-radius:24px;align-content:end;gap:10px;min-height:300px;padding:32px;transition:border-color .5s;display:grid;position:relative;overflow:hidden}.bx:hover{border-color:#7ff3ff}.b1{grid-column:span 4}.b2,.b3{grid-column:span 2}.b4{grid-column:span 4}.bx h3{font:800 clamp(21px,2vw,27px)/1.4 var(--f-min);letter-spacing:.03em}.bx p{font:400 14.5px/1.85 var(--f-goth);color:#f3ecddd1;max-width:36em}.bx small{font:600 12.5px/1 var(--f-lat);letter-spacing:.08em;color:var(--ct)}.bv{height:110px;position:absolute;top:28px;left:32px;right:32px}.play{background:var(--foil);background-size:250% 100%;border-radius:50%;place-items:center;width:84px;height:84px;animation:6s linear infinite sheen;display:grid;position:absolute;top:0;right:0}.play:before{content:"";border-top:14px solid #0000;border-bottom:14px solid #0000;border-left:22px solid #1f1507;width:0;height:0;margin-left:6px}.play:after{content:"";border:2px solid #f6e4a6;border-radius:50%;animation:1.8s ease-out infinite pr;position:absolute;inset:-6px}@keyframes pr{0%{opacity:1;scale:1}to{opacity:0;scale:1.5}}.tline{background:#ffffff1a;border-radius:9px;height:6px;position:absolute;bottom:10px;left:0;right:110px;overflow:hidden}.tline i{transform-origin:0;background:linear-gradient(90deg,#4a6bff,#7ff3ff);animation:5s linear infinite tl;position:absolute;inset:0}@keyframes tl{0%{scale:0 1}to{scale:1}}.tick{height:62px;font:800 48px/62px var(--f-min);letter-spacing:.04em;overflow:hidden}.tick span{animation:7.5s cubic-bezier(.7,0,.2,1) infinite tk;display:block}@keyframes tk{0%,26%{translate:0}33%,59%{translate:0 -62px}66%,92%{translate:0 -124px}to{translate:0 -186px}}.xl{height:92px;position:relative}.xl p{font:700 20px/1.6 var(--f-min);color:#e6f7ff;animation:6s ease-in-out infinite xf;position:absolute;inset:0}.xl p:nth-child(2){font-family:var(--f-lat);font-weight:700;animation-delay:-3s}@keyframes xf{0%,40%{opacity:1;filter:blur()}50%,90%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}.net{width:260px;height:150px;position:absolute;top:20px;right:24px}.net line{stroke:#7ff3ff66;stroke-width:1.4px}.net circle{fill:#7ff3ff;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite alternate np}.net circle:nth-of-type(2){animation-delay:.4s}.net circle:nth-of-type(3){animation-delay:.8s}.net circle:nth-of-type(4){animation-delay:1.2s}.net circle:nth-of-type(5){fill:#f6e4a6;animation-delay:1.6s}@keyframes np{0%{scale:.6}to{scale:1.3}}.tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:40px;display:grid}.trc{--bg:#081433;border-radius:22px;gap:10px;padding:34px;display:grid}.trc b{font:800 clamp(56px,6vw,90px)/1 var(--f-lat);letter-spacing:-.03em}.trc span{font:500 15px/1.7 var(--f-goth);color:#f3ecdddb}.trc small{font:400 13.5px/1.7 var(--f-goth);color:#f3ecdda6}.stance{font:800 clamp(28px,3.4vw,52px)/1.45 var(--f-min);letter-spacing:.04em;text-align:center;text-wrap:balance;margin-top:44px}.stance-s{text-align:center;font:400 14px/1.8 var(--f-goth);color:#f3ecddb3;margin-top:16px}.end{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:36px;display:flex}@media (width<=900px){.sh-in,.dx,.phases,.tr,.reach,.bento{grid-template-columns:1fr}.b1,.b2,.b3,.b4{grid-column:auto}.ui-body{grid-template-columns:70px minmax(0,1fr)}}
