:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--bg-color: #0a0a0a;--text-color: #ffffff;--accent-color: #ffffff;--card-bg: #1a1a1a}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}.app{width:100%;min-height:100vh}.hero-container{height:300vh;position:relative}.sticky-wrapper{position:sticky;top:0;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;perspective:1000px}.hero-content{position:absolute;top:15%;left:50%;transform:translate(-50%);text-align:center;z-index:20;width:100%;pointer-events:none}.hero-content h1{font-size:4rem;margin-bottom:1rem;font-weight:800;letter-spacing:-.05em}.hero-content p{font-size:1.5rem;color:#ccc;margin-bottom:2rem}.cta-button{pointer-events:auto;padding:1rem 2rem;font-size:1.1rem;background:#fff;color:#000;border:none;border-radius:50px;cursor:pointer;font-weight:600;transition:transform .2s}.cta-button:hover{transform:scale(1.05)}.video-placeholder{width:100%;height:100%;background-size:cover;background-position:center;border-radius:12px;position:relative;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 30px #00000080;overflow:hidden}.hero-video-card{width:300px;height:533px;position:absolute;border-radius:12px}.play-icon{width:60px;height:60px;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%;display:flex;justify-content:center;align-items:center}.stats{position:absolute;bottom:20px;left:20px;background:#0009;padding:5px 10px;border-radius:20px;font-size:.9rem;font-weight:600}.hero-parallax-container{height:250vh;position:relative;background:#0a0a0a}.sticky-content{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.parallax-wrapper{display:flex;justify-content:center;gap:30px;height:120%;margin-top:-10%}.parallax-column{display:flex;flex-direction:column;gap:30px;width:220px}.center-col{width:320px;margin-top:0;justify-content:center;align-items:center;position:relative;z-index:10}.parallax-item{width:100%;height:350px;border-radius:12px;overflow:hidden;opacity:.5;transition:opacity .3s;flex-shrink:0}.parallax-item:hover{opacity:1}.main-card-parallax{width:100%;height:568px;border-radius:16px;box-shadow:0 20px 60px #000000e6;position:relative;z-index:20;flex-shrink:0}.hero-stats-panel{margin-top:30px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:16px;width:100%;display:flex;flex-direction:column;gap:15px;border:1px solid rgba(255,255,255,.1)}.hero-stat{display:flex;align-items:center;gap:15px;font-size:1.1rem;font-weight:500;color:#eee}.hero-stats-panel-minimal{margin-top:40px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.hero-stat-minimal{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.stat-value{font-size:2rem;font-weight:800;color:#fff;line-height:1}.stat-label{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.hero-stat-divider{width:1px;height:40px;background:#fff3}.hero-overlay-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:30;mix-blend-mode:difference}.hero-overlay-title h1{font-size:6rem;margin:0;font-weight:900;letter-spacing:-.05em;color:#fff}.hero-overlay-title p{font-size:1.5rem;margin-top:10px;color:#fffc;text-transform:uppercase;letter-spacing:.2em}@media (max-width: 1200px){.col-outer{display:none}}@media (max-width: 768px){.parallax-wrapper{gap:15px}.parallax-column{width:30vw}.center-col{width:40vw}.main-card-parallax{height:60vh}.hero-overlay-title h1{font-size:3rem}}.mosaic-container{position:relative;width:300px;height:533px;display:flex;justify-content:center;align-items:center;transform-origin:center center}.main-card{width:100%;height:100%;position:absolute;z-index:10;box-shadow:0 20px 50px #000c}.mosaic-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.trail-line-bg{position:absolute;left:50%;top:0;bottom:0;width:3px;background:#333;transform:translate(-50%)}.mosaic-item{position:absolute;transition:transform .3s}.mosaic-item .video-placeholder{box-shadow:0 5px 15px #00000080}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.hero-video-card,.mosaic-container{width:200px;height:355px}}section{padding:100px 20px;width:100%}.container{max-width:1200px;margin:0 auto}h2{font-size:3rem;margin-bottom:3rem;text-align:center}.process-section{background:#0a0a0a;padding-bottom:150px}.process-trail-container{position:relative;max-width:800px;margin:0 auto;padding:40px 0}.process-trail-container.single-col{padding-left:20px}.trail-line-bg.left-aligned{left:29px;transform:none;z-index:0;bottom:auto}.trail-line-fill.left-aligned{left:29px;transform:none;z-index:1;bottom:auto}.trail-steps{display:flex;flex-direction:column;gap:100px;position:relative}.trail-step.checklist-style{width:100%;padding:0;display:flex;gap:40px;align-items:flex-start}.step-marker-wrapper{width:60px;display:flex;justify-content:center;padding-top:30px;flex-shrink:0;z-index:10;position:relative}.custom-checkbox{width:30px;height:40px;background:#0a0a0a;position:relative;z-index:20;display:flex;justify-content:center;align-items:center}.step-marker-box{display:none}.step-content.compact{max-width:100%;padding:30px;display:flex;flex-direction:column;gap:10px}.step-header{display:flex;align-items:center;gap:15px}.step-icon-compact{color:#fff;display:flex;align-items:center}.step-content.compact h3{margin:0;font-size:1.5rem}.trail-step.left,.trail-step.right,.step-marker{display:none}.trail-step{display:flex;align-items:center;position:relative;width:50%}.trail-step.left{align-self:flex-start;justify-content:flex-end;padding-right:60px;text-align:right}.trail-step.right{align-self:flex-end;justify-content:flex-start;padding-left:60px;text-align:left}.step-marker{position:absolute;width:16px;height:16px;background:#0a0a0a;border:2px solid #444;border-radius:50%;top:50%;transform:translateY(-50%);z-index:10}.trail-step.left .step-marker{right:-8px}.trail-step.right .step-marker{left:-8px}.step-content{background:#111;padding:30px;border-radius:16px;border:1px solid #222;width:100%;max-width:400px;transition:border-color .3s}.step-content:hover{border-color:#444}.step-icon{margin-bottom:15px;color:#fff;display:inline-block;padding:10px;background:#ffffff0d;border-radius:12px}.step-content h3{font-size:1.5rem;margin-bottom:10px;color:#fff}.step-content p{color:#888;line-height:1.6;margin:0}@media (max-width: 768px){.trail-line-bg,.trail-line-fill{left:20px}.trail-step{width:100%;padding-left:60px!important;padding-right:0!important;text-align:left!important;align-self:flex-start!important;justify-content:flex-start!important}.trail-step.left .step-marker,.trail-step.right .step-marker{left:12px;right:auto}}.stats-section{background:#fff;color:#000}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;text-align:center}.stat-item h3{font-size:4rem;font-weight:800;margin:0;letter-spacing:-2px}.stat-item p{font-size:1.2rem;font-weight:600;margin-top:10px;color:#444}.brands-section{background:#0a0a0a;text-align:center;padding:60px 0;overflow:hidden}.section-label{text-transform:uppercase;letter-spacing:2px;font-size:.9rem;color:#666;margin-bottom:40px}.brands-ticker-container{width:100%;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.brands-ticker-track{display:flex;gap:80px;width:max-content;padding:20px 0}.brand-name{font-size:3rem;font-weight:900;color:#333;transition:color .3s;white-space:nowrap;text-transform:uppercase}.brand-name:hover{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5)}.contact-section{background:#0a0a0a;min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}.contact-content h2{font-size:5rem;line-height:1.2;margin-bottom:20px;background:linear-gradient(90deg,#fff,#aaa,#fff,#aaa);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease-in-out infinite;padding:0 20px}.contact-content p{font-size:1.5rem;color:#888;margin-bottom:40px}.book-call-btn{padding:20px 40px;font-size:1.2rem;background:#fff;color:#000;border:none;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-weight:600;transition:transform .2s}.book-call-btn:hover{transform:scale(1.05)}.parallax-item:hover{transform:scale(1.02)}.reel-overlay-metric{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){.contact-content h2{font-size:3rem}}.testimonials-section{background:#0a0a0a;padding:100px 0;overflow:hidden}.testimonials-header{text-align:center;margin-bottom:60px}.testimonials-header h2{font-size:3rem;font-weight:800;margin-bottom:1rem}.testimonials-header p{font-size:1.2rem;color:#888}.testimonials-carousel-wrapper{position:relative;width:100%;display:flex;justify-content:center}.testimonials-track{display:flex;gap:30px;padding:20px 20px 60px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;max-width:1200px;scroll-snap-type:x mandatory;scrollbar-width:none}.testimonials-track::-webkit-scrollbar{display:none}.testimonial-card{min-width:350px;background:#111;border:1px solid #222;border-radius:16px;padding:30px;display:flex;flex-direction:column;gap:20px;scroll-snap-align:start;transition:transform .3s,border-color .3s}.testimonial-card:hover{border-color:#444;transform:translateY(-5px)}.testimonial-header{display:flex;align-items:center;gap:15px}.testimonial-logo-placeholder{width:50px;height:50px;background:#222;color:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2rem}.testimonial-author h4{margin:0;font-size:1.1rem;color:#fff}.testimonial-author p{margin:0;font-size:.9rem;color:#888}.testimonial-text{font-size:1rem;line-height:1.6;color:#ccc;font-style:italic}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background .2s,transform .2s}.carousel-nav-btn:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.carousel-nav-btn.prev{left:20px}.carousel-nav-btn.next{right:20px}@media (max-width: 768px){.testimonial-card{min-width:300px}.carousel-nav-btn{display:none}}
