:root{--x-blue:#3b4f74;--x-cyan:#57a0c5;--x-orange:#ecb278;--x-pink:#dc7da6;--x-purple:#9678ae;--x-leaf-green:#457461;--x-green:#78b36e;--x-black:#4e4e4e;--x-white:#fff;--x-coral:#ff3b30;--x-cyan-deep:#39a1ca;--x-blue-50:#3b4f7480;--x-blue-10:#3b4f741a;--x-blue-5:#3b4f740d;--x-black-50:#4e4e4e80;--x-black-10:#4e4e4e1a;--x-cyan-10:#57a0c51a;--x-green-10:#78b36e1a;--neutral-350:#a6a6a6;--neutral-125:#eee;--neutral-75:#f5f5f5;--neutral-50:#fafafa;--text-title:var(--x-black);--text-primary:#717171;--text-caption:#a6a6a6;--border-subtle:#eee;--border-bar:#3b4f741a;--border-hairline:#7171711a;--gradient-connect:linear-gradient(90.858deg, #ecb278 -25.46%, #dc7da6 35.16%, #3b4f74 69.39%, #57a0c5 103.46%);--font-sans:"DM Sans", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-wallet:"Mona Sans", var(--font-sans);--shadow-card:0 0 4px #00000040;--shadow-bar:0 1px 4px #00000040;--ease-standard:cubic-bezier(.4, 0, .2, 1);--duration-fast:.12s;--duration-base:.18s}*{box-sizing:border-box}body{background:var(--x-white);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:500;line-height:24px}h1,h2,h3,p{margin:0}a{color:var(--x-cyan);transition:color var(--duration-fast) var(--ease-standard);text-decoration:none}a:hover{color:var(--x-blue)}.top-bar{border-bottom:1px solid var(--border-bar);background:var(--x-white);align-items:center;height:80px;padding:0 clamp(16px,7vw,107px);display:flex}.top-bar__logo{height:34px;display:block}.hero{text-align:center;max-width:720px;margin:0 auto;padding:clamp(40px,8vw,72px) 24px 48px}.hero h1{color:var(--text-title);font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.2}.hero h1 .accent{color:var(--x-cyan);display:block}.hero p{max-width:560px;margin:20px auto 0}.flow{grid-template-columns:minmax(300px,1fr) minmax(230px,300px) minmax(300px,1fr);align-items:stretch;gap:24px;max-width:1160px;margin:0 auto;padding:0 24px 96px;display:grid}.square{background:var(--x-white);box-shadow:var(--shadow-card);aspect-ratio:1;border-radius:8px;flex-direction:column;min-height:380px;padding:24px;display:flex}.square__head{border-bottom:1px solid var(--border-subtle);align-items:center;gap:14px;padding-bottom:16px;display:flex}.chain-mark{flex:none;width:36px;height:36px}.square__eyebrow{letter-spacing:1.2px;color:var(--text-caption);font-size:12px;font-weight:700;line-height:18px;display:block}.square__title{color:var(--text-title);font-size:20px;font-weight:600;line-height:28px}.square__body{flex-direction:column;flex:1;min-height:0;margin-top:16px;display:flex}.square__hint{color:var(--text-caption);font-size:14px;line-height:22px}.square__scroll{flex:1;min-height:0;overflow-y:auto}.flow__mid{text-align:center;flex-direction:column;justify-content:center;gap:18px;display:flex}.flow__hint{color:var(--text-primary);font-size:14px;line-height:22px}.flow__arrow{height:140px;position:relative}.flow__arrow-shape{background:var(--x-blue);clip-path:polygon(0 25%,72% 25%,72% 5%,100% 50%,72% 95%,72% 75%,0 75%);transition:background-color var(--duration-base) var(--ease-standard);position:absolute;inset:0}.flow__arrow-shape:after{content:"";animation:shimmer 2.4s var(--ease-standard) infinite;background:linear-gradient(105deg,#0000 25%,#ffffff80 50%,#0000 75%);position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.flow__arrow--locked .flow__arrow-shape{background:var(--x-blue-50)}.flow__arrow--done .flow__arrow-shape{background:var(--x-leaf-green)}.flow__arrow--done .flow__arrow-shape:after{animation:none}.flow__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flow__status{flex-direction:column;justify-content:flex-start;align-items:center;min-height:44px;display:flex}.flow__status-note{justify-content:center}.flow__fineprint{color:var(--text-caption);font-size:13px;line-height:20px}.flow__success{color:var(--x-leaf-green);font-size:13px;line-height:20px}.btn{cursor:pointer;font-family:var(--font-sans);white-space:nowrap;transition:background-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--connect{color:var(--x-black);box-shadow:inset 0 0 0 1px var(--x-blue);border-radius:28px;padding:12px 19px;font-size:16px;font-weight:700;line-height:24px}.btn--connect:hover:not(:disabled){background:var(--x-blue-5)}.btn--gradient{background:var(--gradient-connect);color:var(--x-white);border-radius:8px;height:48px;padding:12px 55px;font-size:14px;font-weight:700;line-height:24px}.btn--gradient:hover:not(:disabled){opacity:.9}.btn--convert{background:var(--x-blue);color:var(--x-white);box-shadow:0 0 0 3px var(--x-white);border-radius:28px;padding:10px 22px;font-size:14px;font-weight:700;line-height:22px}.btn--convert:hover:not(:disabled){background:#304160}.btn--convert:disabled{opacity:1;background:var(--x-white);color:var(--x-blue-50);box-shadow:0 0 0 3px var(--x-white)}.btn-link{cursor:pointer;font-family:var(--font-sans);color:var(--x-cyan);transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:0;padding:0;font-size:14px;font-weight:500;line-height:22px}.btn-link:hover{color:var(--x-blue)}.field{flex-direction:column;gap:8px;width:100%;display:flex}.field__label{color:var(--x-black);padding:0 8px;font-size:16px;font-weight:600;line-height:100%}.field__input{width:100%;height:58px;box-shadow:inset 0 0 0 1px var(--neutral-350);font-family:var(--font-wallet);color:var(--x-black);background:var(--x-white);transition:box-shadow var(--duration-base) var(--ease-standard);border:0;border-radius:10px;padding:17px 24px;font-size:16px;font-weight:400;line-height:100%}.field__input::placeholder{color:var(--x-black-50);font-family:var(--font-sans)}.field__input:focus{box-shadow:inset 0 0 0 1px var(--x-blue);outline:none}.field__input--invalid{box-shadow:inset 0 0 0 1px var(--x-coral)}.field__hint{color:var(--x-black);align-self:flex-end;padding-right:9px;font-size:12px;font-weight:400;line-height:100%}.field__hint--error{color:var(--x-coral)}.account-list{flex-direction:column;gap:10px;display:flex}.account-row{background:var(--x-white);width:100%;box-shadow:inset 0 0 0 1px var(--border-subtle);cursor:pointer;text-align:left;font-family:var(--font-sans);transition:background-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);border:0;border-radius:10px;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.account-row:hover{background:var(--neutral-50)}.account-row--selected{box-shadow:inset 0 0 0 1px var(--x-blue);background:var(--x-blue-5)}.account-row__name{color:var(--text-title);font-size:15px;font-weight:600;line-height:22px}.account-row__address{font-family:var(--font-wallet);color:var(--text-primary);word-break:break-all;font-size:13px;line-height:20px}.meta{flex-direction:column;gap:10px;display:flex}.meta__row{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:10px 0;display:flex}.meta__label{color:var(--text-title);font-size:14px;font-weight:600;line-height:22px}.meta__value{font-family:var(--font-wallet);color:var(--text-primary);word-break:break-all;font-size:14px;line-height:22px}.badge{letter-spacing:1.2px;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:700;line-height:18px;display:inline-block}.badge--success{background:var(--x-green-10);color:var(--x-leaf-green)}.badge--arrow{background:var(--x-white);box-shadow:0 0 0 4px var(--x-white)}.banner{text-align:left;border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;line-height:22px;display:flex}.banner--info{background:var(--x-cyan-10);color:var(--text-title)}.banner--error{color:var(--x-coral);background:#ff3b3014}.tick-disc{background:var(--x-green-10);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto;display:flex}.tick-disc--arrow{background:var(--x-white);box-shadow:0 0 0 4px var(--x-white)}.spinner{border:2px solid var(--x-blue-10);border-top-color:var(--x-blue);border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-note{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;line-height:22px;display:flex}.divider{color:var(--text-caption);align-items:center;gap:12px;margin:16px 0;font-size:12px;line-height:18px;display:flex}.divider:before,.divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}@media (width<=920px){.flow{grid-template-columns:minmax(0,480px);justify-content:center}.square{aspect-ratio:auto;min-height:0}.flow__mid{padding:8px 0}.flow__arrow{width:min(220px,70vw);height:190px;margin:0 auto}.flow__arrow-shape{clip-path:polygon(20% 0,80% 0,80% 62%,98% 62%,50% 100%,2% 62%,20% 62%)}.btn--convert{padding:8px 16px;font-size:12px;line-height:20px}.flow__arrow-shape:after{background:linear-gradient(195deg,#0000 25%,#ffffff80 50%,#0000 75%);animation-name:shimmer-down;transform:translateY(-100%)}@keyframes shimmer-down{to{transform:translateY(100%)}}}@media (prefers-reduced-motion:reduce){.flow__arrow-shape:after{animation:none}.spinner{animation-duration:1.6s}}