:root{--ink:#221913;--paper:#fbf8f3;--card:#fffcf7;--honey:#e9a23d;--glow:#fbd98a;--clarity:#1e4e49;--slate:#6e655a;--line:#e6dfd3;--tint-neutral:#f1ede5;--tint-clarity:#e8f0ef;--track:#efeae1;--closer:oklch(88% .11 84/.55);--closer-dark:oklch(80% .13 78/.34);--lumen:#e9a23d;--umber:#221913;--daylight:#fbf8f3;--bg:#fbf8f3;--surface:#fffcf7;--text:#221913;--text-muted:#6e6357;--faint:#9c8e7c;--border:#22191317;--shadow-card:0 1px 2px #2219130a, 0 18px 44px -24px #22191333;--shadow-raise:0 1px 2px #2219130d, 0 26px 60px -30px #2219134d;--bg-dark:#fbf8f3;--surface-dark:#fffcf7;--surface-dark2:#f4ede1;--text-on-dark:#221913;--muted-on-dark:#6e6357;--faint-on-dark:#9c8e7c;--border-dark:#22191317;--elev-dark:0 1px 2px #2219130a, 0 18px 44px -24px #22191333;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);--t-micro:.12s;--t-state:.2s;--t-enter:.42s;--t-bloom:.5s;--focus:0 0 0 3px #1e4e4942;--focus-light:0 0 0 3px #1e4e4938;--font-sans:"General Sans", system-ui, -apple-system, sans-serif;--font-display:"Cabinet Grotesk", "General Sans", system-ui, sans-serif;--font-serif:"Recia", Georgia, "Times New Roman", serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--paper);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::selection{color:inherit;background:#e9a23d47}.t-display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.03}.t-quote{font-family:var(--font-serif);font-weight:400;line-height:1.45}.t-over{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.t-mono{font-family:var(--font-mono)}.closer{background-color:var(--closer);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:5px;padding:2px 5px}.closer--dark{background-color:var(--closer-dark)}.closer--wipe{background-color:#0000;background-image:linear-gradient(var(--closer), var(--closer));animation:closer-wipe .42s var(--ease-out) both;background-position:0;background-repeat:no-repeat}.closer--dark.closer--wipe{background-image:linear-gradient(var(--closer-dark), var(--closer-dark))}@keyframes closer-wipe{0%{background-size:0% 100%}to{background-size:100% 100%}}@keyframes k-pulse{0%,to{opacity:.55}50%{opacity:.85}}@keyframes k-spin{to{transform:rotate(360deg)}}@keyframes k-fadeup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes k-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes lum-pulse{0%,to{opacity:.55}50%{opacity:.85}}@keyframes lum-fadeup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes lum-spin{to{transform:rotate(360deg)}}@keyframes lum-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes lum-sweep{0%,to{opacity:0}}@keyframes lum-breathe{0%,to{box-shadow:none}}@keyframes lum-bloom{0%,to{opacity:0}}@keyframes lum-spot{0%,to{transform:none}}@keyframes lum-dot{0%,to{opacity:.6}50%{opacity:1}}@keyframes lum-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-panel-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#22191366;justify-content:center;align-items:center;padding:24px;animation:.16s both modal-backdrop-in;display:flex;position:fixed;inset:0}.modal-panel{background:var(--paper);border-radius:20px;width:min(440px,92vw);padding:28px;animation:.2s cubic-bezier(.32,.72,0,1) both modal-panel-in;box-shadow:0 24px 60px -20px #22191359,0 2px 8px #2219131f}.reveal{opacity:0;transform:translateY(14px)}.reveal.in{animation:k-fadeup .5s var(--ease-out) forwards}@media (width>=920px){.showcase-hero{grid-template-columns:1.05fr 1fr!important}}.lum-sweep{position:relative}.lum-spin{animation:.7s linear infinite k-spin}.btn{font-family:var(--font-sans);height:44px;transition:transform var(--t-micro) var(--ease-out), background var(--t-state), box-shadow var(--t-state), color var(--t-state), opacity var(--t-state);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default;pointer-events:none}.btn:focus-visible{box-shadow:var(--focus);outline:none}.btn-primary{background:var(--honey);color:var(--ink);box-shadow:0 1px 2px #2219131f}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px -8px #22191361}.btn-secondary{background:var(--card);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.btn-secondary:hover{background:#f4ede1}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text);background:#2219130d}.btn-sm{border-radius:11px;height:38px;padding:0 16px;font-size:14px}.btn-light-primary{background:var(--honey);color:var(--ink);box-shadow:0 1px 2px #2219131f}.btn-light-primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px -8px #22191361}.field{background:var(--card);width:100%;color:var(--text);border:1px solid var(--border);transition:border-color var(--t-state), box-shadow var(--t-state), background var(--t-state);border-radius:12px;padding:12px 14px;font-size:15px}.field::placeholder{color:var(--faint)}.field:focus{border-color:var(--clarity);box-shadow:var(--focus);outline:none}textarea.field{resize:vertical;line-height:1.55}.label-over{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.dark-scroll::-webkit-scrollbar{width:10px;height:10px}.dark-scroll::-webkit-scrollbar-thumb{background:#22191324 padding-box padding-box;border:3px solid #0000;border-radius:8px}.dark-scroll::-webkit-scrollbar-thumb:hover{background:#22191338 padding-box padding-box}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.06ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
