:root{--font-sans:"Outfit", sans-serif;--bg-color:#f9fafb;--surface-color:#fff;--text-main:#09090b;--text-muted:#52525b;--accent-color:#059669;--border-color:#e4e4e780;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-diffusion:0 20px 40px -15px #0000000d;--glass-border:#fff3;--bento-radius:2.5rem;--transition-spring:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}#app{flex-direction:column;min-height:100vh;display:flex}.bento-container,.bento-container-inner{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@media (width>=640px){.bento-container,.bento-container-inner{padding:0 2rem}}.section-padding{width:100%;max-width:1280px;margin:0 auto;padding:4rem 1rem}@media (width>=768px){.section-padding{padding:8rem 2rem}}.mt-2{margin-top:.75rem}h1,h2,h3,h4{letter-spacing:-.04em;color:var(--text-main);font-weight:600;line-height:1.1}.accent-text{color:var(--accent-color)}h1{font-size:clamp(3rem,5vw + 1rem,5rem)}h2{font-size:clamp(2.25rem,4vw,3.5rem)}h3{font-size:1.5rem}p{color:var(--text-muted);font-size:1.125rem}.btn-primary,.btn-secondary{transition:all .3s var(--transition-spring);cursor:pointer;white-space:normal;text-align:center;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--text-main);color:#fff}.btn-primary:active{transform:translateY(1px)scale(.98)}.btn-primary:hover{background:#27272a}.btn-secondary{background:var(--surface-color);color:var(--text-main);border-color:var(--border-color)}.btn-secondary:active{transform:translateY(1px)scale(.98)}.btn-secondary:hover{background:#f4f4f5}.btn-large{width:100%;padding:1rem 1.5rem;font-size:1rem}@media (width>=640px){.btn-large{width:auto;padding:1rem 2rem;font-size:1.125rem}}.navbar{justify-content:space-between;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:1.5rem 2rem;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.logo img{border-radius:10px;width:36px;height:36px}.nav-links{gap:2.5rem;display:none}@media (width>=768px){.nav-links{display:flex}}.nav-links a{color:var(--text-muted);font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text-main)}.nav-actions{gap:1rem;display:flex}.desktop-only{display:none}.mobile-only{display:inline-flex}@media (width>=768px){.desktop-only{display:inline-flex}.mobile-only{display:none}}.menu-toggle{border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-main);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:background .3s}.menu-toggle:hover{background:#f4f4f5}.mobile-menu-overlay{z-index:1000;-webkit-backdrop-filter:blur(20px);opacity:0;transition:transform .5s var(--transition-spring), opacity .4s;pointer-events:none;background:#f9fafbe6;flex-direction:column;padding:1.5rem 2rem;display:flex;position:fixed;inset:0;transform:translateY(-100%)}.mobile-menu-overlay.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu-content{flex-direction:column;height:100%;display:flex}.menu-close{border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-main);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;font-size:1.5rem;display:flex}.mobile-nav-links{flex-direction:column;align-items:center;gap:2rem;margin-top:3rem;display:flex}.mobile-nav-links a.mobile-link{color:var(--text-main);letter-spacing:-.04em;font-size:2rem;font-weight:600;text-decoration:none}.mt-4{margin-top:2rem}.hero{grid-template-columns:1fr;align-items:center;gap:2rem;min-height:auto;padding-top:2rem;padding-bottom:3rem;display:grid}@media (width>=1024px){.hero{grid-template-columns:1.1fr .9fr;min-height:calc(100vh - 100px);padding-top:0}}.hero-content{z-index:2;flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.pill-badge{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.status-dot{background:var(--accent-color);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.hero-content h1{max-width:20ch}.subtitle{max-width:50ch;font-size:1.125rem}@media (width>=640px){.subtitle{font-size:1.25rem}}.cta-group{flex-direction:column;gap:1rem;width:100%;margin-top:1rem;display:flex}@media (width>=640px){.cta-group{flex-direction:row;width:auto}}.hero-visual{background:radial-gradient(circle,#05966914 0%,#0000 60%);justify-content:center;align-items:center;height:100%;min-height:450px;display:flex;position:relative}.hero-visual:before{content:"";background:var(--accent-color);filter:blur(100px);opacity:.35;z-index:0;border-radius:50%;width:250px;height:250px;position:absolute}.glass-card{z-index:1;-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--bento-radius);box-shadow:inset 0 1px 0 #fffc, var(--shadow-diffusion);background:#fff9;width:100%;max-width:400px;padding:1.5rem;position:relative}@media (width>=640px){.glass-card{padding:2.5rem}}.search-bar-mock{box-shadow:var(--shadow-sm);color:var(--text-main);border:1px solid var(--border-color);background:#fff;border-radius:999px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;font-weight:500;display:flex}.search-bar-mock i{color:var(--accent-color);font-size:1.25rem}.typing-text{border-right:2px solid var(--text-main);padding-right:4px;animation:1s step-end infinite blink}.file-list-mock{flex-direction:column;gap:.75rem;display:flex}.file-item{box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background:#fff;border-radius:1rem;align-items:center;gap:1rem;padding:1.25rem;font-size:.875rem;font-weight:500;display:flex}.file-item .tag{color:var(--accent-color);background:#0596691a;border-radius:99px;margin-left:auto;padding:.25rem .6rem;font-size:.75rem}.file-item i{color:var(--text-muted);font-size:1.25rem}.skeleton{background:#f4f4f5;border:none;height:60px;position:relative;overflow:hidden}.skeleton:after{content:"";background-image:linear-gradient(90deg,#0000,#fffc 50%,#0000);animation:2s ease-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.flow-content{text-align:center;max-width:800px;margin:0 auto}.flow-content h2{margin-bottom:1.5rem}.flow-content p{max-width:65ch;margin:0 auto;font-size:1.25rem}.bento-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.bento-grid{grid-template-columns:repeat(3,1fr)}.bento-grid .span-2{grid-column:span 2}}.bento-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--bento-radius);box-shadow:var(--shadow-diffusion);transition:transform .4s var(--transition-spring), box-shadow .4s var(--transition-spring);flex-direction:column;gap:1.25rem;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}@media (width>=640px){.bento-card{padding:3rem}}.bento-card-magnetic{will-change:transform}.bento-icon{width:56px;height:56px;color:var(--accent-color);background:#05966914;border:1px solid #05966926;border-radius:1.25rem;justify-content:center;align-items:center;font-size:1.75rem;display:flex}.accent-icon{background:var(--text-main);color:#fff}.wrapper-center{text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex}.usp-card{background:var(--text-main);color:#fff;border:none;max-width:900px}.usp-card p{color:#a1a1aa}.usp-card h2{color:#fff}.usp-card .shield-icon{color:var(--accent-color);margin-bottom:.5rem;font-size:3.5rem}.cols-grid-2{grid-template-columns:1fr;align-items:center;gap:4rem;display:grid}@media (width>=900px){.cols-grid-2{grid-template-columns:1fr 1fr}}.steps-list{flex-direction:column;gap:2.5rem;margin-top:3rem;list-style:none;display:flex}.step{opacity:.4;align-items:flex-start;gap:1.5rem;transition:opacity .4s;display:flex}.step.active{opacity:1}.step-num{background:#e4e4e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.125rem;font-weight:600;transition:all .4s;display:flex}.step.active .step-num{background:var(--text-main);color:#fff}.step-info h4{margin-bottom:.25rem;font-size:1.25rem}.step-info p{margin:0;font-size:1rem}.visual-mock{width:100%;height:450px}.mock-folder{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:1rem;align-items:center;gap:.75rem;padding:1.25rem;font-weight:500;display:flex}.audience-list{flex-direction:column;gap:1.5rem;margin-top:2.5rem;list-style:none;display:flex}.audience-list li{color:var(--text-main);align-items:center;gap:1rem;font-size:1.125rem;font-weight:500;display:flex}.audience-list i{color:var(--text-muted);font-size:1.5rem}.table-container{width:100%;margin-top:2rem;overflow-x:auto}.compare-table{border-collapse:collapse;width:100%}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:1rem .25rem}@media (width>=640px){.compare-table{min-width:400px}.compare-table th,.compare-table td{padding:1.25rem .5rem}}.compare-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.compare-table td.check{color:var(--accent-color);font-size:1.5rem}.compare-table td.cross{color:#ef4444;font-size:1.5rem}.final-cta{justify-content:center;padding-bottom:8rem;display:flex}.cta-card{background:linear-gradient(135deg, var(--text-main) 0%, #022c22 100%);color:#fff;border:none;max-width:900px}.cta-card p{color:#a1a1aa;margin-bottom:2rem;font-size:1.25rem}.cta-card h2{color:#fff}.btn-cta{color:var(--text-main);background:#fff;width:100%;padding:1rem 1.5rem;font-size:1.125rem}@media (width>=640px){.btn-cta{width:auto;padding:1.25rem 2.5rem;font-size:1.25rem}}.btn-cta:hover{background:#f4f4f5}footer{border-top:1px solid var(--border-color);background:var(--surface-color);padding:4rem 0 2rem}.footer-content{flex-direction:column;gap:2rem;display:flex}@media (width>=768px){.footer-content{flex-direction:row;justify-content:space-between;align-items:center}}.footer-brand{color:var(--text-main);align-items:center;gap:1rem;font-weight:500;display:flex}.footer-logo{filter:grayscale();opacity:.8;border-radius:8px;width:32px}.footer-links{flex-wrap:wrap;gap:2rem;display:flex}.footer-links a{color:var(--text-muted);font-weight:500;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--text-main)}.footer-bottom{text-align:center;color:var(--text-muted);padding-top:4rem;font-size:.875rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes blink{50%{border-color:#0000}}