@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&display=swap";:root{--navy:#040914;--navy-2:#0a1730;--ink:#f4f7fb;--muted:#9aa8bd;--gold:#e0b84a;--gold-2:#f3e0a0;--line:#e0b84a47;--glass:#0812269e;color:var(--ink);background:var(--navy);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Be Vietnam Pro,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{background:radial-gradient(1200px 700px at 50% -10%, #163056 0%, var(--navy) 55%);overflow:hidden}button{font-family:inherit}.stage{height:100dvh;position:relative;overflow:hidden}.view{z-index:2;grid-template:"top""orbit"1fr"dock"/1fr;display:grid;position:absolute;inset:0;overflow:hidden}.ambient{pointer-events:none;z-index:0;position:absolute;inset:0}.ambient-blur{filter:blur(12px)saturate(1.1);position:absolute;inset:-56px}.ambient-canvas{width:100%;height:100%;display:block}.orb{filter:blur(70px);opacity:.42;mix-blend-mode:screen;border-radius:50%;animation:18s ease-in-out infinite orbDrift;position:absolute}.orb-a{background:#1c4a8c;width:min(56vw,640px);height:min(56vw,640px);top:8%;left:-12%}.orb-b{background:#8a6a1c;width:min(48vw,520px);height:min(48vw,520px);animation-delay:-7s;bottom:4%;right:-10%}.rings{width:min(92vw,980px);height:min(52vw,520px);transform-style:preserve-3d;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotateX(68deg)}.ring{border:1px solid #e0b84a29;border-radius:50%;animation:48s linear infinite spin;position:absolute;inset:0}.ring:nth-child(2){border-color:#6ea8ff24;animation-duration:36s;animation-direction:reverse;inset:8%}.ring:nth-child(3){border-color:#e0b84a47;animation-duration:22s;inset:18%}.grain{opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.vignette{background:radial-gradient(#0000 40%,#040914b8 100%);position:absolute;inset:0}.topbar,.orbit-main,.orbit-wrap,.dock{z-index:2;position:relative}.topbar{grid-area:top;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 28px 8px;display:flex}.orbit-main{grid-area:orbit;grid-template-rows:1fr auto;min-height:0;display:grid}.dock{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;grid-area:dock;max-height:min(34dvh,300px);margin:8px 18px 18px;padding:18px 22px 20px;overflow:auto;box-shadow:0 20px 60px #00000059}.brand{flex-direction:column;gap:2px;display:flex}.brand-kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:500}.brand-title{background:linear-gradient(100deg, #f7efd2 10%, var(--gold) 45%, #fff 50%, var(--gold-2) 80%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.1;animation:7s ease-in-out infinite shine}.brand-sub{color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:300}.toggle{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#081226b3;border-radius:999px;padding:4px;display:flex;position:relative}.toggle button{z-index:1;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:500;position:relative}.toggle button span{z-index:1;position:relative}.toggle button.active{color:#1a1406}.toggle-thumb{background:linear-gradient(180deg, var(--gold-2), var(--gold));z-index:0;border-radius:999px;position:absolute;inset:0;box-shadow:0 0 24px #e0b84a73}.orbit-wrap{grid-template-rows:1fr;grid-template-columns:1fr;min-height:0;display:grid;position:relative}.orbit-viewport{grid-area:1/1;width:100%;height:100%;min-height:0}.orbit-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.orbit-stage:active,.orbit-stage.is-drag{cursor:grabbing}.orbit-stage.is-drag .orbit-card{transition:none}.orbit-floor{filter:blur(8px);pointer-events:none;background:radial-gradient(#e0b84a38,#0000 70%);width:58%;height:28%;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.orbit-path{pointer-events:none;border:1px solid #e0b84a38;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 48px #e0b84a14,inset 0 0 48px #e0b84a0a}.orbit-ring{width:0;height:0;position:absolute;top:50%;left:50%}.orbit-card{transform-origin:50%;background:color-mix(in srgb, var(--card-accent) 6%, #0c18301a);-webkit-backdrop-filter:blur(5px)saturate(1.2);backdrop-filter:blur(5px)saturate(1.2);width:220px;height:276px;color:var(--ink);cursor:pointer;text-align:left;border:1px solid #ffffff47;border-radius:18px;flex-direction:column;justify-content:space-between;padding:18px 16px;transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;display:flex;position:absolute;top:-138px;left:-110px;box-shadow:inset 0 1px #ffffff47,0 18px 40px #00000047}.orbit-card-frost{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.orbit-card-frost:after{content:"";background:linear-gradient(#ffffff14,#0000 40%);position:absolute;inset:0}.orbit-card>:not(.orbit-card-frost){z-index:1;position:relative}.orbit-card.on{border-color:color-mix(in srgb, var(--card-accent) 80%, white);background:color-mix(in srgb, var(--card-accent) 8%, #0c183029);-webkit-backdrop-filter:blur(6px)saturate(1.25);backdrop-filter:blur(6px)saturate(1.25);box-shadow:inset 0 1px 0 #ffffff4d, 0 0 0 1px color-mix(in srgb, var(--card-accent) 50%, transparent), 0 0 36px color-mix(in srgb, var(--card-accent) 38%, transparent), 0 22px 50px #0006;animation:3.4s ease-in-out infinite floatCard}.orbit-card .mono{color:var(--card-accent);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.orbit-icon{pointer-events:none;flex:1;place-items:center;min-height:0;display:grid}.orbit-icon-disc{background:color-mix(in srgb, var(--card-accent) 16%, transparent);width:86px;height:86px;box-shadow:0 0 28px color-mix(in srgb, var(--card-accent) 24%, transparent);border-radius:50%;place-items:center;display:grid}.orbit-icon svg{width:46px;height:46px;color:var(--card-accent)}.orbit-card .label{font-size:15px;font-weight:600}.orbit-card .hint{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.orbit-card:not(.on) .hint{opacity:.7}.nav-btn{z-index:3;border:1px solid var(--line);width:46px;height:46px;color:var(--gold-2);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081226a6;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:50%}.nav-btn.left{left:12px}.nav-btn.right{right:12px}.dots{z-index:2;justify-content:center;gap:8px;margin:10px 0 6px;display:flex;position:relative}.dot{cursor:pointer;background:#ffffff38;border:0;border-radius:99px;width:7px;height:7px;padding:0}.dot.on{background:var(--gold);box-shadow:0 0 12px var(--gold)}.dock-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dock h2{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(26px,3.4vw,36px);font-weight:600}.dock .tagline{color:var(--gold-2);margin:4px 0 0;font-size:14px}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{color:var(--ink);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;padding:6px 12px;font-size:12px}.pill:hover,.pill.link:hover{border-color:var(--gold);color:var(--gold-2)}.summary{color:#d5deea;max-width:78ch;margin:12px 0 0;font-size:14px;font-weight:300;line-height:1.55}.cols{grid-template-columns:.9fr 1.3fr;gap:18px;margin-top:14px;display:grid}.cols h3{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:600}.cols li{color:#dce4f0;margin:0 0 6px;font-size:13.5px;line-height:1.45}.cols ul{margin:0;padding-left:18px}.intro{z-index:20;background:#040914;place-items:center;display:grid;position:fixed;inset:0}.intro-line{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:0;height:1px;margin:16px auto 0}.explore-btn{border:1px solid var(--gold);color:var(--gold-2);cursor:pointer;background:linear-gradient(#e0b84a38,#e0b84a14);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}.page{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0409148c;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.page-top{align-items:center;gap:14px;padding:16px 28px;display:flex}.back-btn{border:1px solid var(--line);color:var(--gold-2);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081226b3;border-radius:999px;padding:8px 16px;font-size:13px}.back-btn:hover{border-color:var(--gold)}.crumb{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.uc-nav{gap:8px;margin-left:auto;display:flex}.page-scroll{flex:1;padding:4px 28px 40px;overflow-y:auto}.hero{max-width:860px;padding:8px 0 6px}.hero-kicker{color:var(--page-accent,var(--gold));letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:13px;font-weight:500}.hero-title{margin:6px 0 0;font-family:Cormorant Garamond,serif;font-size:clamp(34px,5.4vw,60px);font-weight:600;line-height:1.06}.hero-line{background:linear-gradient(90deg, var(--page-accent,var(--gold)), transparent);transform-origin:0;width:120px;height:2px;margin:14px 0}.hero-sub{color:#d5deea;max-width:72ch;margin:0;font-size:15px;font-weight:300;line-height:1.6}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:28px 0 14px;font-size:12px;font-weight:600}.uc-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.uc-card{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);cursor:pointer;background:linear-gradient(165deg,#ffffff17,#0c183099 60%);border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;gap:10px;padding:14px 14px 16px;transition:border-color .25s,box-shadow .25s;display:flex;position:relative}.uc-card:hover{border-color:color-mix(in srgb, var(--card-accent,var(--gold)) 70%, white);box-shadow:0 0 30px color-mix(in srgb, var(--card-accent,var(--gold)) 25%, transparent)}.uc-thumb{background:#04091480;border:1px solid #ffffff12;border-radius:12px;overflow:hidden}.uc-meta{flex-direction:column;gap:4px;display:flex}.uc-num{color:var(--card-accent,var(--gold));font-family:Cormorant Garamond,serif;font-size:22px;line-height:1}.uc-title{font-size:16px;font-weight:600}.uc-desc{color:var(--muted);font-size:12.5px;line-height:1.5}.uc-app{color:var(--card-accent,var(--gold));letter-spacing:.08em;text-transform:uppercase;font-size:11px}.uc-cta{color:var(--gold-2);opacity:0;font-size:12px;transition:opacity .25s,transform .25s;transform:translateY(4px)}.uc-card:hover .uc-cta{opacity:1;transform:translateY(0)}.uc-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:32px;max-width:1100px;display:grid}.steps{flex-direction:column;gap:14px;display:flex}.step{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:12px;padding:8px 10px;display:flex}.step:hover{background:#ffffff0a}.step.on{border-color:color-mix(in srgb, var(--page-accent,var(--gold)) 45%, transparent);background:color-mix(in srgb, var(--page-accent,var(--gold)) 10%, transparent)}.step-num{background:color-mix(in srgb, var(--page-accent,var(--gold)) 22%, transparent);border:1px solid var(--page-accent,var(--gold));width:28px;height:28px;color:var(--page-accent,var(--gold));border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.step-text{color:#dce4f0;padding-top:4px;font-size:14.5px;line-height:1.55}.illus-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(165deg,#ffffff14,#0c183099 60%);border:1px solid #ffffff1f;border-radius:20px;padding:22px;position:sticky;top:8px}.illus-swipe{touch-action:pan-y;cursor:zoom-in;-webkit-user-select:none;user-select:none;min-height:220px}.zoom-layer{z-index:30;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}.zoom-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:zoom-out;background:#040914c7;border:0;position:absolute;inset:0}.zoom-panel{z-index:1;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#081226eb;border-radius:22px;width:min(920px,100%);max-height:calc(100dvh - 48px);padding:18px 20px 20px;position:relative;overflow:hidden auto}.zoom-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.zoom-step{color:#dce4f0;margin:0 0 14px;font-size:15px;line-height:1.5}.zoom-frame{cursor:grab;-webkit-user-select:none;user-select:none;min-width:0;overflow:hidden}.zoom-frame .ui-mock{font-size:15px}.zoom-frame .ui-phone{width:min(340px,100%)}.zoom-frame .ui-qr{flex-basis:88px;width:88px;height:88px}.illus-swipe:active{cursor:grabbing}.illus-nav{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.illus-dots{gap:8px;display:flex}.illus-cap{text-align:center;color:var(--muted);margin:12px 0 0;font-size:12px;font-style:italic}.step-story{position:relative}.step-story .ui-live-badge{z-index:1;position:absolute;top:10px;right:12px}.step-story-svg{width:100%;height:auto;display:block}.ui-mock{color:#1a2332;font-size:12px}.ui-chrome{background:#f7f8fb;border:1px solid #00000014;border-radius:10px;overflow:hidden}.ui-chrome-bar{color:#5b6575;background:#eceff4;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.ui-chrome-title{white-space:nowrap;text-overflow:ellipsis;flex:1;margin-left:6px;overflow:hidden}.ui-live-badge{letter-spacing:.06em;text-transform:uppercase;color:#b42318;align-items:center;gap:5px;margin-left:auto;font-size:10px;font-weight:700;display:inline-flex}.ui-live-badge i{background:#e0655f;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}.ui-live{flex-direction:column;gap:8px;display:flex}.ui-dot{border-radius:50%;width:8px;height:8px}.ui-dot.r{background:#e0655f}.ui-dot.y{background:#e0b84a}.ui-dot.g{background:#7dcea0}.ui-chrome-body{flex-direction:column;gap:8px;padding:12px;display:flex}.ui-phone{background:#f7f8fb;border:1px solid #0000001f;border-radius:22px;width:min(260px,100%);margin:0 auto;padding:10px 12px 14px}.ui-phone-notch{background:#d0d5de;border-radius:99px;width:72px;height:6px;margin:4px auto 8px}.ui-phone-title{align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.ui-phone-body{flex-direction:column;gap:8px;display:flex}.ui-field{flex-direction:column;gap:3px;display:flex}.ui-label{color:#6b7382;font-size:10px}.ui-input{background:#fff;border:1px solid #d9dee8;border-radius:6px;padding:6px 8px}.ui-btn{background:var(--ui-accent,#1677ff);color:#fff;border-radius:6px;justify-content:center;align-items:center;padding:7px 10px;font-size:12px;font-weight:600;display:inline-flex}.ui-btn.ghost{color:#334;background:#fff;border:1px solid #d9dee8}.ui-row-btns{gap:8px;display:flex}.ui-row-btns .ui-btn{flex:1}.ui-h{margin-bottom:6px;font-weight:700}.ui-p{margin:0;line-height:1.45}.ui-muted{color:#6b7382;margin:0;font-size:11px}.ui-tag{border-radius:99px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.ui-tag.gold{color:#8a6a12;background:#fff4d6}.ui-tag.green{color:#1d7a45;background:#e3f7ea}.ui-tag.red{color:#b42318;background:#fde8e6}.ui-tag.blue{color:#1654c4;background:#e6f0ff}.ui-tag.muted{color:#5b6575;background:#eef0f4}.ui-split{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ui-steps-bar{color:#6b7382;gap:10px;font-size:11px;display:flex}.ui-steps-bar b{color:var(--ui-accent,#1677ff)}.ui-table-head,.ui-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;font-size:10.5px;display:grid}.ui-table-head{color:#6b7382;font-weight:600}.ui-row{background:#fff;border:1px solid #e6e9ef;border-radius:6px;padding:6px}.ui-table-head span,.ui-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-qr-box{background:#fff;border:1px solid #e6e9ef;border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.ui-qr{background-color:#fff;background-image:linear-gradient(#1a2332 0 0),linear-gradient(#1a2332 0 0),linear-gradient(#1a2332 0 0),linear-gradient(#1a2332 0 0),linear-gradient(#1a2332 0 0),none;background-position:4px 4px,16px 4px,4px 16px,40px 40px,28px 8px,0 0;background-repeat:no-repeat;background-size:8px 8px,8px 8px,8px 8px,16px 16px,6px 6px,auto;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;border:1px solid #d9dee8;flex:0 0 64px;width:64px;height:64px}.ui-qr.scan{box-shadow:inset 0 0 0 2px var(--ui-accent,#1677ff)}.ui-card-mini{background:#fff;border:1px solid #e6e9ef;border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex}@media (width<=860px){.uc-layout{grid-template-columns:1fr}.illus-card{position:static}.page-top,.page-scroll{padding-left:16px;padding-right:16px}}@keyframes shine{0%,to{background-position:0%}50%{background-position:100%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbDrift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(6%,-8%)scale(1.08)}}@keyframes floatCard{0%,to{translate:0}50%{translate:0 -4px}}@media (width>=1100px){.view{grid-template:"top top""orbit dock"minmax(0,1fr)/minmax(0,1.25fr) minmax(340px,.75fr)}.dock{align-self:stretch;min-height:0;max-height:none;margin:8px 22px 22px 4px}.dock-head{flex-direction:column}.cols{grid-template-columns:1fr}}@media (width<=800px){.topbar{flex-direction:column;padding:16px 16px 0}.cols{grid-template-columns:1fr}.orbit-card{width:168px;height:212px;padding:12px;top:-106px;left:-84px}.orbit-card .mono{font-size:20px}.orbit-icon-disc{width:64px;height:64px}.orbit-icon svg{width:34px;height:34px}.dock{max-height:36dvh;margin:0 10px 10px;padding:14px 14px 16px}.nav-btn{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}