@keyframes kw-in{to{opacity:1;transform:none}}@keyframes dist-travel{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes dist-node{0%,to{opacity:.5}50%{opacity:1}}.pnl{--font-display:var(--font-bricolage), var(--font-inter), system-ui, sans-serif;--bg:#fff;--bg-2:#f4f5f8;--panel:#fff;--panel-2:#fbfcfd;--line:#e7e9ee;--line-2:#dcdfe6;--ink:#16181d;--ink-2:#3a3f48;--ink-3:#5c626d;--ink-4:#9096a1;--accent:var(--color-brand);--accent-bright:#6a34c9;--accent-soft:color-mix(in srgb, var(--accent) 10%, transparent);--accent-glow:#a685f0;--green:#0a7d55;--shadow:0 1px 2px #1018280d, 0 8px 24px -14px #1018281f;background:var(--bg);color:var(--ink);font-family:var(--font-inter), system-ui, sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;overflow-x:hidden}.pnl *{box-sizing:border-box;margin:0;padding:0}.pnl button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.pnl a{color:inherit;text-decoration:none}.pnl button:focus-visible,.pnl a:focus-visible,.pnl summary:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px;border-radius:4px}.pnl .wrap{max-width:1280px;margin:0 auto;padding:0 24px}.pnl .step-card,.pnl .b-tile,.pnl .dist-hub,.pnl .dist-t,.pnl .note-card,.pnl .sponsor-card,.pnl .coming-card,.pnl .build-card{box-shadow:var(--shadow)}.pnl .hero{text-align:center;padding:76px 24px 0;position:relative}.pnl .hero:before{content:"";background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent) 20%, transparent), transparent 60%);pointer-events:none;width:1200px;max-width:100vw;height:560px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.pnl .eyebrow{color:var(--accent-bright);letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;font-size:11px;font-weight:700}.pnl h1{font-family:var(--font-display);letter-spacing:-.035em;margin-bottom:20px;font-size:clamp(40px,6.5vw,66px);font-weight:800;line-height:1.06}.pnl .hero-sub{color:var(--ink-3);max-width:540px;margin:0 auto 30px;font-size:16px;line-height:1.65}.pnl .cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.pnl .btn-primary{background:var(--accent);color:#fff;border-radius:10px;align-items:center;gap:8px;padding:13px 24px;font-size:14px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.pnl .btn-primary:hover{background:color-mix(in srgb, var(--accent) 85%, black);transform:translateY(-1px)}.pnl .btn-primary svg{width:15px;height:15px}.pnl .btn-ghost{border:1px solid var(--line-2);color:var(--ink-2);border-radius:10px;padding:13px 20px;font-size:14px;font-weight:500;transition:border-color .15s,color .15s}.pnl .btn-ghost:hover{border-color:var(--ink-4);color:var(--ink)}.pnl .switcher-line{color:var(--ink-3);margin-top:18px;font-size:13px}.pnl .switcher-line a{color:var(--accent-bright);font-weight:600}.pnl .switcher-line a:hover{text-decoration:underline}.pnl .kw{opacity:0;animation:.5s cubic-bezier(.2,.7,.3,1) forwards kw-in;animation-delay:calc(var(--d) * 90ms);display:inline-block;transform:translateY(14px)}.pnl .frame-wrap{max-width:960px;margin:44px auto 0;position:relative}.pnl .video-slot{aspect-ratio:16/9;border:1px solid var(--line-2);background:linear-gradient(160deg, color-mix(in srgb, var(--accent-glow) 13%, white), #f6f7f9);max-width:960px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin:0 auto;display:flex;position:relative;overflow:hidden}.pnl .video-play{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.pnl .video-play svg{width:26px;height:26px;margin-left:3px}.pnl .video-label{color:var(--ink-2);letter-spacing:.02em;font-size:13px;font-weight:600}.pnl .frame{background:linear-gradient(var(--panel), var(--panel)) padding-box, linear-gradient(160deg, color-mix(in srgb, var(--accent-glow) 55%, transparent), color-mix(in srgb, var(--accent) 12%, transparent) 45%, transparent 75%) border-box;box-shadow:0 -40px 140px -25px color-mix(in srgb, var(--accent) 42%, transparent);border:1px solid #0000;border-bottom:none;border-radius:16px 16px 0 0;padding:12px 14px 0}.pnl .frame-dots{align-items:center;gap:6px;padding:2px 4px 10px;display:flex}.pnl .frame-dots>span{background:var(--line-2);border-radius:50%;width:9px;height:9px}.pnl .frame-tab{color:var(--ink-4);border-radius:6px;padding:3px 9px;font-size:10.5px;font-weight:600}.pnl .frame-tab:hover{color:var(--ink-2)}.pnl .frame-tab.active{background:var(--accent-soft);color:var(--accent-bright)}.pnl .shot{border-radius:10px 10px 0 0;overflow:hidden}.pnl .shot img{width:100%;height:auto;display:block}.pnl .proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2);text-align:center;color:var(--ink-3);padding:18px 24px;font-size:12.5px}.pnl .proof .sep{color:var(--line-2);margin:0 14px}.pnl section{padding:84px 0}.pnl .sec-title{font-family:var(--font-display);letter-spacing:-.025em;text-align:center;margin-bottom:14px;font-size:clamp(26px,4vw,34px);font-weight:800}.pnl .sec-sub{color:var(--ink-3);text-align:center;max-width:520px;margin:0 auto 44px;font-size:14.5px;line-height:1.65}.pnl .sec-cta{text-align:center;margin-top:30px;font-size:13px}.pnl .sec-cta a{color:var(--accent-bright);font-weight:600}.pnl .sec-cta a:hover{text-decoration:underline}.pnl .steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pnl .step-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}.pnl .step-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-bright);border-radius:11px;justify-content:center;align-items:center;margin-bottom:16px;display:flex;position:relative}.pnl .step-icon svg{width:19px;height:19px}.pnl .step-num{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-7px;right:-7px}.pnl .step-card h3{margin-bottom:7px;font-size:15px;font-weight:700}.pnl .step-card p{color:var(--ink-3);font-size:13px;line-height:1.65}.pnl .migrate{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.pnl .migrate h2{font-family:var(--font-display);letter-spacing:-.025em;text-align:left;margin-bottom:14px;font-size:clamp(24px,3.5vw,30px);font-weight:800;line-height:1.15}.pnl .migrate .lead{color:var(--ink-3);margin-bottom:20px;font-size:14px;line-height:1.7}.pnl .mig-list{flex-direction:column;gap:11px;margin-bottom:24px;list-style:none;display:flex}.pnl .mig-list li{color:var(--ink-2);gap:9px;font-size:13.5px;line-height:1.5;display:flex}.pnl .mig-list svg{width:15px;height:15px;color:var(--green);flex-shrink:0;margin-top:2px}.pnl .mig-visual{background:linear-gradient(var(--panel), var(--panel)) padding-box, linear-gradient(160deg, color-mix(in srgb, var(--accent-glow) 45%, transparent), transparent 70%) border-box;box-shadow:0 20px 80px -30px color-mix(in srgb, var(--accent) 35%, transparent);border:1px solid #0000;border-radius:16px;padding:22px 24px}.pnl .mig-step-line{align-items:center;gap:8px;margin-bottom:18px;font-size:10.5px;display:flex}.pnl .mig-step{color:var(--ink-4);align-items:center;gap:4px;font-weight:600;display:inline-flex}.pnl .mig-step.done{color:var(--green)}.pnl .mig-step.cur{color:var(--accent-bright)}.pnl .mig-line{background:var(--line-2);flex:1;height:1.5px}.pnl .mig-line.done{background:var(--accent)}.pnl .mig-count{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.pnl .mig-sub{color:var(--ink-3);margin:3px 0 12px;font-size:11.5px}.pnl .mig-bar{background:var(--line);border-radius:3px;height:6px;margin-bottom:14px;overflow:hidden}.pnl .mig-fill{background:var(--accent);border-radius:3px;width:71%;height:100%}.pnl .mig-tick{color:var(--ink-3);align-items:center;gap:7px;padding:3px 0;font-size:11.5px;display:flex}.pnl .mig-tick svg{width:12px;height:12px;color:var(--green);flex-shrink:0}.pnl .dist{flex-direction:column;align-items:center;gap:0;display:flex}.pnl .dist-hub{background:var(--panel-2);border:1px solid var(--line-2);border-radius:14px;align-items:center;gap:11px;padding:16px 24px;font-size:15px;font-weight:600;display:inline-flex}.pnl .dist-hub svg{width:20px;height:20px;color:var(--accent-bright)}.pnl .dist-lines{width:540px;max-width:88vw;height:68px}.pnl .dist-targets{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.pnl .dist-t{background:var(--panel);border:1px solid var(--line);color:var(--ink-2);border-radius:13px;align-items:center;gap:10px;padding:14px 22px;font-size:15px;font-weight:500;display:inline-flex}.pnl .dist-t svg{width:18px;height:18px;color:var(--ink-3)}.pnl .dist-flow{fill:none;stroke:var(--accent-bright);stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:14 86;animation:2.4s linear infinite dist-travel}.pnl .dist-node{animation:2.4s ease-in-out infinite dist-node}.pnl .note-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;max-width:720px;margin:0 auto;padding:30px 34px}.pnl .note-card h3{margin-bottom:10px;font-size:15px;font-weight:700}.pnl .note-card p{color:var(--ink-2);font-size:15px;line-height:1.7}.pnl .note-author{color:var(--ink-3);margin-top:16px;font-size:13px;font-style:italic}.pnl .mig-hosts{text-align:center;max-width:760px;color:var(--ink-3);margin:32px auto 0;font-size:13.5px;line-height:1.6}.pnl .sponsor-card{text-align:center;background:var(--accent-soft);border:1px solid var(--line);border-radius:22px;max-width:760px;margin:0 auto;padding:44px 40px}.pnl .sponsor-card h2{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(24px,3.5vw,30px);font-weight:800}.pnl .sponsor-card p{color:var(--ink-2);max-width:560px;margin:0 auto;font-size:16px;line-height:1.7}.pnl .coming{gap:16px;max-width:820px;margin:0 auto;display:grid}.pnl .coming-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px 30px}.pnl .coming-card h3{font-size:17px;font-weight:700}.pnl .feat-icon{background:color-mix(in srgb, var(--accent-bright) 9%, white);width:38px;height:38px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.pnl .feat-icon svg{width:18px;height:18px}.pnl .bento{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(150px,auto);gap:14px;display:grid}.pnl .b-tile{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;padding:22px;transition:border-color .2s,transform .2s;display:flex}.pnl .b-tile:hover{border-color:var(--line-2);transform:translateY(-2px)}.pnl .b-wide{grid-area:span 2/span 2}.pnl .b-tile h3{margin-bottom:6px;font-size:15px;font-weight:700}.pnl .b-tile p{color:var(--ink-3);font-size:12.5px;line-height:1.65}.pnl .b-chart{flex-direction:column;flex:1;margin-top:16px;display:flex}.pnl .b-chip{background:var(--bg-2);border:1px solid var(--line-2);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:7px;align-self:flex-end;margin-bottom:10px;padding:4px 9px;font-size:11px;font-weight:600}.pnl .b-bars{border-bottom:1px solid var(--line-2);background:repeating-linear-gradient(0deg,#0000 0 25px,#1018280d 25px 26px);flex:1;align-items:flex-end;gap:8px;min-height:104px;display:flex}.pnl .b-bars span{background:var(--accent);opacity:.4;transform-origin:bottom;min-height:8px;transition:transform .5s cubic-bezier(.2,.7,.3,1);transition-delay:calc(var(--i) * 45ms);border-radius:5px 5px 0 0;flex:1;position:relative;transform:scaleY(0)}.pnl .reveal.in .b-bars span{transform:scaleY(1)}.pnl .b-bars span:nth-child(2n){opacity:.65}.pnl .b-bars span.hi{opacity:1;background:linear-gradient(180deg, var(--accent-bright), var(--accent))}.pnl .b-bars span.mark:after{content:"";background:var(--accent-bright);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:-11px;left:50%}.pnl .b-axis{color:var(--ink-4);justify-content:space-between;align-items:center;margin-top:8px;font-size:10.5px;display:flex}.pnl .b-dot{background:var(--accent-bright);vertical-align:.5px;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.pnl .b-accent{background:linear-gradient(150deg, var(--accent-bright), color-mix(in srgb, var(--accent) 75%, black));border-color:#0000;grid-column:span 2}.pnl .faq{max-width:640px;margin:0 auto}.pnl details{border-bottom:1px solid var(--line)}.pnl summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 4px;font-size:14.5px;font-weight:600;list-style:none;display:flex}.pnl summary::-webkit-details-marker{display:none}.pnl summary .chev{color:var(--ink-4);flex-shrink:0;transition:transform .2s}.pnl details[open] summary .chev{transform:rotate(180deg)}.pnl .faq-body{color:var(--ink-3);max-width:560px;padding:0 4px 20px;font-size:13.5px;line-height:1.7}.pnl .build-card{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:20px;max-width:680px;margin:0 auto;padding:44px 34px}.pnl .build-card h2{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:14px;font-size:clamp(22px,3.2vw,28px);font-weight:800}.pnl .build-card p{color:var(--ink-3);font-size:14.5px;line-height:1.7}.pnl .build-card p+p{margin-top:12px}.pnl .build-sign{color:var(--ink-2);margin-top:20px;font-weight:600}.pnl .build-sign a{color:var(--accent-bright);text-decoration:underline}.pnl .final{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--line);text-align:center;border-radius:24px;width:90vw;margin-left:calc(50% - 45vw);padding:84px 24px;position:relative;overflow:hidden}.pnl .final:before{content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--accent) 18%, transparent), transparent 65%);pointer-events:none;width:480px;height:300px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.pnl .final h2{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(24px,4vw,32px);font-weight:800;position:relative}.pnl .final p{color:var(--ink-3);margin-bottom:26px;font-size:14px;line-height:1.65;position:relative}.pnl .final .btn-primary{position:relative}.pnl .reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(18px)}.pnl .reveal.in{opacity:1;transform:none}@media (max-width:860px){.pnl .steps,.pnl .bento{grid-template-columns:1fr}.pnl .b-wide,.pnl .b-accent{grid-area:auto}.pnl .migrate{grid-template-columns:1fr;gap:28px}.pnl section{padding:60px 0}}@media (prefers-reduced-motion:reduce){.pnl .b-bars span{transform:scaleY(1)!important}.pnl *{transition:none!important;animation:none!important}.pnl .reveal,.pnl .kw{opacity:1;transform:none}}