:root{--primary: #1B2A4A;--primary-light: #2a3f6b;--primary-dark: #0f1a30;--accent: #D4973B;--accent-light: #e8b365;--accent-dark: #b87d2a;--bg-dark: #000000;--bg-card: rgba(255,255,255,.03);--bg-card-solid: #0a0a0a;--text-light: #e2e8f0;--text-muted: #94a3b8;--success: #38A169;--danger: #E53E3E;--glass-border: rgba(255,255,255,.06);--glass-border-hover: rgba(255,255,255,.12);--gradient-primary: linear-gradient(135deg, #D4973B 0%, #e8b365 50%, #D4973B 100%);--gradient-aurora: linear-gradient(135deg, #D4973B 0%, #e8b365 25%, #2a3f6b 50%, #4a6fa5 75%, #D4973B 100%);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 28px;--radius-full: 9999px;--transition: .4s cubic-bezier(.4,0,.2,1);--transition-fast: .2s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-light);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#d4973b4d;color:#fff}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}.section{padding:clamp(80px,10vw,140px) 0;position:relative}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header{text-align:center;max-width:800px;margin:0 auto clamp(48px,6vw,80px)}.section-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#d4973b0f;border:1px solid rgba(212,151,59,.12);margin-bottom:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.section-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.15;margin-bottom:20px;color:#fff;letter-spacing:-.02em}.section-desc{font-size:clamp(1rem,1.3vw,1.15rem);color:var(--text-muted);max-width:650px;margin:0 auto;line-height:1.8}.ambient-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.4;animation:orb-float 20s ease-in-out infinite}.ambient-orb-1{width:600px;height:600px;background:#d4973b14;top:-200px;left:-200px;animation-delay:0s}.ambient-orb-2{width:500px;height:500px;background:#2a3f6b1f;bottom:-150px;right:-200px;animation-delay:-7s}.ambient-orb-3{width:400px;height:400px;background:#d4973b0d;top:50%;left:60%;animation-delay:-14s}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.15)}66%{transform:translate(-30px,20px) scale(.9)}}.scene-3d-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.5}.scene-3d-fallback{width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(212,151,59,.03) 0%,transparent 70%)}.scene-3d-section{position:relative;width:100%;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:32px}.scene-3d-section canvas{display:block}.cta-3d-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;opacity:.4;pointer-events:none}.cta-3d-bg .scene-3d-section{height:100%;border-radius:0;margin-bottom:0}.section-divider{height:1px;position:relative;overflow:hidden}.section-divider:before{content:"";position:absolute;top:0;left:-100%;width:300%;height:100%;animation:divider-slide 4s linear infinite}.section-divider--gold:before{background:linear-gradient(90deg,transparent,rgba(212,151,59,0),rgba(212,151,59,.4),rgba(232,179,101,.6),rgba(212,151,59,.4),rgba(212,151,59,0),transparent)}.section-divider--blue:before{background:linear-gradient(90deg,transparent,rgba(42,63,107,0),rgba(42,63,107,.4),rgba(74,111,165,.5),rgba(42,63,107,.4),rgba(42,63,107,0),transparent)}.section-divider--glow:before{background:linear-gradient(90deg,transparent,rgba(212,151,59,0),rgba(42,63,107,.3),rgba(212,151,59,.4),rgba(232,179,101,.6),rgba(212,151,59,.4),rgba(42,63,107,.3),rgba(212,151,59,0),transparent)}.section-divider:after{content:"";position:absolute;top:-4px;left:0;right:0;height:10px;filter:blur(6px);opacity:.3}.section-divider--gold:after{background:radial-gradient(ellipse at 50% 50%,rgba(212,151,59,.3),transparent 70%)}.section-divider--blue:after{background:radial-gradient(ellipse at 50% 50%,rgba(42,63,107,.3),transparent 70%)}.section-divider--glow:after{background:radial-gradient(ellipse at 50% 50%,rgba(212,151,59,.2),transparent 70%)}@keyframes divider-slide{0%{transform:translate(0)}to{transform:translate(33.33%)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all var(--transition);background:transparent}.navbar.scrolled{padding:10px 0;background:#0009;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.06)}.nav-container{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,40px);display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:12px;z-index:10;cursor:pointer}.nav-logo img{width:42px;height:42px;border-radius:10px;object-fit:contain}.nav-logo .logo-text{display:flex;flex-direction:column}.nav-logo .logo-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.01em}.nav-logo .logo-sub{font-size:.6rem;color:var(--text-muted);font-weight:500;letter-spacing:.05em}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{padding:8px 16px;border-radius:var(--radius-full);font-size:.88rem;font-weight:500;color:#fff9;transition:all var(--transition-fast);cursor:pointer;background:none;border:none;font-family:var(--font-body)}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.cta{background:#d4973b26;color:#d4973b!important;font-weight:600;margin-left:8px;border:1px solid rgba(212,151,59,.4)}.nav-link.cta:hover{background:#d4973b40;transform:translateY(-1px);box-shadow:0 4px 24px #d4973b26;color:#e8b365!important}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer;z-index:10}.nav-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .2s}.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-right-group{display:flex;align-items:center;gap:12px;z-index:10}.nav-lang-mobile{display:none;padding:12px 0;border-top:1px solid rgba(255,255,255,.06);margin-top:16px}.lang-switcher{position:relative;display:inline-flex;align-items:center;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:3px;gap:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-fast)}.lang-switcher:hover{border-color:#ffffff26;background:#ffffff0f}.lang-btn{position:relative;z-index:2;display:flex;align-items:center;gap:6px;padding:6px 14px;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.04em;color:#ffffff73;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.lang-btn:hover{color:#ffffffb3}.lang-btn.active{color:#fff;text-shadow:0 0 12px rgba(212,151,59,.3)}.lang-flag{font-size:.95rem;line-height:1;display:flex;align-items:center;filter:grayscale(.6) brightness(.9);transition:filter .25s}.lang-btn.active .lang-flag{filter:grayscale(0) brightness(1) drop-shadow(0 0 6px rgba(212,151,59,.35))}.lang-label{line-height:1}.lang-slider{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);border-radius:var(--radius-full);background:#d4973b1f;border:1px solid rgba(212,151,59,.2);box-shadow:0 0 16px #d4973b1a,inset 0 1px #ffffff0a;transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1}.scroll-brand-panel{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 40%,#2a3f6b14,#000000f2 60%);pointer-events:none}.scroll-brand-logo{margin-bottom:20px}.scroll-brand-logo img{width:200px;height:200px;border-radius:32px;object-fit:contain;filter:drop-shadow(0 0 60px rgba(212,151,59,.5)) drop-shadow(0 0 120px rgba(212,151,59,.2));animation:logo-float 4s ease-in-out infinite}@keyframes logo-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.scroll-brand-3d{perspective:800px;display:flex;gap:clamp(12px,3vw,30px);margin-bottom:8px}.brand-letter{font-family:var(--font-heading);font-size:clamp(8rem,16vw,14rem);font-weight:900;color:#fff;display:inline-block;animation:letter3d .8s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0;transform:rotateY(90deg) scale(.5);transform-style:preserve-3d;text-shadow:0 0 60px rgba(255,255,255,.08),0 6px 0 rgba(212,151,59,.15),0 12px 0 rgba(212,151,59,.08),0 18px 40px rgba(0,0,0,.3)}@keyframes letter3d{0%{opacity:0;transform:rotateY(90deg) scale(.5) translateZ(-100px);text-shadow:none}60%{opacity:1;transform:rotateY(-10deg) scale(1.05) translateZ(20px);text-shadow:0 0 80px rgba(212,151,59,.5),0 4px 0 rgba(212,151,59,.2)}80%{transform:rotateY(5deg) scale(.98) translateZ(0);text-shadow:0 0 40px rgba(212,151,59,.3),0 4px 0 rgba(212,151,59,.15)}to{opacity:1;transform:rotateY(0) scale(1) translateZ(0);text-shadow:0 0 60px rgba(255,255,255,.08),0 4px 0 rgba(212,151,59,.15),0 8px 0 rgba(212,151,59,.08),0 12px 30px rgba(0,0,0,.3)}}.tagline-word{display:inline-block;animation:wordSlide .6s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(20px)}@keyframes wordSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-brand-tagline{font-family:var(--font-mono);font-size:clamp(1rem,1.8vw,1.4rem);color:var(--accent);font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin-bottom:24px}.scroll-brand-line{width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:0 auto 32px;animation:line-glow 3s ease-in-out infinite alternate}@keyframes line-glow{0%{width:60px;opacity:.5}to{width:120px;opacity:1}}.scroll-brand-desc{font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;color:#ffffffd9;line-height:1.4}.dna-scroll-container{position:relative;background:var(--bg-dark)}.dna-scroll-spacer{height:400vh}.dna-sticky-wrapper{position:sticky;top:0;width:100%;height:100vh;overflow:hidden;z-index:1}.dna-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:opacity .5s}.dna-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#0000001a,#00000080 70%)}.dna-logo-watermark{position:absolute;bottom:40px;right:40px;width:120px;z-index:3;pointer-events:none;filter:grayscale(1)}.dna-logo-watermark img{width:100%;opacity:.5}.scroll-text-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.scroll-panel{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;transition:opacity .1s linear}.scroll-panel-content{max-width:720px;margin:0 auto;padding:0 clamp(24px,5vw,60px);text-align:center}.scroll-panel-side{max-width:420px;padding:0 clamp(24px,5vw,60px);text-align:left;margin-left:5%}.scroll-tag{display:inline-flex;align-items:center;gap:10px;padding:6px 18px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:#ffffff08;border:1px solid rgba(255,255,255,.06);margin-bottom:28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scroll-tag.gold{color:var(--accent);background:#d4973b0f;border-color:#d4973b26}.tag-dot{width:8px;height:8px;border-radius:50%}.tag-dot.broken{background:#e53e3e;animation:pulse-dot 2s ease-in-out infinite}.tag-dot.completing{background:var(--accent);animation:pulse-dot 1.5s ease-in-out infinite}.tag-dot.gold{background:var(--accent);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.scroll-headline{font-family:var(--font-heading);font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:900;line-height:1.1;margin-bottom:24px;color:#fff;letter-spacing:-.03em}.scroll-headline-sm{font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;line-height:1.2;margin-bottom:20px;color:#fff;letter-spacing:-.02em}.text-danger-glow{color:#e53e3e;text-shadow:0 0 40px rgba(229,62,62,.4)}.gold-glow{text-shadow:0 0 60px rgba(212,151,59,.2)}.scroll-subtext{font-size:clamp(1rem,1.4vw,1.15rem);color:var(--text-muted);line-height:1.8;max-width:600px}.module-checklist{display:flex;flex-direction:column;gap:8px;margin-top:24px}.checklist-item{display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid rgba(255,255,255,.04);font-size:.88rem;color:#94a3b880;transition:all .4s cubic-bezier(.4,0,.2,1)}.checklist-item.completed{background:#d4973b0f;border-color:#d4973b26;color:var(--accent)}.check-box{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0}.checklist-item.completed .check-box{color:var(--accent)}.check-empty{width:14px;height:14px;border-radius:3px;border:1.5px solid rgba(255,255,255,.1)}.scroll-stats-row{display:flex;align-items:center;justify-content:center;gap:40px;margin-top:40px}.scroll-stat{text-align:center}.scroll-stat-num{font-family:var(--font-heading);font-size:clamp(2rem,3.5vw,3rem);font-weight:900;color:#fff}.scroll-stat-sfx{font-family:var(--font-heading);font-size:clamp(1.2rem,2vw,1.8rem);font-weight:700;color:var(--accent)}.scroll-stat-label{display:block;font-size:.8rem;color:var(--text-muted);margin-top:4px;font-weight:500}.scroll-stat-divider{width:1px;height:40px;background:#ffffff14}.scroll-arrow-down{animation:bounceDown 2s ease-in-out infinite;color:var(--accent)}@keyframes bounceDown{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(12px);opacity:1}}.dna-progress{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:3px;height:120px;background:#ffffff0a;border-radius:4px;z-index:10;transition:opacity .4s}.dna-progress-fill{width:100%;background:var(--gradient-primary);border-radius:4px;transition:height .1s linear}.module-progress-bar{width:100%;height:3px;background:#ffffff0f;border-radius:4px;margin:32px auto 12px;overflow:hidden}.module-progress-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.module-progress-label{font-size:.78rem;color:var(--text-muted);text-align:center;font-weight:500}.scroll-module-checklist{position:absolute;left:32px;top:50%;transform:translateY(-50%);z-index:15;max-width:320px;padding:24px;background:#000000a6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);transition:opacity .4s}.checklist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.04)}.checklist-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-family:var(--font-mono)}.checklist-count{font-size:.85rem;font-weight:600;color:var(--accent);font-family:var(--font-mono)}.checklist-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.checklist-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;font-size:.82rem;color:var(--text-muted);transition:all .3s;opacity:.4}.checklist-item.completed{opacity:1;color:var(--accent)}.checklist-item.active{opacity:1;color:#fff;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.checklist-item.active .checklist-name{font-weight:600}.checklist-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.checklist-item.completed .checklist-icon{color:var(--accent)}.checklist-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);display:block}.checklist-item.active .checklist-dot{border-color:var(--accent);background:#d4973b4d;box-shadow:0 0 8px #d4973b66}.checklist-name{font-family:var(--font-body);line-height:1.3}.checklist-active-desc{margin-top:12px;padding:12px 14px;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.checklist-active-desc p{font-size:.78rem;color:var(--text-muted);line-height:1.5;margin:0}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all var(--transition);position:relative;overflow:hidden}.btn-primary{background:#fff;color:#000}.btn-primary:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 8px 32px #ffffff26}.btn-secondary{background:#ffffff0f;color:var(--text-light);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-large{padding:18px 40px;font-size:1.05rem}.btn-accent{background:var(--accent);color:#000}.btn-accent:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 8px 32px #d4973b4d}.section-showcase{margin-top:48px;perspective:1000px;position:relative;z-index:2}.showcase-img{width:100%;max-width:900px;margin:0 auto;display:block;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 60px #00000080,0 0 30px #d4973b0d;transform:rotateX(3deg);transition:all .5s cubic-bezier(.4,0,.2,1);object-fit:cover;max-height:400px}.showcase-img:hover{transform:rotateX(0) scale(1.02);border-color:#ffffff1f;box-shadow:0 30px 80px #0009,0 0 60px #d4973b1a}.value-section{background:var(--bg-dark);position:relative;overflow:hidden;padding-bottom:20px}.value-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;position:relative;z-index:2}.value-card{position:relative;padding:36px 32px;border-radius:var(--radius-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.06);overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition)}.value-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,#fff0,#ffffff14,#d4973b0d,#fff0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}.value-card:hover:before{opacity:1}.value-card:hover{border-color:#ffffff1a;box-shadow:0 0 60px #d4973b14,inset 0 1px #ffffff0a}.value-card .icon-box{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#d4973b14;border:1px solid rgba(212,151,59,.1);color:var(--accent);margin-bottom:24px;transition:all var(--transition)}.value-card:hover .icon-box{background:#d4973b1f;border-color:#d4973b33;box-shadow:0 0 20px #d4973b26;transform:scale(1.05)}.value-card h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin-bottom:10px;color:#fff;letter-spacing:-.01em}.value-card p{font-size:.92rem;color:var(--text-muted);line-height:1.7}.card-glow{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .4s;pointer-events:none;background:radial-gradient(600px circle at var(--glow-x, 50%) var(--glow-y, 50%),rgba(212,151,59,.06),transparent 60%);z-index:0}.value-card:hover .card-glow,.module-card:hover .card-glow{opacity:1}.value-card>*:not(.card-glow),.module-card-inner{position:relative;z-index:1}.modules-section{background:var(--bg-dark);position:relative;padding-top:0;overflow:visible}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;position:relative;z-index:2}.module-card{position:relative;border-radius:var(--radius-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.06);overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all var(--transition)}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,#fff0,#ffffff14,#d4973b0d,#fff0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}.module-card:hover:before{opacity:1}.module-card:hover{border-color:#ffffff1a;box-shadow:0 12px 40px #0000004d}.module-card-inner{padding:32px;position:relative}.module-icon-box{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#d4973b14;border:1px solid rgba(212,151,59,.1);color:var(--accent);margin-bottom:20px;transition:all var(--transition)}.module-card:hover .module-icon-box{background:#d4973b1f;border-color:#d4973b33;transform:scale(1.08);box-shadow:0 0 20px #d4973b26}.module-num{position:absolute;top:28px;right:28px;font-family:var(--font-heading);font-size:2.5rem;font-weight:900;color:#ffffff05;line-height:1}.module-card h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:-.01em}.module-card .desc{font-size:.88rem;color:var(--text-muted);margin-bottom:20px;line-height:1.6}.module-features{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.module-features li{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-muted)}.module-features li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 6px #d4973b66}.module-detail-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.module-detail-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#fff;transform:translate(4px)}.mgear-wrap{position:relative;min-height:450vh}.mgear-spacer{height:350vh}.mgear-sticky{position:sticky;top:0;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:0}.mgear-hdr{text-align:center;padding:clamp(12px,2vw,20px) 20px 0;z-index:10;flex-shrink:0}.mgear-hdr .section-title{margin-bottom:0;font-size:clamp(1.5rem,3vw,2.4rem)}.mgear-layout{display:flex;align-items:center;justify-content:center;flex:1;width:100%;max-width:1300px;margin:0 auto;padding:0 clamp(12px,2vw,30px);gap:clamp(12px,2vw,30px);min-height:0}.mgear-side{flex:0 0 clamp(200px,22vw,280px);display:flex;flex-direction:column;justify-content:center;min-height:200px;z-index:10}.mgear-card{position:relative;padding:clamp(16px,2vw,24px);border-radius:var(--radius-lg);background:#ffffff05;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 40px #00000059;animation:mgear-card-slide .4s ease-out;overflow:hidden}.mgear-left .mgear-card{animation-name:mgear-slide-right}.mgear-right .mgear-card{animation-name:mgear-slide-left}@keyframes mgear-slide-right{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes mgear-slide-left{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.mgear-card-done{border-color:#d4973b33;box-shadow:0 0 50px #d4973b14}.mgear-card-num{position:absolute;top:8px;right:12px;font-family:var(--font-heading);font-size:2.5rem;font-weight:900;color:#ffffff08;line-height:1}.mgear-card-icon{font-size:1.6rem;display:block;margin-bottom:8px}.mgear-card h3{font-family:var(--font-heading);font-size:clamp(.85rem,1.1vw,1rem);font-weight:700;color:#fff;margin-bottom:8px}.mgear-card p{font-size:clamp(.72rem,.85vw,.82rem);color:var(--text-muted);line-height:1.6;margin-bottom:12px}.mgear-card-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;font-family:var(--font-body);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.mgear-card-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#fff;box-shadow:0 0 15px #ffffff0d}.mgear-scene{position:relative;flex:0 0 auto;width:min(480px,50vw);height:min(480px,50vw);z-index:2}.mgear-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid;pointer-events:none}.mgear-ring-1{width:92%;height:92%;border-color:#d4973b0a;animation:mgear-orbit 35s linear infinite}.mgear-ring-2{width:62%;height:62%;border-color:#2a3f6b0a;animation:mgear-orbit 50s linear infinite reverse}@keyframes mgear-orbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.mgear-lines-svg{position:absolute;top:5%;left:5%;width:90%;height:90%;z-index:1}.mgear-central{position:absolute;top:50%;left:50%;width:min(280px,36vw);height:min(280px,36vw);z-index:10;will-change:transform}.mgear-central-shape{width:100%;height:100%;filter:drop-shadow(0 0 24px rgba(212,151,59,.15))}.mgear-central-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;will-change:transform}.mgear-cys-logo{width:clamp(28px,4vw,48px);height:auto;filter:drop-shadow(0 0 14px rgba(212,151,59,.6))}.mgear-cys-brand{font-family:var(--font-heading);font-size:clamp(1.1rem,2vw,1.6rem);font-weight:900;color:var(--accent);letter-spacing:.12em;text-shadow:0 0 24px rgba(212,151,59,.5)}.mgear-mod{position:absolute;width:clamp(60px,10vw,90px);height:clamp(60px,10vw,90px);z-index:5;will-change:transform,opacity,left,top}.mgear-mod-shape{width:100%;height:100%;will-change:transform;transition:filter .5s}.mgear-mod.on .mgear-mod-shape{filter:drop-shadow(0 0 12px rgba(212,151,59,.5))}.mgear-mod.glow .mgear-mod-shape{filter:drop-shadow(0 0 20px rgba(212,151,59,.8)) drop-shadow(0 0 40px rgba(212,151,59,.35))}.mgear-mod.flying{z-index:20}.mgear-mod-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;will-change:transform}.mgear-mod-icon{font-size:clamp(1rem,1.5vw,1.3rem);filter:drop-shadow(0 0 6px rgba(0,0,0,.5))}.mgear-trail{position:absolute;top:50%;left:50%;width:160%;height:160%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(212,151,59,.2) 0%,rgba(232,179,101,.08) 30%,transparent 55%);animation:mgear-trail-pulse .4s ease-out infinite;pointer-events:none}@keyframes mgear-trail-pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.mgear-burst{position:absolute;top:50%;left:50%;width:250%;height:250%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(212,151,59,.5) 0%,rgba(212,151,59,.15) 25%,transparent 55%);animation:mgear-flash 1s ease-out forwards;pointer-events:none}@keyframes mgear-flash{0%{opacity:1;transform:translate(-50%,-50%) scale(.15)}50%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.mgear-bottom{width:min(500px,80vw);margin:0 auto;padding:8px 16px 12px;z-index:10;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px}.mgear-prog{width:100%;height:2px;border-radius:3px;background:#ffffff0a;overflow:hidden}.mgear-prog-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:3px;transition:width .3s;box-shadow:0 0 10px #d4973b66}.mgear-prog-txt{font-size:.7rem;color:var(--text-muted);font-weight:500}@media (max-width:1024px){.mgear-layout{flex-direction:column;gap:8px}.mgear-side{flex:0 0 auto;width:min(400px,90vw);min-height:0}.mgear-scene{width:min(420px,75vw);height:min(420px,75vw)}.mgear-central{width:min(220px,30vw);height:min(220px,30vw)}.mgear-card{padding:12px 16px}.mgear-card p{margin-bottom:6px}}@media (max-width:768px){.mgear-spacer{height:280vh}.mgear-wrap{min-height:380vh}.mgear-scene{width:min(340px,80vw);height:min(340px,80vw)}.mgear-central{width:min(180px,28vw);height:min(180px,28vw)}.mgear-mod{width:clamp(48px,9vw,65px);height:clamp(48px,9vw,65px)}}@media (max-width:480px){.mgear-spacer{height:220vh}.mgear-wrap{min-height:320vh}.mgear-scene{width:280px;height:280px}.mgear-central{width:140px;height:140px}.mgear-mod{width:42px;height:42px}.mgear-card h3{font-size:.8rem}.mgear-card p{display:none}}.portal-section{background:var(--bg-dark);overflow:hidden;position:relative}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.portal-text .section-title{text-align:left;margin-bottom:24px}.portal-desc{font-size:1.05rem;color:var(--text-muted);margin-bottom:16px;line-height:1.8}.portal-sub-desc{font-size:.95rem;color:#94a3b8b3;margin-bottom:32px;line-height:1.7}.portal-features{display:flex;flex-direction:column;gap:16px}.portal-features li{display:flex;align-items:center;gap:14px;font-size:.95rem;color:var(--text-light)}.portal-features li svg{color:var(--success);flex-shrink:0}.portal-visual{perspective:1200px}.portal-mockup{background:#ffffff05;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);overflow:hidden;box-shadow:0 20px 60px #00000080;transform:rotateY(-5deg) rotateX(2deg);transition:transform var(--transition)}.portal-mockup:hover{transform:rotateY(-2deg) rotateX(1deg)}.mockup-bar{display:flex;align-items:center;padding:12px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.04);gap:12px}.mockup-dots{display:flex;gap:6px}.mockup-dots span{width:10px;height:10px;border-radius:50%}.mockup-dots span:nth-child(1){background:#ff5f56}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:nth-child(3){background:#27ca40}.mockup-url{flex:1;text-align:center;font-size:.72rem;color:var(--text-muted);background:#0003;padding:4px 16px;border-radius:var(--radius-full)}.mockup-body{display:flex;min-height:280px}.mockup-sidebar{width:140px;padding:16px 12px;background:#00000026;border-right:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;gap:4px}.mockup-nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:.7rem;color:var(--text-muted)}.mockup-nav-item.active{background:#d4973b1a;color:var(--accent)}.mockup-nav-icon{width:16px;height:16px;border-radius:4px;background:#ffffff0f}.mockup-nav-item.active .mockup-nav-icon{background:#d4973b33}.mockup-main{flex:1;padding:20px;display:flex;flex-direction:column;gap:16px}.mockup-cards{display:flex;gap:10px}.mockup-stat{flex:1;padding:14px 12px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);text-align:center}.mockup-stat.a{border-color:#d4973b1f;background:#d4973b0a}.mockup-stat.b{border-color:#38a1691f;background:#38a1690a}.mockup-stat .val{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;color:#fff}.mockup-stat .lbl{font-size:.6rem;color:var(--text-muted);margin-top:2px}.mockup-table{flex:1;border-radius:10px;background:#00000026;border:1px solid rgba(255,255,255,.04);overflow:hidden}.mockup-table-head{padding:10px 14px;font-size:.72rem;font-weight:600;color:var(--text-light);border-bottom:1px solid rgba(255,255,255,.04);background:#00000026}.mockup-table-row{height:28px;margin:8px 14px;border-radius:6px;background:#ffffff05}.mockup-table-row:nth-child(odd){width:85%}.tech-section{background:var(--bg-dark);position:relative;overflow:hidden}.tech-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent)}.tech-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 80px,rgba(255,255,255,.015) 80px,rgba(255,255,255,.015) 81px),repeating-linear-gradient(90deg,transparent,transparent 80px,rgba(255,255,255,.015) 80px,rgba(255,255,255,.015) 81px);z-index:0;pointer-events:none;opacity:.5}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;position:relative;z-index:2}.tech-card{padding:32px;border-radius:var(--radius-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.06);transition:all var(--transition);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative}.tech-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,#fff0,#ffffff0f,#d4973b0a,#fff0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none}.tech-card:hover:before{opacity:1}.tech-card:hover{border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 0 60px #d4973b0f}.tech-card-head{display:flex;align-items:center;gap:14px;margin-bottom:24px;color:var(--accent)}.tech-card-head h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:-.01em}.tech-list{display:flex;flex-direction:column;gap:12px}.tech-list li{font-size:.88rem;color:var(--text-muted);padding-left:16px;position:relative}.tech-list li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.tech-list li strong{color:var(--text-light)}.comparison-section{background:var(--bg-dark);position:relative;overflow:hidden}.comparison-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);background:#ffffff05}.comparison-table{width:100%;border-collapse:collapse;min-width:700px}.comparison-table th{padding:20px 24px;font-family:var(--font-heading);font-size:.95rem;font-weight:700;text-align:left;border-bottom:1px solid rgba(255,255,255,.04)}.comparison-table th:first-child{color:var(--text-light)}.comparison-table th.old{color:var(--danger);background:#e53e3e08}.comparison-table th.new{color:var(--success);background:#38a16908}.comparison-table td{padding:16px 24px;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:#ffffff04}.comparison-table .feat{font-weight:600;color:var(--text-light)}.comparison-table td svg{vertical-align:middle;margin-right:8px}.stats-section{background:var(--bg-dark);padding:clamp(60px,8vw,100px) 0;position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(212,151,59,.04) 0%,transparent 70%);animation:stats-pulse 6s ease-in-out infinite}@keyframes stats-pulse{0%,to{opacity:.5}50%{opacity:1}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;position:relative;z-index:2}.stat-item{text-align:center;transition:transform .3s}.stat-item:hover{transform:scale(1.05)}.stat-item .num{font-family:var(--font-heading);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:900;color:#fff;display:inline;line-height:1.2}.stat-item .sfx{font-family:var(--font-heading);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:var(--accent);display:inline}.stat-item .label{display:block;font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text-light);margin-top:8px}.stat-item .sub{font-size:.85rem;color:var(--text-muted);margin-top:4px}.roles-section{background:var(--bg-dark);position:relative;overflow:hidden}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.role-card{padding:24px 20px;border-radius:var(--radius-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.06);text-align:center;transition:all var(--transition);position:relative}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,#fff0,#ffffff0f,#d4973b08);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none}.role-card:hover:before{opacity:1}.role-card:hover{border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 0 30px #d4973b14}.role-card .icon-box{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#d4973b0f;border:1px solid rgba(212,151,59,.1);color:var(--accent);margin:0 auto 16px}.role-card:hover .icon-box{box-shadow:0 0 15px #d4973b26}.role-card h4{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:#fff;margin-bottom:6px}.role-card p{font-size:.82rem;color:var(--text-muted);line-height:1.5}.cta-section{background:var(--bg-dark);position:relative;overflow:hidden}.cta-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 50%,rgba(212,151,59,.05) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(27,42,74,.15) 0%,transparent 50%);z-index:0;animation:cta-bg-shift 8s ease-in-out infinite}@keyframes cta-bg-shift{0%,to{opacity:.7}50%{opacity:1}}.cta-content{position:relative;text-align:center;max-width:750px;margin:0 auto;z-index:2}.cta-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2;margin-bottom:24px;color:#fff;letter-spacing:-.02em}.cta-desc{font-size:1.05rem;color:var(--text-muted);margin-bottom:40px;line-height:1.8}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.cta-tagline{font-size:.95rem;color:var(--text-muted)}.footer{background:#000;border-top:1px solid rgba(255,255,255,.04);padding:60px 0 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:20px}.footer-logo img{width:36px;height:36px;border-radius:8px;object-fit:contain}.footer-logo .ft-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:800;color:#fff;line-height:1}.footer-logo .ft-sub{font-size:.55rem;color:var(--text-muted);font-weight:500}.footer-brand{font-size:.9rem;color:var(--text-muted);line-height:1.7;margin-bottom:20px}.footer-social{display:flex;gap:12px}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-muted);transition:all .2s}.social-link:hover{background:#ffffff14;border-color:#ffffff1f;color:#fff}.footer-col h4{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:#fff;margin-bottom:20px}.footer-col ul{display:flex;flex-direction:column;gap:12px}.footer-col a{font-size:.9rem;color:var(--text-muted);transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.04);text-align:center}.footer-bottom p{font-size:.82rem;color:#94a3b866}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;background:#000000bf;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);display:flex;align-items:center;justify-content:center;padding:40px}.modal-box{background:#0a0a0af2;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);max-width:700px;width:100%;max-height:80vh;overflow-y:auto;padding:40px;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 80px #0009}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-muted);cursor:pointer;transition:all .2s}.modal-close:hover{background:#e53e3e1a;border-color:#e53e3e33;color:var(--danger)}.modal-box h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:8px}.modal-box .short{font-size:.95rem;color:var(--accent);font-weight:600;margin-bottom:24px}.modal-box .detail{font-size:.95rem;color:var(--text-muted);line-height:1.8;margin-bottom:32px;white-space:pre-line}.modal-box h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:16px}.modal-feat-list{display:flex;flex-direction:column;gap:10px}.modal-feat-list li{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:var(--text-muted);line-height:1.5}.modal-feat-list li:before{content:"";min-width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:7px}.modal-box::-webkit-scrollbar{width:4px}.modal-box::-webkit-scrollbar-track{background:transparent}.modal-box::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.demo-form-modal{max-width:600px}.demo-form-header{margin-bottom:28px}.demo-form-header h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:#fff;margin:12px 0 8px}.demo-form-header p{font-size:.95rem;color:var(--text-muted);line-height:1.6}.demo-form{display:flex;flex-direction:column;gap:20px}.demo-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-form-field{display:flex;flex-direction:column;gap:6px}.demo-form-field label{font-size:.82rem;font-weight:600;color:var(--text-light);letter-spacing:.03em}.demo-form-field input,.demo-form-field textarea{width:100%;padding:12px 16px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff;font-family:var(--font-body);font-size:.92rem;outline:none;transition:all var(--transition-fast);resize:vertical}.demo-form-field input::placeholder,.demo-form-field textarea::placeholder{color:#94a3b866}.demo-form-field input:focus,.demo-form-field textarea:focus{border-color:#d4973b66;background:#ffffff0f;box-shadow:0 0 20px #d4973b14}.demo-form-field input:hover,.demo-form-field textarea:hover{border-color:#ffffff26}.demo-submit-btn{width:100%;justify-content:center;margin-top:8px;font-size:1.05rem;padding:16px}.demo-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.demo-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.demo-form-success{text-align:center;padding:40px 20px}.demo-form-success .success-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#38a1691f;border:1px solid rgba(56,161,105,.2);color:var(--success);margin:0 auto 24px;font-size:1.5rem}.demo-form-success h2{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:12px}.demo-form-success p{font-size:.95rem;color:var(--text-muted);line-height:1.7}.demo-form-error{text-align:center;padding:40px 20px}.demo-form-error .error-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e53e3e1f;border:1px solid rgba(229,62,62,.2);color:var(--danger);margin:0 auto 24px;font-size:1.5rem}.demo-form-error h2{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:12px}.demo-form-error p{font-size:.95rem;color:var(--text-muted);line-height:1.7;margin-bottom:8px}.field-optional{font-size:.72rem;font-weight:400;color:var(--text-muted);font-style:italic;margin-left:4px}.recaptcha-notice{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid rgba(255,255,255,.04);font-size:.72rem;color:var(--text-muted);line-height:1.5}.recaptcha-notice svg{flex-shrink:0;color:#d4973b80;margin-top:1px}.recaptcha-notice a{color:var(--accent);text-decoration:underline;opacity:.7;transition:opacity .2s}.recaptcha-notice a:hover{opacity:1}.grecaptcha-badge{visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:fixed!important;bottom:-100px!important}@media (max-width:480px){.demo-form-row{grid-template-columns:1fr}}@media (max-width:1024px){.portal-grid{grid-template-columns:1fr;gap:40px}.portal-text .section-title,.portal-text{text-align:center}.portal-features{align-items:center}.portal-mockup,.portal-mockup:hover{transform:none}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.scroll-panel-side{margin-left:0}}@media (max-width:768px){.nav-links{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:#000000f5;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);flex-direction:column;padding:100px 32px 32px;gap:4px;transition:right var(--transition);border-left:1px solid rgba(255,255,255,.06)}.nav-links.open{right:0}.nav-link{width:100%;padding:14px 16px;font-size:1rem}.nav-link.cta{margin-left:0;text-align:center;justify-content:center;margin-top:16px}.nav-toggle{display:flex}.nav-right-group .lang-switcher{display:none}.nav-lang-mobile{display:flex;justify-content:center}.dna-scroll-spacer{height:320vh}.scroll-panel-side{max-width:100%;text-align:center;margin-left:0;padding:0 24px}.scroll-panel-content{padding:0 24px}.scroll-stats-row{flex-direction:column;gap:20px}.scroll-stat-divider{width:60px;height:1px}.dna-progress,.dna-logo-watermark{display:none}.modules-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}.roles-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:32px}.mockup-sidebar{display:none}.scroll-module-checklist{left:16px;max-width:260px;padding:16px}.checklist-item{font-size:.75rem;padding:4px 8px}}@media (max-width:480px){.scroll-headline{font-size:2rem}.value-grid,.roles-grid,.stats-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.btn-large{width:100%;justify-content:center}.scroll-module-checklist{left:8px;right:8px;max-width:none;top:auto;bottom:16px;transform:none;padding:12px}.checklist-active-desc,.scene-3d-bg{display:none}}@keyframes float-glow{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,15px) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes gear-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gear-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.css-gear{position:absolute;pointer-events:none;z-index:0;opacity:.06}.css-gear:before,.css-gear:after{content:"";position:absolute;border-radius:50%}.css-gear:before{top:10%;left:10%;width:80%;height:80%;border:2px solid rgba(255,255,255,.15)}.css-gear:after{top:35%;left:35%;width:30%;height:30%;background:#ffffff0d;border-radius:50%}.css-gear .tooth{position:absolute;width:18%;height:6%;background:#ffffff14;border-radius:3px;top:47%;left:41%;transform-origin:center center}.css-gear .tooth:nth-child(1){transform:rotate(0) translate(170%)}.css-gear .tooth:nth-child(2){transform:rotate(30deg) translate(170%)}.css-gear .tooth:nth-child(3){transform:rotate(60deg) translate(170%)}.css-gear .tooth:nth-child(4){transform:rotate(90deg) translate(170%)}.css-gear .tooth:nth-child(5){transform:rotate(120deg) translate(170%)}.css-gear .tooth:nth-child(6){transform:rotate(150deg) translate(170%)}.css-gear .tooth:nth-child(7){transform:rotate(180deg) translate(170%)}.css-gear .tooth:nth-child(8){transform:rotate(210deg) translate(170%)}.css-gear .tooth:nth-child(9){transform:rotate(240deg) translate(170%)}.css-gear .tooth:nth-child(10){transform:rotate(270deg) translate(170%)}.css-gear .tooth:nth-child(11){transform:rotate(300deg) translate(170%)}.css-gear .tooth:nth-child(12){transform:rotate(330deg) translate(170%)}.gear-1{width:250px;height:250px;top:15%;right:8%;animation:gear-spin 25s linear infinite}.gear-2{width:170px;height:170px;top:30%;right:1%;animation:gear-spin-reverse 18s linear infinite}.gear-3{width:220px;height:220px;bottom:15%;left:4%;animation:gear-spin 30s linear infinite}.gear-4{width:140px;height:140px;bottom:28%;left:15%;animation:gear-spin-reverse 22s linear infinite}.gear-5{width:280px;height:280px;top:8%;left:2%;animation:gear-spin 35s linear infinite;opacity:.04}.gear-6{width:130px;height:130px;top:55%;right:10%;animation:gear-spin-reverse 20s linear infinite}.gear-blue:before{border-color:#2a3f6b4d}.gear-blue:after{background:#2a3f6b14}.gear-blue .tooth{background:#2a3f6b26}.gear-dim{opacity:.02}.ba3d-container{position:relative;width:100%;max-width:1100px;margin:0 auto;padding:60px 0 40px;perspective:1200px;overflow:visible}.ba3d-backdrop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;z-index:0}.ba3d-orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid;opacity:.3;animation:orbit-spin 20s linear infinite}@keyframes orbit-spin{0%{transform:translate(-50%,-50%) rotateX(65deg) rotate(0)}to{transform:translate(-50%,-50%) rotateX(65deg) rotate(360deg)}}.ba3d-orbit:nth-child(2){animation-direction:reverse;animation-duration:28s}.ba3d-orbit:nth-child(3){animation-duration:35s}.ba3d-particles{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1s;overflow:hidden}.ba3d-dot{position:absolute;border-radius:50%;background:var(--accent);opacity:0;animation:dot-float 5s ease-in-out infinite}@keyframes dot-float{0%,to{opacity:0;transform:translateY(0) scale(.5)}25%{opacity:.3}50%{opacity:.2;transform:translateY(-25px) scale(1.2)}75%{opacity:.3}to{opacity:0;transform:translateY(-50px) scale(.5)}}.ba3d-flow-lines{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .8s}.ba3d-flow-line{position:absolute;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(212,151,59,.1) 20%,rgba(212,151,59,.2) 50%,rgba(212,151,59,.1) 80%,transparent 100%);animation:flow-pulse 3s ease-in-out infinite}@keyframes flow-pulse{0%,to{opacity:.2;transform:scaleX(.8)}50%{opacity:.5;transform:scaleX(1)}}.ba3d-stage{display:flex;align-items:stretch;gap:clamp(16px,3vw,40px);position:relative;z-index:2;perspective:1200px}.ba3d-card{flex:1;transform-style:preserve-3d;will-change:transform,opacity}.ba3d-card-inner{position:relative;padding:clamp(20px,2.5vw,32px);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);overflow:hidden;height:100%}.ba3d-before .ba3d-card-inner{background:#e53e3e05;border-color:#e53e3e14}.ba3d-before .ba3d-card-inner:hover{border-color:#e53e3e26}.ba3d-after .ba3d-card-inner{background:#d4973b05;border-color:#d4973b14}.ba3d-after .ba3d-card-inner:hover{border-color:#d4973b33}.ba3d-card-glow{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:var(--radius-xl)}.before-glow{background:radial-gradient(ellipse at 20% 15%,rgba(229,62,62,.05) 0%,transparent 50%)}.after-glow{background:radial-gradient(ellipse at 80% 15%,rgba(212,151,59,.06) 0%,transparent 50%)}.ba3d-scanline{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,rgba(212,151,59,.4),rgba(232,179,101,.6),rgba(212,151,59,.4),transparent);box-shadow:0 0 20px 6px #d4973b33;transition:opacity .4s;z-index:5;pointer-events:none}.ba3d-card-header{margin-bottom:20px;position:relative;z-index:2}.ba3d-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:var(--radius-full);font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-family:JetBrains Mono,monospace}.before-badge{color:#e53e3e;background:#e53e3e0f;border:1px solid rgba(229,62,62,.12)}.after-badge{color:var(--accent);background:#d4973b0f;border:1px solid rgba(212,151,59,.12)}.ba3d-badge-dot{width:6px;height:6px;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.before-dot{background:#e53e3e}.after-dot{background:var(--accent)}.ba3d-badge-sub{display:block;font-family:var(--font-heading);font-size:clamp(1.2rem,2vw,1.6rem);font-weight:800;color:#fff;margin-top:8px;line-height:1.2}.ba3d-badge-sub.gold{color:var(--accent)}.ba3d-items{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}.ba3d-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);position:relative;overflow:hidden;transition:all .3s}.ba3d-item.before-item{background:#e53e3e05;border:1px solid rgba(229,62,62,.04)}.ba3d-item.before-item:hover{background:#e53e3e0a;border-color:#e53e3e14}.ba3d-item.after-item{background:#d4973b05;border:1px solid rgba(212,151,59,.04)}.ba3d-item.after-item:hover{background:#d4973b0a;border-color:#d4973b14}.ba3d-item-icon{font-size:1.15rem;flex-shrink:0;width:28px;text-align:center}.ba3d-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ba3d-item-label{font-size:clamp(.82rem,1vw,.92rem);font-weight:600;color:var(--text-light)}.ba3d-item-detail{font-size:.72rem;color:var(--text-muted);opacity:.7}.ba3d-strike{position:absolute;top:50%;left:10px;height:2px;background:linear-gradient(90deg,#e53e3e99,#e53e3e4d);border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1);z-index:3}.ba3d-glow-bar{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,151,59,.2),transparent);opacity:0;transition:opacity .5s;animation:glow-bar-pulse 3s ease-in-out infinite}.ba3d-item.after-item:hover .ba3d-glow-bar{opacity:1}@keyframes glow-bar-pulse{0%,to{opacity:0}50%{opacity:.4}}.ba3d-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-width:50px;z-index:5}.ba3d-sweep{display:flex;flex-direction:column;align-items:center;gap:8px}.ba3d-sweep-line{width:2px;height:50px;background:linear-gradient(180deg,transparent,rgba(212,151,59,.4),transparent);animation:sweep-breathe 2s ease-in-out infinite}@keyframes sweep-breathe{0%,to{height:40px;opacity:.4}50%{height:60px;opacity:.8}}.ba3d-sweep-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#d4973b14;border:1px solid rgba(212,151,59,.15);color:var(--accent);animation:icon-pulse 2s ease-in-out infinite;box-shadow:0 0 20px #d4973b26}@keyframes icon-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #d4973b26}50%{transform:scale(1.08);box-shadow:0 0 30px #d4973b40}}.ba3d-transform-arrow{margin:8px 0}.ba3d-arrow-ring{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#d4973b14;border:1px solid rgba(212,151,59,.15);color:var(--accent);box-shadow:0 0 20px #d4973b1f;animation:arrow-glow 2.5s ease-in-out infinite}@keyframes arrow-glow{0%,to{box-shadow:0 0 20px #d4973b1f}50%{box-shadow:0 0 40px #d4973b40}}.ba3d-metrics{display:flex;justify-content:center;gap:clamp(10px,2vw,16px);margin-top:40px;position:relative;z-index:2;flex-wrap:wrap}.ba3d-metric-card{padding:clamp(14px,1.5vw,20px) clamp(16px,2vw,28px);border-radius:var(--radius-lg);background:#ffffff05;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);min-width:clamp(110px,14vw,150px)}.ba3d-metric-card:hover{border-color:#ffffff1f;transform:translateY(-6px) scale(1.03);box-shadow:0 0 30px #d4973b0f}.ba3d-metric-icon{font-size:1.4rem;display:block;margin-bottom:8px}.ba3d-metric-label{display:block;font-size:.7rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-family:JetBrains Mono,monospace}.ba3d-metric-vals{display:flex;align-items:center;justify-content:center;gap:8px}.ba3d-old-val{font-size:.82rem;color:#e53e3e99;text-decoration:line-through;font-weight:500}.ba3d-arrow-sm{color:var(--accent);font-size:1rem;font-weight:700}.ba3d-new-val{font-size:1rem;color:var(--accent);font-weight:700}.ba3d-message{text-align:center;margin-top:32px;font-family:var(--font-heading);font-size:clamp(1rem,1.6vw,1.25rem);font-weight:600;color:#ffffffb3;line-height:1.6;position:relative;z-index:2}@media (max-width:768px){.ba3d-stage{flex-direction:column;gap:20px}.ba3d-center{flex-direction:row;gap:12px}.ba3d-sweep{flex-direction:row}.ba3d-sweep-line{width:50px;height:2px;background:linear-gradient(90deg,transparent,rgba(212,151,59,.5),transparent)}.ba3d-card{transform:none!important}.ba3d-orbit,.ba3d-particles,.ba3d-flow-lines{display:none}.ba3d-metric-card{min-width:calc(50% - 10px)}}@media (max-width:480px){.ba3d-container{padding:30px 0 20px}.ba3d-metric-card{min-width:calc(50% - 8px)}.ba3d-badge-sub{font-size:1.1rem}}.portal-mockup{box-shadow:0 20px 80px #00000080}.portal-mockup:hover{box-shadow:0 20px 80px #00000080,0 0 60px #d4973b0d}.comparison-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.comparison-table th.new{background:#38a1690a}