:root{--background:#fafafa;--surface:#fff;--surface-variant:#f4f4f5;--surface-muted:#e4e4e7;--background-dark:#09090b;--surface-dark:#18181b;--surface-variant-dark:#27272a;--surface-muted-dark:#3f3f46;--border:#e4e4e7;--border-dark:#27272a;--border-strong:#d4d4d8;--border-strong-dark:#3f3f46;--primary:#0067c5;--primary-hover:#0059a8;--primary-active:#004a8c;--primary-muted:#dbeafe;--primary-muted-dark:#1e3a5f;--primary-foreground:#fff;--success:#16a34a;--success-light:#dcfce7;--success-dark:#14532d;--success-foreground:#14532d;--warning:#d97706;--warning-light:#fef3c7;--warning-dark:#451a03;--warning-foreground:#451a03;--error:#dc2626;--error-light:#fee2e2;--error-dark:#450a0a;--error-foreground:#450a0a;--info:#2563eb;--info-light:#dbeafe;--info-dark:#1e3a5f;--info-foreground:#1e3a5f;--accent-invoice:#6366f1;--accent-khatabook:#14b8a6;--accent-banking:#f59e0b;--accent-user:#8b5cf6;--accent-branch:#f43f5e;--accent-credit:#22d3ee;--accent-dashboard:#0067c5;--accent-expense:#10b981;--accent-salary:#7c3aed;--accent-capital:#0e7490;--accent-ledger:#475569;--accent-invoice-muted:#eef2ff;--accent-khatabook-muted:#f0fdfa;--accent-banking-muted:#fffbeb;--accent-user-muted:#f5f3ff;--accent-branch-muted:#fff1f2;--accent-expense-muted:#ecfdf5;--accent-salary-muted:#f5f3ff;--accent-capital-muted:#ecfeff;--accent-ledger-muted:#f1f5f9;--foreground:#09090b;--foreground-muted:#71717a;--foreground-subtle:#a1a1aa;--foreground-on-primary:#fff;--foreground-dark:#fafafa;--foreground-muted-dark:#a1a1aa;--foreground-subtle-dark:#71717a;--forest:var(--background-dark);--forest-mid:var(--surface-dark);--forest-light:var(--surface-variant-dark);--sage:var(--primary);--sage-light:#3b82f6;--mint:var(--primary-muted);--cream:var(--surface-variant);--cream-dark:var(--surface-muted);--gold:var(--primary);--gold-light:#3b82f6;--white:#fff;--text-dark:var(--foreground);--text-mid:var(--foreground-muted);--text-light:var(--foreground-subtle);--border:#0067c51f;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #00000014;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius:8px;--radius-lg:12px;--font-display:"Plus Jakarta Sans","Inter",-apple-system,sans-serif;--font-body:"Inter",-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#f4f4f5;background:var(--cream);color:#09090b;color:var(--text-dark);font-family:Inter,-apple-system,sans-serif;font-family:var(--font-body);line-height:1.6;overflow-x:hidden}.navbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09090bf5;border-bottom:1px solid #0067c526;display:flex;height:72px;justify-content:space-between;left:0;padding:0 5%;position:fixed;right:0;top:0;transition:all .3s ease;z-index:100}.navbar.scrolled{box-shadow:0 4px 24px #0000004d;height:60px}.nav-brand{align-items:center;display:flex;gap:10px;text-decoration:none}.nav-logo-icon{align-items:center;background:linear-gradient(135deg,#0067c5,#3b82f6);background:linear-gradient(135deg,var(--gold),var(--gold-light));border-radius:8px;display:flex;font-size:18px;font-weight:900;height:36px;justify-content:center;width:36px}.nav-brand-text,.nav-logo-icon{color:#fff;color:var(--white);font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;font-family:var(--font-display)}.nav-brand-text{font-size:1.15rem;font-weight:700;letter-spacing:.01em}.nav-links{align-items:center;display:flex;gap:36px;list-style:none}.nav-links a{color:#ffffffbf;font-size:.875rem;font-weight:500;letter-spacing:.02em;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#3b82f6;color:var(--gold-light)}.nav-cta{background:linear-gradient(135deg,#0067c5,#0059a8);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;font-weight:600!important;padding:9px 20px;transition:transform .2s,box-shadow .2s!important}.nav-cta,.nav-cta:hover{color:#fff!important;color:var(--white)!important}.nav-cta:hover{box-shadow:0 4px 16px #0067c559!important;transform:translateY(-1px)}.hero{align-items:center;background:linear-gradient(135deg,#09090b,#18181b 50%,#0a1329);background:linear-gradient(135deg,var(--forest) 0,var(--forest-mid) 50%,#0a1329 100%);display:flex;min-height:100vh;overflow:hidden;padding:100px 5% 60px;position:relative}.hero:before{background:radial-gradient(ellipse 60% 50% at 70% 50%,#0067c51f 0,#0000 70%),radial-gradient(ellipse 30% 40% at 20% 80%,#0067c514 0,#0000 60%);inset:0}.hero:after,.hero:before{content:"";pointer-events:none;position:absolute}.hero:after{background:radial-gradient(circle,#0067c51a 0,#0000 70%);border-radius:50%;height:500px;right:-10%;top:-40%;width:500px}.hero-grid{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:1}.hero-badge{align-items:center;animation:fadeSlideUp .6s ease both;background:#0067c514;border:1px solid #0067c540;border-radius:100px;color:#3b82f6;color:var(--gold-light);display:inline-flex;font-size:.78rem;font-weight:500;gap:8px;letter-spacing:.05em;margin-bottom:24px;padding:6px 14px;text-transform:uppercase}.hero-badge:before{animation:pulse 2s infinite;background:#0067c5;background:var(--gold);border-radius:50%;content:"";height:6px;width:6px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero h1{animation:fadeSlideUp .7s ease .1s both;color:#fff;color:var(--white);font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:clamp(2rem,3.5vw,3.2rem);font-weight:900;letter-spacing:-.02em;line-height:1.15;margin-bottom:20px}.hero h1 span{color:#3b82f6;color:var(--gold-light);font-style:italic}.hero h2{animation:fadeSlideUp .7s ease .2s both;color:#ffffffa6;font-size:1rem;font-weight:400;line-height:1.7;margin-bottom:36px}.hero-cta-group{animation:fadeSlideUp .7s ease .3s both;display:flex;flex-direction:column;gap:16px}.btn-primary{align-items:center;background:linear-gradient(135deg,#0067c5,#0059a8);background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:700;gap:12px;overflow:hidden;padding:16px 28px;position:relative;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;width:-webkit-fit-content;width:fit-content}.btn-primary:before{background:linear-gradient(135deg,#fff3,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.btn-primary:hover{box-shadow:0 12px 40px #0067c559;transform:translateY(-3px) scale(1.02)}.btn-primary:hover:before{opacity:1}.btn-primary .btn-icon{align-items:center;background:#ffffff26;border-radius:50%;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.btn-secondary{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:0;text-decoration:none;transition:color .2s;width:-webkit-fit-content;width:fit-content}.btn-secondary:hover{color:#3b82f6;color:var(--gold-light)}.hero-meta{animation:fadeSlideUp .7s ease .4s both;display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.meta-chip{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.78rem;gap:6px;padding:6px 12px}.meta-chip .chip-label{color:#ffffff59;margin-right:2px}.hero-visual{animation:fadeSlideUp .8s ease .2s both;position:relative}.mockup-frame{background:#18181b;background:var(--forest-mid);border:1px solid #0067c540;border-radius:16px;box-shadow:0 0 0 1px #ffffff0d,0 40px 80px #00000080,inset 0 1px 0 #ffffff14;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform .5s ease}.mockup-frame:hover{transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}.mockup-bar{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff0d;display:flex;gap:6px;padding:10px 14px}.mockup-dot{border-radius:50%;height:10px;width:10px}.mockup-dot:first-child{background:#ff5f57}.mockup-dot:nth-child(2){background:#febc2e}.mockup-dot:nth-child(3){background:#28c840}.mockup-body{display:flex;flex-direction:column;gap:14px;min-height:340px;padding:20px}.mock-header-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.mock-title{color:#fff;color:var(--white);font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:1rem;font-weight:700}.mock-date{color:#fff6;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem}.mock-stat-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.mock-stat{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;padding:10px}.mock-stat-label{color:#fff6;font-size:.65rem;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.mock-stat-value{color:#3b82f6;color:var(--gold-light);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:1rem;font-weight:700}.mock-stat-value.green{color:#16a34a;color:var(--success)}.mock-table-header{grid-gap:8px;background:#ffffff0a;border-radius:6px;display:grid;gap:8px;grid-template-columns:2fr 1fr 1fr 1fr;padding:6px 8px}.mock-th{color:#ffffff4d;font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.mock-row{grid-gap:8px;border-radius:6px;display:grid;gap:8px;grid-template-columns:2fr 1fr 1fr 1fr;padding:8px;transition:background .2s}.mock-row:hover{background:#ffffff0a}.mock-row.highlighted{background:#0067c51f;border:1px solid #0067c540}.mock-td{color:#ffffffa6;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem}.mock-td.name{color:#fff;color:var(--white);font-family:Inter,-apple-system,sans-serif;font-family:var(--font-body);font-weight:500}.mock-td.credit{color:#16a34a;color:var(--success)}.mock-td.debit{color:#dc2626;color:var(--error)}.mock-badge{background:#16a34a1f;border:1px solid #16a34a40;border-radius:100px;color:#16a34a;color:var(--success);display:inline-block;font-size:.62rem;font-weight:600;padding:2px 8px}.mock-badge.pending{background:#d977061f;border-color:#d9770640;color:#d97706;color:var(--warning)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}section{padding:100px 5%}.section-inner{margin:0 auto;max-width:1200px}.section-tag{color:#0067c5;color:var(--sage);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.section-title{color:#09090b;color:var(--forest);font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:16px}.section-title span{color:#0067c5;color:var(--sage);font-style:italic}.section-subtitle{color:#71717a;color:var(--text-mid);font-size:1rem;line-height:1.7;max-width:560px}.features{background:#fff;background:var(--white)}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:60px}.feature-card{background:#f4f4f5;background:var(--cream);border:1px solid #0067c51f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden;padding:32px 28px;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s}.feature-card:before{background:linear-gradient(90deg,#0067c5,#0067c5);background:linear-gradient(90deg,var(--sage),var(--gold));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover{border-color:#4a7c5959;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{align-items:center;background:linear-gradient(135deg,#09090b,#27272a);background:linear-gradient(135deg,var(--forest),var(--forest-light));border-radius:14px;box-shadow:0 4px 16px #1a2e1a33;display:flex;font-size:22px;height:52px;justify-content:center;margin-bottom:20px;width:52px}.feature-title{color:#09090b;color:var(--forest);font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:10px}.feature-desc{color:#71717a;color:var(--text-mid);font-size:.88rem;line-height:1.65;margin-bottom:16px}.feature-tech{background:#4a7c5914;border:1px solid #4a7c5926;border-radius:6px;color:#0067c5;color:var(--sage);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.78rem;line-height:1.5;padding:6px 10px}.feature-card.wide{grid-column:span 2}.how-it-works{background:#e4e4e7;background:var(--cream-dark)}.scenarios-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:60px}.scenario-card{background:#fff;background:var(--white);border:1px solid #0067c51f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);padding:32px 28px;position:relative}.scenario-number{align-items:center;background:linear-gradient(135deg,#09090b,#0067c5);background:linear-gradient(135deg,var(--forest),var(--sage));border-radius:50%;box-shadow:0 4px 12px #09090b40;color:#fff;color:var(--white);display:flex;font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:.85rem;font-weight:900;height:36px;justify-content:center;left:28px;position:absolute;top:-18px;width:36px}.scenario-problem{color:#c0392b;font-size:.75rem;font-weight:600;letter-spacing:.06em;margin-bottom:8px;margin-top:12px;text-transform:uppercase}.scenario-title{color:#09090b;color:var(--forest);font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:12px}.scenario-steps{display:flex;flex-direction:column;gap:10px;list-style:none}.scenario-steps li{color:#71717a;color:var(--text-mid);display:flex;font-size:.85rem;gap:10px;line-height:1.55}.step-num{align-items:center;background:#4a7c591f;border-radius:50%;color:#0067c5;color:var(--sage);display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:20px;justify-content:center;margin-top:1px;min-width:20px}.download-section{background:linear-gradient(135deg,#09090b,#18181b);background:linear-gradient(135deg,var(--forest) 0,var(--forest-mid) 100%);overflow:hidden;position:relative}.download-section:before{background:radial-gradient(ellipse 80% 60% at 50% 0,#0067c526,#0000 70%);content:"";inset:0;position:absolute}.download-inner{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr;position:relative;z-index:1}.download-left .section-title{color:#fff;color:var(--white)}.download-left .section-tag{color:#3b82f6;color:var(--gold-light)}.download-left .section-subtitle{color:#fff9}.version-badge{align-items:center;background:#0067c514;border:1px solid #0067c540;border-radius:8px;border-radius:var(--radius);display:inline-flex;gap:8px;margin-bottom:24px;padding:8px 14px}.version-label{color:#fff6;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.version-label,.version-value{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.version-value{color:#3b82f6;color:var(--gold-light);font-size:.85rem;font-weight:600}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #0067c533;border-radius:50%;border-top:2px solid var(--gold-light);display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.download-btn-hero{align-items:center;background:linear-gradient(135deg,#0067c5,#3b82f6);background:linear-gradient(135deg,var(--gold),var(--gold-light));border:none;border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:14px;justify-content:center;margin-top:32px;overflow:hidden;padding:18px 32px;position:relative;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;width:100%}.download-btn-hero:disabled{cursor:not-allowed;opacity:.7}.download-btn-hero:not(:disabled):hover{box-shadow:0 16px 48px #0067c559;transform:translateY(-3px) scale(1.01)}.download-btn-icon{font-size:20px}.install-guide-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;border-radius:var(--radius);color:#ffffffbf;cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:500;gap:8px;justify-content:center;margin-top:12px;padding:14px;text-decoration:none;transition:background .2s,border-color .2s;width:100%}.install-guide-btn:hover{background:#ffffff1a;border-color:#ffffff40}.meta-chips-dark{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:20px}.meta-chip-dark{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;padding:10px 12px}.meta-chip-dark .chip-key{color:#ffffff59;font-size:.68rem;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.meta-chip-dark .chip-key,.meta-chip-dark .chip-val{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.meta-chip-dark .chip-val{color:#fffc;font-size:.82rem;font-weight:500}.sys-req-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;border-radius:var(--radius-lg);padding:28px}.sys-req-title{align-items:center;color:#fff;color:var(--white);display:flex;font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:1rem;font-weight:700;gap:8px;margin-bottom:20px}.sys-req-list{display:flex;flex-direction:column;gap:12px;list-style:none}.sys-req-item{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;font-size:.875rem;justify-content:space-between;padding-bottom:12px}.sys-req-item:last-child{border-bottom:none;padding-bottom:0}.req-key{color:#ffffff73;font-size:.8rem}.req-val{color:#ffffffd9;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem;text-align:right}.install-steps{display:flex;flex-direction:column;gap:14px;margin-top:24px}.install-step{align-items:flex-start;display:flex;gap:14px}.install-step-num{align-items:center;background:linear-gradient(135deg,#0067c5,#3b82f6);background:linear-gradient(135deg,var(--sage),var(--sage-light));border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:28px;justify-content:center;min-width:28px}.install-step-text{color:#ffffffa6;font-size:.855rem;line-height:1.55;padding-top:4px}.install-step-text strong{color:#ffffffe6;font-weight:600}.faq{background:#fff;background:var(--white)}.faq-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:60px}.faq-item{background:#f4f4f5;background:var(--cream);border:1px solid #0067c51f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;overflow:hidden;transition:border-color .2s}.faq-item.open{border-color:#4a7c5966}.faq-question{align-items:center;color:#09090b;color:var(--forest);display:flex;font-size:.9rem;font-weight:600;gap:12px;justify-content:space-between;padding:20px 22px}.faq-chevron{color:#0067c5;color:var(--sage);flex-shrink:0;font-size:.75rem;transition:transform .3s ease}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;padding:0 22px;transition:max-height .35s ease,padding .35s ease}.faq-item.open .faq-answer{max-height:200px;padding:0 22px 20px}.faq-answer p{border-top:1px solid #0067c51f;border-top:1px solid var(--border);color:#71717a;color:var(--text-mid);font-size:.875rem;line-height:1.65;padding-top:14px}.tutorials{background:#e4e4e7;background:var(--cream-dark)}.tutorials-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:60px}.tutorial-card{background:#fff;background:var(--white);border:1px solid #0067c51f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.tutorial-card:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #00000014;box-shadow:var(--shadow-md);transform:translateY(-6px)}.tutorial-thumb{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#09090b,#27272a);background:linear-gradient(135deg,var(--forest) 0,var(--forest-light) 100%);display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.tutorial-thumb:before{background:radial-gradient(ellipse at center,#4a7c5933,#0000 70%);content:"";inset:0;position:absolute}.tutorial-play{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:2px solid #fff6;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:18px;height:52px;justify-content:center;position:relative;transition:background .2s,transform .2s;width:52px;z-index:1}.tutorial-card:hover .tutorial-play{background:#ffffff40;transform:scale(1.1)}.tutorial-coming-soon{background:#c8a84be6;bottom:10px;color:#09090b;color:var(--forest);font-weight:700;letter-spacing:.06em;right:10px;text-transform:uppercase}.tutorial-coming-soon,.tutorial-label{border-radius:4px;font-size:.65rem;padding:3px 8px;position:absolute}.tutorial-label{background:#1a2e1acc;color:#ffffffb3;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);left:10px;top:10px}.tutorial-body{padding:18px 20px}.tutorial-duration{color:#0067c5;color:var(--sage);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;margin-bottom:6px}.tutorial-title{color:#09090b;color:var(--forest);font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:.95rem;font-weight:700;line-height:1.3;margin-bottom:6px}.tutorial-desc{color:#a1a1aa;color:var(--text-light);font-size:.8rem;line-height:1.55}.supporters{background:#fff;background:var(--white)}.supporters-intro{max-width:560px}.supporters-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr);margin-top:60px}.supporter-card{background:#f4f4f5;background:var(--cream);border:1px solid #0067c51f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);padding:32px 24px;position:relative;text-align:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.supporter-card:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #00000014;box-shadow:var(--shadow-md);transform:translateY(-6px)}.supporter-avatar{align-items:center;background:linear-gradient(135deg,#09090b,#0067c5);background:linear-gradient(135deg,var(--forest),var(--sage));border-radius:50%;box-shadow:0 8px 24px #09090b33;color:#fff;color:var(--white);display:flex;font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:1.8rem;font-weight:900;height:80px;justify-content:center;margin:0 auto 16px;position:relative;width:80px}.supporter-avatar:after{border:2px solid #0067c54d;border-radius:50%;content:"";inset:-3px;position:absolute}.supporter-name{color:#09090b;color:var(--forest);font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:4px}.supporter-role{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem;font-weight:500}.supporter-firm,.supporter-role{color:#0067c5;color:var(--sage);margin-bottom:12px}.supporter-firm{background:#0067c514;border:1px solid #0067c526;border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px}.supporter-quote{color:#71717a;color:var(--text-mid);font-size:.82rem;font-style:italic;line-height:1.55}.supporter-quote:before{color:#0067c5;color:var(--gold);content:'"';display:block;font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:1.5rem;line-height:1;margin-bottom:4px}.placeholder-note{border-top:1px dashed var(--border-color);color:#a1a1aa;color:var(--text-light);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.7rem;margin-top:8px;padding-top:8px}.footer{background:#09090b;background:var(--forest);border-top:1px solid #0067c526;padding:60px 5% 32px}.footer-inner{margin:0 auto;max-width:1200px}.footer-top{grid-gap:60px;border-bottom:1px solid #ffffff14;display:grid;gap:60px;grid-template-columns:1.5fr 1fr 1fr;padding-bottom:40px}.footer-brand-desc{color:#ffffff73;font-size:.85rem;line-height:1.65;margin-top:12px}.footer-col-title{color:#3b82f6;color:var(--gold-light);font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:16px;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:10px;list-style:none}.footer-links a{color:#ffffff80;font-size:.875rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#ffffffd9}.footer-bottom{align-items:center;color:#ffffff4d;display:flex;font-size:.8rem;justify-content:space-between;padding-top:28px}.footer-bottom span{color:#ef4444cc}.download-progress{animation:fadeSlideUp .3s ease;margin-top:16px}.progress-label{color:#ffffff80;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.78rem;margin-bottom:8px}.progress-bar-bg{background:#ffffff1a;border-radius:100px;height:6px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#0067c5,#3b82f6);background:linear-gradient(90deg,var(--primary),var(--gold-light));border-radius:100px;height:100%;transition:width .3s ease}.toast{align-items:center;animation:slideInRight .35s cubic-bezier(.34,1.56,.64,1);background:#18181b;background:var(--forest-mid);border:1px solid #0067c54d;border-radius:8px;border-radius:var(--radius);bottom:32px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);display:flex;gap:10px;max-width:340px;padding:14px 20px;position:fixed;right:32px;z-index:999}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.toast-icon{font-size:18px}.toast-text{color:#fff;color:var(--white);font-size:.875rem;line-height:1.4}.toast-close{background:none;border:none;color:#fff6;cursor:pointer;font-size:16px;margin-left:8px;padding:0;transition:color .2s}.toast-close:hover{color:#fff;color:var(--white)}@media (max-width:900px){.download-inner,.faq-grid,.hero-grid{grid-template-columns:1fr}.features-grid,.scenarios-grid,.supporters-grid,.tutorials-grid{grid-template-columns:1fr 1fr}.feature-card.wide{grid-column:span 1}.nav-links{display:none}.footer-top{gap:32px;grid-template-columns:1fr}.hero-visual{display:none}.mock-stat-row{grid-template-columns:1fr 1fr}}@media (max-width:600px){.features-grid,.meta-chips-dark,.scenarios-grid,.supporters-grid,.tutorials-grid{grid-template-columns:1fr}}:root{--auth-background:#0a0a0f;--auth-surface:#111117;--auth-card:#18181f;--auth-border:#2a2a35;--auth-glass:#ffffff08;--auth-glass-border:#ffffff14;--auth-primary:#0078d4;--auth-foreground:#fff;--auth-muted:#a1a1aa;--auth-error:#ef4444;--auth-success:#22c55e}.auth-screen-wrapper{align-items:center;background:#0a0a0f;background:var(--auth-background);display:flex;font-family:Inter,-apple-system,sans-serif;font-family:var(--font-body),sans-serif;inset:0;justify-content:center;overflow:hidden;padding:20px;position:fixed;z-index:99999}.auth-mesh-gradient{background:radial-gradient(circle at 10% 20%,#0067c526 0,#0000 40%),radial-gradient(circle at 90% 80%,#6366f11f 0,#0000 40%),radial-gradient(circle at 50% 50%,#14b8a60d 0,#0000 50%);inset:0;pointer-events:none;position:absolute;z-index:0}.auth-card-container{animation:authFadeIn .5s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;background:var(--auth-glass);border:1px solid #ffffff14;border:1px solid var(--auth-glass-border);border-radius:16px;box-shadow:0 4px 30px #0006,inset 0 1px 0 #ffffff0d;max-width:420px;padding:40px 32px;width:100%;z-index:1}@keyframes authFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-logo{gap:10px;margin-bottom:28px}.auth-logo,.auth-logo-icon{align-items:center;display:flex;justify-content:center}.auth-logo-icon{background:linear-gradient(135deg,#0067c5,#3b82f6);background:linear-gradient(135deg,var(--primary),var(--gold-light));border-radius:6px;color:#fff;font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:16px;font-weight:900;height:32px;width:32px}.auth-logo-text{font-size:1rem;letter-spacing:.01em}.auth-logo-text,.auth-title{color:#fff;color:var(--auth-foreground);font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-weight:700}.auth-title{font-size:1.5rem;margin-bottom:8px;text-align:center}.auth-subtitle{color:#a1a1aa;color:var(--auth-muted);font-size:.85rem;line-height:1.5;margin-bottom:32px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-error-msg{animation:authShake .3s ease;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;color:var(--auth-error);font-size:.82rem;line-height:1.4;padding:10px 14px}@keyframes authShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.auth-input-group{display:flex;flex-direction:column;gap:8px}.auth-label{color:#a1a1aa;color:var(--auth-muted);font-size:.78rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.auth-input{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--auth-glass-border);border-radius:8px;color:#fff;font-family:inherit;font-size:.9rem;outline:none;padding:12px 14px;transition:all .2s ease}.auth-input:focus{background:#ffffff0d;border-color:#0078d4;border-color:var(--auth-primary);box-shadow:0 0 0 3px #0078d426}.auth-btn{background:#0078d4;background:var(--auth-primary);border:none;border-radius:8px;box-shadow:0 4px 12px #0078d440;color:#fff;cursor:pointer;font-family:inherit;font-size:.92rem;font-weight:600;margin-top:10px;padding:14px;transition:all .2s ease}.auth-btn:hover{background:#0086f0;box-shadow:0 6px 16px #0078d459;transform:translateY(-1px)}.auth-btn:active{transform:translateY(0)}.auth-footer{color:#fff3;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;margin-top:36px;text-align:center}
/*# sourceMappingURL=main.885d837b.css.map*/