:root{--color-bg: #F8FAFC;--color-bg-secondary: #FFFFFF;--color-text-primary: #0F172A;--color-text-secondary: #64748B;--color-accent-indigo: #4C00FF;--color-accent-indigo-glow: rgba(76, 0, 255, .15);--color-accent-teal: #2D8265;--color-accent-teal-glow: rgba(45, 130, 101, .15);--color-glass: rgba(255, 255, 255, .8);--color-glass-border: rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-padding-top:100px;scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(76,0,255,.05),transparent 40%),radial-gradient(circle at 85% 30%,rgba(45,130,101,.05),transparent 40%);background-attachment:fixed}.glass-panel{background:var(--color-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.container{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 var(--color-accent-indigo-glow)}70%{box-shadow:0 0 0 15px #4c00ff00}to{box-shadow:0 0 #4c00ff00}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .8s ease-out forwards}.text-gradient{background:linear-gradient(135deg,#1e293b 0%,var(--color-accent-indigo) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-primary{background:linear-gradient(135deg,var(--color-accent-indigo) 0%,var(--color-accent-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:Outfit,sans-serif;text-decoration:none;gap:8px}.btn-primary{background:var(--color-accent-indigo);color:#fff;box-shadow:0 4px 14px 0 var(--color-accent-indigo-glow)}.btn-primary:hover{background:#5a1aff;transform:translateY(-2px);box-shadow:0 6px 20px #4c00ff66}.btn-secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-glass-border)}.btn-secondary:hover{background:#0000000d;border-color:#00000026}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;transition:all .3s ease}.header.scrolled{background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-glass-border);padding:15px 0;box-shadow:0 4px 6px -1px #0000000d}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--color-text-primary);text-decoration:none}.nav-links{display:flex;gap:32px;align-items:center}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color .2s ease}.nav-link:hover{color:var(--color-text-primary)}.nav-actions{display:flex;gap:16px;align-items:center}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:4px}.hero{padding:160px 0 100px;text-align:center;position:relative}.hero h1{font-size:clamp(40px,5vw,64px);line-height:1.1;margin-bottom:24px;font-weight:700}.hero p{font-size:20px;color:var(--color-text-secondary);max-width:600px;margin:0 auto 40px}.hero-buttons{display:flex;gap:16px;justify-content:center}.mockup-container{margin-top:80px;position:relative;display:flex;justify-content:center}.mockup-card{width:100%;max-width:900px;height:500px;border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--color-glass-border);background:linear-gradient(180deg,#f8fafc,#e2e8f0);box-shadow:0 25px 50px -12px #00000026}.mockup-header{height:48px;border-bottom:1px solid var(--color-glass-border);display:flex;align-items:center;padding:0 16px;gap:8px;background:#ffffff80}.mockup-dot{width:12px;height:12px;border-radius:50%;background:#cbd5e1}.mockup-dot.red{background:#ef4444}.mockup-dot.yellow{background:#eab308}.mockup-dot.green{background:#22c55e}.mockup-body{padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100% - 48px)}.mockup-doc{width:300px;height:400px;background:#fff;border-radius:8px;padding:24px;box-shadow:0 10px 25px #0000000d;animation:float 6s ease-in-out infinite}.doc-line{height:8px;background:#e2e8f0;border-radius:4px;margin-bottom:12px}.doc-line.short{width:40%}.doc-line.medium{width:70%}.doc-line.title{height:16px;width:60%;margin-bottom:24px;background:#cbd5e1}.sign-block{margin-top:40px;border:2px dashed #94a3b8;border-radius:4px;padding:20px;text-align:center;color:#64748b;font-weight:500}.features{padding:100px 0}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:40px;margin-bottom:16px}.section-header p{color:var(--color-text-secondary);font-size:18px;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-card{padding:32px;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;background:#fff;border:1px solid var(--color-glass-border);border-radius:16px}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 100% 0%,rgba(76,0,255,.05),transparent 50%);opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:#4c00ff4d;box-shadow:0 10px 30px #0000000d}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;border-radius:12px;background:#4c00ff14;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--color-accent-indigo)}.feature-card h3{font-size:20px;margin-bottom:12px}.feature-card p{color:var(--color-text-secondary);font-size:15px}.marquee-section{padding:60px 0;border-top:1px solid var(--color-glass-border);border-bottom:1px solid var(--color-glass-border);background:#ffffff80;overflow:hidden}.marquee-content{display:flex;gap:60px;align-items:center;animation:marquee 20s linear infinite;white-space:nowrap}.marquee-item{color:var(--color-text-secondary);font-size:24px;font-weight:600;display:flex;align-items:center;gap:12px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.cookie-banner{position:fixed;bottom:24px;left:24px;right:24px;max-width:400px;z-index:1000;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 40px #0000001a;background:#fff}.cookie-banner h4{font-size:18px;margin-bottom:4px}.cookie-banner p{font-size:14px;color:var(--color-text-secondary)}.cookie-buttons{display:flex;gap:12px;margin-top:8px}.cookie-buttons .btn{padding:8px 16px;font-size:14px;flex:1}.footer{padding:80px 0 40px;border-top:1px solid var(--color-glass-border);margin-top:60px;background:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px}.footer-col h4{font-size:16px;margin-bottom:24px;font-weight:600;color:var(--color-text-primary)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s;font-size:15px}.footer-links a:hover{color:var(--color-text-primary)}.footer-bottom{border-top:1px solid var(--color-glass-border);padding-top:24px;display:flex;justify-content:space-between;align-items:center;color:var(--color-text-secondary);font-size:14px}@media (max-width: 768px){.header.mobile-open{background:#fff;box-shadow:0 4px 20px #0000001a}.nav-links,.nav-actions{display:none}.mobile-menu-btn{display:block}.header .nav-container{flex-wrap:wrap}.nav-links.mobile-open,.nav-actions.mobile-open{display:flex;flex-direction:column;width:100%;padding-top:16px;gap:16px}.nav-links.mobile-open{border-top:1px solid var(--color-glass-border);margin-top:16px}.nav-actions.mobile-open .btn{width:100%}.footer-grid{grid-template-columns:1fr}.cookie-banner{bottom:12px;left:12px;right:12px;max-width:none}}