:root{--gold:#c9972e;--gold-dark:#9a6b14;--gold-soft:#f3e6c8;--gold-tint:#fbf4e3;--black:#0d1117;--dark-surface:#111827;--dark-surface-2:#161f2e;--dark-border:#1f2937;--bg:#faf8f2;--surface:#fff;--surface-2:#f6f2e9;--border:#e5e0d5;--text:#111;--text-2:#6b7280;--text-on-dark:#e9eaee;--text-on-dark-2:#98a2b3;--font-ui:"Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--shadow-sm:0 1px 2px #1111110a, 0 1px 3px #1111110f;--shadow-md:0 4px 12px #1111110f, 0 2px 4px #1111110a;--shadow-lg:0 18px 40px #1111111a, 0 6px 14px #1111110f;--shadow-gold:0 10px 30px #c9972e40;--container:1140px;--header-h:68px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:72px 0}.section-sm{padding:48px 0}.center{text-align:center}.muted{color:var(--text-2)}.gold{color:var(--gold)}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.wrap{flex-wrap:wrap}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid}.two-col{grid-template-columns:1fr .85fr;align-items:start;gap:28px;display:grid}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr 1.4fr;align-items:start;gap:32px;display:grid}.featurelets{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.hero-upload-mobile{display:none}.hero-upload-desktop{display:block}.display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;line-height:1.05}.h-hero{font-size:clamp(40px,6vw,68px)}.h-page{font-size:clamp(32px,4.5vw,46px)}.h-section{font-size:clamp(26px,3vw,34px)}.h-card{font-size:19px;font-weight:600;font-family:var(--font-ui);letter-spacing:-.01em}.lead{color:var(--text-2);font-size:18px;line-height:1.6}.eyebrow{color:var(--gold-dark);background:var(--gold-tint);border:1px solid var(--gold-soft);border-radius:var(--r-pill);align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.small{font-size:13px}.label-caps{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-2);font-size:11px;font-weight:600}.btn{font-size:15px;font-weight:600;font-family:var(--font-ui);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;transition:transform 60ms,background .15s,box-shadow .15s,color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-sm{padding:7px 13px;font-size:13px}.btn-lg{padding:14px 26px;font-size:16px}.btn-block{width:100%}.btn-primary{background:var(--gold);color:#1a1206;box-shadow:var(--shadow-gold)}.btn-primary:hover{background:var(--gold-dark);color:#fff}.btn-outline{color:var(--text);border-color:var(--border);background:0 0}.btn-outline:hover{border-color:var(--gold);color:var(--gold-dark)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{color:var(--text);background:var(--surface-2)}.btn-dark{background:var(--black);color:#fff}.btn-dark:hover{background:#1c2532}.btn-danger{color:#b42318;background:0 0;border-color:#f3c9c4}.btn-danger:hover{background:#fdecea}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:22px}.card-hover{transition:transform .15s,box-shadow .15s,border-color .15s}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--gold-soft);transform:translateY(-3px)}.badge{letter-spacing:.5px;border-radius:var(--r-pill);text-transform:uppercase;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-gold{background:var(--gold);color:#1a1206}.badge-plus{background:var(--gold-tint);color:var(--gold-dark);border:1px solid var(--gold-soft)}.badge-free{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.badge-pro{background:var(--black);color:var(--gold)}.badge-soft{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.pill{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.input,.select{width:100%;font-family:var(--font-ui);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;padding:11px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9972e26}.field-label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.seg{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px;display:inline-flex}.seg button{cursor:pointer;font-family:var(--font-ui);color:var(--text-2);border-radius:var(--r-pill);background:0 0;border:none;padding:7px 16px;font-size:14px;font-weight:600}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.site-header{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--border);background:#faf8f2d9;position:sticky;top:0}.site-header .inner{height:var(--header-h);align-items:center;gap:24px;display:flex}.site-nav{gap:6px;margin:0 auto;display:flex}.site-nav a{color:var(--text-2);border-radius:var(--r-sm);padding:8px 14px;font-size:15px;font-weight:500}.site-nav a:hover{color:var(--text);background:var(--surface-2)}.site-nav a.active{color:var(--text);font-weight:600}.compact-app-header{background:var(--dark-surface);border-bottom:1px solid var(--dark-border);align-items:center;gap:14px;height:58px;padding:0 18px;display:flex}.compact-logo-full,.compact-logo-mark,.compact-back{flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.compact-logo-mark{display:none}.compact-back{min-height:44px;color:var(--text-on-dark-2);gap:5px;font-size:13px}.compact-status{border-radius:var(--r-pill);background:var(--dark-surface-2);min-width:0;color:var(--text-on-dark);border:1px solid #263246;align-items:center;gap:7px;margin-left:auto;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.compact-status-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.editor-logo{flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.editor-primary-action{min-height:44px}.editor-account-button{min-width:44px;min-height:44px}.site-footer{background:var(--black);color:var(--text-on-dark);padding:56px 0 28px}.site-footer a{color:var(--text-on-dark-2);font-size:14px}.site-footer a:hover{color:var(--gold)}.footer-col h4{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-size:12px;font-weight:700}.footer-col .stack{gap:9px}.board-thumb{aspect-ratio:1;border-radius:var(--r-sm);border:1px solid var(--border);grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.board-thumb .sq-l{background:#f0d9b5}.board-thumb .sq-d{background:#b58863}.board-thumb svg,.board-thumb img{object-fit:contain;display:block;width:86%!important;height:86%!important}.replay-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);align-items:center;gap:12px;width:min(86%,360px);padding:14px 18px;display:flex;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.divider{background:var(--border);border:none;height:1px}.tag-pill{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;padding:7px 15px;font-size:13px;font-weight:600}.tag-pill.active{background:var(--black);color:#fff;border-color:var(--black)}.feature-ico{border-radius:var(--r-md);background:var(--gold-tint);width:44px;height:44px;color:var(--gold-dark);border:1px solid var(--gold-soft);place-items:center;margin-bottom:14px;display:grid}@media (width<=900px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-6{grid-template-columns:repeat(3,1fr)}.hide-md,.editor-topbar .hide-mobile{display:none!important}.editor-topbar{gap:8px!important;padding:0 10px!important}.editor-actions{margin-left:auto;gap:8px!important}.editor-plan{display:none!important}.editor-primary-action{padding:8px 14px!important}.editor-account-button{width:44px!important;height:44px!important}}@media (width<=860px){.hero-grid{grid-template-columns:1fr;gap:28px}.two-col{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.site-header .inner{gap:12px}.site-nav{gap:0}.site-nav a{padding:8px 9px;font-size:14px}}@media (width<=640px){.section{padding:48px 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid-6{grid-template-columns:repeat(2,1fr)}.site-nav{display:none}.lead{font-size:16px}.container{padding:0 16px}.site-header .inner{gap:10px}.footer-grid{grid-template-columns:1fr;gap:24px}.featurelets{grid-template-columns:repeat(2,1fr)}.hide-mobile{display:none!important}.btn{padding:10px 15px;font-size:14px}.btn-lg{padding:12px 18px;font-size:15px}.compact-app-header{gap:8px;padding:0 12px}.compact-logo-full{display:none}.compact-logo-mark{display:inline-flex}.compact-back{justify-content:center;width:44px;font-size:18px}.compact-back-label{display:none}.compact-status{max-width:calc(100vw - 116px);padding:6px 10px}.editor-topbar{gap:8px!important;padding:0 10px!important}.editor-actions{margin-left:auto;gap:8px!important}.editor-plan{display:none!important}.editor-primary-action{padding:8px 14px!important}.editor-account-button{width:44px!important;height:44px!important}.hero-upload-mobile{display:inline-flex}.hero-upload-desktop{display:none}}.mobile-only{display:none}@media (width<=760px){.app-nav{display:none!important}.app-header{gap:10px!important;padding:0 14px!important}.mobile-only{display:block}.admin-shell{flex-direction:column!important}.admin-sidebar{gap:4px;border-right:none!important;border-bottom:1px solid var(--dark-border)!important;flex-wrap:nowrap!important;width:100%!important;height:auto!important;padding:8px!important;display:flex!important;position:static!important;overflow-x:auto!important}.admin-sidebar a,.admin-sidebar button{white-space:nowrap;border-left:none!important}.admin-brand,.admin-foot{display:none!important}.admin-main{padding:18px 14px 48px!important}}