:root{--paper:#f7f8fa;--surface:#fff;--ink:#10182b;--ink-soft:#2c374b;--slate:#5d6b82;--slate-light:#8a95a8;--line:#e4e7ec;--line-soft:#edeff3;--signal:#2454ff;--signal-dark:#1b3ecc;--signal-tint:#eaf0ff;--status-live:#12b76a;--status-live-tint:#e7f8ef;--warn:#f79009;--danger:#d92d20;--danger-tint:#fef1f0;--cat-violet:#7c3aed;--cat-violet-tint:#f1ebfe;--cat-blue:#2454ff;--cat-blue-tint:#eaf0ff;--cat-emerald:#059669;--cat-emerald-tint:#e7f8f0;--cat-rose:#e11d48;--cat-rose-tint:#fdeaef;--cat-amber:#d97706;--cat-amber-tint:#fef3e2;--cat-cyan:#0891b2;--cat-cyan-tint:#e4f6fa;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-card:0 1px 2px #10182b0a, 0 4px 16px #10182b0f;--shadow-card-hover:0 4px 8px #10182b0f, 0 12px 32px #10182b1a;--max-width:1180px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:0}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.mono{font-family:var(--font-mono);letter-spacing:.02em}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.btn-primary{background:linear-gradient(135deg, var(--ink) 0%, #1b2544 100%);color:#fff;box-shadow:0 2px 8px #10182b26}.btn-primary:hover{background:linear-gradient(135deg, var(--signal-dark) 0%, var(--signal) 100%);transform:translateY(-1px);box-shadow:0 4px 14px #2454ff4d}.btn-primary:disabled{background:var(--slate-light);cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-secondary:hover{border-color:var(--ink)}.btn-ghost{color:var(--slate);background:0 0}.btn-ghost:hover{color:var(--ink)}.btn-danger{background:var(--danger-tint);color:var(--danger)}.btn-danger:hover{background:#fce2e0}input,select,textarea{font-family:var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);width:100%;padding:11px 14px;font-size:14.5px}input:focus,select:focus,textarea:focus{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-tint);outline:none}label{color:var(--ink-soft);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field{margin-bottom:16px}.field-error{color:var(--danger);margin-top:5px;font-size:12.5px}.status-dot{background:var(--status-live);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;display:inline-block;box-shadow:0 0 #12b76a80}@keyframes pulse{0%{box-shadow:0 0 #12b76a73}70%{box-shadow:0 0 0 6px #12b76a00}to{box-shadow:0 0 #12b76a00}}@media (prefers-reduced-motion:reduce){.status-dot{animation:none}}::selection{background:var(--signal-tint);color:var(--signal-dark)}@media (width<=640px){.container{padding:0 16px}}.navbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f7f8fad9;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.navbar-logo{align-items:center;gap:10px;display:flex}.navbar-logo-img{width:auto;height:26px;display:block}.navbar-links{color:var(--slate);gap:28px;font-size:14.5px;font-weight:500;display:flex}.navbar-links a:hover{color:var(--ink)}.navbar-actions{align-items:center;gap:14px;display:flex}.navbar-user{color:var(--slate);font-size:12.5px}.navbar-burger{background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;display:none}.navbar-burger span{background:var(--ink);border-radius:2px;width:100%;height:2px;display:block}.navbar-mobile-panel{display:none}@media (width<=720px){.navbar-links,.navbar-user,.navbar-actions{display:none}.navbar-burger{display:flex}.navbar-mobile-panel{border-top:1px solid var(--line);background:var(--surface);flex-direction:column;gap:4px;padding:16px 20px 22px;display:flex}.navbar-mobile-panel a{color:var(--ink-soft);border-bottom:1px solid var(--line-soft);padding:12px 4px;font-size:15px;font-weight:500}.navbar-mobile-panel .btn{width:100%;margin-top:6px}.navbar-mobile-panel .navbar-user{padding:8px 4px 0;display:block}.navbar-mobile-divider{height:1px}}.footer{border-top:1px solid var(--line);margin-top:80px;padding:28px 0}.footer-inner{color:var(--slate-light);justify-content:space-between;font-size:12.5px;display:flex}@media (width<=640px){.footer-inner{flex-direction:column;gap:8px}}.product-card{cursor:pointer;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:18px;flex-direction:column;padding:26px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.product-card-accent-bar{background:var(--card-accent,var(--signal));height:3px;position:absolute;top:0;left:0;right:0}.product-card:hover{box-shadow:0 8px 12px #10182b0f, 0 20px 40px -12px color-mix(in srgb, var(--card-accent,var(--signal)) 55%, transparent);border-color:#0000;transform:translateY(-5px)}.product-card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.product-card-icon{color:var(--card-accent,var(--signal));background:var(--card-tint,var(--signal-tint));border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .2s;display:flex}.product-card:hover .product-card-icon{transform:scale(1.08)rotate(-4deg)}.product-card-code{color:var(--slate);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:11px}.product-card-category{color:var(--card-accent,var(--signal));text-transform:uppercase;letter-spacing:.04em;align-items:center;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-flex}.product-card-name{margin-bottom:6px;font-size:19px}.product-card-tagline{color:var(--slate);min-height:40px;margin-bottom:16px;font-size:14px}.product-card-features{color:var(--ink-soft);flex-direction:column;gap:8px;margin:0 0 20px;padding:0;font-size:13.5px;list-style:none;display:flex}.product-card-features li{padding-left:18px;position:relative}.product-card-features li:before{content:"";background:var(--card-accent,var(--signal));border-radius:1px;width:6px;height:6px;position:absolute;top:7px;left:0}.product-card-demo{color:var(--card-accent,var(--signal));align-items:center;gap:4px;width:fit-content;margin-bottom:18px;font-size:12.5px;font-weight:600;display:inline-flex}.product-card-demo:hover{filter:brightness(.85);text-decoration:underline}.product-card-footer{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.product-card-status{color:var(--status-live);align-items:center;gap:6px;font-size:10.5px;font-weight:600;display:flex}.product-card-price{text-align:right}.product-card-price .mono{font-size:14.5px;font-weight:600}.product-card-price-cycle{color:var(--slate);font-size:12px}.skeleton-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:24px;display:flex}.skeleton-block{background:linear-gradient(90deg, var(--line-soft) 25%, var(--line) 50%, var(--line-soft) 75%);background-size:200% 100%;border-radius:6px;animation:1.4s infinite shimmer}.skeleton-icon{border-radius:var(--radius-md);width:44px;height:44px;margin-bottom:8px}.skeleton-line{height:13px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton-block{animation:none}}.search-bar{background:var(--surface);border:1.5px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:16px 20px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 4px 16px #10182b14}.search-bar:focus-within{border-color:var(--signal);box-shadow:0 4px 20px #2454ff24, 0 0 0 4px var(--signal-tint)}.search-bar-icon{color:var(--slate-light);flex-shrink:0}.search-bar-input{background:0 0;border:none;flex:1;padding:0;font-size:15.5px}.search-bar-input:focus{box-shadow:none;outline:none}.search-bar-clear{background:var(--paper);width:22px;height:22px;color:var(--slate);border:none;border-radius:50%;flex-shrink:0;font-size:11px}.search-bar-clear:hover{background:var(--line)}.search-bar-count{color:var(--slate-light);border-left:1px solid var(--line);white-space:nowrap;flex-shrink:0;padding-left:12px;font-size:12px}@media (width<=560px){.search-bar-count{display:none}}.category-chips{flex-wrap:wrap;gap:10px;display:flex}.category-chip{border:1.5px solid var(--line);background:var(--surface);color:var(--ink-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #10182b08}.category-chip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.category-chip:hover{background:var(--chip-hover,var(--paper));border-color:var(--chip-hover-border,#d6dce8);transform:translateY(-1px);box-shadow:0 4px 10px #10182b12}.category-chip.active{color:#fff;border-color:#0000;box-shadow:0 4px 14px #10182b2e}.error-state{color:var(--danger);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;display:flex}.hero{border-bottom:1px solid var(--line);background:var(--paper);padding:88px 0 56px;position:relative;overflow:hidden}.hero-mesh{z-index:0;pointer-events:none;background:radial-gradient(600px at 8% 15%,#7c3aed29 0%,#0000 55%),radial-gradient(700px at 92% 5%,#2454ff2e 0%,#0000 55%),radial-gradient(650px at 75% 95%,#05966924 0%,#0000 55%),radial-gradient(500px at 20% 100%,#e11d481a 0%,#0000 50%);position:absolute;inset:0}.hero-grid{z-index:0;pointer-events:none;background-image:radial-gradient(circle,#10182b14 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 40%,#0000 100%);mask-image:radial-gradient(80% 60% at 50% 0,#000 40%,#0000 100%)}.hero-inner{z-index:1;position:relative}.hero-eyebrow{color:var(--status-live);background:var(--status-live-tint);border:1px solid #12b76a33;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:7px 14px;font-size:11.5px;font-weight:700;display:inline-flex}.hero-title{letter-spacing:-.02em;background:linear-gradient(105deg, var(--ink) 45%, var(--signal) 85%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:780px;margin-bottom:20px;font-size:clamp(34px,5.2vw,58px);line-height:1.06}.hero-subtitle{color:var(--slate);max-width:580px;margin-bottom:36px;font-size:18px}.hero-search{max-width:640px;margin-bottom:40px}.hero-stats{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.hero-stat{flex-direction:column;gap:2px;display:flex}.hero-stat-value{color:var(--ink);font-size:20px;font-weight:700}.hero-stat-label{color:var(--slate-light);font-size:12px;font-weight:500}.hero-stat-divider{background:var(--line);width:1px;height:28px}.products-section{padding:44px 0 64px}.category-chips-row{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f8faeb;margin-bottom:12px;padding:16px 0;position:sticky;top:68px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;display:grid}.products-empty{color:var(--slate);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:80px 20px;display:flex}.products-load-more{justify-content:center;margin-top:40px;display:flex}@media (width<=640px){.hero{padding:60px 0 44px}.category-chips-row{top:0}.hero-stats{gap:18px}.hero-stat-divider{display:none}}.loading-state{color:var(--slate);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:80px 20px;font-size:12.5px;display:flex}.loading-spinner{border:2.5px solid var(--line);border-top-color:var(--signal);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.product-detail{padding:44px 24px 80px}.pd-header{max-width:640px;margin-bottom:40px}.pd-header-top{align-items:center;gap:14px;margin-bottom:16px;display:flex}.pd-icon{color:var(--card-accent,var(--signal));background:var(--card-tint,var(--signal-tint));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.pd-code{color:var(--slate);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:11.5px;display:inline-block}.pd-category{color:var(--card-accent,var(--signal));text-transform:uppercase;letter-spacing:.04em;margin-left:10px;font-size:11px;font-weight:700;display:inline-block}.pd-header h1{margin-bottom:10px;font-size:34px}.pd-tagline{color:var(--slate);font-size:16px}.pd-demo-link{color:var(--card-accent,var(--signal));align-items:center;gap:4px;margin-top:14px;font-size:13.5px;font-weight:600;display:inline-flex}.pd-demo-link:hover{filter:brightness(.85);text-decoration:underline}.pd-grid{grid-template-columns:1fr 340px;align-items:start;gap:40px;display:grid}.pd-section{margin-bottom:32px}.pd-section h3{color:var(--ink-soft);margin-bottom:14px;font-size:15px}.pd-description{color:var(--slate);font-size:15px;line-height:1.7}.pd-feature-list{grid-template-columns:repeat(2,1fr);gap:14px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.pd-feature-list li{padding-left:20px;position:relative}.pd-feature-list li:before{content:"✓";color:var(--status-live);font-weight:700;position:absolute;left:0}.pd-sidebar{position:sticky;top:90px}.pd-plan-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px}.pd-plan-status{color:var(--status-live);align-items:center;gap:6px;margin-bottom:16px;font-size:10.5px;font-weight:600;display:flex}.pd-plan-card h4{color:var(--ink-soft);margin-bottom:12px;font-size:14px}.pd-plan-options{flex-direction:column;gap:8px;display:flex}.pd-plan-option{border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.pd-plan-option.active{border-color:var(--card-accent,var(--signal));background:var(--card-tint,var(--signal-tint))}.pd-plan-summary{border-top:1px solid var(--line-soft);margin-top:16px;padding-top:16px;font-size:13.5px}.pd-plan-summary-row{color:var(--slate);justify-content:space-between;padding:4px 0;display:flex}.pd-plan-note{text-align:center;color:var(--slate-light);margin-top:12px;font-size:12px}@media (width<=860px){.pd-grid,.pd-feature-list{grid-template-columns:1fr}.pd-sidebar{position:static}}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 68px);padding:40px 20px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-card);padding:36px}.auth-card h2{margin-bottom:6px;font-size:22px}.auth-subtitle{color:var(--slate);margin-bottom:26px;font-size:14px}.auth-card-wide{max-width:460px}.account-type-toggle{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px;display:grid}.account-type-option{border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--paper);color:var(--slate);flex-direction:column;align-items:center;gap:6px;padding:14px 10px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.account-type-option.active{border-color:var(--signal);background:var(--signal-tint);color:var(--signal-dark)}.account-type-icon{font-size:20px}.account-type-fields{border-left:2px solid var(--signal-tint);margin-bottom:4px;padding-left:14px}@media (width<=480px){.auth-page{padding:24px 14px}.auth-card{padding:24px 20px}}.auth-switch{text-align:center;color:var(--slate);margin-top:20px;font-size:13.5px}.auth-switch a{color:var(--signal);font-weight:600}.checkout-page{padding:40px 24px 80px}.checkout-steps{color:var(--slate-light);gap:28px;margin-bottom:32px;font-size:11.5px;display:flex}.checkout-step.active{color:var(--signal);font-weight:600}.checkout-step.done{color:var(--status-live)}.checkout-grid{grid-template-columns:1fr 320px;align-items:start;gap:36px;display:grid}.checkout-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:32px}.checkout-card h3{margin-bottom:22px;font-size:18px}.checkout-row{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.checkout-review-text{color:var(--slate);margin-bottom:24px;font-size:15px;line-height:1.7}.checkout-review-actions{gap:12px;display:flex}.checkout-review-actions .btn-primary{flex:1}.checkout-confirm{text-align:center;padding:48px 32px}.checkout-confirm h3{margin:16px 0 10px}.checkout-confirm p{color:var(--slate);margin-bottom:24px}.checkout-confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto;font-size:26px;display:flex}.checkout-confirm-icon.success{background:var(--status-live-tint);color:var(--status-live)}.checkout-confirm-icon.failed{background:var(--danger-tint);color:var(--danger)}.checkout-summary-card{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:26px;position:sticky;top:90px}.checkout-summary-status{color:#9db2ff;align-items:center;gap:6px;margin-bottom:14px;font-size:10.5px;display:flex}.checkout-summary-card h4{color:#fff;margin-bottom:4px;font-size:18px}.checkout-summary-plan{color:#aeb8cc;margin-bottom:18px;font-size:13.5px}.checkout-summary-price{font-size:24px;font-weight:600}.checkout-summary-price span{color:#aeb8cc;font-size:13px;font-weight:400}.checkout-summary-line{background:#ffffff1f;height:1px;margin:18px 0}.checkout-summary-note{color:#aeb8cc;font-size:12.5px}@media (width<=860px){.checkout-grid,.checkout-row{grid-template-columns:1fr}.checkout-summary-card{position:static}}.my-subs-page{padding:44px 24px 80px}.my-subs-page h1{margin-bottom:8px;font-size:28px}.my-subs-subtitle{color:var(--slate);margin-bottom:32px}.my-subs-empty{text-align:center;color:var(--slate);border:1px dashed var(--line);border-radius:var(--radius-lg);padding:60px 20px}.my-subs-list{flex-direction:column;gap:12px;display:flex}.my-subs-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.my-subs-row-main{align-items:center;gap:16px;display:flex}.my-subs-code{color:var(--slate);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:11px}.my-subs-row-main h4{margin-bottom:2px;font-size:15.5px}.my-subs-plan{color:var(--slate);font-size:13px}.my-subs-row-meta{align-items:center;gap:18px;display:flex}.my-subs-status{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.my-subs-status.live{color:var(--status-live);background:var(--status-live-tint)}.my-subs-status.warn{color:var(--warn);background:#fff6e9}.my-subs-status.muted{color:var(--slate);background:var(--paper)}.my-subs-dates{color:var(--slate);font-size:12.5px}.modal-backdrop{z-index:50;background:#10182b80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:28px}.modal-card h3{margin-bottom:8px;font-size:18px}.modal-note{color:var(--slate);margin-bottom:20px;font-size:13.5px}.modal-actions{gap:12px;margin-top:8px;display:flex}.modal-actions .btn{flex:1}