@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/Inter-Regular.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/Inter-Medium.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('../assets/fonts/Inter-SemiBold.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/Inter-Bold.woff2') format('woff2')}:root{--color-brand-primary:#E06A00;--color-brand-primary-hover:#FF7B00;--color-brand-primary-light:rgba(224, 106, 0, 0.15);--color-brand-secondary:#8B4500;--color-brand-accent:#FFFDE7;--color-brand-dark:#2D1D0B;--color-bg-primary:#0D0907;--color-bg-secondary:#1A1410;--color-bg-tertiary:#241C15;--color-bg-elevated:#2E241B;--color-bg-hover:#382E23;--color-text-primary:#FDFBD4;--color-text-secondary:#B8A99A;--color-text-tertiary:#9A8B7C;--color-text-muted:#5C4F42;--color-text-inverse:#0D0907;--color-border:#38240D;--color-border-light:#4A3520;--color-border-focus:#C05800;--color-success:#4CAF50;--color-success-bg:rgba(76, 175, 80, 0.15);--color-warning:#FF9800;--color-warning-bg:rgba(255, 152, 0, 0.15);--color-danger:#F44336;--color-danger-bg:rgba(244, 67, 54, 0.15);--color-info:#2196F3;--color-info-bg:rgba(33, 150, 243, 0.15);--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;--font-family-mono:'SF Mono','Fira Code','Fira Mono',Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.35);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.4);--shadow-xl:0 20px 25px rgba(0, 0, 0, 0.45);--shadow-2xl:0 25px 50px rgba(0, 0, 0, 0.5);--shadow-glow:0 0 20px rgba(192, 88, 0, 0.3);--shadow-glow-lg:0 0 40px rgba(192, 88, 0, 0.4);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--transition-bounce:500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--toolbar-height:60px;--sidebar-width:240px;--glass-bg:rgba(26, 20, 16, 0.85);--glass-border:rgba(255, 255, 255, 0.08);--glass-blur:blur(12px);--glass-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.5)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary)}::selection{background-color:var(--color-brand-primary);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-light) var(--color-bg-secondary)}.text-gradient{background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 20px rgba(192,88,0,.5)}
.container{width:100%;max-width:var(--container-7xl);margin:0 auto;padding:0 var(--space-4)}@media (min-width:640px){.container{padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 var(--space-8)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:18px;height:18px;flex-shrink:0}.btn-primary{color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-secondary) 100%);border-color:var(--color-brand-primary);box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,.1)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-brand-primary-hover) 0,var(--color-brand-primary) 100%);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--color-text-primary);background:var(--color-bg-tertiary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-elevated);border-color:var(--color-border-light)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:transparent}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-tertiary)}.btn-outline{color:var(--color-brand-primary);background:0 0;border-color:var(--color-brand-primary)}.btn-outline:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-brand-primary-light)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:var(--color-text-secondary);background:0 0;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-tertiary)}.btn-icon.active{color:var(--color-brand-primary);background:var(--color-brand-primary-light)}.btn-icon svg{width:20px;height:20px}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-lg);border-radius:var(--radius-xl)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal)}.card-hover:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-glow:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-glow)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-primary{color:var(--color-brand-primary-hover);background:var(--color-brand-primary-light)}.badge-success{color:var(--color-success);background:var(--color-success-bg)}.badge-warning{color:var(--color-warning);background:var(--color-warning-bg)}.badge-danger{color:var(--color-danger);background:var(--color-danger-bg)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input::placeholder{color:var(--color-text-muted)}.input:hover{border-color:var(--color-border-light)}.input:focus{outline:0;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-primary-light)}.nav{display:flex;align-items:center;gap:var(--space-2)}.nav-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.nav-link.active{color:var(--color-brand-primary);background:var(--color-brand-primary-light)}.section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:600px}@media (min-width:768px){.section-title{font-size:var(--text-4xl)}}.divider{width:100%;height:1px;background:var(--color-border);margin:var(--space-8) 0}.divider-vertical{width:1px;height:24px;background:var(--color-border);margin:0 var(--space-3)}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.icon-box{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-brand-primary-light);border-radius:var(--radius-lg);color:var(--color-brand-primary)}.icon-box-lg{width:64px;height:64px;border-radius:var(--radius-xl)}.icon-box svg{width:24px;height:24px}.icon-box-lg svg{width:32px;height:32px}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,1fr)}}@media (min-width:768px) and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-auto{margin-top:auto}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-tertiary)}.text-brand{color:var(--color-brand-primary)}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:768px){.hidden-mobile{display:none}}@media (min-width:769px){.hidden-desktop{display:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-float{animation:3s ease-in-out infinite float}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-elevated) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton}@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.backdrop.active{opacity:1;visibility:visible}[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-4px);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-primary);background:var(--color-bg-elevated);border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:all var(--transition-fast);z-index:var(--z-tooltip)}[data-tooltip]:hover::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-8px)}.contact-info{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.contact-item{display:flex;align-items:center;gap:16px}.contact-item svg{color:var(--color-brand-primary);flex-shrink:0}.contact-label{display:block;font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.contact-value{color:var(--color-brand-primary);font-size:16px;font-weight:500;text-decoration:none;transition:color .2s}.contact-value:hover{color:var(--color-brand-primary-hover);text-decoration:underline}.contact-note{font-size:13px;color:var(--color-text-muted);margin-top:12px;margin-bottom:0}.contact-info+.contact-note{margin-top:16px}.contact-form .form-group{margin-bottom:16px}.contact-form .form-group label{display:block;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.contact-form .text-input{width:100%;padding:12px;font-size:16px;font-family:inherit;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);box-sizing:border-box;resize:vertical}.contact-form .text-input:focus{outline:0;border-color:var(--color-brand-primary)}.contact-form-submit{width:100%}.contact-form-status{border-radius:var(--radius-md);padding:12px 16px;font-size:14px;margin-bottom:16px}.contact-form-status-success{background:var(--color-success-bg);color:var(--color-success)}.contact-form-status-error{background:var(--color-danger-bg);color:var(--color-danger)}.footer-credit{color:var(--color-text-secondary);font-size:13px;text-decoration:none;transition:color .2s}.footer-credit:hover{color:var(--color-brand-primary)}.status-bar .footer-credit{font-size:inherit}.footer-bottom .footer-credit{display:block;margin-top:-4px}.legal-page~.footer .footer-bottom,body:has(.legal-page) .footer-bottom{gap:2px!important}body:has(.legal-page) .footer-bottom .footer-credit,body:has(.legal-page) .footer-bottom .footer-legal-links,body:has(.legal-page) .footer-bottom p{margin:0!important;padding:0!important}body:has(.legal-page) .footer{padding:var(--space-6) 0 var(--space-4)!important}
.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:0 0;transition:all var(--transition-normal)}.header.scrolled{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.header-nav{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text-primary)}.logo img{width:40px;height:40px}.logo-text{font-size:var(--text-base);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.nav-links{display:flex;align-items:center;gap:var(--space-2)}@media (max-width:768px){.nav-links{display:none}}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.mobile-menu{display:none;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-6);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.mobile-menu.active{display:flex}#mobile-menu-btn svg{transition:transform var(--transition-fast)}#mobile-menu-btn.active svg{transform:rotate(90deg)}@media (max-width:768px){.header-nav{height:60px}.logo img{width:32px;height:32px}.logo-text{font-size:var(--text-base)}.header-actions{gap:var(--space-2)}.header-actions .btn-primary{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.header-actions .btn-primary span{display:none}.header-actions .btn-primary svg{width:20px;height:20px}.mobile-menu{padding:var(--space-3) var(--space-4) var(--space-4)}.mobile-menu .nav-link{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}}@media (max-width:480px){.logo-text{display:none}.header-actions .btn-primary{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}}.hero{position:relative;min-height:80vh;display:flex;align-items:center;padding:calc(72px + var(--space-8)) 0 var(--space-12);overflow:hidden}@media (max-width:768px){.hero{min-height:auto;padding:calc(60px + var(--space-6)) 0 var(--space-10)}}.hero-bg{position:absolute;inset:0;z-index:-1}.hero-gradient{position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(ellipse at center,rgba(192,88,0,.15) 0,transparent 60%);filter:blur(60px)}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--color-border) 1px,transparent 0);background-size:40px 40px;opacity:.3}.hero .container{display:grid;grid-template-columns:1fr;gap:var(--space-12);align-items:center}.hero-content{width:100%}.hero-title{font-size:clamp(var(--text-3xl), 5vw, var(--text-5xl));font-weight:var(--font-bold);line-height:var(--leading-tight);margin:var(--space-4) 0 var(--space-6)}.hero-title span{display:block}.hero-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);margin-bottom:var(--space-6);border:2px dashed var(--color-border-light);border-radius:var(--radius-xl);background:var(--color-bg-secondary);cursor:pointer;transition:border-color var(--transition-normal),background var(--transition-normal),transform var(--transition-normal)}.upload-dropzone:focus-visible,.upload-dropzone:hover{border-color:var(--color-brand-primary)}.upload-dropzone.drag-over{border-color:var(--color-brand-primary);background:var(--color-brand-primary-light);transform:scale(1.02)}.upload-dropzone.uploading{cursor:wait;opacity:.75}.upload-dropzone-icon{width:36px;height:36px;color:var(--color-brand-primary)}.upload-dropzone-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.upload-dropzone-hint{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-10)}.hero-stats{display:flex;gap:var(--space-10)}.stat{text-align:center}.stat-value{display:block;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-brand-primary);text-shadow:0 0 20px var(--color-brand-primary-light)}.stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:1px}.hero-visual{display:none}@media (min-width:1024px){.hero .container{grid-template-columns:1fr 1fr}.hero-content{max-width:600px}.hero-visual{display:block}}.hero-mockup{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-2xl),var(--shadow-glow);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform var(--transition-slow)}.hero-mockup:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.mockup-header{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.mockup-dot{width:12px;height:12px;border-radius:50%;background:var(--color-border-light)}.mockup-dot:first-child{background:#ff5f56}.mockup-dot:nth-child(2){background:#ffbd2e}.mockup-dot:nth-child(3){background:#27ca40}.mockup-content{padding:var(--space-4)}.mockup-toolbar{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.mockup-btn{width:32px;height:32px;background:var(--color-bg-elevated);border-radius:var(--radius-sm)}.mockup-btn.active{background:var(--color-brand-primary)}.mockup-divider{width:1px;background:var(--color-border);margin:0 var(--space-2)}.mockup-page{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--space-6);min-height:300px}.mockup-line{height:12px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.mockup-line.w-80{width:80%}.mockup-line.w-70{width:70%}.mockup-line.w-60{width:60%}.mockup-line.w-50{width:50%}.mockup-highlight{height:16px;width:65%;background:rgba(255,235,59,.3);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.mockup-signature{margin-top:var(--space-6);color:var(--color-brand-primary)}.features{padding:var(--space-20) 0;background:var(--color-bg-secondary)}.section-header{margin-bottom:var(--space-12)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media (max-width:480px){.features-grid{gap:var(--space-3)}}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}@media (max-width:480px){.feature-card{padding:var(--space-4);gap:var(--space-3)}.feature-card h3{font-size:var(--text-base)}}.feature-card:hover{background:rgba(255,255,255,.05);border-color:var(--color-brand-primary-light);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.feature-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.features-additional{margin-top:var(--space-12);text-align:center}.features-additional h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-6)}.features-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.tag{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast)}.tag:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.how-it-works{padding:var(--space-20) 0}.steps{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-12)}@media (min-width:768px){.steps{flex-direction:row;justify-content:center;gap:var(--space-4)}}.step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6);max-width:280px}.step-number{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-secondary) 100%);border-radius:50%;margin-bottom:var(--space-4);box-shadow:var(--shadow-glow)}.step-content h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.step-content p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.step-connector{width:2px;height:40px;background:linear-gradient(to bottom,var(--color-brand-primary),transparent)}@media (min-width:768px){.step-connector{width:80px;height:2px;background:linear-gradient(to right,var(--color-brand-primary),transparent)}}.cta-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-10);background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-bg-secondary) 100%);border:1px solid var(--color-border);border-radius:var(--radius-2xl);text-align:center}@media (min-width:768px){.cta-box{flex-direction:row;justify-content:space-between;text-align:left}}.cta-content h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.cta-content p{color:var(--color-text-secondary)}.privacy{padding:var(--space-20) 0;background:var(--color-bg-secondary)}.privacy-grid{display:grid;grid-template-columns:1fr;gap:var(--space-12);align-items:center}@media (min-width:768px){.privacy-grid{grid-template-columns:1fr 1fr}}.privacy-content .section-subtitle{margin-bottom:var(--space-6)}.privacy-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.privacy-list li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--color-text-secondary)}.privacy-list svg{width:20px;height:20px;color:var(--color-success);flex-shrink:0}.privacy-visual{display:flex;justify-content:center}.shield-icon{display:flex;align-items:center;justify-content:center;width:200px;height:200px;background:linear-gradient(135deg,var(--color-brand-primary-light) 0,transparent 100%);border-radius:50%;animation:4s ease-in-out infinite float}.shield-icon svg{width:100px;height:100px;color:var(--color-brand-primary)}.faq{padding:var(--space-20) 0}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.faq-item:hover{border-color:var(--color-border-light)}.faq-item[open]{border-color:var(--color-brand-primary)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);cursor:pointer;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-icon{width:20px;height:20px;color:var(--color-text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.faq-item[open] .faq-icon{transform:rotate(180deg);color:var(--color-brand-primary)}.faq-answer{padding:0 var(--space-6) var(--space-5)}.faq-answer p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.final-cta{padding:var(--space-20) 0;background:linear-gradient(180deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%)}.final-cta-content{max-width:600px;margin:0 auto}.footer{padding:var(--space-12) 0 var(--space-6);background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.footer-content{display:grid;grid-template-columns:1fr;gap:var(--space-10);margin-bottom:var(--space-10)}@media (min-width:768px){.footer-content{grid-template-columns:2fr 3fr}}.footer-brand .logo{margin-bottom:var(--space-4)}.footer-tagline{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-relaxed);max-width:280px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.footer-column h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4)}.footer-column ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer-column a{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-column a:hover{color:var(--color-brand-primary)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-top:var(--space-6);border-top:1px solid var(--color-border);text-align:center}@media (min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-bottom p{font-size:var(--text-sm);color:var(--color-text-tertiary)}.footer-note{font-size:var(--text-sm);color:var(--color-text-muted)}@media (max-width:640px){.footer-links{grid-template-columns:1fr}.hero-title{font-size:var(--text-3xl)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;justify-content:center}.hero-stats{justify-content:center}.section-title,.stat-value{font-size:var(--text-2xl)}}body,html{overflow-x:hidden}.legal-page{padding:calc(72px + var(--space-12)) 0 var(--space-16);min-height:100vh}.legal-content{max-width:800px;margin:0 auto}.legal-content h1{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.legal-content .last-updated{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-10)}.legal-section{margin-bottom:var(--space-10)}.legal-section h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.legal-section p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.legal-section ol,.legal-section ul{margin-left:var(--space-6);margin-bottom:var(--space-4)}.legal-section li{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.legal-section li strong{color:var(--color-text-primary)}.legal-section a{color:var(--color-brand-primary);text-decoration:none;transition:color var(--transition-fast)}.legal-section a:hover{color:var(--color-brand-primary-hover);text-decoration:underline}.legal-back{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.footer-legal-links{display:flex;align-items:center;gap:var(--space-3)}.footer-legal-links a{font-size:var(--text-sm);color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.footer-legal-links a:hover{color:var(--color-brand-primary)}.footer-legal-links span{color:var(--color-text-muted)}@media (max-width:640px){.legal-content h1{font-size:var(--text-3xl)}.legal-section h2{font-size:var(--text-lg)}.footer-legal-links{flex-wrap:wrap;justify-content:center}}@media (max-width:768px){.legal-page{padding:calc(60px + var(--space-8)) 0 var(--space-12)}}.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.modal.active{opacity:1;visibility:visible}.modal-content{background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5);transform:scale(.9);transition:transform .3s}.modal.active .modal-content{transform:scale(1)}.modal-small{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border)}.modal-header h3{font-size:var(--text-xl);font-weight:600;color:var(--color-text)}.modal-close{background:0 0;border:none;font-size:28px;color:var(--color-text-muted);cursor:pointer;line-height:1;padding:0;transition:color .2s}.modal-close:hover{color:var(--color-text)}.modal-body{padding:24px}.modal-body p{color:var(--color-text-secondary);margin-bottom:16px;line-height:1.6}.modal-body p:last-child{margin-bottom:0}