:root{--bg:oklch(100% 0 120.4);--surface:oklch(97.1% .0027 286.3);--fg:oklch(23.2% .0038 286.1);--muted:oklch(62.2% .0074 286.2);--border:oklch(86.5% .0068 286.3);--accent:oklch(54.9% .2083 281.2);--accent-hover:oklch(60% .2083 281.2);--link:oklch(50.9% .1978 281.8);--link-dark:oklch(70.3% .1643 287);--dark:oklch(18% .005 286);--ok:oklch(55% .11 155);--warn:oklch(55% .13 55);--font-display:"SF Pro Display", -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:"SF Pro Text", -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--r-card:18px;--col:980px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.47059}::selection{background:var(--accent);color:#fff}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.wrap{max-width:var(--col);margin:0 auto;padding:0 22px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em}.nav{z-index:100;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#fffc;border-bottom:1px solid #0000000f;height:44px;position:sticky;top:0}.nav-inner{align-items:center;gap:28px;max-width:1024px;height:44px;margin:0 auto;padding:0 22px;font-size:12px;display:flex}.nav-logo{color:var(--fg);letter-spacing:-.01em;align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.nav-logo:hover{text-decoration:none}.nav-links{flex:1;gap:28px;margin-left:8px;display:flex}.nav-links a{color:#000c;transition:color .2s}.nav-links a:hover{color:#000;text-decoration:none}.nav-cta{color:#000c}.nav-cta:hover{color:#000;text-decoration:none}.hero{text-align:center;padding:88px 22px 72px}.eyebrow{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-bottom:18px;font-size:14px;font-weight:600}.hero h1{max-width:16ch;margin:0 auto 20px;font-size:clamp(44px,7vw,80px);font-weight:700;line-height:1.05}.hero h1 .grad{background:linear-gradient(92deg,#6356e5 0%,#b48cf2 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p.sub{color:var(--muted);max-width:44ch;margin:0 auto 32px;font-size:clamp(18px,2.2vw,21px);line-height:1.5}.cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;display:flex}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;font-size:17px;font-family:var(--font-body);border:none;border-radius:980px;justify-content:center;align-items:center;min-height:44px;padding:12px 26px;transition:background-color .2s;display:inline-flex}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:oklch(50% .2083 281.2)}.link-arrow{white-space:nowrap;font-size:17px}.link-arrow:after{content:" ›";font-family:var(--font-body)}.stats{background:var(--surface);padding:56px 0}.stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.stat b{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(34px,4vw,48px);font-weight:700;display:block}.stat span{color:var(--muted);font-size:14px}.section{padding:96px 0}.section-head{text-align:center;margin-bottom:56px}.section-head h2{margin-bottom:14px;font-size:clamp(32px,4.6vw,56px);font-weight:700;line-height:1.08}.section-head p{color:var(--muted);max-width:52ch;margin:0 auto;font-size:19px}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.in{opacity:1;transform:none}.demo-band{background:var(--dark);color:#f5f5f7;padding:96px 0}.demo-band .section-head h2{color:#fff}.demo-band .section-head p{color:#a1a1a6}.demo-band .link-arrow{color:var(--link-dark)}.browser{background:#1d1d1f;border:1px solid #ffffff1f;border-radius:14px;max-width:1060px;margin:0 auto;overflow:hidden;box-shadow:0 40px 90px #00000080}.browser-bar{background:#2c2c2e;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:12px 16px;display:flex}.dot{border-radius:50%;width:11px;height:11px}.browser-url{color:#a1a1a6;font-size:12px;font-family:var(--font-mono);background:#ffffff14;border-radius:6px;flex:1;margin-left:10px;padding:5px 12px}.app{color:var(--fg);background:#f5f5f7;flex-direction:column;min-height:560px;display:flex}.app-top{border-bottom:1px solid var(--border);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.app-title{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.app-title small{color:var(--muted);font-weight:400}.tabs{background:#e8e8ed;border-radius:9px;padding:2px;display:flex}.tab{font-family:var(--font-body);color:var(--fg);cursor:pointer;background:0 0;border:none;border-radius:7px;min-height:32px;padding:6px 16px;font-size:13px;transition:background-color .2s}.tab[aria-selected=true]{background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001f}.tab:hover:not([aria-selected=true]){background:#ffffff8c}.app-body{flex:1;padding:24px}.collect-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:24px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:14px;padding:22px}.panel h3{margin-bottom:4px;font-size:19px}.panel .sub{color:var(--muted);margin-bottom:18px;font-size:13px}.progress-meta{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.progress-meta b{font-size:22px;font-family:var(--font-display)}.progress{background:#e8e8ed;border-radius:4px;height:8px;overflow:hidden}.progress i{background:var(--accent);border-radius:4px;height:100%;transition:width .8s;display:block}.deadline{border-top:1px solid var(--border);color:var(--muted);gap:18px;margin-top:18px;padding-top:16px;font-size:13px;display:flex}.deadline b{color:var(--fg);font-size:15px;display:block}.field{margin-bottom:14px}.field label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field label em{color:#b25000;font-style:normal}.field input,.field textarea{width:100%;font:inherit;color:var(--fg);border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 12px;font-size:15px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3.5px oklch(54.9% .2083 281.2/.18)}.field input[aria-invalid=true]{border-color:#b25000;box-shadow:0 0 0 3.5px oklch(55% .13 55/.15)}.field .err{color:#b25000;margin-top:5px;font-size:12px;display:none}.field.invalid .err{display:block}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-ok{text-align:center;padding:44px 12px;display:none}.form-ok.show{display:block}.form-ok .ok-ring{background:oklch(55% .11 155/.12);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.form-ok h4{margin-bottom:6px;font-size:19px}.form-ok p{color:var(--muted);font-size:14px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.chips{flex-wrap:wrap;flex:1;gap:8px;display:flex}.chip{border:1px solid var(--border);color:var(--fg);font-family:var(--font-body);cursor:pointer;background:#fff;border-radius:980px;min-height:32px;padding:7px 14px;font-size:13px;transition:background-color .18s,border-color .18s,color .18s}.chip:hover{background:var(--surface)}.chip[aria-pressed=true]{background:var(--fg);color:#fff;border-color:var(--fg)}.search{position:relative}.search input{font:inherit;border:1px solid var(--border);background:#fff;border-radius:980px;width:220px;padding:8px 14px 8px 34px;font-size:14px;transition:border-color .15s,box-shadow .15s}.search input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3.5px oklch(54.9% .2083 281.2/.18)}.search svg{color:var(--muted);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.table-card{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:14px}thead th{color:var(--muted);text-align:left;border-bottom:1px solid var(--border);background:var(--surface);padding:12px 16px;font-size:12px;font-weight:600}tbody td{vertical-align:middle;border-bottom:1px solid #eeeef2;padding:13px 16px}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer;transition:background-color .15s}tbody tr:hover{background:var(--surface)}.captain{align-items:center;gap:10px;display:flex}.avatar{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.captain small{color:var(--muted);font-size:12px;font-family:var(--font-mono);display:block}.tier{white-space:nowrap;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600}.tier-governor{color:#fff;background:#1d1d1f}.tier-admiral{color:#1d1d1f;background:#e8e8ed}.tier-captain{color:#48484a;border:1px solid var(--border);background:#f5f5f7}.badge{white-space:nowrap;border-radius:980px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-pending{color:#6e6e73;background:#f5f5f7}.badge-ready{color:var(--accent);background:oklch(54.9% .2083 281.2/.1)}.badge-shipped{color:#b25000;background:oklch(55% .13 55/.1)}.badge-done{color:var(--ok);background:oklch(55% .11 155/.12)}.mono{font-family:var(--font-mono);color:var(--muted);font-size:12.5px}.row-link{white-space:nowrap;font-size:13px}.empty{text-align:center;color:var(--muted);padding:48px;font-size:14px;display:none}.empty.show{display:block}.overlay{opacity:0;pointer-events:none;z-index:200;background:#0000005c;transition:opacity .25s;position:fixed;inset:0}.overlay.show{opacity:1;pointer-events:auto}.drawer{z-index:201;background:#fff;flex-direction:column;width:min(420px,92vw);transition:transform .32s cubic-bezier(.32,.72,.24,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(102%);box-shadow:-24px 0 60px #0000002e}.drawer.show{transform:none}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:22px 24px 16px;display:flex}.drawer-head h3{font-size:20px}.drawer-close{background:var(--surface);color:var(--fg);cursor:pointer;border:none;border-radius:50%;width:32px;height:32px;font-size:15px;line-height:1;transition:background-color .15s}.drawer-close:hover{background:#e8e8ed}.drawer-body{padding:22px 24px;overflow-y:auto}.kv{grid-template-columns:88px 1fr;gap:8px 14px;margin-bottom:22px;font-size:14px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.steps{margin:6px 0 22px;list-style:none}.steps li{padding:0 0 20px 28px;font-size:14px;position:relative}.steps li:before{content:"";background:#d2d2d7;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:5px}.steps li:after{content:"";background:#e8e8ed;width:1.5px;position:absolute;top:18px;bottom:0;left:9px}.steps li:last-child:after{display:none}.steps li.on:before{background:var(--accent)}.steps li.on{font-weight:600}.steps li small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400;display:block}.gift-list{font-size:14px;list-style:none}.gift-list li{border-bottom:1px solid #eeeef2;justify-content:space-between;padding:10px 0;display:flex}.gift-list li:last-child{border-bottom:none}.gift-list span{color:var(--muted);font-size:13px}.bento{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.bcard{background:var(--surface);border-radius:var(--r-card);flex-direction:column;justify-content:space-between;gap:20px;min-height:280px;padding:32px;transition:transform .3s;display:flex}.bcard:hover{transform:translateY(-3px)}.bcard h3{margin-bottom:10px;font-size:24px;line-height:1.15}.bcard p{color:var(--muted);max-width:38ch;font-size:15px}.bcard .icon{width:34px;height:34px;color:var(--fg);margin-bottom:14px}.b-2{grid-column:span 3}.b-1{grid-column:span 2}.bcard.dark{background:var(--dark);color:#f5f5f7}.bcard.dark h3{color:#fff}.bcard.dark p{color:#a1a1a6}.bcard.dark .icon{color:#fff}.mini-viz{border-radius:12px;overflow:hidden}.bars{align-items:flex-end;gap:8px;height:88px;display:flex}.bars i{background:var(--accent);border-radius:5px 5px 0 0;flex:1}.bars i:nth-child(2){background:oklch(54.9% .2083 281.2/.72)}.bars i:nth-child(3){background:oklch(54.9% .2083 281.2/.5)}.bars i:nth-child(4){background:oklch(54.9% .2083 281.2/.34)}.ring-row{align-items:center;gap:16px;display:flex}.ring-row b{font-family:var(--font-display);letter-spacing:-.02em;font-size:30px}.ring-row span{color:var(--muted);font-size:13px}.msg-mock{border:1px solid var(--border);background:#fff;border-radius:14px;padding:14px 16px;font-size:13px;box-shadow:0 6px 18px #0000000d}.msg-mock b{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.msg-mock .pill{background:var(--accent);color:#fff;border-radius:980px;margin-top:9px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.steps-grid{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.step .num{font-family:var(--font-display);color:var(--accent);letter-spacing:.08em;margin-bottom:14px;font-size:15px;font-weight:700}.step h3{margin-bottom:10px;font-size:24px}.step p{color:var(--muted);font-size:15px}.final{text-align:center;background:var(--surface);padding:110px 0}.final h2{margin-bottom:16px;font-size:clamp(32px,4.6vw,52px);font-weight:700}.final p{color:var(--muted);margin-bottom:30px;font-size:19px}footer{background:var(--surface);border-top:1px solid var(--border);color:var(--muted);padding:34px 0 28px;font-size:12px}.foot-grid{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:22px;display:grid}.foot-col h4{color:var(--fg);margin-bottom:10px;font-size:12px;font-weight:600}.foot-col a{color:#424245;margin-bottom:8px;display:block}.foot-col a:hover{text-decoration:underline}.foot-legal{flex-wrap:wrap;justify-content:space-between;gap:14px;padding-top:16px;display:flex}.foot-legal a{color:#424245}@media (width<=900px){.b-2{grid-column:span 6}.b-1{grid-column:span 3}.collect-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.nav-links{display:none}.nav-cta{margin-left:auto}.section{padding:72px 0}.b-1{grid-column:span 6}.steps-grid,.stats-grid{grid-template-columns:1fr;gap:30px}.foot-grid{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr}.search input{width:100%}.search{flex:100%}.hide-m{display:none}.app-body{padding:14px}.hero{padding:64px 22px 56px}}