:root{--bg-primary:#07080b;--bg-secondary:#0d0e14;--bg-card:rgba(18,20,29,0.7);--bg-card-hover:rgba(28,31,45,0.85);--gold-primary:#00e5ff;--gold-light:#80f2ff;--gold-dark:#008b99;--gold-glow:rgba(0,229,255,0.25);--gold-border:rgba(0,229,255,0.2);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#94a3b8;--glass-bg:rgba(15,17,26,0.6);--glass-border:rgba(255,255,255,0.08);--glass-shadow:0 20px 50px rgba(0,0,0,0.5);--font-heading:'Outfit',sans-serif;--font-body:'Inter',sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-fast:0.2s cubic-bezier(0.16,1,0.3,1);--transition-smooth:0.4s cubic-bezier(0.16,1,0.3,1);--transition-slow:0.8s cubic-bezier(0.16,1,0.3,1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);overflow-x:clip}body{background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:rgba(212,175,55,0.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.15;letter-spacing:-0.02em}.accent-gradient-text{background:linear-gradient(135deg,#fff 0%,#80f2ff 50%,#00e5ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-tag{display:inline-block;font-family:var(--font-heading);font-size:0.75rem;font-weight:700;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold-primary);margin-bottom:0.75rem}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.section-desc{color:var(--text-secondary);font-size:1.1rem;max-width:650px;margin:0 auto}.text-center{text-align:center}.flex-between{display:flex;justify-content:space-between;align-items:flex-end}.custom-cursor{width:10px;height:10px;background-color:var(--gold-primary);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width 0.2s,height 0.2s}.cursor-follower{width:36px;height:36px;border:1px solid rgba(212,175,55,0.4);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform 0.15s ease-out,width 0.2s,height 0.2s}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:clamp(0.3rem,1vw,0.5rem);padding:clamp(0.7rem,2vw,0.85rem) clamp(1.2rem,4vw,1.75rem);border-radius:50px;font-family:var(--font-heading);font-weight:700;font-size:clamp(0.75rem,2.5vw,0.9rem);text-decoration:none;cursor:pointer;transition:var(--transition-smooth);border:1px solid transparent;white-space:nowrap}.btn-gold-solid{background:linear-gradient(135deg,#80f2ff 0%,#00e5ff 100%);color:#07080b;box-shadow:0 10px 30px rgba(0,229,255,0.3)}.btn-gold-solid:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px rgba(212,175,55,0.5)}.btn-luxury-glow{background:rgba(0,229,255,0.08);color:var(--gold-light);border:1px solid var(--gold-border);backdrop-filter:blur(10px);padding:clamp(0.45rem,1.5vw,0.55rem) clamp(0.75rem,2.5vw,1.15rem);font-size:clamp(0.75rem,2vw,0.82rem);gap:clamp(0.25rem,1vw,0.35rem)}.btn-luxury-glow i{width:14px;height:14px}.btn-luxury-glow:hover{background:rgba(0,229,255,0.18);border-color:var(--gold-primary);box-shadow:0 0 25px var(--gold-glow);transform:translateY(-2px)}.btn-glass-border{background:rgba(255,255,255,0.03);color:var(--text-primary);border:1px solid var(--glass-border);backdrop-filter:blur(10px)}.btn-glass-border:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);transform:translateY(-2px)}.btn-block{width:100%}.btn-circle-gold{width:54px;height:54px;border-radius:50%;background:var(--gold-primary);color:#07080b;border:none}.btn-circle-gold:hover{transform:scale(1.15) rotate(15deg);box-shadow:0 0 30px var(--gold-primary)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.25rem 0;transition:var(--transition-smooth)}.navbar.scrolled{padding:0.8rem 0;background:rgba(7,8,11,0.85);backdrop-filter:blur(20px);border-bottom:1px solid rgba(212,175,55,0.15)}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1350px;margin:0 auto;padding:0 2rem}.brand-logo{display:flex;align-items:center;gap:0.5rem;text-decoration:none;color:var(--text-primary);font-family:var(--font-heading);font-weight:800;font-size:1.25rem;letter-spacing:0.05em}.logo-symbol{color:var(--gold-primary);font-size:1rem;animation:rotateSymbol 10s linear infinite}@keyframes rotateSymbol{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.logo-badge{font-size:0.65rem;background:rgba(212,175,55,0.15);color:var(--gold-primary);padding:0.15rem 0.4rem;border-radius:4px;border:1px solid var(--gold-border)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:0.9rem;font-weight:500;transition:var(--transition-fast);position:relative}.nav-link:hover,.nav-link.active{color:var(--gold-light)}.nav-link::after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:2px;background:var(--gold-primary);transition:var(--transition-smooth)}.nav-link:hover::after,.nav-link.active::after{width:100%}.nav-actions{display:flex;align-items:center;gap:1rem}.audio-toggle-btn{display:flex;align-items:center;gap:0.4rem;background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);color:var(--text-secondary);padding:0.5rem 0.85rem;border-radius:30px;font-size:0.75rem;font-weight:700;cursor:pointer;transition:var(--transition-fast)}.audio-toggle-btn:hover{border-color:var(--gold-border);color:var(--gold-primary)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;width:24px;height:24px;position:relative;z-index:1001;align-items:center;justify-content:center}.hamburger{position:relative;width:24px;height:16px}.hamburger .bar{position:absolute;left:0;width:100%;height:2px;background-color:var(--gold-primary);border-radius:2px;transition:0.3s cubic-bezier(0.16,1,0.3,1)}.hamburger .bar:nth-child(1){top:0}.hamburger .bar:nth-child(2){top:7px}.hamburger .bar:nth-child(3){top:14px}.mobile-menu-btn.active .hamburger .bar:nth-child(1){top:7px;transform:rotate(45deg)}.mobile-menu-btn.active .hamburger .bar:nth-child(2){opacity:0}.mobile-menu-btn.active .hamburger .bar:nth-child(3){top:7px;transform:rotate(-45deg)}.mobile-menu-btn:hover .hamburger .bar{background-color:var(--gold-light);box-shadow:0 0 8px rgba(212,175,55,0.5)}.mobile-menu-btn:not(.active):hover .hamburger .bar:nth-child(1){transform:translateY(-2px)}.mobile-menu-btn:not(.active):hover .hamburger .bar:nth-child(3){transform:translateY(2px)}.nav-load-anim{animation:navSlideDown 1s cubic-bezier(0.16,1,0.3,1) forwards}.hero-badge.fade-in{opacity:0;animation:fadeUp 1s cubic-bezier(0.16,1,0.3,1) 0.5s forwards}.hero-subtitle.fade-in{opacity:0;animation:fadeUp 1s cubic-bezier(0.16,1,0.3,1) 1.5s forwards}.hero-ctas.fade-in{opacity:0;animation:fadeUp 1s cubic-bezier(0.16,1,0.3,1) 1.7s forwards}.metric-card.fade-in{opacity:0}.metric-card.fade-in:nth-child(1){animation:fadeUp 1s cubic-bezier(0.16,1,0.3,1) 1.9s forwards}.metric-card.fade-in:nth-child(2){animation:fadeUp 1s cubic-bezier(0.16,1,0.3,1) 2.1s forwards}.metric-card.fade-in:nth-child(3){animation:fadeUp 1s cubic-bezier(0.16,1,0.3,1) 2.3s forwards}.metric-card.fade-in:nth-child(4){animation:fadeUp 1s cubic-bezier(0.16,1,0.3,1) 2.5s forwards}@keyframes navSlideDown{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes fadeUp{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}.hero-section{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding-top:7rem;overflow:hidden}.hero-minimal-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% -20%,rgba(0,229,255,0.08) 0%,var(--bg-primary) 70%);z-index:1}.hero-overlay-glow{position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(212,175,55,0.12) 0%,rgba(7,8,11,0) 70%);transform:translate(-50%,-50%);pointer-events:none;contain:layout paint size;will-change:transform}.hero-content{margin:auto;position:relative;z-index:3;text-align:center;max-width:900px;width:100%}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 1rem;border-radius:30px;background:rgba(212,175,55,0.08);border:1px solid var(--gold-border);font-size:clamp(0.55rem,2.8vw,0.75rem);white-space:nowrap;font-weight:700;color:var(--gold-light);letter-spacing:0.05em;margin-bottom:1.5rem}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--gold-primary);box-shadow:0 0 10px var(--gold-primary);animation:pulseDot 2s infinite}@keyframes pulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:0.4}}.hero-title{font-size:clamp(1.2rem,5.8vw,4.8rem);font-weight:800;margin-bottom:1.5rem;letter-spacing:-0.03em;text-align:center;text-shadow:4px 4px 6px rgba(0,229,255,0.25),-3px -3px 8px rgba(0,229,255,0.15);min-height:2.3em}.hero-section .hero-title{white-space:nowrap;width:100vw;margin-left:calc(-50vw + 50%)}.article-header .hero-title{width:auto;margin-left:0;white-space:normal;font-size:clamp(1.6rem,4.5vw,2.5rem);text-align:left;line-height:1.3}#tw-part1,#tw-part2{position:relative;display:inline-block;min-height:1.15em;vertical-align:top}.tw-cursor{position:absolute;color:var(--gold-primary);-webkit-text-fill-color:var(--gold-primary);background:none;font-weight:300;animation:blinkCursor 1s step-end infinite}@keyframes blinkCursor{0%,100%{opacity:1}50%{opacity:0}}.hero-subtitle{font-size:clamp(1rem,1.3vw,1.25rem);color:var(--text-secondary);max-width:720px;margin:0 auto 2.5rem auto;font-weight:400}.hero-ctas{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-bottom:4rem}.hero-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1.5rem 2rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);backdrop-filter:blur(15px)}.metric-card{text-align:center}.metric-value{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--gold-light)}.metric-label{font-size:0.8rem;color:var(--text-muted);margin-top:0.2rem}.scroll-down-indicator{margin-top:2rem;margin-bottom:2rem;z-index:3;display:flex;flex-direction:column;align-items:center;gap:0.5rem;opacity:0.6}.scroll-text{font-size:0.65rem;font-weight:700;letter-spacing:0.2em;color:var(--gold-primary)}.scroll-line{width:1px;height:35px;background:linear-gradient(to bottom,var(--gold-primary),transparent);animation:scrollLineAnim 2s infinite}@keyframes scrollLineAnim{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}.scroll-3d-section{position:relative;height:200vh;background:var(--bg-primary)}.scroll-sticky-wrapper{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.interactive-3d-viewport{position:absolute;inset:0;width:100%;height:100vh;perspective:1400px;z-index:1}.scroll-sticky-wrapper > .section-header,.scroll-sticky-wrapper > .scroll-progress-nav{position:relative;z-index:10;pointer-events:auto}.viewport-card-stack{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1)}.viewport-layer{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:var(--bg-card);display:flex;flex-direction:column;overflow:hidden;transition:all 0.6s cubic-bezier(0.16,1,0.3,1)}.layer-badge{position:absolute;top:15%;left:15%;align-self:flex-start;font-size:0.7rem;font-weight:700;letter-spacing:0.15em;color:var(--gold-primary);background:rgba(212,175,55,0.1);padding:0.3rem 0.8rem;border-radius:30px;border:1px solid var(--gold-border);margin-bottom:1.5rem}.wireframe-grid-visual{display:flex;flex-direction:column;gap:1rem;height:100%;opacity:0.7}.wf-block{border:1px dashed rgba(212,175,55,0.5);border-radius:var(--radius-sm);background:rgba(212,175,55,0.05);display:flex;align-items:center;justify-content:center;color:rgba(212,175,55,0.5);font-size:0.75rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;position:relative;overflow:hidden}.wf-block::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,0.2),transparent);animation:wireframeScan 3s infinite linear}@keyframes wireframeScan{0%{left:-100%}100%{left:200%}}.header-block{height:50px}.header-block::before{content:'NAVIGATION AREA'}.main-hero-block{height:180px}.main-hero-block::before{content:'HERO 3D CANVAS PORTAL'}.wf-block-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;flex-grow:1}.wf-card{border:1px dashed rgba(212,175,55,0.4);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:rgba(212,175,55,0.4);font-size:0.65rem;font-weight:600}.wf-card::before{content:'COMPONENT'}.lighting-glow-orb{position:absolute;top:30%;left:40%;width:250px;height:250px;background:radial-gradient(circle,var(--gold-primary) 0%,transparent 70%);filter:blur(60px);opacity:0.35}.lighting-mesh-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(212,175,55,0.15) 1px,transparent 1px);background-size:24px 24px}.final-mockup-frame{width:100%;height:100%;display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(212,175,55,0.3)}.mockup-header{background:#141722;padding:0.6rem 1rem;display:flex;align-items:center;gap:0.4rem}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.mockup-url{margin-left:1rem;font-size:0.75rem;color:var(--text-muted);font-family:monospace}.mockup-body{position:relative;flex-grow:1;overflow:hidden}.mockup-img{width:100%;height:100%;object-fit:cover}.mockup-overlay-content{position:absolute;bottom:0;inset-x:0;padding:2rem;background:linear-gradient(to top,rgba(7,8,11,0.95),transparent)}.mockup-overlay-content h3{font-size:1.5rem;color:var(--gold-light)}.mockup-overlay-content p{color:var(--text-secondary);font-size:0.9rem}.scroll-progress-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.stage-nav-btn{background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);color:var(--text-secondary);padding:0.6rem 1.25rem;border-radius:30px;font-family:var(--font-heading);font-size:0.8rem;font-weight:700;cursor:pointer;transition:var(--transition-fast)}.stage-nav-btn.active,.stage-nav-btn:hover{background:rgba(212,175,55,0.15);border-color:var(--gold-primary);color:var(--gold-light)}.services-section{padding:8rem 0;background:var(--bg-primary)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:4rem}.service-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.5rem;transition:var(--transition-smooth);position:relative;overflow:hidden}.service-card:hover{background:var(--bg-card-hover);border-color:var(--gold-border);transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.4)}.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--gold-primary),transparent);opacity:0;transition:var(--transition-smooth)}.service-card:hover::before{opacity:1}.service-icon{width:60px;height:60px;border-radius:var(--radius-md);background:rgba(212,175,55,0.1);border:1px solid var(--gold-border);display:flex;align-items:center;justify-content:center;color:var(--gold-primary);margin-bottom:1.5rem}.service-title{font-size:1.5rem;margin-bottom:0.75rem}.service-desc{color:var(--text-secondary);font-size:0.95rem;margin-bottom:1.5rem}.service-features{list-style:none;display:flex;flex-direction:column;gap:0.5rem}.service-features li{font-size:0.85rem;color:var(--text-muted);display:flex;align-items:center;gap:0.5rem}.service-features li i{color:var(--gold-primary);width:16px;height:16px}.horizontal-scroll-section{position:relative;height:600vh;background:var(--bg-secondary)}.sticky-wrapper{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:80px;padding-bottom:20px;box-sizing:border-box}.horizontal-scroll-section .section-header{margin-bottom:1rem}.horizontal-track-container{width:100%;overflow:hidden;margin-top:0;touch-action:pan-y;user-select:none;-webkit-user-select:none;padding:0.5rem 0}.horizontal-track{display:flex;gap:2.5rem;width:max-content;padding:0 5vw;will-change:transform;cursor:grab;align-items:center}.horizontal-track.is-dragging{cursor:grabbing}.horizontal-track img{user-select:none;-webkit-user-drag:none;user-drag:none;pointer-events:none}.horizontal-card{width:clamp(480px,48vw,760px);height:min(54vh,480px);min-height:360px;flex-shrink:0}.portfolio-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-smooth);cursor:pointer;display:flex;flex-direction:column;position:relative;box-shadow:0 15px 40px rgba(0,0,0,0.5)}@property --spin-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.portfolio-card::after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:2px;background:conic-gradient(from var(--spin-angle),transparent 60%,var(--accent-cyan) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10}.portfolio-card:hover::after{opacity:1;animation:spinGradient 2s linear infinite}@keyframes spinGradient{0%{--spin-angle:0deg}100%{--spin-angle:360deg}}.portfolio-card:hover{border-color:var(--gold-border);box-shadow:0 25px 50px rgba(0,0,0,0.6);transform:translateY(-8px)}.portfolio-img-wrapper{position:relative;width:100%;flex-grow:1;overflow:hidden;background:#07080b}.portfolio-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1),object-position 4s ease-in-out}.portfolio-card:hover .portfolio-img{object-position:bottom center;transform:scale(1.02)}.portfolio-info{padding:1.25rem 1.5rem;background:rgba(10,11,16,0.95);border-top:1px solid var(--glass-border);flex-shrink:0}.project-tag{font-size:0.7rem;font-weight:700;color:var(--gold-primary);text-transform:uppercase;letter-spacing:0.1em}.project-title{font-size:1.25rem;margin:0.4rem 0 0.6rem 0}.project-desc{color:var(--text-secondary);font-size:0.85rem}.pricing-section{padding:8rem 0;background:var(--bg-primary)}.pricing-matrix-wrapper{margin-top:4rem;padding-bottom:2rem}.pricing-matrix-table{width:100%;min-width:0;display:flex;flex-direction:column;border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--glass-shadow);overflow:hidden}.pt-row{display:grid;grid-template-columns:200px repeat(4,1fr);transition:background 0.3s ease}.pt-row:hover:not(.pt-header-row){background:rgba(255,255,255,0.02)}.pt-cell{padding:1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0.5rem;border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);text-align:left}.pt-cell:last-child{border-right:none}.pt-row:last-child .pt-cell{border-bottom:none}.pt-feature-col{font-weight:600;color:var(--text-secondary);background:rgba(0,0,0,0.2);justify-content:flex-start;text-align:left}.pt-header-row{background:rgba(0,0,0,0.4);border-bottom:2px solid var(--glass-border)}.pt-header-row .pt-cell,.pt-price-row .pt-cell{flex-direction:column;align-items:flex-start;text-align:left;gap:0}.pt-header-row h3{font-size:1.25rem;color:#fff;margin-bottom:0.5rem;font-family:var(--font-heading)}.pt-tag{font-size:0.7rem;font-weight:700;padding:0.25rem 0.75rem;border-radius:20px;background:rgba(255,255,255,0.1);color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.05em}.pt-tag.active{background:var(--gold-primary);color:#000}.pt-original-price{font-size:0.85rem;color:var(--text-muted);margin-bottom:0.2rem;display:flex;align-items:center;justify-content:flex-start;gap:0.5rem}.discount-badge{background:rgba(0,229,255,0.08);color:#00e5ff;border:1px solid rgba(0,229,255,0.25);padding:0.15rem 0.55rem;border-radius:50px;font-size:0.68rem;font-weight:700;letter-spacing:0.02em;backdrop-filter:blur(4px);display:inline-flex;align-items:center;text-transform:uppercase}.pt-price{font-size:1.5rem;font-weight:800;color:var(--gold-light);font-family:var(--font-heading)}.pt-sub{font-size:0.8rem;color:var(--text-muted)}.pt-highlight{background:linear-gradient(180deg,rgba(0,229,255,0.08) 0%,rgba(0,0,0,0) 100%);position:relative}.pt-highlight::before{content:'';position:absolute;top:0;left:-1px;right:0;bottom:0;border-left:1px solid var(--gold-primary);border-right:1px solid var(--gold-primary);pointer-events:none;z-index:2}.pt-col-1,.pt-col-2,.pt-col-3,.pt-col-4{align-items:flex-start;text-align:left;font-size:0.95rem;justify-content:flex-start}.pt-row i{color:var(--gold-primary);margin-bottom:0}.pt-cta-row{padding:0}.pt-cta-row .pt-cell{padding:1.5rem 1rem;justify-content:center}.btn-outline-cyan{background:transparent;border:1px solid var(--gold-primary);color:var(--gold-light);transition:all 0.3s ease}.btn-outline-cyan:hover{background:rgba(0,229,255,0.1);box-shadow:0 0 20px rgba(0,229,255,0.2)}.btn-cyan-solid{background:var(--gold-primary);color:#000;border:1px solid var(--gold-primary);font-weight:700;transition:all 0.3s ease}.btn-cyan-solid:hover{box-shadow:0 0 30px rgba(0,229,255,0.4)}.pricing-cards-mobile{display:none;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem}.pricing-card-item{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:var(--glass-shadow);transition:var(--transition-smooth)}.pricing-card-item:hover{border-color:var(--gold-border);transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.5)}.pricing-card-item.pcard-featured{border-color:var(--gold-primary);background:linear-gradient(180deg,rgba(212,175,55,0.08) 0%,var(--bg-card) 100%);box-shadow:0 10px 30px rgba(212,175,55,0.15)}.pcard-featured-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold-primary);color:#000;font-size:0.68rem;font-weight:800;padding:0.25rem 0.75rem;border-radius:20px;letter-spacing:0.05em;white-space:nowrap;text-transform:uppercase}.pcard-header{text-align:left;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--glass-border)}.pcard-badge{display:inline-block;font-size:0.7rem;font-weight:700;padding:0.25rem 0.75rem;border-radius:20px;background:rgba(255,255,255,0.1);color:var(--text-secondary);margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.05em}.pcard-badge.active{background:var(--gold-primary);color:#000}.pcard-title{font-size:1.35rem;color:#fff;margin-bottom:1rem;font-family:var(--font-heading)}.pcard-price-box{margin-top:0.5rem}.pcard-meta-list{background:rgba(255,255,255,0.03);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:0.85rem 1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:0.6rem}.pcard-meta-item{display:flex;align-items:flex-start;gap:0.5rem;font-size:0.85rem;line-height:1.4}.pcard-meta-label{color:var(--text-muted);font-weight:600;white-space:nowrap;flex-shrink:0;width:78px}.pcard-meta-val{color:var(--text-primary);flex-grow:1}.pcard-features{list-style:none;padding:0;margin:0 0 2rem 0;display:flex;flex-direction:column;gap:0.85rem;flex-grow:1}.pcard-features li{font-size:0.9rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:0.65rem;line-height:1.4}.pcard-features li i{color:var(--gold-primary);width:18px;height:18px;flex-shrink:0;margin-top:2px}.btn-luxury-outline{background:rgba(0,229,255,0.05);border:1px solid var(--gold-border);color:var(--gold-light);font-weight:600;transition:var(--transition-fast)}.btn-luxury-outline:hover{background:var(--gold-primary);color:#000;border-color:var(--gold-primary);box-shadow:0 0 20px var(--gold-glow)}.workflow-section{padding:8rem 0 2rem 0;background:var(--bg-secondary)}.workflow-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;margin:4rem 0 0 0}.workflow-step{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.75rem 1.25rem;position:relative;transition:var(--transition-smooth)}.workflow-step:hover{border-color:var(--gold-border);transform:translateY(-5px)}.step-icon{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--gold-primary);margin-bottom:1rem}.step-content h3,.step-content h4{font-size:1rem;margin-bottom:0.5rem}.step-content p{font-size:0.8rem;color:var(--text-muted)}.comparison-container{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:3rem;margin-top:4rem}.comparison-title{text-align:center;font-size:1.5rem;margin-bottom:2.5rem}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.comp-col{padding:2rem;border-radius:var(--radius-md);background:rgba(255,255,255,0.02)}.comp-header{font-family:var(--font-heading);font-size:1.1rem;font-weight:800;margin-bottom:1.5rem;text-align:center}.comp-traditional .comp-header{color:var(--text-muted)}.comp-immersive .comp-header{color:var(--gold-light)}.comp-col ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.comp-col li{font-size:0.9rem;display:flex;align-items:center;gap:0.75rem}.comp-traditional li i{color:#ff5f56}.comp-immersive li i{color:var(--gold-primary)}.highlight-border{border:1px solid var(--gold-border);background:rgba(212,175,55,0.05);box-shadow:0 0 30px var(--gold-glow)}.blog-section{padding:8rem 0;background:var(--bg-secondary)}.blog-filter-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem}.blog-filter-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);padding:0.5rem 1.5rem;border-radius:50px;font-size:0.95rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.blog-filter-btn:hover,.blog-filter-btn.active{background:var(--gold-primary);color:#000;border-color:var(--gold-primary);box-shadow:0 0 15px var(--gold-glow)}.blog-more-btn-wrapper{text-align:center;margin-top:4rem}.article-main-wrap{padding-top:120px}.article-header{margin-bottom:3rem}.article-hero-img{width:100%;max-width:100%;height:auto;display:block;border-radius:var(--radius-lg);margin-bottom:2.5rem;box-shadow:0 10px 30px rgba(0,0,0,0.5);border:1px solid var(--glass-border)}.article-layout{display:grid;grid-template-columns:1fr 300px;gap:4rem}.article-main{min-width:0}.article-content{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);overflow-wrap:break-word;word-break:break-word}.article-content h2{color:var(--text-primary);font-size:1.8rem;margin:2.5rem 0 1rem 0}.article-content h3{color:var(--text-primary);font-size:1.4rem;margin:2rem 0 1rem 0}.article-content p{margin-bottom:1.5rem}.article-content img{display:block;width:100%;max-width:100%;height:auto;border-radius:var(--radius-md);margin:2rem 0}.article-content ul,.article-content ol{margin:1.5rem 0 1.5rem 2rem}.article-content li{margin-bottom:0.75rem}.article-content blockquote{border-left:4px solid var(--gold-primary);padding:1.5rem 2rem;margin:2rem 0;background:rgba(212,175,55,0.05);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;font-size:1.2rem;color:var(--gold-light)}.article-sidebar{position:sticky;top:120px;min-width:0}.sidebar-widget{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2rem}.sidebar-title{font-size:1.2rem;color:var(--text-primary);margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--glass-border)}.toc-list{list-style:none;margin:0}.toc-list li{margin-bottom:0.75rem}.toc-list a{color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast);font-size:0.95rem}.toc-list a:hover{color:var(--gold-primary)}@media (max-width:1024px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;margin-top:3rem}}@media (max-width:768px){.article-main-wrap{padding-top:80px}.article-header .hero-title{font-size:clamp(1.45rem,5.5vw,2rem) !important;margin-bottom:1rem !important;line-height:1.35 !important}.blog-meta{display:flex;flex-wrap:wrap;gap:0.5rem 1rem;font-size:0.82rem}.article-header .article-content{font-size:1rem !important}.article-content{font-size:1rem;line-height:1.75}.article-content h2{font-size:1.3rem;margin:1.75rem 0 0.65rem 0}.article-content h3{font-size:1.1rem;margin:1.25rem 0 0.5rem 0}.article-content p{margin-bottom:1.25rem}.article-content ul,.article-content ol{margin:0.75rem 0 0.75rem 1.1rem}.article-content li{margin-bottom:0.6rem;font-size:0.97rem}.article-content blockquote{padding:1rem 1.15rem;font-size:1rem;margin:1.25rem 0;border-left-width:3px}.article-content div[style*="background:rgba(212"]{padding:1.5rem 1rem !important}.article-content div[style*="background:rgba(212"] h3{font-size:1.35rem !important}.article-content div[style*="background:rgba(212"] p{font-size:0.97rem !important}.article-content div[style*="background:rgba(212"] .btn{width:100%;justify-content:center;font-size:0.9rem !important;padding:0.85rem 1rem !important}.article-sidebar{margin-top:2rem}.sidebar-widget{padding:1.25rem 1rem}.sidebar-title{font-size:1.05rem}.toc-list a{font-size:0.9rem}}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.blog-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-smooth);display:flex;flex-direction:column}.blog-card:hover{border-color:var(--gold-border);transform:translateY(-5px);box-shadow:0 10px 30px rgba(212,175,55,0.05)}.blog-card-img-wrapper{position:relative;overflow:hidden;aspect-ratio:16 / 9;height:auto;width:100%;background:#060709;display:flex;align-items:center;justify-content:center}.blog-card-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1)}.blog-card:hover .blog-card-img{transform:scale(1.05)}.blog-category{position:absolute;top:1rem;left:1rem;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);color:var(--gold-light);border:1px solid var(--gold-border);padding:0.3rem 0.8rem;border-radius:50px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em}.blog-card-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.blog-meta{display:flex;gap:1rem;color:var(--text-muted);font-size:0.8rem;margin-bottom:0.75rem}.blog-meta span{display:flex;align-items:center;gap:0.4rem}.blog-meta i{width:14px;height:14px}.blog-title{font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:0.75rem}.blog-title a{color:var(--text-primary);text-decoration:none;transition:var(--transition-fast)}.blog-card:hover .blog-title a{color:var(--gold-primary)}.blog-excerpt{color:var(--text-secondary);font-size:0.95rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.blog-read-more{display:inline-flex;align-items:center;gap:0.5rem;color:var(--gold-primary);font-weight:600;font-size:0.9rem;text-decoration:none;text-transform:uppercase;letter-spacing:0.05em;transition:var(--transition-fast);align-self:flex-start}.blog-read-more i{width:16px;height:16px;transition:transform 0.3s ease}.blog-read-more:hover{color:var(--gold-light)}.blog-read-more:hover i{transform:translateX(4px)}.benefits-section{padding:8rem 0;background:var(--bg-primary)}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.benefit-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:2.5rem;text-align:center;transition:var(--transition-smooth)}.benefit-card:hover{border-color:var(--gold-border);box-shadow:0 10px 30px rgba(212,175,55,0.1)}.benefit-icon{width:64px;height:64px;margin:0 auto 1.5rem auto;border-radius:50%;background:rgba(212,175,55,0.05);border:1px solid var(--gold-border);color:var(--gold-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:var(--transition-smooth)}.benefit-card:hover .benefit-icon{background:var(--gold-primary);color:#000;box-shadow:0 0 20px var(--gold-glow)}.benefit-title{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}.benefit-desc{color:var(--text-secondary);font-size:0.95rem;line-height:1.6}.footer{padding:5rem 0 2rem 0;border-top:1px solid var(--glass-border);background:var(--bg-primary)}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:4rem;margin-bottom:4rem}.footer-col-main .brand-logo{display:inline-flex;margin-bottom:1rem}.footer-tagline{color:var(--text-muted);font-size:0.95rem;margin-bottom:2rem;max-width:350px}.footer-contacts-list{display:flex;flex-direction:column;gap:1rem}.footer-contact-link{color:var(--text-primary);text-decoration:none;display:inline-flex;align-items:center;gap:0.75rem;font-size:0.95rem;transition:var(--transition-fast);white-space:nowrap}.footer-contact-link i{color:var(--gold-primary);width:20px;height:20px}.footer-contact-link:hover{color:var(--gold-primary)}.footer-heading{font-size:1.1rem;font-family:var(--font-heading);color:var(--gold-light);margin-bottom:1.5rem}.footer-menu{list-style:none;display:flex;flex-direction:column;gap:1rem}.footer-menu a{color:var(--text-secondary);text-decoration:none;font-size:0.95rem;transition:var(--transition-fast);white-space:nowrap}.footer-menu a:hover{color:var(--gold-primary);padding-right:5px}.modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:var(--transition-smooth)}.modal.active{opacity:1;pointer-events:all}.modal-overlay{position:absolute;inset:0;background:rgba(7,8,11,0.85);backdrop-filter:blur(15px)}.modal-content{position:relative;z-index:2;background:#000;border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;padding:2rem;box-shadow:0 30px 60px rgba(0,0,0,0.8);-webkit-overflow-scrolling:touch}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.modal-body img{width:100%;height:auto;display:block;border-radius:var(--radius-md)}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer}.modal-close:hover{color:var(--gold-primary)}.modal-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(7,8,11,0.8);border:1px solid var(--glass-border);color:var(--text-primary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:var(--transition-smooth)}.modal-nav-btn:hover{background:var(--gold-primary);color:#000}.modal-prev{left:2rem}.modal-next{right:2rem}.zalo-delete-zone{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px) scale(0.5);width:60px;height:60px;background:rgba(0,0,0,0.4);color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:9998;opacity:0;visibility:hidden;transition:all 0.35s cubic-bezier(0.16,1,0.3,1);pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.zalo-delete-zone svg{width:28px;height:28px;transition:transform 0.3s ease}.zalo-delete-zone.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1)}.zalo-delete-zone.hover-active{background:#ff3b30;transform:translateX(-50%) translateY(0) scale(1.15);box-shadow:0 10px 25px rgba(255,59,48,0.5)}.zalo-delete-zone.hover-active svg{transform:scale(1.2)}.zalo-widget-container{position:fixed;bottom:1.8rem;right:1.8rem;z-index:9999;touch-action:none;user-select:none;width:56px;height:56px}.zalo-widget-container.is-snapping{transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}.zalo-btn{position:absolute;width:100%;height:100%;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,0.35),0 0 20px rgba(0,104,255,0.4);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s ease;text-decoration:none;flex-shrink:0;cursor:grab;z-index:2}.zalo-btn:active{cursor:grabbing}.zalo-img-icon{width:100%;height:100%;object-fit:cover;border-radius:50%}.zalo-btn:hover{transform:scale(1.08);box-shadow:0 14px 35px rgba(0,104,255,0.6)}.zalo-notif-badge{position:absolute;top:-2px;right:-2px;background:#ff3b30;color:#ffffff;font-size:0.72rem;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 3px 8px rgba(255,59,48,0.5);z-index:3}.zalo-tooltip{position:absolute;top:50%;right:calc(100% + 12px);translate:0 -50%;background:#ffffff;color:#1e293b;padding:0.7rem 1.15rem;border-radius:18px;font-size:0.88rem;font-weight:400;line-height:1.35;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,0.3),0 4px 12px rgba(0,0,0,0.15);display:flex;align-items:center;gap:0.6rem;opacity:0;visibility:hidden;transform:scale(0.2) translateX(30px);transform-origin:center right;transition:opacity 0.3s ease,transform 0.45s cubic-bezier(0.34,1.56,0.64,1),visibility 0.3s;z-index:1}.zalo-tooltip::after{content:'';position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:9px solid #ffffff}.zalo-widget-container.snap-left .zalo-tooltip{right:auto;left:calc(100% + 12px);transform-origin:center left;transform:scale(0.2) translateX(-30px)}.zalo-widget-container.snap-left .zalo-tooltip::after{left:-8px;right:auto;border-right:9px solid #ffffff;border-left:none}.zalo-tooltip.show,.zalo-widget-container.snap-left .zalo-tooltip.show{opacity:1;visibility:visible;transform:scale(1) translateX(0)}.zalo-tooltip-text{color:#1e293b;font-family:var(--font-body);font-weight:400;text-align:left;font-size:0.88rem;line-height:1.35}.zalo-tooltip-close{background:rgba(0,0,0,0.06);border:none;color:#64748b;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.9rem;cursor:pointer;line-height:1;transition:background 0.2s ease,color 0.2s ease;flex-shrink:0}.zalo-tooltip-close:hover{background:rgba(0,0,0,0.12);color:#0f172a}.scroll-to-top-btn{position:fixed;bottom:7.2rem;right:1.8rem;width:50px;height:50px;border-radius:50%;background:rgba(10,11,16,0.8);border:1px solid var(--gold-border);color:var(--gold-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:99;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s ease;backdrop-filter:blur(8px)}.scroll-to-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}body.zalo-away .scroll-to-top-btn{bottom:1.8rem}.scroll-to-top-btn:hover{background:var(--gold-primary);color:#000;box-shadow:0 0 15px var(--gold-glow)}@media (max-width:1024px),(pointer:coarse){.custom-cursor,.cursor-follower{display:none !important}}@media (max-width:1024px){.container{padding:0 1.5rem}.hero-metrics-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.workflow-timeline{grid-template-columns:repeat(2,1fr);gap:1.25rem}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.pricing-matrix-wrapper{display:none}.pricing-cards-mobile{display:grid}.horizontal-card{width:clamp(380px,55vw,540px);height:min(50vh,440px);min-height:340px}.nav-container{padding:0 1.5rem}.mobile-menu-btn{display:flex}.nav-links{display:flex;position:fixed;top:65px;left:0;width:100%;background:rgba(7,8,11,0.98);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);flex-direction:column;align-items:center;padding:2.5rem 1.5rem;gap:1.5rem;border-bottom:1px solid var(--glass-border);box-shadow:0 20px 40px rgba(0,0,0,0.9);transform:translateY(-20px) scale(0.98);transition:transform 0.5s cubic-bezier(0.16,1,0.3,1),opacity 0.4s ease,visibility 0.4s;opacity:0;visibility:hidden;pointer-events:none;z-index:999}.nav-links.active{transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto}.nav-links .nav-link{font-size:1.15rem;font-weight:600;opacity:0;transform:translateY(15px);transition:all 0.4s cubic-bezier(0.16,1,0.3,1)}.nav-links.active .nav-link{opacity:1;transform:translateY(0) scale(1)}.nav-links.active .nav-link:hover{color:var(--gold-primary);transform:translateY(0) scale(1.1)}.nav-links.active .nav-link:nth-child(1){transition-delay:0.1s}.nav-links.active .nav-link:nth-child(2){transition-delay:0.15s}.nav-links.active .nav-link:nth-child(3){transition-delay:0.2s}.nav-links.active .nav-link:nth-child(4){transition-delay:0.25s}.nav-links.active .nav-link:nth-child(5){transition-delay:0.3s}.nav-links.active .nav-link:nth-child(6){transition-delay:0.35s}}@media (max-width:768px){.hero-section{padding-top:7rem;min-height:auto;padding-bottom:5rem}.hero-subtitle{font-size:0.95rem;margin-bottom:2rem}.hero-ctas{flex-direction:column;width:100%;gap:1rem}.hero-ctas .btn{width:100%;justify-content:center}.hero-metrics-grid{grid-template-columns:repeat(2,1fr);padding:1.25rem 1rem;gap:1rem}.metric-value{font-size:1.65rem}.metric-label{font-size:0.75rem}.scroll-down-indicator{display:none}.services-section,.pricing-section,.workflow-section,.benefits-section{padding:5rem 0}.section-header{margin-bottom:2.5rem !important}.section-title{font-size:1.85rem}.section-desc{font-size:0.9rem}.services-grid{grid-template-columns:1fr;gap:1.25rem}.service-card{padding:1.75rem 1.25rem}.service-title{font-size:1.25rem}.horizontal-scroll-section{height:450vh}.horizontal-scroll-section .section-header{margin-bottom:0.75rem !important}.horizontal-track-container{margin-top:0;padding:0.25rem 0}.horizontal-track{gap:1.25rem;padding:0 1.25rem}.horizontal-card{width:82vw;max-width:380px;height:min(46vh,380px);min-height:290px}.portfolio-info{padding:1rem 1.15rem}.project-title{font-size:1.15rem}.pricing-cards-mobile{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.pricing-card-item{padding:1.75rem 1.25rem}.workflow-timeline{grid-template-columns:1fr;gap:1rem;margin:2.5rem 0 3rem 0}.workflow-step{padding:1.5rem 1.25rem}.benefits-grid{grid-template-columns:1fr;gap:1.25rem}.benefit-card{padding:1.75rem 1.25rem}.blog-section{padding:5rem 0}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-more-btn-wrapper{margin-top:3rem}.footer{padding:4rem 0 2rem 0}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-col-main{text-align:center;display:flex;flex-direction:column;align-items:center}.footer-col-main > div:first-child{justify-content:center}.footer-tagline{text-align:center;margin:0 auto 1.5rem auto}.footer-contacts-list{align-items:center}.footer-col-links{text-align:center !important;align-items:center !important}.footer-heading{text-align:center !important}.footer-menu{text-align:center !important;align-items:center}.footer-menu a:hover{padding-right:0;color:var(--gold-primary)}.footer-col-links > div:last-child{text-align:center !important}.modal-content{width:95%;padding:1.5rem 0.75rem 1rem 0.75rem;border-radius:var(--radius-md)}.modal-nav-btn{width:38px;height:38px}.modal-prev{left:0.5rem}.modal-next{right:0.5rem}.modal-close{top:0.75rem;right:0.75rem;font-size:1.25rem}.zalo-widget-container{bottom:1.25rem;right:1.25rem;width:50px;height:50px}.zalo-notif-badge{width:18px;height:18px;font-size:0.65rem;top:-1px;right:-1px}.zalo-tooltip{padding:0.6rem 1rem;font-size:0.82rem}.zalo-tooltip-text{font-size:0.82rem}.scroll-to-top-btn{bottom:5.5rem;right:1.25rem;width:44px;height:44px}body.zalo-away .scroll-to-top-btn{bottom:1.25rem}}@media (max-width:480px){.container{padding:0 1rem}.hero-metrics-grid{padding:1rem 0.5rem;gap:0.75rem}.metric-value{font-size:1.45rem}.horizontal-card{width:85vw;max-width:350px;height:min(44vh,350px);min-height:270px}.portfolio-info{padding:0.85rem 1rem}.pt-price{font-size:1.35rem}.btn-luxury-glow{padding:0.4rem 0.75rem;font-size:0.75rem}}.reveal-on-scroll{opacity:0;transform:translateY(40px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}.reveal-on-scroll.in-view{opacity:1;transform:translateY(0)}.pricing-matrix-container.reveal-on-scroll,.pricing-card-item.reveal-on-scroll{transform:translateY(20px);transition:opacity 0.4s cubic-bezier(0.16,1,0.3,1),transform 0.4s cubic-bezier(0.16,1,0.3,1)}.pricing-matrix-container.reveal-on-scroll.in-view,.pricing-card-item.reveal-on-scroll.in-view{transform:translateY(0)}.service-card.reveal-on-scroll{transform:translateY(60px) scale(0.95)}.service-card.reveal-on-scroll.in-view{transform:translateY(0) scale(1)}.portfolio-card.reveal-on-scroll,.blog-card.reveal-on-scroll{transform:translateY(80px)}.portfolio-card.reveal-on-scroll.in-view,.blog-card.reveal-on-scroll.in-view{transform:translateY(0)}.workflow-step.reveal-on-scroll{transform:translateX(-40px)}.workflow-step.reveal-on-scroll.in-view{transform:translateX(0)}.comp-col.reveal-on-scroll:nth-child(even){transform:translateX(40px)}.comp-col.reveal-on-scroll:nth-child(even).in-view{transform:translateX(0)}@media (max-width:400px){.nav-container{padding:0 0.75rem}.nav-actions{gap:0.5rem}.btn-luxury-glow{padding:0.45rem 0.75rem;font-size:0.75rem}.btn-luxury-glow i{width:12px;height:12px}.brand-logo{gap:0.25rem;font-size:1.1rem}}.btn-article-cta{font-size:clamp(0.9rem,2.5vw,1.1rem) !important;padding:clamp(0.8rem,2vw,1rem) clamp(1rem,3vw,2rem) !important;white-space:normal !important;text-align:center;line-height:1.4;height:auto}.faq-section{padding:6rem 0 5rem 0;position:relative;z-index:2}.faq-container{max-width:850px;margin:0 auto}.faq-item{background:rgba(10,11,16,0.5);border:1px solid rgba(255,255,255,0.05);border-radius:16px;margin-bottom:1.25rem;overflow:hidden;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.faq-item:hover{border-color:rgba(212,175,55,0.4);transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,0.4)}details[open].faq-item{border-color:var(--gold-primary);background:rgba(212,175,55,0.04);box-shadow:0 10px 30px rgba(212,175,55,0.08)}.faq-question{padding:1.5rem 5rem 1.5rem 2rem;font-size:1.2rem;font-family:var(--font-heading);font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none;position:relative;user-select:none;outline:none;transition:color 0.3s ease}details[open] .faq-question{color:var(--gold-light)}.faq-question::-webkit-details-marker{display:none}.faq-question::after{content:'';position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:36px;height:36px;background-color:rgba(212,175,55,0.1);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23D4AF37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-size:20px;background-repeat:no-repeat;background-position:center;border:1px solid rgba(212,175,55,0.3);border-radius:50%;transition:all 0.4s cubic-bezier(0.16,1,0.3,1)}details[open] .faq-question::after{transform:translateY(-50%) rotate(180deg);background-color:var(--gold-primary);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');box-shadow:0 0 15px var(--gold-glow);border-color:var(--gold-primary)}.faq-answer{padding:0 4rem 1.75rem 3.5rem;color:var(--text-secondary);line-height:1.7;font-size:1.05rem;animation:fadeInDown 0.4s cubic-bezier(0.16,1,0.3,1) forwards;position:relative}.faq-answer::before{content:'';position:absolute;left:2rem;top:0;height:calc(100% - 1.75rem);width:2px;background:linear-gradient(to bottom,var(--gold-primary),transparent);border-radius:2px}@keyframes fadeInDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.faq-question{padding:1.25rem 4rem 1.25rem 1.5rem;font-size:1.1rem}.faq-question::after{right:1.25rem;width:32px;height:32px;line-height:30px;font-size:1.4rem}.faq-answer{padding:0 1.5rem 1.5rem 2.5rem}.faq-answer::before{left:1.5rem;height:calc(100% - 1.5rem)}}