.hero-section{position:relative;min-height:auto;background-color:var(--bg-main);z-index:1}.hero-sticky-canvas{position:relative;top:0;min-height:100vh;width:100%;padding-top:150px;overflow:hidden;display:flex;flex-direction:column;align-items:center;-webkit-mask-image:linear-gradient(180deg,black 85%,transparent);mask-image:linear-gradient(180deg,black 85%,transparent)}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bg-gradient-top{position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:80%;height:60%;background:radial-gradient(ellipse at top,rgba(99,102,241,.08) 0,transparent 70%);filter:blur(40px)}.floating-elements{position:absolute;width:100%;height:100%;opacity:.6}.float-obj{position:absolute;background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.1));box-shadow:0 10px 30px rgba(99,102,241,.1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);animation:float 6s ease-in-out infinite alternate}.square{border-radius:20px;transform:rotate(15deg)}.circle,.ring{border-radius:50%}.ring{background:transparent;border:2px solid rgba(99,102,241,.15)}.shape-1{width:60px;height:60px;top:20%;left:10%;animation-duration:8s;animation-delay:0s}.shape-2{width:45px;height:45px;top:15%;right:15%;animation-duration:7s;animation-delay:1s}.shape-3{width:80px;height:80px;bottom:40%;left:5%;animation-duration:9s;animation-delay:2s}.shape-4{width:50px;height:50px;bottom:30%;right:10%;animation-duration:10s;animation-delay:.5s}@keyframes float{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-20px) rotate(10deg)}}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:10}.hero-content{text-align:center;max-width:800px;margin-bottom:4rem}.hero-title{font-size:5rem;font-weight:700;line-height:1.1;color:var(--text-main);margin-bottom:1.5rem;letter-spacing:-2px}.italic-text{font-family:Playfair Display,serif;font-style:italic;font-weight:400;display:block;font-size:5.5rem}.hero-description{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto 2.5rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;justify-content:center}.hero-actions a{text-decoration:none}.hero-actions a button{width:100%}.hero-visual-wrapper{position:relative;width:100%;height:600px;display:flex;justify-content:center}.glowing-dome{top:50px;width:150vw;height:150vw;left:50%;transform:translateX(-50%);pointer-events:none}.dome-surface,.glowing-dome{position:absolute;border-radius:50%}.dome-surface{width:100%;height:100%;background:var(--sphere-gradient);box-shadow:inset 0 20px 100px rgba(99,102,241,.1);z-index:1}.dome-glow{top:0;left:50%;transform:translateX(-50%);width:80%;height:300px;background:radial-gradient(ellipse at top,rgba(99,102,241,.5) 0,rgba(139,92,246,.3) 30%,transparent 70%);filter:blur(50px);z-index:2}.dome-glow,.dome-grid{position:absolute;border-radius:50%}.dome-grid{width:100%;height:100%;z-index:3;opacity:.15;background-image:radial-gradient(circle at center,transparent 0,var(--bg-main) 70%),linear-gradient(rgba(99,102,241,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.5) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;mask-image:radial-gradient(circle at 50% 10%,black 10%,transparent 60%);-webkit-mask-image:radial-gradient(circle at 50% 10%,black 10%,transparent 60%)}.dashboard-wrapper{position:relative;z-index:20;width:100%;display:flex;justify-content:center;transform:perspective(1000px) rotateX(2deg) translateY(20px);transition:transform .5s ease;animation:floatDash 8s ease-in-out infinite alternate}@keyframes floatDash{0%{transform:perspective(1000px) rotateX(2deg) translateY(20px)}to{transform:perspective(1000px) rotateX(0deg) translateY(0)}}@media (max-width:1024px){.hero-title{font-size:4rem}.italic-text{font-size:4.5rem}}@media (max-width:768px){.hero-title{font-size:3rem}.italic-text{font-size:2.5rem}.hero-description{font-size:1.1rem;padding:0 1rem}.hero-actions{flex-direction:column;padding:0 2rem}.glowing-dome{width:200vw;height:200vw}}@media (max-width:426px){.hero-visual-wrapper{height:450px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.process-cinema-container{padding:20px 2rem 80px;background-color:var(--bg-main);position:relative;z-index:10;overflow:hidden}.cinema-header{text-align:center;margin-bottom:4rem;position:relative;z-index:2}.process-cinema-container .section-title{font-size:3.5rem;font-weight:700;color:var(--text-main);margin-bottom:1.5rem;line-height:1.1;letter-spacing:-1px}.process-cinema-container .section-subtitle{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6}.cinema-carousel{position:relative;height:420px;perspective:1200px;display:flex;align-items:center;justify-content:center}.cinema-track{position:relative;height:100%}.cinema-card,.cinema-track{width:420px;transform-style:preserve-3d}.cinema-card{position:absolute;top:0;left:0;height:380px;background:#fffdf7;border-radius:4px 20px 20px 4px;padding:2.5rem 2.5rem 2.5rem 4.5rem;cursor:pointer;border:1px solid rgba(0,0,0,.06);transition:border-color .3s ease;overflow:hidden}.cinema-card.active{border-color:rgba(99,102,241,.15);box-shadow:0 30px 60px rgba(0,0,0,.08),0 10px 20px rgba(0,0,0,.04)}.cinema-card:not(.active):hover{border-color:rgba(0,0,0,.1)}.cinema-card .notebook-lines{position:absolute;top:40px;left:0;right:0;bottom:20px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:0;padding:0 1.5rem}.cinema-card .notebook-rule-line{width:100%;height:1px;background:rgba(99,149,214,.1)}.cinema-card .notebook-margin{position:absolute;top:0;bottom:0;left:55px;width:2px;background:rgba(220,80,80,.2);z-index:1}.cinema-card .notebook-holes{position:absolute;top:0;bottom:0;left:14px;display:flex;flex-direction:column;justify-content:space-evenly;z-index:3}.cinema-card .hole{width:12px;height:12px;border-radius:50%;background:var(--bg-main);border:2px solid rgba(0,0,0,.06);box-shadow:inset 0 1px 2px rgba(0,0,0,.06)}.card-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.card-step-num{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;color:rgba(99,102,241,.12);line-height:1}.cinema-card.active .card-step-num{color:rgba(99,102,241,.2)}.card-icon-badge{width:48px;height:48px;background:rgba(99,102,241,.08);border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.card-icon-badge .material-symbols-outlined{font-size:26px;color:var(--primary);transition:color .3s ease}.cinema-card.active .card-icon-badge{background:var(--primary)}.cinema-card.active .card-icon-badge .material-symbols-outlined{color:white}.cinema-card .card-title{font-size:1.45rem;font-weight:600;color:#1a1a2e;margin-bottom:.8rem;line-height:1.3}.cinema-card .card-desc{font-size:1rem;color:#64748b;line-height:1.7;flex-grow:1}.cinema-dots{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:3rem}.dot{width:10px;height:10px;border-radius:50%;background:rgba(0,0,0,.12);border:none;cursor:pointer;padding:0;transition:all .3s ease}.dot.active{width:32px;border-radius:5px;background:var(--primary)}.dot:hover:not(.active){background:rgba(0,0,0,.25)}@media (max-width:900px){.cinema-track{width:340px}.cinema-card{width:340px;height:360px;padding:2rem 2rem 2rem 4rem}}@media (max-width:600px){.process-cinema-container{padding:80px 1rem 60px}.process-cinema-container .section-title{font-size:2.5rem}.cinema-carousel{height:380px}.cinema-track{width:300px}.cinema-card{width:300px;height:340px;padding:1.5rem 1.5rem 1.5rem 3.5rem}.cinema-card .notebook-margin{left:42px}.cinema-card .notebook-holes{left:10px}.cinema-card .hole{width:10px;height:10px}}.text-belt-section{position:relative;width:100%;min-height:auto;background-color:var(--bg-main);display:flex;flex-direction:column;align-items:center;overflow:hidden;padding-top:4rem;padding-bottom:0}.svg-belt-container{width:100%;height:300px;margin-bottom:.1rem;position:relative;z-index:10}.belt-svg{width:100%;height:100%;overflow:visible}.belt-text{font-size:32px;font-weight:500;letter-spacing:2px;text-transform:capitalize;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.belt-content-container{max-width:1200px;width:100%;padding:0 2rem;display:flex;justify-content:flex-start;align-items:flex-start;flex:1 1}.belt-massive-text{font-size:3.2rem;line-height:1.15;font-weight:500;color:var(--text-main);letter-spacing:-1.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-width:100%;margin-top:0}@media (max-width:1024px){.belt-massive-text{font-size:3.5rem}.svg-belt-container{height:250px}}@media (max-width:768px){.belt-text{font-size:24px}.belt-massive-text{font-size:2.5rem}.svg-belt-container{height:200px;margin-top:0}}@media (max-width:480px){.belt-massive-text{font-size:2rem}}.dashboard-mockup{width:100%;max-width:900px;background:var(--dash-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--dash-border);border-radius:var(--radius-lg);box-shadow:var(--dash-shadow);overflow:hidden;position:relative;z-index:10;display:flex;flex-direction:column}.dashboard-mockup:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,var(--dash-bg));z-index:20;pointer-events:none}.dashboard-mockup:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);opacity:.5}.window-dots{display:flex;align-items:center;gap:8px;margin-right:12px}.window-dots span{width:12px;height:12px;border-radius:50%;display:inline-block}.dot-close{background:#ff5f57}.dot-minimize{background:#febc2e}.dot-expand{background:#28c840}.dash-header{padding:1rem 1.5rem;justify-content:space-between;border-bottom:1px solid var(--dash-border);background:rgba(255,255,255,.4);position:relative}.dash-header,.dash-logo{display:flex;align-items:center}.dash-logo{gap:.5rem;font-weight:700;font-size:1.1rem;color:var(--text-main);width:200px}.logo-icon{width:24px;height:24px;background:var(--gradient-1);border-radius:6px;display:inline-block}.dash-title{font-weight:600;font-size:1.1rem;color:var(--text-main);position:absolute;left:50%;transform:translateX(-50%)}.dash-header-right{gap:1rem}.dash-header-right,.search-bar{display:flex;align-items:center}.search-bar{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--radius-xl);padding:.4rem 1rem;gap:.5rem}.search-bar input{border:none;background:transparent;outline:none;font-size:.85rem;color:var(--text-main);width:150px}.search-icon{font-size:.8rem;opacity:.5}.icon-btn{display:flex;align-items:center;justify-content:center;background:var(--dash-surface);font-size:.85rem;cursor:pointer}.avatar,.icon-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--dash-border)}.avatar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23f3f4f6'/%3E%3Ccircle cx='50' cy='38' r='22' fill='%2387939f'/%3E%3Ccircle cx='50' cy='112' r='55' fill='%2387939f'/%3E%3C/svg%3E");background-position:50%;background-size:cover}.notification-wrapper{position:relative;display:inline-block}.notification-btn{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notification-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:#ef4444;border:2px solid var(--dash-surface);border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 0 0 6px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--dash-border);border-radius:var(--radius-md);box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);z-index:100;overflow:hidden}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--dash-border);background:rgba(249,250,251,.5)}.notif-header h4{font-size:.85rem;font-weight:600;color:var(--text-main);margin:0}.close-btn{background:none;border:none;font-size:1.25rem;line-height:1;color:var(--text-muted);cursor:pointer;padding:0 .25rem;transition:color .2s}.close-btn:hover{color:var(--text-main)}.notif-body{padding:1rem}.notif-body p{font-size:.85rem;color:var(--text-main);line-height:1.4;margin-bottom:1rem}.notif-body strong{color:var(--primary)}.notif-action-btn{display:block;width:100%;padding:.6rem;text-align:center;background:var(--gradient-1);color:white;font-weight:600;font-size:.85rem;border-radius:var(--radius-sm);text-decoration:none;transition:opacity .2s}.notif-action-btn:hover{opacity:.9}.dash-body{display:flex}.dash-body.full-width .dash-content{padding:1.5rem 1.5rem .5rem;width:100%}.line-pulse{stroke-dasharray:6 30;animation:flow-run 2s linear infinite}@keyframes flow-run{0%{stroke-dashoffset:36}to{stroke-dashoffset:0}}.sidebar-menu li{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.sidebar-menu li:hover{background:rgba(99,102,241,.05);color:var(--text-main)}.sidebar-menu li.active{background:rgba(99,102,241,.1);color:var(--primary)}.menu-icon{font-size:1rem}.dash-content{flex:1 1;padding:1.5rem;background:rgba(255,255,255,.6)}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1rem}.kpi-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.kpi-title{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:1.75rem;font-weight:700;color:var(--text-main);line-height:1}.kpi-trend{font-size:.8rem;font-weight:500;color:var(--text-muted);margin-top:.25rem}.kpi-trend.positive{color:#10b981}.chart-container{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--radius-lg);padding:1rem 1.5rem;margin-bottom:1rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.chart-header h3{font-size:1rem;font-weight:600;color:var(--text-main)}.chart-legend{display:flex;gap:1rem;font-size:.8rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:.4rem}.legend-item .dot{width:8px;height:8px;border-radius:50%}.legend-item .dot.primary{background:var(--primary)}.legend-item .dot.secondary{background:var(--secondary)}.chart-area{position:relative;width:100%;margin-bottom:.5rem}.animated-chart{width:100%;height:auto;overflow:visible}.chart-x-axis{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);font-weight:500;padding-top:.5rem;border-top:1px solid var(--dash-border)}@media (max-width:768px){.dash-header-right input,.dash-sidebar{display:none}.kpi-grid{grid-template-columns:1fr;gap:1rem}.chart-container{padding:1rem}.chart-x-axis{font-size:.65rem;gap:2px}.chart-x-axis span:after{content:none!important}}@media (max-width:426px){.chart-x-axis{font-size:.6rem}.dash-logo,.window-dots{display:none}.dash-header{justify-content:space-between;padding:.75rem 1rem}.dash-title{position:static;transform:none;margin-right:auto;font-size:.95rem}.dash-body.full-width .dash-content{padding:1rem}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:.75rem}.kpi-card:nth-child(3){display:none}.kpi-card{padding:.85rem}.kpi-title{font-size:.7rem}.kpi-value{font-size:1.4rem}.kpi-trend{font-size:.7rem}.chart-container{padding:.85rem}.chart-header h3{font-size:.85rem}}