:root{--color-bg-base:#07080a;--color-bg-surface:#0f1115;--color-border-subtle:#1a1d24;--gradient-hero:linear-gradient(135deg, #07080a 0%, #5a189a 150%);--gradient-card:linear-gradient(180deg, rgba(15,17,21,.8) 0%, #0f1115 100%);--color-accent-primary:#bd5eff;--color-accent-secondary:#9d4edd;--text-high-contrast:#f4f6f8;--text-low-contrast:#8792a6;--text-on-primary:#fff;--color-link-hover:rgba(189,94,255,.15);--font-family-system:Geist, Plus Jakarta Sans, system-ui, sans-serif;--font-family-data:Commit Mono, Intel One Mono, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-display:3rem}[data-theme=light]{--color-bg-base:#f4f6f8;--color-bg-surface:#fff;--color-border-subtle:#e2e8f0;--gradient-hero:linear-gradient(135deg, #fff 0%, #f3e8ff 120%);--gradient-card:linear-gradient(180deg, #fff 0%, rgba(243,232,255,.2) 100%);--color-accent-primary:#5a189a;--color-accent-secondary:#9d4edd;--text-high-contrast:#07080a;--text-low-contrast:#3a3f4d;--text-on-primary:#fff;--color-link-hover:rgba(157,78,221,.1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;tab-size:4}body{text-rendering:optimizespeed;background-color:var(--color-bg-base);width:100%;min-height:100vh;color:var(--text-high-contrast);line-height:1.5;font-family:var(--font-family-system);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}input,button,textarea,select{font:inherit;color:inherit;background:0 0;border:none}input:focus,button:focus,textarea:focus,select:focus{outline:none}button{cursor:pointer}a{color:inherit;text-decoration:none}img,picture,svg{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border:2px solid var(--color-bg-base);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-secondary)}.window-accent-top{position:relative}.window-accent-top:before{content:"";background:linear-gradient(90deg, transparent, var(--color-accent-primary), transparent);z-index:10;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.window-accent-full{position:relative}.window-accent-full:hover:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--color-accent-primary), transparent, var(--color-accent-secondary));-webkit-mask-composite:xor;pointer-events:none;z-index:5;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes floatAnimation{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(.5deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulseGlow{0%{opacity:.3;transform:scale(1)}50%{opacity:.45;transform:scale(1.05)}to{opacity:.3;transform:scale(1)}}@keyframes rowSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.landing-viewport{background:var(--color-bg-base);width:100%;min-height:100vh;color:var(--text-high-contrast);font-family:var(--font-family-system);transition:background .3s,color .3s;overflow-x:hidden}.nav-container{border-bottom:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(12px);z-index:100;background:rgba(var(--color-bg-base), .7);justify-content:space-between;align-items:center;width:100%;padding:1.25rem 5%;display:flex;position:fixed;top:0}@media (width<=768px){.nav-container{padding:1rem}}.logo{font-family:var(--font-family-data);font-weight:700;font-size:var(--text-lg);color:var(--text-high-contrast);letter-spacing:-.5px}.nav-links{gap:2.5rem;display:flex}.nav-links a{color:var(--text-low-contrast);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--color-accent-primary)}@media (width<=768px){.nav-links{display:none}}.nav-actions{align-items:center;gap:1.25rem;display:flex}@media (width<=480px){.nav-actions{gap:.75rem}}.btn-text{color:var(--text-high-contrast);font-size:var(--text-sm);font-weight:500;text-decoration:none}.btn-outline{color:var(--text-high-contrast);font-size:var(--text-sm);border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);border-radius:6px;padding:.5rem 1.25rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-outline:hover{border-color:var(--color-accent-primary);box-shadow:0 0 12px rgba(189,94,255,.2)}@media (width<=480px){.btn-outline{font-size:var(--text-xs);padding:.4rem .75rem}}.btn-action{background:var(--color-accent-primary);color:var(--text-on-primary);font-size:var(--text-sm);border-radius:6px;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.btn-action:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(157,78,221,.4)}.btn-subtle-link{color:var(--text-low-contrast);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color .2s}.btn-subtle-link:hover{color:var(--text-high-contrast)}.hero-section{background:var(--gradient-hero);box-sizing:border-box;grid-template-columns:1.1fr .9fr;align-items:center;gap:5%;width:100%;padding:7rem 5%;display:grid}@media (width<=968px){.hero-section{text-align:center;grid-template-columns:1fr;gap:3.5rem;padding:4rem 1.25rem}}.hero-left{flex-direction:column;align-items:flex-start;display:flex}@media (width<=968px){.hero-left{align-items:center}}.hero-left .badge-tag{font-size:var(--text-xs);font-family:var(--font-family-data);color:var(--color-accent-secondary);border:1px solid var(--color-border-subtle);background:rgba(var(--color-bg-surface), .5);border-radius:20px;margin-bottom:1.5rem;padding:.25rem .75rem}.hero-left h1{letter-spacing:-1.5px;max-width:750px;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}@media (width<=1200px){.hero-left h1{font-size:var(--text-display)}}@media (width<=576px){.hero-left h1{letter-spacing:-.5px;font-size:2.25rem}}.hero-left p{font-size:var(--text-lg);color:var(--text-low-contrast);max-width:600px;margin-bottom:2.5rem;line-height:1.6}@media (width<=576px){.hero-left p{font-size:var(--text-md)}}.hero-left .cta-group{align-items:center;gap:2rem;display:flex}@media (width<=576px){.hero-left .cta-group{flex-direction:column;gap:1.25rem;width:100%}.hero-left .cta-group .btn-action{text-align:center;box-sizing:border-box;width:100%}}.hero-right{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.vector-blob-wrapper{width:100%;max-width:460px;position:relative}.blob-bg{z-index:1;pointer-events:none;background:radial-gradient(circle,rgba(157,78,221,.25) 0%,transparent 70%);width:100%;height:100%;animation:6s ease-in-out infinite pulseGlow;position:absolute;top:-10%;left:-5%}.dashboard-mock-card{z-index:2;background:var(--gradient-card);border:1px solid var(--color-border-subtle);backdrop-filter:blur(8px);border-radius:12px;width:100%;animation:5s ease-in-out infinite floatAnimation;position:relative;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3)}.mock-header{border-bottom:1px solid var(--color-border-subtle);background:rgba(0,0,0,.15);align-items:center;gap:6px;padding:.75rem 1rem;display:flex}.mock-header .mock-dot{background:var(--text-low-contrast);opacity:.5;border-radius:50%;width:8px;height:8px}.mock-header .mock-title{font-size:var(--text-xs);font-family:var(--font-family-data);color:var(--text-low-contrast);margin-left:auto}.mock-body{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.mock-row{font-family:var(--font-family-data);font-size:var(--text-sm);background:rgba(0,0,0,.1);border:1px solid transparent;border-radius:6px;align-items:center;gap:.75rem;padding:.6rem .8rem;animation:.4s forwards rowSlideIn;display:flex}@media (width<=400px){.mock-row{font-size:var(--text-xs);padding:.5rem}}.mock-row .status-tag{white-space:nowrap;font-weight:700}.mock-row .data-text{color:var(--text-high-contrast);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock-row.success-row{border-color:rgba(189,94,255,.2);animation-delay:.1s}.mock-row.success-row .status-tag{color:var(--color-accent-primary)}.mock-row.sync-row{border-color:rgba(157,78,221,.2);animation-delay:.2s}.mock-row.sync-row .status-tag{color:var(--color-accent-secondary)}.mock-row.standard-row{border-color:var(--color-border-subtle);animation-delay:.3s}.mock-row.standard-row .status-tag{color:var(--text-low-contrast)}.features-section{box-sizing:border-box;width:100%;padding:5rem 5% 7rem}@media (width<=768px){.features-section{padding:3rem 1rem 5rem}}.features-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;width:100%;display:grid}@media (width<=1024px){.features-grid{gap:1.5rem}}@media (width<=850px){.features-grid{grid-template-columns:1fr;gap:1.25rem}}.feature-card{background:var(--gradient-card);border:1px solid var(--color-border-subtle);backdrop-filter:blur(8px);border-radius:12px;flex-direction:column;padding:2.5rem 2rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--color-accent-secondary);transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.2)}.feature-card:hover .card-icon{color:var(--color-accent-primary);transform:scale(1.05)}.feature-card .card-icon{font-family:var(--font-family-data);font-size:var(--text-xl);color:var(--color-accent-secondary);margin-bottom:1.25rem;font-weight:700;transition:transform .2s,color .2s}.feature-card h3{font-size:var(--text-lg);letter-spacing:-.3px;color:var(--text-high-contrast);margin-bottom:.75rem;font-weight:700}.feature-card p{font-size:var(--text-sm);color:var(--text-low-contrast);margin:0;line-height:1.5}.pricing-section{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;width:100%;padding:6rem 5%;display:flex}@media (width<=768px){.pricing-section{padding:4rem 1rem}}.pricing-title-group{margin-bottom:3.5rem}.pricing-title-group h2{font-size:var(--text-xl);letter-spacing:-1px;color:var(--text-high-contrast);margin-bottom:.75rem;font-weight:800}.pricing-title-group p{font-size:var(--text-md);color:var(--text-low-contrast);max-width:500px;margin:0 auto}.pricing-card-container{width:100%;max-width:550px}.premium-pricing-card{background:var(--gradient-card);border:1px solid var(--color-border-subtle);backdrop-filter:blur(8px);text-align:center;border-radius:16px;padding:3.5rem 2.5rem;box-shadow:0 30px 60px rgba(0,0,0,.4)}@media (width<=480px){.premium-pricing-card{padding:2.5rem 1.5rem}}.price-display{font-family:var(--font-family-data);margin-bottom:1.5rem}.price-display .currency{font-size:var(--text-lg);color:var(--color-accent-secondary);vertical-align:super;margin-right:.25rem;font-weight:700}.price-display .amount{color:var(--text-high-contrast);letter-spacing:-2px;font-size:4.5rem;font-weight:800;line-height:1}@media (width<=480px){.price-display .amount{font-size:3.5rem}}.price-display .period{font-size:var(--text-sm);color:var(--text-low-contrast);margin-left:.25rem}.price-features-list{text-align:left;flex-direction:column;gap:1rem;max-width:380px;margin:2.5rem auto;padding:0;list-style:none;display:flex}.price-features-list li{font-size:var(--text-sm);color:var(--text-high-contrast);align-items:center;gap:.75rem;display:flex}.price-features-list li:before{content:"✓";color:var(--color-accent-primary);font-weight:900;font-family:var(--font-family-data)}.pricing-subtext{font-size:var(--text-xs);color:var(--text-low-contrast);margin-top:1.5rem;display:block}.theme-action-trigger{color:var(--text-low-contrast);cursor:pointer;background:0 0;border:1px solid transparent;border-radius:6px;outline:none;align-self:center;width:32px;height:32px;margin:0;padding:0;transition:color .2s,background-color .2s,border-color .2s;justify-content:center!important;align-items:center!important;display:inline-flex!important}.theme-action-trigger svg{stroke:currentColor;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:block}.theme-action-trigger:hover{color:var(--text-high-contrast);background-color:var(--color-link-hover);border-color:var(--color-border-subtle)}.theme-action-trigger:hover svg{transform:rotate(15deg)}.theme-action-trigger:active{transform:scale(.95)}.login-split-viewport{background:var(--color-bg-base);width:100%;min-height:100vh;color:var(--text-high-contrast);font-family:var(--font-family-system);grid-template-columns:1fr 1fr;display:grid}@media (width<=968px){.login-split-viewport{grid-template-columns:1fr}}.login-info-panel{background:var(--gradient-hero);border-right:1px solid var(--color-border-subtle);align-items:flex-end;padding:4rem 10%;display:flex;position:relative;overflow:hidden}@media (width<=968px){.login-info-panel{display:none}}.panel-overlay{pointer-events:none;background:radial-gradient(circle at 0 100%,rgba(189,94,255,.15) 0%,transparent 60%);position:absolute;inset:0}.panel-content{z-index:2;max-width:500px;position:relative}.panel-content .system-tag{font-family:var(--font-family-data);font-size:var(--text-xs);color:var(--color-accent-secondary);letter-spacing:2px;margin-bottom:1rem;font-weight:700}.panel-content h2{letter-spacing:-1px;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.panel-content .panel-subtitle{font-size:var(--text-md);color:var(--text-low-contrast);line-height:1.6}.login-auth-panel{background:rgba(var(--color-bg-surface), .2);justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.auth-card{flex-direction:column;width:100%;max-width:420px;display:flex}.auth-card .auth-logo{font-family:var(--font-family-data);font-weight:700;font-size:var(--text-md);color:var(--color-accent-primary);letter-spacing:-.5px;margin-bottom:3rem}.auth-card h1{font-size:var(--text-xl);letter-spacing:-.8px;margin-bottom:2rem;font-weight:800}.auth-form{flex-direction:column;display:flex}.auth-form label{font-size:var(--text-xs);font-family:var(--font-family-data);color:var(--text-low-contrast);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.auth-form input{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);width:100%;color:var(--text-high-contrast);font-size:var(--text-sm);box-sizing:border-box;border-radius:6px;margin-bottom:1.5rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 10px rgba(189,94,255,.15)}.btn-submit{background:var(--color-accent-primary);color:var(--text-on-primary);font-size:var(--text-sm);text-align:center;border-radius:6px;width:100%;margin-top:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(157,78,221,.4)}.auth-toggle-footer{text-align:center;font-size:var(--text-sm);color:var(--text-low-contrast);margin-top:2.5rem}.auth-toggle-footer .btn-toggle-link{color:var(--color-accent-secondary);font-weight:600;text-decoration:none}.auth-toggle-footer .btn-toggle-link:hover{text-decoration:underline}.site-footer{background:var(--color-bg-surface);border-top:1px solid var(--color-border-subtle);margin-top:auto;padding:3.5rem 5% 1.5rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2.5rem;max-width:1200px;margin:0 auto;padding-bottom:2.5rem;display:flex}.footer-brand-side{max-width:400px}.footer-brand-side h3{color:var(--text-high-contrast);letter-spacing:-.3px;margin:0 0 .75rem;font-size:1.3rem;font-weight:700}.footer-brand-side p{color:var(--text-low-contrast);margin:0;font-size:.95rem;line-height:1.6}.footer-contact-side h4{color:var(--text-high-contrast);text-transform:uppercase;letter-spacing:1px;margin:0 0 1rem;font-size:.85rem;font-weight:700}.footer-contact-side .footer-links{flex-direction:column;gap:.85rem;display:flex}.footer-contact-side .footer-a{color:var(--text-low-contrast);align-items:center;font-size:.95rem;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.footer-contact-side .footer-a:hover{color:var(--color-accent-primary);transform:translate(2px)}.footer-credits{border-top:1px solid var(--color-border-subtle);max-width:1200px;color:var(--text-low-contrast);justify-content:space-between;align-items:center;margin:0 auto;padding-top:1.5rem;font-size:.85rem;display:flex}.footer-credits p{margin:0}@media (width<=768px){.site-footer{padding-top:2.5rem}.footer-inner{flex-direction:column;gap:2rem;padding-bottom:2rem}.footer-brand-side{max-width:100%}.footer-credits{text-align:center;flex-direction:column;align-items:center;gap:.75rem}}