:root{--ink-950: #0a0e0c;--ink-900: #0f1612;--ink-850: #131b16;--ink-800: #161f1a;--ink-700: #1e2a23;--ink-600: #2a3830;--ink-500: #3b4c41;--cream-100: #f2eddf;--cream-200: #e5ddc8;--cream-300: #cfc6ad;--moss-400: #7e9286;--moss-500: #5b6e63;--emerald-400: #5dbb8b;--emerald-500: #3fa572;--emerald-600: #2e8758;--emerald-700: #226842;--terra-400: #e5917a;--terra-500: #d97757;--terra-600: #b85e3e;--sky-400: #7aa7c7;--rose-400: #d27485;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 10px 30px -12px rgba(0, 0, 0, .5);--ease: cubic-bezier(.2, .7, .2, 1);--t-fast: .14s var(--ease);--t-base: .22s var(--ease);--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--ink-950);color:var(--cream-100);font-family:var(--font-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(63,165,114,.06),transparent 60%),radial-gradient(900px 500px at -10% 20%,rgba(217,119,87,.04),transparent 60%),var(--ink-950);min-height:100vh}a{color:var(--cream-100);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--emerald-400)}button{font-family:inherit;cursor:pointer}::selection{background:var(--emerald-700);color:var(--cream-100)}.display{font-family:var(--font-display);font-weight:500;letter-spacing:-.015em;font-variation-settings:"opsz" 144,"SOFT" 50}.serif-italic{font-family:var(--font-display);font-style:italic;font-weight:400}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--moss-400);font-weight:500}.muted{color:var(--moss-400)}.page{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.container-sm{width:100%;max-width:560px;margin:0 auto;padding:0 24px}.section{padding:64px 0}@media(min-width:768px){.section{padding:96px 0}}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);background:#0a0e0cb3;border-bottom:1px solid var(--ink-700)}.nav-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{color:var(--cream-200);font-size:14px;font-weight:500}.nav-links a.active{color:var(--emerald-400)}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--cream-100)}.logo-mark{width:28px;height:28px;display:grid;place-items:center;background:linear-gradient(180deg,#163024,#0d1f17);border:1px solid var(--ink-600);border-radius:8px}.logo-word{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:var(--radius-md);border:1px solid transparent;font-weight:500;font-size:14px;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast),color var(--t-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--emerald-500);color:#07120c;border-color:var(--emerald-500)}.btn-primary:hover:not(:disabled){background:var(--emerald-400);border-color:var(--emerald-400)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-ghost{background:transparent;color:var(--cream-100);border-color:var(--ink-600)}.btn-ghost:hover:not(:disabled){border-color:var(--ink-500);background:var(--ink-800)}.btn-quiet{background:transparent;color:var(--moss-400);border-color:transparent;height:36px;padding:0 12px}.btn-quiet:hover:not(:disabled){color:var(--cream-100);background:var(--ink-800)}.btn-danger{background:transparent;color:var(--rose-400);border-color:var(--ink-600)}.btn-lg{height:48px;padding:0 22px;font-size:15px}.input,.select,.textarea{width:100%;background:var(--ink-900);border:1px solid var(--ink-700);color:var(--cream-100);padding:11px 14px;border-radius:var(--radius-md);font-family:inherit;font-size:14px;transition:border-color var(--t-fast),background var(--t-fast)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--emerald-500);background:var(--ink-850)}.textarea{min-height:96px;resize:vertical;line-height:1.5}.label{display:block;font-size:12px;color:var(--moss-400);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-weight:600}.field{display:flex;flex-direction:column;gap:0}.field-stack{display:flex;flex-direction:column;gap:16px}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.otp{width:100%;background:var(--ink-900);border:1px solid var(--ink-700);color:var(--emerald-400);font-family:var(--font-mono);font-size:28px;letter-spacing:.5em;text-align:center;padding:18px 16px 18px 32px;border-radius:var(--radius-md)}.otp:focus{outline:none;border-color:var(--emerald-500)}.card{background:var(--ink-800);border:1px solid var(--ink-700);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card)}.card-tight{padding:18px}.divider{height:1px;background:var(--ink-700);border:0;margin:18px 0}.credits{display:inline-flex;align-items:center;gap:8px;background:var(--ink-800);border:1px solid var(--ink-600);border-radius:999px;padding:6px 12px 6px 10px;font-size:13px;color:var(--cream-100)}.credits .dot{width:8px;height:8px;border-radius:50%;background:var(--terra-500);box-shadow:0 0 0 3px #d977572e}.credits .num{font-family:var(--font-mono);font-weight:500}.hero{position:relative;padding:120px 0 80px;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(700px 400px at 80% 0%,rgba(63,165,114,.12),transparent 70%);pointer-events:none}.hero h1{font-family:var(--font-display);font-weight:500;font-size:clamp(48px,7vw,88px);line-height:1.02;letter-spacing:-.025em;margin:0 0 24px;max-width:14ch;font-variation-settings:"opsz" 144,"SOFT" 30}.hero h1 em{font-style:italic;color:var(--emerald-400);font-weight:400}.hero p.lede{font-size:18px;color:var(--cream-200);max-width:56ch;line-height:1.55;margin:0 0 36px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px}.hero-meta{display:flex;align-items:center;gap:14px;margin-top:22px;color:var(--moss-400);font-size:13px}.hero-meta .dot{width:5px;height:5px;border-radius:50%;background:var(--moss-500)}.feature-grid{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:720px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature .icon{width:40px;height:40px;border-radius:10px;background:var(--ink-850);border:1px solid var(--ink-700);display:grid;place-items:center;color:var(--emerald-400);margin-bottom:16px}.feature h3{font-family:var(--font-display);font-size:22px;font-weight:500;margin:0 0 6px;letter-spacing:-.01em}.feature p{color:var(--moss-400);margin:0;font-size:14px;line-height:1.6}.plate{position:relative;background:var(--ink-900);border:1px solid var(--ink-700);border-radius:var(--radius-lg);padding:14px;overflow:hidden}.plate-frame{position:relative;border-radius:6px;overflow:hidden;background:var(--ink-950);box-shadow:inset 0 0 0 1px #f2eddf0f,inset 0 0 0 4px var(--ink-900);aspect-ratio:3 / 2}.plate-frame img{width:100%;height:100%;object-fit:cover;display:block}.plate-meta{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--moss-400)}.plate-meta .species{font-family:var(--font-display);font-style:italic;color:var(--cream-200);font-size:14px}.developing{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--ink-900) 0%,rgba(15,22,18,0) 100%);animation:develop 2.6s var(--ease) forwards}@keyframes develop{0%{transform:translateY(0)}to{transform:translateY(100%)}}.fade-up{animation:fadeUp .28s var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{background:var(--ink-800);border:1px solid var(--ink-700);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--cream-100);box-shadow:var(--shadow-card);min-width:240px}.toast.err{border-color:#d2748566}.toast.ok{border-color:#3fa57266}.tag{display:inline-flex;align-items:center;gap:6px;background:var(--ink-850);border:1px solid var(--ink-700);color:var(--cream-200);padding:4px 10px;border-radius:999px;font-size:12px}.tag-emerald{color:var(--emerald-400);border-color:#3fa5724d;background:#3fa57214}.tag-terra{color:var(--terra-500);border-color:#d977574d;background:#d9775714}.empty{text-align:center;padding:48px 24px;border:1px dashed var(--ink-700);border-radius:var(--radius-lg);color:var(--moss-400)}.empty h3{font-family:var(--font-display);font-size:22px;color:var(--cream-100);margin:0 0 6px}.gallery{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.gallery{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.gallery{grid-template-columns:1fr 1fr 1fr}}.compare{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:880px){.compare{grid-template-columns:1fr 1fr}}.compare .label-tab{position:absolute;top:16px;left:16px;background:#0a0e0cb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--ink-600);color:var(--cream-100);font-size:11px;padding:4px 10px;border-radius:999px;letter-spacing:.15em;text-transform:uppercase;font-weight:600}.dropzone{border:1.5px dashed var(--ink-600);border-radius:var(--radius-lg);padding:56px 24px;text-align:center;background:var(--ink-900);transition:border-color var(--t-base),background var(--t-base);cursor:pointer}.dropzone:hover,.dropzone.dragging{border-color:var(--emerald-500);background:var(--ink-850)}.dropzone .icon{width:56px;height:56px;border-radius:14px;background:#3fa57214;color:var(--emerald-400);display:grid;place-items:center;margin:0 auto 16px}.pack{position:relative;display:flex;flex-direction:column;gap:14px}.pack.featured{border-color:#3fa57266;background:linear-gradient(180deg,rgba(63,165,114,.06),transparent 60%),var(--ink-800)}.pack .price{font-family:var(--font-display);font-weight:500;font-size:40px;letter-spacing:-.02em;color:var(--cream-100);line-height:1}.pack .price .currency{font-size:18px;color:var(--moss-400);vertical-align:super;margin-right:4px}.pack .pack-name{font-family:var(--font-display);font-size:20px}.pack .credits-line{color:var(--terra-500);font-weight:500}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .72s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.gear-layout{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:900px){.gear-layout{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:32px}}.footer{margin-top:auto;border-top:1px solid var(--ink-700);padding:24px 0;color:var(--moss-400);font-size:13px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}