@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-dark: #070a13;--bg-card: rgba(15, 23, 42, .6);--bg-card-hover: rgba(22, 34, 61, .85);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 109, 79, .3);--bg-header: rgba(7, 10, 19, .7);--bg-header-scrolled: rgba(7, 10, 19, .85);--bg-footer: #05070d;--bg-modal: #0f1626;--bg-panel: rgba(7, 10, 19, .5);--bg-code: #07090f;--bg-nav-mobile: #070a13;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--grad-primary: linear-gradient(135deg, #ff6d4f 0%, #ff2a00 100%);--grad-primary-glow: linear-gradient(135deg, rgba(255, 109, 79, .15) 0%, rgba(255, 42, 0, .15) 100%);--grad-toc: linear-gradient(135deg, #10b981 0%, #059669 100%);--grad-tob: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--grad-hasmord: linear-gradient(135deg, #ff9f43 0%, #ff3d00 100%);--tag-pm-text: #10b981;--tag-pm-bg: rgba(16, 185, 129, .08);--tag-pm-border: rgba(16, 185, 129, .2);--tag-spm-text: #f59e0b;--tag-spm-bg: rgba(245, 158, 11, .08);--tag-spm-border: rgba(245, 158, 11, .2);--tag-pmm-text: #ff6d4f;--tag-pmm-bg: rgba(255, 109, 79, .08);--tag-pmm-border: rgba(255, 109, 79, .25);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--max-width: 1200px;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1)}:root[data-theme=light]{--bg-dark: #f8fafc;--bg-card: rgba(255, 255, 255, .75);--bg-card-hover: rgba(255, 255, 255, .95);--border-color: rgba(15, 23, 42, .08);--border-hover: rgba(255, 109, 79, .5);--bg-header: rgba(248, 250, 252, .7);--bg-header-scrolled: rgba(248, 250, 252, .85);--bg-footer: #f1f5f9;--bg-modal: #ffffff;--bg-panel: rgba(241, 245, 249, .7);--bg-code: #f1f5f9;--bg-nav-mobile: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--grad-primary-glow: linear-gradient(135deg, rgba(255, 109, 79, .08) 0%, rgba(255, 42, 0, .08) 100%);--tag-pm-text: #047857;--tag-pm-bg: rgba(16, 185, 129, .12);--tag-pm-border: rgba(16, 185, 129, .25);--tag-spm-text: #b45309;--tag-spm-bg: rgba(245, 158, 11, .12);--tag-spm-border: rgba(245, 158, 11, .25);--tag-pmm-text: #c2410c;--tag-pmm-bg: rgba(255, 109, 79, .12);--tag-pmm-border: rgba(255, 109, 79, .25)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth;background-color:var(--bg-dark)}body{font-family:var(--font-body);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff6d4f4d}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 2rem}section{padding:8rem 0;position:relative}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600}.gradient-text{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:all;background-color:var(--bg-dark)}header{position:fixed;top:0;left:0;width:100%;z-index:100;background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:var(--transition-smooth)}header.scrolled{padding:.8rem 0;background:var(--bg-header-scrolled);border-bottom:1px solid rgba(255,109,79,.15);box-shadow:0 10px 30px #00000080}header .nav-container{display:flex;justify-content:space-between;align-items:center;height:80px}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-img{height:44px;width:auto;object-fit:contain;transition:var(--transition-smooth)}.logo-img:hover{transform:scale(1.05)}.nav-links{display:flex;gap:2.5rem;list-style:none;align-items:center}.nav-links a{text-decoration:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:var(--transition-smooth);position:relative;padding:.5rem 0}.nav-links a:hover{color:var(--text-primary)}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--grad-primary);transition:var(--transition-smooth)}.nav-links a:hover:after{width:100%}.cta-button{background:var(--grad-primary);color:#fff;padding:.75rem 1.5rem;border-radius:9999px;text-decoration:none;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 0 15px #ff6d4f4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #ff2a0080}.nav-links a.nav-cta-button{background:var(--grad-primary);color:#fff;padding:.7rem 1.5rem;border-radius:9999px;text-decoration:none;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;display:inline-block}.nav-links a.nav-cta-button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 0 20px #ff6d4f66}.nav-links a.nav-cta-button:after{display:none}.menu-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer}.hero{display:flex;align-items:center;justify-content:center;min-height:100vh;padding-top:120px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;text-align:left;width:100%;z-index:1}.hero-left{display:flex;flex-direction:column;align-items:flex-start}.hero-left .hero-subtitle{margin:0 0 3rem;text-align:left}.hero-left .hero-buttons{justify-content:flex-start}.hero-right{display:flex;justify-content:center;align-items:center}.hero-image-wrapper{position:relative;width:100%;max-width:500px;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #00000080,0 0 40px #ff6d4f26;border:1px solid rgba(255,109,79,.2);background:#070a1366;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-smooth)}.hero-image-wrapper:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 60px #0009,0 0 50px #ff6d4f4d;border-color:#ff6d4f66}.hero-image{width:100%;height:auto;display:block;object-fit:cover}.hero-image-backdrop{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,109,79,.1) 0%,transparent 70%);pointer-events:none;z-index:-1}.hero-content{max-width:800px;z-index:1}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;background:#ff6d4f1a;border:1px solid rgba(255,109,79,.2);color:#ff6d4f;padding:.5rem 1.25rem;border-radius:9999px;font-size:.85rem;font-weight:600;margin-bottom:2rem;text-transform:uppercase;letter-spacing:1px}.hero-title{font-size:4rem;line-height:1.1;font-weight:800;margin-bottom:1.5rem;letter-spacing:-1px}.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;max-width:600px;margin:0 auto 3rem}.hero-buttons{display:flex;gap:1.5rem;justify-content:center}.secondary-button{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1.75rem;border-radius:9999px;text-decoration:none;font-weight:600;font-size:.9rem;transition:var(--transition-smooth)}.secondary-button:hover{background:#ffffff1a;border-color:#fff3}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:24px;padding:2.5rem;transition:var(--transition-smooth);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#ffffff08,#fff0);pointer-events:none}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 20px 40px #0006}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center}.section-tag{color:#ff6d4f;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;display:block}.section-title{font-size:2.5rem;margin-bottom:1.5rem}.about-text{color:var(--text-secondary);margin-bottom:2rem}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.about-feature{display:flex;align-items:center;gap:.75rem}.about-feature-icon{width:20px;height:20px;color:#ff6d4f}.about-visual{position:relative;display:flex;justify-content:center;align-items:center}.visual-sphere{width:280px;height:280px;background:radial-gradient(circle,#ff6d4f4d,#ff2a001a 70%);border-radius:50%;filter:blur(20px);animation:pulse-sphere 8s infinite alternate}@keyframes pulse-sphere{0%{transform:scale(1);filter:blur(20px);opacity:.8}to{transform:scale(1.15);filter:blur(35px);opacity:.5}}.products-intro{text-align:center;max-width:600px;margin:0 auto 5rem}.category-title{font-size:1.75rem;margin:4rem 0 2rem;display:flex;align-items:center;gap:1rem}.category-title:after{content:"";flex-grow:1;height:1px;background:linear-gradient(90deg,var(--border-color) 0%,transparent 100%)}.toc-accent{color:#10b981}.tob-accent{color:#f59e0b}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.product-card{display:flex;flex-direction:column;height:100%}.product-icon-container{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.toc-icon-bg{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981}.tob-icon-bg{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b}.product-card h3{font-size:1.5rem;margin-bottom:.75rem}.product-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem;flex-grow:1}.product-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tag{background:#ffffff0a;border:1px solid var(--border-color);padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;color:var(--text-secondary)}.product-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:600;font-size:.95rem;transition:var(--transition-smooth);background:none;border:none;cursor:pointer;width:fit-content}.toc-link{color:#10b981}.toc-link:hover{color:#34d399;text-shadow:0 0 10px rgba(52,211,153,.4)}.tob-link{color:#f59e0b}.tob-link:hover{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.4)}.product-link svg{transition:var(--transition-smooth)}.product-link:hover svg{transform:translate(4px)}.tech-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.tech-card{text-align:center;padding:3rem 2rem}.tech-icon{width:48px;height:48px;color:#00f2fe;margin:0 auto 1.5rem}.tech-card h3{margin-bottom:1rem;font-size:1.25rem}.tech-card p{color:var(--text-secondary);font-size:.9rem}.trust-badges{display:flex;justify-content:center;gap:4rem;margin-top:5rem;flex-wrap:wrap;opacity:.7}.badge-item{display:flex;align-items:center;gap:.75rem;font-weight:500;color:var(--text-secondary)}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:900px;margin:0 auto}.team-card-new,.career-card{transition:var(--transition-smooth)}.team-card-new:hover{transform:translateY(-5px);border-color:var(--border-hover)!important;box-shadow:0 15px 30px #0006,0 0 20px #ff6d4f0d}.career-card:hover{transform:translateY(-5px);border-color:#10b98166!important;box-shadow:0 15px 30px #0006,0 0 25px #10b98114}.badge-item svg{width:24px;height:24px;color:#10b981}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#070a13d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:200;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .4s ease}.modal-overlay.active{opacity:1;pointer-events:all}.modal-container{width:90%;max-width:900px;max-height:85vh;background:var(--bg-modal);border:1px solid rgba(255,109,79,.2);border-radius:28px;overflow-y:auto;position:relative;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:0 30px 60px #0009,0 0 50px #ff6d4f1a}.modal-overlay.active .modal-container{transform:scale(1) translateY(0)}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);z-index:10}.modal-close:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.modal-content{padding:3.5rem}.hasmord-header{border-bottom:1px solid var(--border-color);padding-bottom:2rem;margin-bottom:2rem}.hasmord-meta{display:flex;gap:1rem;margin-top:1rem}.hasmord-body h4{font-size:1.25rem;margin:2.5rem 0 1rem;color:#ff9f43}.dashboard-panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.score-formula{font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;color:#ff6d4f;background:var(--bg-code);padding:1.25rem;border-radius:12px;border-left:4px solid #ff3d00;overflow-x:auto}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.metric-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px dashed rgba(255,255,255,.05)}.metric-name{font-weight:500}.metric-value{color:#10b981;font-weight:600}.contact-section{text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(255,42,0,.04) 100%);border-top:1px solid var(--border-color)}.contact-box{max-width:600px;margin:0 auto}.contact-email{display:inline-flex;align-items:center;gap:.75rem;background:#ffffff08;border:1px solid var(--border-color);padding:1rem 2rem;border-radius:9999px;font-size:1.1rem;color:var(--text-primary);text-decoration:none;font-weight:600;transition:var(--transition-smooth);margin-top:2rem}.contact-email:hover{background:#ff6d4f14;border-color:#ff6d4f;box-shadow:0 0 20px #ff6d4f33}.contact-email svg{color:#ff6d4f}footer{padding:3rem 0;background:var(--bg-footer);border-top:1px solid rgba(255,255,255,.03);color:var(--text-muted);font-size:.9rem}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:var(--transition-smooth)}.footer-links a:hover{color:var(--text-primary)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:3rem;padding-top:40px;padding-bottom:40px}.hero-left{align-items:center}.hero-left .hero-subtitle{margin:0 auto 3rem;text-align:center}.hero-left .hero-buttons{justify-content:center}.hero-image-wrapper{max-width:400px}.product-grid{grid-template-columns:1fr}.tech-trust-grid{grid-template-columns:1fr;gap:1.5rem}.hero-title{font-size:3rem}}@media (max-width: 768px){section{padding:5rem 0}.about-grid{grid-template-columns:1fr;gap:3rem}.about-visual{order:-1}.menu-toggle{display:block}.nav-links{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background:var(--bg-nav-mobile);flex-direction:column;padding:3rem 2rem;gap:2rem;transform:translateY(-100%);opacity:0;pointer-events:none;transition:var(--transition-smooth)}.nav-links.active{transform:translateY(0);opacity:1;pointer-events:all}.trust-badges{gap:2rem}.modal-content{padding:2rem}.metrics-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:1.5rem;text-align:center}.team-grid{grid-template-columns:1fr}}#theme-toggle{position:fixed;bottom:2rem;right:2rem;width:52px;height:52px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:150;box-shadow:0 4px 20px #0000004d,0 0 10px #ff6d4f1a;transition:var(--transition-smooth);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#theme-toggle:hover{transform:scale(1.1) rotate(15deg);border-color:var(--border-hover);box-shadow:0 8px 30px #ff6d4f40;background:var(--bg-card-hover)}#theme-toggle svg{width:20px;height:20px;transition:var(--transition-smooth)}.tag-pm{background:var(--tag-pm-bg)!important;border-color:var(--tag-pm-border)!important;color:var(--tag-pm-text)!important}.tag-spm{background:var(--tag-spm-bg)!important;border-color:var(--tag-spm-border)!important;color:var(--tag-spm-text)!important}.tag-pmm{background:var(--tag-pmm-bg)!important;border-color:var(--tag-pmm-border)!important;color:var(--tag-pmm-text)!important}
