:root{--color-bg-dark: #000000;--color-card-bg: #0F0F0F;--color-text-light: #F4F4F5;--color-accent-orange: #3B82F6;--color-text-secondary: #A1A1AA;--font-primary: "Inter", sans-serif;--spacing-section: 120px;--spacing-large: 80px;--spacing-medium: 40px;--spacing-small: 20px;--transition-smooth: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background-color:var(--color-bg-dark);background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(59,130,246,.08) 50px,rgba(59,130,246,.08) 51px),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(59,130,246,.08) 50px,rgba(59,130,246,.08) 51px);color:var(--color-text-light);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:800;line-height:1.2;color:var(--color-accent-orange);text-transform:uppercase}h1{font-size:clamp(2.5rem,6vw,4rem)}h2{font-size:clamp(2rem,5vw,3rem);text-align:center;margin-bottom:var(--spacing-medium)}h3{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700}h4{text-transform:uppercase}p{font-size:18px;font-weight:400;line-height:1.8;color:var(--color-text-light)}.funnel-container{max-width:900px;margin:0 auto;padding:0 var(--spacing-medium);text-align:center}.side-nav{position:fixed;right:40px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:20px}.side-nav-item{display:flex;align-items:center;gap:12px;text-decoration:none;transition:var(--transition-smooth);cursor:pointer}.side-nav-dot{width:10px;height:10px;border-radius:50%;background:var(--color-text-secondary);border:2px solid var(--color-text-secondary);transition:var(--transition-smooth);position:relative}.side-nav-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--color-accent-orange);opacity:0;transition:var(--transition-smooth)}.side-nav-label{font-size:14px;font-weight:600;color:var(--color-text-secondary);opacity:0;transform:translate(-10px);transition:var(--transition-smooth);white-space:nowrap;pointer-events:none}.side-nav-item:hover .side-nav-label{opacity:1;transform:translate(0)}.side-nav-item:hover .side-nav-dot{background:var(--color-accent-orange);border-color:var(--color-accent-orange);transform:scale(1.2)}.side-nav-item.active .side-nav-dot{background:var(--color-accent-orange);border-color:var(--color-accent-orange);transform:scale(1.4)}.side-nav-item.active .side-nav-dot:after{opacity:1}.side-nav-item.active .side-nav-label{color:var(--color-accent-orange);opacity:1;transform:translate(0)}@media (max-width: 1024px){.side-nav{right:20px}}@media (max-width: 767px){.side-nav{display:none}}.scroll-hero{position:relative;height:300vh;width:100%}#hero-canvas{position:sticky;top:0;left:0;width:100%;height:100vh;display:block}.scroll-hero-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;color:var(--color-text-light);pointer-events:none;transition:opacity .5s ease}.scroll-hero-title{font-size:clamp(3rem,8vw,5.5rem);font-weight:200;letter-spacing:.3em;margin-bottom:var(--spacing-small);text-shadow:0 2px 20px rgba(0,0,0,.8);text-transform:uppercase;color:var(--color-text-light)!important}.scroll-hero-subtitle{font-size:clamp(1rem,2.5vw,1.5rem);font-weight:400;text-shadow:0 2px 10px rgba(0,0,0,.8)}.scroll-indicator{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:10;color:var(--color-text-light);font-size:2rem;animation:bounce 2s ease-in-out infinite;text-shadow:0 2px 10px rgba(0,0,0,.8);width:60px;height:60px;border:2px solid var(--color-accent-orange);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scroll-indicator:hover{background:var(--color-accent-orange);transform:translate(-50%) scale(1.1);box-shadow:0 0 20px #3b82f680}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,10px)}}.hero-section{padding:var(--spacing-section) 0;background-color:var(--color-bg-dark);background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(59,130,246,.08) 50px,rgba(59,130,246,.08) 51px),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(59,130,246,.08) 50px,rgba(59,130,246,.08) 51px)}.hero-section h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:var(--spacing-medium)}.hero-subtitle{font-size:20px;line-height:1.8;margin-bottom:var(--spacing-large);color:var(--color-text-light)}.secondary-cta-text{font-size:16px;margin-top:var(--spacing-medium);color:var(--color-text-secondary)}.problem-section{padding:var(--spacing-section) 0;background-color:var(--color-card-bg)}.problem-section h2{font-weight:800;margin-bottom:var(--spacing-large)}.problem-list{list-style:none;text-align:left;max-width:800px;margin:0 auto var(--spacing-large) auto;padding:0}.problem-list li{font-size:18px;line-height:1.8;margin-bottom:var(--spacing-medium);padding-left:40px;position:relative;color:var(--color-text-light)}.problem-list li:before{content:"✗";position:absolute;left:0;color:#ef4444;font-size:24px;font-weight:700}.credibility-photo-container{margin-top:var(--spacing-large);text-align:center}.credibility-photo{max-width:400px;width:100%;height:auto;border-radius:8px;filter:grayscale(100%)}.solution-section{padding:var(--spacing-section) 0;background-color:var(--color-bg-dark);background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(59,130,246,.08) 50px,rgba(59,130,246,.08) 51px),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(59,130,246,.08) 50px,rgba(59,130,246,.08) 51px)}.solution-section h2{font-weight:800;margin-bottom:var(--spacing-small)}.section-intro{font-size:18px;margin-bottom:var(--spacing-large);color:var(--color-text-secondary)}.solution-steps{display:grid;grid-template-columns:1fr;gap:var(--spacing-large);margin-bottom:var(--spacing-large);max-width:800px;margin-left:auto;margin-right:auto}.solution-step{text-align:left;padding:var(--spacing-medium);background-color:var(--color-card-bg);border:1px solid #2A2A2A;border-radius:8px;position:relative;transition:var(--transition-smooth)}.solution-step:hover{border-color:#3b82f64d;box-shadow:0 0 15px #3b82f61a}.step-number{position:absolute;top:var(--spacing-medium);left:var(--spacing-medium);width:50px;height:50px;background-color:var(--color-accent-orange);color:var(--color-text-light);font-size:24px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center}.solution-step h3{margin-bottom:var(--spacing-small);margin-left:70px;font-weight:700}.solution-step p{font-size:18px;line-height:1.8;color:var(--color-text-light);margin-left:70px;margin-bottom:0}.packages-section{padding:var(--spacing-section) 0;background-color:var(--color-card-bg)}.packages-section h2{font-weight:800;margin-bottom:var(--spacing-small)}.additional-services{margin-bottom:var(--spacing-large);padding:var(--spacing-medium);background-color:#3b82f60d;border-radius:8px;border:1px solid rgba(59,130,246,.2)}.additional-services-title{font-size:18px;font-weight:700;color:var(--color-text-light);margin-bottom:var(--spacing-medium);text-align:center}.services-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.service-item{display:inline-block;padding:8px 16px;background-color:var(--color-card-bg);border:1px solid rgba(59,130,246,.3);border-radius:20px;font-size:14px;color:var(--color-text-light);transition:var(--transition-smooth)}.service-item:hover{background-color:var(--color-accent-orange);border-color:var(--color-accent-orange);transform:translateY(-2px)}.packages-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-large);margin-bottom:var(--spacing-large);max-width:1200px;margin-left:auto;margin-right:auto}.package-card{padding:var(--spacing-medium) var(--spacing-large);background-color:var(--color-card-bg);border-radius:8px;text-align:left;border:2px solid #2A2A2A;transition:var(--transition-smooth);position:relative;max-width:700px;margin:0 auto}.package-card:hover{border-color:var(--color-accent-orange);box-shadow:0 0 20px #3b82f633;transform:translateY(-4px)}.package-featured{border-color:var(--color-accent-orange);background-color:#1f2937}.package-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background-color:var(--color-accent-orange);color:var(--color-text-light);padding:8px 20px;border-radius:20px;font-size:14px;font-weight:700;letter-spacing:.05em}.package-card h3{margin-bottom:var(--spacing-small);font-weight:800;font-size:24px}.package-best-for{font-size:16px;margin-bottom:var(--spacing-medium);color:var(--color-text-secondary)}.package-includes{margin-bottom:var(--spacing-medium)}.package-includes-title{font-weight:700;margin-bottom:var(--spacing-small)}.package-card ul{list-style:none;padding:0;margin:0}.package-card li{font-size:16px;line-height:1.8;margin-bottom:var(--spacing-small);padding-left:30px;position:relative}.package-card li:before{content:"✓";position:absolute;left:0;color:var(--color-accent-orange);font-size:20px;font-weight:700}.package-note{font-size:14px;font-style:italic;color:var(--color-text-secondary);margin-top:var(--spacing-medium);margin-bottom:0}.cta-button-container{margin-top:var(--spacing-large);text-align:center}.cta-button{display:inline-block;padding:18px 40px;background-color:var(--color-accent-orange);color:var(--color-text-light);font-family:var(--font-primary);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);text-decoration:none}.cta-button:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.client-spotlight-section{padding:var(--spacing-section) 0;background-color:var(--color-bg-dark);background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(59,130,246,.08) 50px,rgba(59,130,246,.08) 51px),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(59,130,246,.08) 50px,rgba(59,130,246,.08) 51px)}.client-spotlight-alt{background-color:var(--color-card-bg)}.client-spotlight-section h2{margin-bottom:var(--spacing-small)}.client-accordion{max-width:1000px;margin:0 auto}.accordion-item{margin-bottom:var(--spacing-medium);border:2px solid #2A2A2A;border-radius:8px;overflow:hidden;background-color:var(--color-card-bg);transition:var(--transition-smooth)}.accordion-item:hover{border-color:#3b82f64d}.accordion-header{width:100%;padding:var(--spacing-medium) var(--spacing-large);background-color:var(--color-card-bg);border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--transition-smooth);font-family:var(--font-primary)}.accordion-header:hover{background-color:#242424}.accordion-title{font-size:24px;font-weight:700;color:var(--color-text-light);text-align:left}.accordion-icon{font-size:32px;font-weight:300;color:var(--color-accent-orange);transition:transform .3s ease}.accordion-header.active .accordion-icon{transform:rotate(45deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease;padding:0 var(--spacing-large)}.accordion-content.active{max-height:3000px;padding:var(--spacing-large)}.client-banner{margin-bottom:var(--spacing-large);border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.client-banner img{width:100%;height:auto;display:block}.video-grid-mixed{display:grid;grid-template-columns:1fr;gap:var(--spacing-medium)}.video-embed-horizontal{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;background-color:#000}.video-embed-horizontal iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}.shorts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-medium)}@media (max-width: 767px){.video-grid-mixed,.shorts-grid{grid-template-columns:1fr}.accordion-title{font-size:20px}.accordion-header{padding:var(--spacing-medium)}}.video-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-medium);max-width:900px;margin:0 auto}.video-embed{position:relative;padding-bottom:177.78%;height:0;overflow:hidden;border-radius:8px;background-color:#000}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}.video-placeholder{aspect-ratio:9/16;background:linear-gradient(135deg,#2a2826,#1a1917);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-small);color:var(--color-text-light);cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden}.video-placeholder:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#3b82f61a;opacity:0;transition:var(--transition-smooth)}.video-placeholder:hover:before{opacity:1}.play-icon{width:60px;height:60px;border-radius:50%;background:#3b82f6e6;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-text-light);transition:var(--transition-smooth)}.video-placeholder:hover .play-icon{transform:scale(1.1);background:var(--color-accent-orange)}.video-placeholder p{font-size:16px;margin:0;z-index:1}@media (min-width: 768px){.video-grid{grid-template-columns:repeat(3,1fr)}}.portfolio-header-section{padding:calc(var(--spacing-section) * .75) 0 var(--spacing-medium) 0;background-color:var(--color-bg-dark);background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(59,130,246,.08) 50px,rgba(59,130,246,.08) 51px),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(59,130,246,.08) 50px,rgba(59,130,246,.08) 51px)}.case-studies-section{padding:var(--spacing-section) 0;background-color:var(--color-bg-dark);background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(59,130,246,.08) 50px,rgba(59,130,246,.08) 51px),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(59,130,246,.08) 50px,rgba(59,130,246,.08) 51px)}.case-study-accordion{max-width:900px;margin:0 auto}.case-study-header-content{display:flex;align-items:center;gap:20px}.case-study-profile-small{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--color-accent-orange)}.case-study-intro-inline{display:flex;align-items:center}.accordion-header .accordion-title{font-size:18px;font-weight:700}.case-study-content{display:flex;flex-direction:column;gap:var(--spacing-large)}.case-study-block h4{font-size:20px;font-weight:800;color:var(--color-accent-orange);margin-bottom:var(--spacing-small)}.case-study-block p{font-size:16px;line-height:1.8;color:var(--color-text-light)}.case-study-results{list-style:none;padding:0;margin-top:var(--spacing-medium)}.case-study-results li{font-size:16px;line-height:1.8;margin-bottom:var(--spacing-medium);padding-left:30px;position:relative}.case-study-results li:before{content:"✓";position:absolute;left:0;color:var(--color-accent-orange);font-size:20px;font-weight:700}.case-study-screenshots{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-medium);margin-top:var(--spacing-medium)}.case-study-screenshots img{width:100%;height:auto;border-radius:8px;border:2px solid #242424;transition:var(--transition-smooth)}.case-study-screenshots img:hover{border-color:var(--color-accent-orange);transform:scale(1.02)}@media (max-width: 768px){.case-study-header-content{flex-direction:row;gap:15px}.case-study-screenshots{grid-template-columns:1fr}}.final-cta-section{padding:var(--spacing-section) 0;background-color:var(--color-card-bg)}.final-cta-section h2{margin-bottom:var(--spacing-small);font-weight:800}.final-cta-text{font-size:20px;margin-bottom:var(--spacing-large);color:var(--color-text-light)}.contact-form{max-width:700px;margin:0 auto;text-align:left}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-small);margin-bottom:var(--spacing-small)}.contact-form input,.contact-form textarea{width:100%;padding:16px;font-family:var(--font-primary);font-size:16px;background-color:#242424;border:2px solid #2A2A2A;border-radius:8px;color:var(--color-text-light);transition:var(--transition-smooth)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6b7280}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--color-accent-orange);background-color:#2a2a2a}.contact-form textarea{margin-bottom:var(--spacing-medium);resize:vertical;min-height:150px}.contact-form button{width:100%}.footer{padding:var(--spacing-medium) 0;background-color:var(--color-bg-dark);background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(59,130,246,.08) 50px,rgba(59,130,246,.08) 51px),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(59,130,246,.08) 50px,rgba(59,130,246,.08) 51px);text-align:center}.footer-text{font-size:14px;color:var(--color-text-secondary)}@media (min-width: 1200px){.packages-grid{grid-template-columns:1fr;max-width:1000px}.package-card{max-width:100%}}@media (max-width: 767px){:root{--spacing-section: 80px;--spacing-large: 40px;--spacing-medium: 24px}.form-row{grid-template-columns:1fr}.scroll-hero{height:500vh}.solution-step h3,.solution-step p{margin-left:0;padding-top:60px}.step-number{top:20px;left:50%;transform:translate(-50%)}.problem-list li{padding-left:35px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-indicator{animation:none}}