:root{--primary:#0f172a;--primary-light:#1e293b;--accent:#3b82f6;--accent-dark:#2563eb;--cyan:#06b6d4;--red:#ef4444;--light:#f1f5f9;--white:#fff;--text:#1e293b;--muted:#64748b;--border:#e2e8f0;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius:12px;--radius-sm:8px;--transition:.25s ease;--font:"Inter", system-ui, -apple-system, sans-serif;color-scheme:light;--bg:var(--light);--surface:var(--white);--surface-raised:#f8fafc;--fg:var(--text);--accent-fg:var(--accent-dark);--focus:var(--accent);--error-bg:#fee2e2;--error-fg:#b91c1c;--overdue:#dc2626;--due-soon:#d97706;--ok:#059669;--snoozed:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .themed{color-scheme:dark;--bg:#0b1120;--surface:var(--primary);--surface-raised:var(--primary-light);--fg:#e2e8f0;--text:#e2e8f0;--muted:#94a3b8;--border:#334155;--accent-fg:#60a5fa;--error-bg:#450a0a;--error-fg:#fca5a5;--overdue:#f87171;--due-soon:#fbbf24;--ok:#34d399;--snoozed:#60a5fa;--shadow:0 1px 2px #0006;--shadow-lg:0 10px 15px -3px #00000073}}:root[data-theme=dark] .themed{color-scheme:dark;--bg:#0b1120;--surface:var(--primary);--surface-raised:var(--primary-light);--fg:#e2e8f0;--text:#e2e8f0;--muted:#94a3b8;--border:#334155;--accent-fg:#60a5fa;--error-bg:#450a0a;--error-fg:#fca5a5;--overdue:#f87171;--due-soon:#fbbf24;--ok:#34d399;--snoozed:#60a5fa;--shadow:0 1px 2px #0006;--shadow-lg:0 10px 15px -3px #00000073}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--white);font-size:16px;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.gradient-text{background:linear-gradient(135deg, var(--accent) 0%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{font-family:var(--font);transition:all var(--transition);cursor:pointer;letter-spacing:.02em;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-dark), var(--accent));color:var(--white);box-shadow:0 4px 15px #3b82f666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.btn-outline{color:var(--white);background:0 0;border:2px solid #fff6}.btn-outline:hover{background:#ffffff1a;border-color:#ffffffb3}#navbar{z-index:1000;transition:background var(--transition), box-shadow var(--transition);padding:0 1.5rem;position:fixed;top:0;left:0;right:0}#navbar.scrolled,#navbar.solid{-webkit-backdrop-filter:blur(12px);background:#0f172af2;box-shadow:0 1px #ffffff0f}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;display:flex}.nav-brand{color:var(--white);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.brand-icon{font-size:1.3rem}.nav-menu{align-items:center;gap:.25rem;list-style:none;display:flex}.nav-link{white-space:nowrap;color:#ffffffbf;border-radius:var(--radius-sm);transition:all var(--transition);padding:.5rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--white);background:#ffffff14}.nav-cta{background:var(--accent-dark)!important;color:var(--white)!important;border-radius:50px!important;padding:.5rem 1.25rem!important}.nav-cta:hover{box-shadow:0 4px 12px #3b82f666;background:var(--accent)!important}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}.nav-toggle span{background:var(--white);width:24px;height:2px;transition:all var(--transition);border-radius:2px;display:block}.nav-menu button.nav-link{font-family:var(--font);cursor:pointer;background:0 0;border:none}:root:not([data-signed-in]) [data-auth=signed-in]{display:none}.nav-user{position:relative}.nav-user-short{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:7rem;display:inline-block;overflow:hidden}.nav-user-menu{background:var(--primary-light);border-radius:var(--radius-sm);min-width:11rem;max-width:20rem;box-shadow:var(--shadow-xl);border:1px solid #ffffff1a;padding:.35rem;position:absolute;top:calc(100% + .5rem);right:0}.nav-user-menu[hidden]{display:none}.nav-user-menu .nav-link{text-align:left;width:100%;display:block}.nav-user-name{color:#ffffff80;overflow-wrap:anywhere;border-bottom:1px solid #ffffff14;margin-bottom:.25rem;padding:.5rem .875rem;font-size:.78rem}.nav-user-name strong{color:#ffffffd9;font-weight:600;display:block}.hero{min-height:100vh;color:var(--white);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{width:100%;height:100%;animation:20s ease-in-out infinite alternate heroZoom;position:absolute;inset:0}@keyframes heroZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes nodePulse{0%,to{opacity:1}50%{opacity:.25}}.node-pulse{animation:3.5s ease-in-out infinite nodePulse}.node-pulse-slow{animation:5s ease-in-out 1.8s infinite nodePulse}.hero-overlay{background:linear-gradient(135deg,#0f172ae0 0%,#1e293bb8 50%,#020617d1 100%);position:absolute;inset:0}.hero-content{z-index:1;text-align:center;max-width:820px;padding:2rem 1.5rem;animation:.8s both fadeUp;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{color:#93c5fd;letter-spacing:.1em;text-transform:uppercase;background:#3b82f62e;border:1px solid #3b82f666;border-radius:50px;margin-bottom:1.5rem;padding:.4rem 1.25rem;font-size:.78rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.1}.hero-subtitle{color:#ffffffb8;max-width:560px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.2rem);font-weight:300;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-scroll{z-index:1;color:#ffffff73;letter-spacing:.1em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.5rem;font-size:.72rem;animation:2s infinite bounce;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.about{background:var(--light);padding:5rem 0}.about-content{text-align:center;max-width:780px;margin:0 auto 3rem}.about-text{color:var(--muted);font-size:1.05rem;line-height:1.85}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;display:grid}.stat-card{background:var(--white);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform var(--transition), box-shadow var(--transition);padding:2rem 1.5rem}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-number{letter-spacing:-.03em;background:linear-gradient(135deg, var(--accent), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:800}.stat-label{color:var(--muted);margin-top:.5rem;font-size:.85rem;font-weight:500}.services-section{padding:6rem 0}.dark-section{background:var(--primary);color:var(--white)}.light-section{background:var(--light);color:var(--text)}.section-header{text-align:center;max-width:680px;margin:0 auto 4rem}.section-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:#3b82f61f;border-radius:50px;margin-bottom:1rem;padding:.35rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.section-title{letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:800;line-height:1.15}.dark-section .section-title{color:var(--white)}.light-section .section-title{color:var(--text)}.section-subtitle{font-size:1rem;line-height:1.7}.dark-section .section-subtitle{color:#ffffff94}.light-section .section-subtitle{color:var(--muted)}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.cards-grid-3{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.service-card{border-radius:var(--radius);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);padding:2rem}.dark-section .service-card{background:var(--primary-light);border:1px solid #ffffff0f}.dark-section .service-card:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 12px 30px #00000059}.light-section .service-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow)}.light-section .service-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-icon{border-radius:var(--radius-sm);width:48px;height:48px;color:var(--accent);background:linear-gradient(135deg,#3b82f633,#06b6d426);justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.2rem;display:flex}.card-icon.accent-cyan{color:var(--cyan);background:linear-gradient(135deg,#06b6d426,#3b82f61a)}.card-icon.accent-red{color:var(--red);background:linear-gradient(135deg,#ef444426,#dc262614)}.service-card h3{letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.05rem;font-weight:700}.dark-section .service-card h3{color:var(--white)}.light-section .service-card h3{color:var(--text)}.service-card p{margin-bottom:1rem;font-size:.9rem;line-height:1.7}.dark-section .service-card p{color:#ffffff94}.light-section .service-card p{color:var(--muted)}.card-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.card-list li{align-items:flex-start;gap:.6rem;font-size:.84rem;line-height:1.5;display:flex}.card-list li:before{content:"→";color:var(--accent);flex-shrink:0;margin-top:.15rem;font-size:.78rem}.dark-section .card-list li{color:#ffffff85}.light-section .card-list li{color:var(--muted)}.contact-section{background:var(--primary-light);color:var(--white);padding:6rem 0}.section-header.light .section-tag{color:var(--cyan);background:#06b6d41f}.section-header.light .section-title{color:var(--white)}.section-header.light .section-subtitle{color:#ffffff94}.contact-grid{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.contact-info h3,.contact-support h3{color:var(--white);margin-bottom:1.5rem;font-size:1.35rem;font-weight:700}.contact-item{color:#ffffffad;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;font-size:.93rem;display:flex}.contact-item i{color:var(--accent);flex-shrink:0;width:16px;margin-top:.22rem}.social-links{gap:.75rem;margin-top:2rem;display:flex}.social-links a{color:#ffffffa6;width:42px;height:42px;transition:all var(--transition);background:#ffffff12;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;text-decoration:none;display:flex}.social-links a:hover{background:var(--accent-dark);border-color:var(--accent);color:var(--white);transform:translateY(-3px)}.contact-support p{color:#ffffff9e;margin-bottom:2rem;font-size:.93rem;line-height:1.8}.support-highlights{flex-direction:column;gap:1rem;display:flex}.highlight-item{border-radius:var(--radius-sm);color:#ffffffc7;background:#ffffff0d;border:1px solid #ffffff14;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:500;display:flex}.highlight-item i{color:var(--cyan);width:20px;font-size:1.1rem}#footer{color:#ffffff73;background:#050a14;border-top:1px solid #ffffff0f;padding:1.75rem 0;font-size:.85rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer-brand{color:var(--white);align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;display:flex}.footer-nav{flex-wrap:wrap;gap:1.5rem;display:flex}.footer-nav a{color:#ffffff73;transition:color var(--transition);text-decoration:none}.footer-nav a:hover{color:var(--white)}@media (width<=1220px){.nav-toggle{display:flex}.nav-menu{-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:transform var(--transition), opacity var(--transition);background:#0f172af7;flex-direction:column;gap:.25rem;padding:1.5rem;position:fixed;top:72px;left:0;right:0;transform:translateY(-110%)}.nav-menu.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-link{text-align:center;width:100%;padding:.75rem;display:block}.nav-menu button.nav-link{width:100%}.nav-user-menu{box-shadow:none;background:0 0;border:none;padding:0;position:static}.nav-user-menu .nav-link{text-align:center}.nav-user-menu{max-width:none}.nav-user-short{max-width:14rem}.nav-user-name{text-align:center;border:none}}@media (width<=768px){.contact-grid{grid-template-columns:1fr;gap:2.5rem}.footer-content{text-align:center;flex-direction:column}.footer-nav{justify-content:center}.hero-actions{flex-direction:column;align-items:center}.hero-scroll{display:none}}@media (width<=480px){.cards-grid,.cards-grid-3{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}
