:root{--bg-main: #FFFFFF;--bg-secondary: #F8F9FF;--accent: #6C5CE7;--accent-glow: rgba(108, 92, 231, .2);--text-primary: #0F172A;--text-secondary: #64748B;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(108, 92, 231, .1);--border-gradient: linear-gradient(135deg, rgba(108, 92, 231, .15), rgba(108, 92, 231, .05));--container-width: 1200px;--spacing-section: 160px;--logo-url: url(/assets/logo-dark-bpEaqeSW.png)}@media(prefers-color-scheme:dark){:root:not(.light-mode){--bg-main: #0B0B0C;--bg-secondary: #0F0F11;--accent-glow: rgba(108, 92, 231, .4);--text-primary: #F8F8F8;--text-secondary: #8E8E93;--glass-bg: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .08);--border-gradient: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .02));--logo-url: url(/assets/logo-BGbHQe-z.png)}}:root.dark-mode{--bg-main: #0B0B0C;--bg-secondary: #0F0F11;--accent-glow: rgba(108, 92, 231, .4);--text-primary: #F8F8F8;--text-secondary: #8E8E93;--glass-bg: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .08);--border-gradient: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .02));--logo-url: url(/assets/logo-BGbHQe-z.png)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:none;transition:background-color .4s ease,color .4s ease}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:url(https://grainy-gradients.vercel.app/noise.svg);opacity:.03;pointer-events:none;z-index:9999;filter:contrast(120%) brightness(100%)}.custom-cursor{position:fixed;width:12px;height:12px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:10000;transition:opacity .3s ease,background-color .3s ease}.custom-cursor-follower{position:fixed;width:40px;height:40px;border:1px solid var(--accent);border-radius:50%;pointer-events:none;z-index:10000;transition:opacity .3s ease,background-color .3s ease,border-color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:700}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.section{padding:var(--spacing-section) 0}.text-accent{color:var(--accent)}.text-secondary{color:var(--text-secondary)}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:18px 36px;border-radius:12px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.19,1,.22,1);cursor:pointer;position:relative;overflow:hidden;letter-spacing:-.01em}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 30px -10px var(--accent-glow)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#fff3,#fff0);transform:skew(-25deg);transition:none}.btn-primary:hover:before{animation:shine 1.2s cubic-bezier(.19,1,.22,1)}@keyframes shine{to{left:200%}}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 40px -10px var(--accent-glow)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:40px;transition:all .5s cubic-bezier(.19,1,.22,1),background-color .4s ease,border-color .4s ease;position:relative;box-shadow:0 10px 30px -10px #0000000d}.glass-panel:after{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:var(--border-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass-panel:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a;border-color:var(--accent)}body{background-color:var(--bg-main);background-image:linear-gradient(rgba(108,92,231,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(108,92,231,.03) 1px,transparent 1px);background-size:60px 60px;background-position:center top}.parallax-shape{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;pointer-events:none;opacity:.4}.shape-1{width:600px;height:600px;background:radial-gradient(circle,#6c5ce733,#0000 70%);top:-10%;left:-10%}.shape-2{width:500px;height:500px;background:radial-gradient(circle,#4a90e226,#0000 70%);bottom:20%;right:-10%}.shape-3{width:300px;height:300px;background:radial-gradient(circle,var(--accent) 0%,rgba(0,0,0,0) 70%);top:40%;left:20%;opacity:.1}.hero{min-height:90vh;display:flex;flex-direction:column;justify-content:center;padding-top:180px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:20px}.modal-overlay.active{opacity:1;pointer-events:all}.modal-content{max-width:800px;max-height:90vh;width:100%;overflow-y:auto;position:relative;border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #00000080}.modal-body{color:var(--text-secondary);line-height:1.8}.modal-body h3{color:var(--text-primary);margin-top:30px;margin-bottom:15px;font-size:1.2rem}.close-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:5px;border-radius:50%;transition:background .3s ease;z-index:10}.close-btn:hover{background:#ffffff1a}.faq-icon{display:inline-block;transition:transform .3s ease}h1{letter-spacing:-.02em;line-height:1.1}h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:2rem;letter-spacing:-.01em}h3{font-size:1.5rem;margin-bottom:.5rem}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(200px,auto);gap:24px}.bento-item{grid-column:span 12}@media(min-width:992px){.bento-item-6{grid-column:span 6}.bento-item-4{grid-column:span 4}.bento-item-8{grid-column:span 8}.bento-item-7{grid-column:span 7}.bento-item-5{grid-column:span 5}}@media(max-width:768px){body{cursor:auto}.custom-cursor,.custom-cursor-follower{display:none}.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bento-item{grid-column:span 1}}.benefits-container{margin-top:60px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.benefit-card{text-align:left;padding:40px;display:flex;flex-direction:column;gap:20px;transition:all .5s cubic-bezier(.19,1,.22,1),background-color .4s ease,border-color .4s ease;border:1px solid var(--glass-border);position:relative;overflow:hidden}.benefit-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,var(--accent-glow),transparent 70%);opacity:0;transition:opacity .5s ease}.benefit-card:hover{transform:translateY(-10px);border-color:var(--accent);box-shadow:0 30px 60px -20px var(--accent-glow)}.benefit-card:hover:before{opacity:.1}.benefit-icon-wrapper{width:60px;height:60px;background:#6c5ce71a;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--accent);transition:all .4s cubic-bezier(.19,1,.22,1)}.benefit-card:hover .benefit-icon-wrapper{background:var(--accent);color:#fff;transform:scale(1.1) rotate(-8deg);box-shadow:0 10px 20px -5px var(--accent-glow)}.benefit-card h3{font-size:1.25rem;margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:-.01em}.benefit-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.cta-phone-anim i{transition:transform .3s ease}.cta-phone-anim:hover i{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0) rotate(-10deg)}20%,80%{transform:translate3d(2px,0,0) rotate(10deg)}30%,50%,70%{transform:translate3d(-4px,0,0) rotate(-10deg)}40%,60%{transform:translate3d(4px,0,0) rotate(10deg)}}.site-header{padding-top:30px;padding-bottom:30px;display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;z-index:100}.logo-link{display:block;width:110px;height:auto}.logo-link img{width:100%;height:auto;content:var(--logo-url)}.header-controls{display:flex;align-items:center;gap:30px}.theme-toggle{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.6}.theme-toggle:hover{transform:scale(1.05);background:var(--glass-bg);border-color:var(--accent);color:var(--accent);opacity:1}.main-nav{display:flex;gap:30px}.main-nav a{color:var(--text-primary);text-decoration:none;font-size:.95rem;font-weight:500;opacity:.8;transition:opacity .2s,color .4s ease}.main-nav a:hover{opacity:1}.header-cta{background:var(--glass-bg);border:1px solid var(--glass-border);padding:10px 20px;font-size:.9rem;color:var(--text-primary);display:flex;align-items:center;gap:12px;position:relative;transition:all .3s ease,background-color .4s ease,border-color .4s ease,color .4s ease}.avatar-container{position:relative;display:inline-flex}.avatar-container .status-dot{position:absolute;top:0;right:0;width:10px;height:10px;border:1.5px solid rgba(255,255,255,.5);background-color:#2ecc71;border-radius:50%;z-index:2}.status-dot{width:8px;height:8px;background-color:#2ecc71;border-radius:50%;position:relative}.status-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:inherit;border-radius:50%;animation:statusPulse 2s infinite}@keyframes statusPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.5);opacity:0}}.video-container{margin:80px auto 0;max-width:75%;border-radius:20px;overflow:hidden;border:1px solid var(--glass-border);box-shadow:0 20px 40px #0003}@media(max-width:768px){.site-header{flex-direction:column;gap:30px;padding-top:20px}.header-controls{flex-direction:column;gap:20px;width:100%}.main-nav{flex-direction:column;width:100%;align-items:center;gap:15px}.main-nav a{padding:10px;display:block;width:100%;text-align:center;background:#ffffff08;border-radius:10px}.site-header img{height:80px!important}.video-container{max-width:100%;margin-top:40px}}.btn-with-avatar{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 24px 10px 10px}.btn-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border)}.btn-sm-avatar{width:32px;height:32px}.urgency-badge{display:inline-flex;align-items:center;gap:8px;background:#ff47571a;color:#ff4757;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid rgba(255,71,87,.2);margin-bottom:1.5rem}.dot-pulse{width:8px;height:8px;background-color:#ff4757;border-radius:50%;position:relative}.dot-pulse:after{content:"";position:absolute;width:100%;height:100%;background-color:inherit;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.5);opacity:0}}.timeline{position:relative;max-width:900px;margin:60px auto}.timeline:before{content:"";position:absolute;top:0;left:25px;width:2px;height:100%;background:linear-gradient(to bottom,var(--accent),transparent)}.timeline-item{position:relative;padding-left:70px;margin-bottom:50px}.timeline-dot{position:absolute;left:17px;top:0;width:18px;height:18px;background:var(--accent);border-radius:50%;box-shadow:0 0 15px var(--accent);z-index:2}.timeline-content h3{margin-bottom:10px}.faq-list{max-width:800px;margin:40px auto;display:flex;flex-direction:column;gap:15px}.faq-item{border:1px solid var(--glass-border);border-radius:16px;background:var(--glass-bg);overflow:hidden;transition:all .3s ease,background-color .4s ease,border-color .4s ease}.faq-item.active{border-color:var(--accent);background:#6c5ce70d}.faq-trigger{width:100%;padding:20px 25px;background:none;border:none;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:600}.faq-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding:0 25px}.faq-item.active .faq-content{max-height:200px;padding-bottom:25px}.faq-item.active .faq-icon{transform:rotate(45deg)}.footer-signature{margin-top:20px;display:flex;align-items:center;gap:12px;font-size:.85rem}.signature-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}@media(max-width:768px){.timeline:before{left:15px}.timeline-dot{left:7px}.timeline-item{padding-left:45px}}.trajectory-container{position:relative;max-width:1000px;margin:80px auto;display:flex;flex-direction:column;gap:40px}.trajectory-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--accent) 15%,var(--accent) 85%,transparent);transform:translate(-50%);z-index:1;opacity:.3}.phase-card-wrapper{position:relative;width:100%;display:flex;align-items:center;z-index:2}.phase-dot{position:absolute;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--accent);border-radius:50%;box-shadow:0 0 15px var(--accent);z-index:3}.phase-card{width:440px;position:relative}.phase-card-wrapper:nth-child(odd){justify-content:flex-end}.phase-card-wrapper:nth-child(2n){justify-content:flex-start}.phase-card-wrapper:nth-child(odd).phase-card-wrapper:after{content:"";position:absolute;right:50%;width:40px;height:2px;background:var(--accent);opacity:.2}.phase-card-wrapper:nth-child(2n).phase-card-wrapper:after{content:"";position:absolute;left:50%;width:40px;height:2px;background:var(--accent);opacity:.2}.phase-number{position:absolute;top:-20px;left:-20px;width:50px;height:50px;background:var(--accent);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.2rem;box-shadow:0 10px 20px #6c5ce766;z-index:3}.phase-card-wrapper:nth-child(2n) .phase-number{left:auto;right:-20px}.phase-content h3{margin-top:10px;margin-bottom:5px}.phase-price{background:#ffffff1a;padding:4px 12px;border-radius:8px;display:inline-block;margin-bottom:20px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.9rem}@media(max-width:900px){.trajectory-path-svg{display:none}.trajectory-container:before{content:"";position:absolute;top:0;left:20px;width:2px;height:100%;background:linear-gradient(to bottom,var(--accent),transparent);z-index:1}.phase-card-wrapper,.phase-card-wrapper:nth-child(2n){justify-content:flex-start;padding-left:50px}.phase-card{width:100%}.phase-number,.phase-card-wrapper:nth-child(2n) .phase-number{left:-42px;right:auto;top:20px;width:32px;height:32px;font-size:.9rem}}.positioning-section{padding:var(--spacing-section) 0;background:linear-gradient(to right,var(--bg-main),var(--bg-secondary));border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.not-an-agency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:60px;align-items:center}.agency-comparison{display:flex;flex-direction:column;gap:20px}.comp-item{display:flex;gap:15px;padding:24px;border-radius:20px;background:#ffffff05;border:1px solid transparent;transition:all .3s ease,background-color .4s ease,border-color .4s ease}.comp-item.positive{border-color:#6c5ce733;background:#6c5ce708}.comp-item.negative{opacity:.5}.detail-art-section{padding:var(--spacing-section) 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.detail-image-container{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 40px 100px -20px #000c;border:1px solid var(--glass-border)}.detail-image-container img{width:100%;display:block;transition:transform 1.2s cubic-bezier(.19,1,.22,1)}.detail-image-container:hover img{transform:scale(1.08)}.comparison-container{max-width:1000px;margin:60px auto 0;position:relative;height:550px;border-radius:32px;overflow:hidden;border:1px solid var(--glass-border);box-shadow:0 50px 100px -30px #000000b3}.comparison-slider{position:relative;width:100%;height:100%;cursor:ew-resize}.comparison-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.image-before{z-index:1;filter:grayscale(.5)}.image-after{z-index:2;clip-path:inset(0 0 0 50%)}.comparison-handle{position:absolute;top:0;left:50%;width:2px;height:100%;background:#fff;z-index:3;transform:translate(-50%);pointer-events:none}.comparison-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#fff;border-radius:50%;box-shadow:0 10px 30px #00000080;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="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="13 17 8 12 13 7"></polyline><polyline points="18 17 13 12 18 7"></polyline></svg>');background-repeat:no-repeat;background-position:center}.detail-art-section ul li{display:flex;gap:18px;align-items:flex-start;line-height:1.5}.detail-art-section ul li i{margin-top:3px;flex-shrink:0;width:20px;height:20px}.detail-art-section ul li strong{display:inline-block;min-width:180px;color:var(--text-primary)}.comparison-label{position:absolute;bottom:20px;padding:8px 16px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;font-size:.8rem;font-weight:600;color:#fff;z-index:4}.label-before{left:20px}.label-after{right:20px}.lead-magnet-card{display:grid;grid-template-columns:320px 1fr;gap:80px;padding:80px;align-items:center;background:linear-gradient(135deg,rgba(108,92,231,.05),transparent);border-radius:40px;border:1px solid rgba(108,92,231,.1);box-shadow:0 40px 80px -20px #0006}.guide-preview-container{position:relative;perspective:1000px}.guide-preview{width:100%;border-radius:8px;box-shadow:20px 20px 60px #0009;transform:rotateY(-15deg) rotateX(5deg);transition:transform .5s ease}.guide-preview-container:hover .guide-preview{transform:rotateY(0) rotateX(0)}@media(max-width:992px){.detail-grid,.lead-magnet-card,.not-an-agency-grid{grid-template-columns:1fr;text-align:center;gap:40px}.lead-magnet-card{padding:40px}.detail-grid{gap:60px}.agency-comparison{text-align:left}.comparison-container{height:400px}}
