:root{--color-brand-dark: #0f172a;--color-brand-text: #1e293b;--color-brand-muted: #64748b;--accent-cyan: #0ea5e9;--accent-cyan-light: #38bdf8;--accent-gold: #eab308;--accent-gold-light: #facc15;--bg-hero: linear-gradient(135deg, #f0fdfa 0%, #e0f2fe 30%, #bae6fd 70%, #38bdf8 100%);--bg-work: #fafafa;--bg-create: #eefafc;--bg-why: linear-gradient(135deg, #032429 0%, #001214 100%);--bg-process: #011b1e;--bg-pricing: #f8fafc;--bg-cta: linear-gradient(to top, #011b1e 0%, #0284c7 50%, #bae6fd 100%);--font-header: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition-smooth: all .6s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .25s cubic-bezier(.25, .46, .45, .94);scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-work);color:var(--color-brand-text);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}.svg-filters{position:absolute;width:0;height:0;pointer-events:none}.bubble-canvas-local{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}h1,h2,h3,h4{font-family:var(--font-header);font-weight:800;line-height:1.15;color:var(--color-brand-dark)}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}.text-highlight{background:linear-gradient(180deg,transparent 62%,#fde047 62%,#fde047 90%,transparent 90%);padding:0 8px;color:var(--color-brand-dark);font-weight:800;display:inline-block}.badge{display:inline-block;padding:6px 14px;background:#0ea5e914;border:1px solid rgba(14,165,233,.15);color:var(--accent-cyan);border-radius:100px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:50px;font-family:var(--font-header);font-weight:700;font-size:.95rem;cursor:pointer;transition:var(--transition-fast);border:none;outline:none;text-align:center}.btn-primary{background:var(--color-brand-dark);color:#fff;box-shadow:0 4px 15px #0f172a26}.btn-primary:hover{transform:translateY(-2px);background:#1e293b;box-shadow:0 8px 25px #0f172a40}.btn-secondary{background:#0f172a0a;color:var(--color-brand-dark);border:1px solid rgba(15,23,42,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#0f172a14;transform:translateY(-2px)}.btn-card{background:transparent;color:var(--accent-cyan);border:1px solid rgba(14,165,233,.3);width:100%}.btn-card:hover{background:#0ea5e90f;border-color:var(--accent-cyan)}.btn-nav{padding:10px 20px;font-size:.85rem;background:var(--color-brand-dark);color:#fff}.btn-nav:hover{background:#1e293b;transform:translateY(-1px)}.btn-drawer{width:100%;margin-top:15px;background:var(--accent-cyan);color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.mb-50{margin-bottom:50px}.max-w-600{max-width:600px;margin-left:auto;margin-right:auto}.wave-divider{width:100%;line-height:0;overflow:hidden}.wave-divider svg{position:relative;display:block;width:calc(100% + 1.3px);height:60px}.main-header{position:fixed;top:20px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:1200px;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:100;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(15,23,42,.08);border-radius:40px;box-shadow:0 10px 30px #0f172a0d;transition:var(--transition-smooth)}.logo{display:flex;align-items:center;gap:8px;font-family:var(--font-header);font-weight:850;font-size:1.25rem;letter-spacing:1.5px;color:var(--color-brand-dark)}.logo-dot{width:8px;height:8px;background-color:var(--accent-cyan);border-radius:50%}.desktop-nav{display:none;gap:28px}.desktop-nav a{font-weight:600;font-size:.9rem;color:var(--color-brand-text);opacity:.85}.desktop-nav a:hover{opacity:1;color:var(--accent-cyan)}.mobile-nav-toggle{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:16px;background:transparent;border:none;cursor:pointer;z-index:110}.mobile-nav-toggle span{width:100%;height:2px;background-color:var(--color-brand-dark);border-radius:2px;transition:var(--transition-fast)}.mobile-nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-nav-toggle.open span:nth-child(2){opacity:0}.mobile-nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav-drawer{position:absolute;top:80px;left:0;width:100%;background:#0a0a0af5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px 24px;display:flex;flex-direction:column;box-shadow:0 15px 35px #0006;transform:scale(.95) translateY(-10px);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease}.mobile-nav-drawer.open{transform:scale(1) translateY(0);opacity:1;pointer-events:auto}.mobile-nav-links{display:flex;flex-direction:column;gap:20px}.mobile-nav-links a{font-family:var(--font-header);font-size:1.25rem;font-weight:700;color:#ffffffe6}.mobile-nav-links a:hover{color:var(--accent-cyan)}@media (max-width: 767px){.main-header{top:16px;background:#0a0a0ad1;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0006}.logo{color:#fff}.logo-dot{background-color:var(--accent-cyan-light)}.mobile-nav-toggle span{background-color:#fff}.btn-header-cta{display:none}}.hero-section{position:relative;background:var(--bg-hero);min-height:100vh;padding:130px 0 80px;display:flex;align-items:center;z-index:5;overflow:hidden}.hero-container{display:flex;flex-direction:column;gap:40px;align-items:center;position:relative;z-index:2}.hero-content{text-align:center}.hero-title{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;color:var(--color-brand-dark);margin-bottom:24px}.hero-subtitle{font-size:clamp(.95rem,1.8vw,1.15rem);color:var(--color-brand-text);max-width:600px;margin:0 auto 36px;opacity:.9}.hero-actions{display:flex;flex-direction:column;gap:16px;justify-content:center}.hero-visual{width:100%;max-width:270px;perspective:1000px}.floating-phone-frame{position:relative;width:100%;aspect-ratio:9/19;background:#0f172a;border:10px solid #1e293b;border-radius:36px;box-shadow:0 20px 45px #0f172a26;overflow:hidden;animation:bobbing 6s ease-in-out infinite}.phone-inner{width:100%;height:100%;background:#000}.hero-video{width:100%;height:100%;object-fit:cover}.phone-glare{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 60%);pointer-events:none}.phone-caption{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background:#0f172ad9;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:1px;color:#fff;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.scroll-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--font-header);font-size:.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-brand-dark);opacity:.6}.dive-intro-section{background:var(--bg-work);padding:100px 0;position:relative;z-index:5}.dive-title{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:20px}.dive-divider{width:60px;height:3px;background:var(--accent-cyan);margin:0 auto 24px;border-radius:2px}.dive-subtitle{font-size:clamp(.95rem,2vw,1.2rem);color:var(--color-brand-muted);max-width:700px;margin:0 auto}.portfolio-section{background:var(--bg-work);padding:60px 0 100px;position:relative;z-index:5}.portfolio-header{margin-bottom:50px}.section-title{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:12px;color:var(--color-brand-dark)}.section-desc{color:var(--color-brand-muted);font-size:clamp(.9rem,1.6vw,1.05rem);max-width:500px}.reel-container{display:flex;flex-direction:column;gap:80px}.reel-item{display:flex;flex-direction:column;align-items:center;gap:30px}.reel-media{width:100%;max-content:300px;max-width:300px}.reel-phone-frame{position:relative;width:100%;aspect-ratio:9/16;background:#0f172a;border:8px solid #1e293b;border-radius:32px;box-shadow:0 15px 40px #00a5e914;overflow:hidden}.reel-video{width:100%;height:100%;object-fit:cover}.reel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:16px;pointer-events:none}.reel-tag{align-self:flex-start;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:4px 10px;font-family:var(--font-header);font-weight:700;font-size:.7rem;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.mute-btn{position:absolute;bottom:16px;right:16px;background:#0f172acc;border:1px solid rgba(255,255,255,.15);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--transition-fast);z-index:10}.mute-btn:hover{transform:scale(1.08);background:#0f172af2}.mute-btn .speaker-on{display:none}.mute-btn.unmuted .speaker-on{display:block}.mute-btn.unmuted .speaker-off{display:none}.reel-text{text-align:center;max-width:400px}.reel-text h3{font-size:1.35rem;margin-bottom:8px;color:var(--color-brand-dark)}.reel-text p{color:var(--color-brand-muted);font-size:.92rem}.create-section{background:var(--bg-create);padding:100px 0;position:relative;z-index:5}.create-grid{display:grid;grid-template-columns:1fr;gap:24px}.create-card{background:#fff;border:1px solid rgba(14,165,233,.1);border-radius:20px;padding:36px 28px;transition:var(--transition-smooth);display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000003}.create-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:0;transition:opacity .3s ease}.create-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0ea5e90d}.create-card:hover:before{opacity:1}.card-visual{width:50px;height:50px;border-radius:12px;background:#0ea5e90d;margin-bottom:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.visual-blob{width:24px;height:24px;border-radius:50%;filter:blur(4px);animation:float-blob 6s ease-in-out infinite alternate}.blob-1{background:var(--accent-cyan)}.blob-2{background:var(--accent-gold);animation-delay:-1.5s}.blob-3{background:#bae6fd;animation-delay:-3s}.blob-4{background:#38bdf8;animation-delay:-.8s}.blob-5{background:#fef08a;animation-delay:-2.2s}.create-card h3{font-size:1.25rem;margin-bottom:8px}.create-card p{color:var(--color-brand-muted);font-size:.9rem}.why-section{background:var(--bg-why);padding:120px 0;color:#fff;position:relative;z-index:5}.why-section h2{color:#fff}.why-layout{display:flex;flex-direction:column;gap:50px}.why-sticky-info{display:flex;flex-direction:column;align-items:flex-start}.why-main-copy{font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:500;color:#ffffffb3;margin:16px 0 0}.why-cards{display:flex;flex-direction:column;gap:36px}.why-item{border-left:2px solid var(--accent-cyan-light);padding-left:20px}.why-num{font-family:var(--font-header);font-size:.95rem;font-weight:800;color:var(--accent-cyan-light);display:block;margin-bottom:6px}.why-item h3{font-size:1.25rem;margin-bottom:8px;color:#fff}.why-item p{color:#ffffffa6;font-size:.9rem}.process-section{background:var(--bg-process);color:#fff;padding:100px 0;position:relative;z-index:5}.process-section h2{color:#fff}.process-steps{display:grid;grid-template-columns:1fr;gap:32px;margin-top:50px}.process-step{display:flex;gap:16px}.step-badge{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--accent-cyan-light);display:flex;align-items:center;justify-content:center;font-family:var(--font-header);font-weight:800;font-size:1rem}.process-step h3{font-size:1.15rem;margin-bottom:6px;color:#fff}.process-step p{color:#ffffffa6;font-size:.9rem}.pricing-section{background:var(--bg-pricing);padding:100px 0;position:relative;z-index:5}.pricing-grid{display:grid;grid-template-columns:1fr;gap:28px}.price-card{background:#fff;border:1px solid rgba(15,23,42,.05);border-radius:24px;padding:40px 28px;display:flex;flex-direction:column;position:relative;box-shadow:0 4px 15px #0f172a03;transition:var(--transition-fast)}.price-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f172a08}.price-card.featured{background:#fff;border:2px solid var(--accent-cyan)}.card-badge{position:absolute;top:-14px;left:28px;background:var(--accent-cyan);color:#fff;font-family:var(--font-header);font-weight:700;font-size:.7rem;text-transform:uppercase;padding:4px 12px;border-radius:12px;letter-spacing:.5px}.price-header{margin-bottom:24px}.price-header h3{font-size:1.25rem;margin-bottom:8px}.price-amount{font-family:var(--font-header);font-size:2.5rem;font-weight:800;color:var(--color-brand-dark);margin-bottom:6px}.price-period{font-size:.95rem;font-weight:500;color:var(--color-brand-muted)}.price-desc{color:var(--color-brand-muted);font-size:.85rem}.price-features{list-style:none;margin-bottom:28px;display:flex;flex-direction:column;gap:10px;flex-grow:1}.price-features li{font-size:.85rem;color:var(--color-brand-text);position:relative;padding-left:18px}.price-features li:before{content:"✓";position:absolute;left:0;color:var(--accent-cyan);font-weight:700}.cta-section{position:relative;background:var(--bg-cta);padding:120px 0;z-index:5;overflow:hidden}.cta-title{color:#fff}.philosophy-container{margin-bottom:60px}.philosophy-title{font-size:1.15rem;color:var(--color-brand-dark);margin-bottom:16px;text-transform:uppercase;letter-spacing:1.5px}.philosophy-text{font-size:clamp(.95rem,1.8vw,1.15rem);color:var(--color-brand-text);max-width:700px;margin:0 auto;line-height:1.7}.philosophy-text strong{color:#b45309;font-weight:800}.cta-title{font-size:clamp(2rem,4.5vw,3.2rem);margin-bottom:12px}.cta-desc{font-size:clamp(.95rem,2vw,1.2rem);color:#ffffffb3;margin-bottom:36px}.btn-large{padding:16px 36px;font-size:1.05rem;background:#fff;color:var(--color-brand-dark)}.btn-large:hover{background:#ffffffe6;transform:translateY(-2px)}.main-footer{background:#000c0e;border-top:1px solid rgba(255,255,255,.06);padding:60px 0 30px;font-size:.85rem;color:#ffffff80;z-index:5;position:relative}.main-footer h4{color:#fff}.footer-container{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}.footer-brand p{margin-top:12px;max-width:260px;line-height:1.5}.footer-links{display:flex;flex-direction:column;gap:24px}.footer-links h4{font-size:.95rem;margin-bottom:12px}.footer-links a{display:block;margin-bottom:8px;opacity:.8}.footer-links a:hover{opacity:1;color:var(--accent-cyan-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.04);padding-top:20px}@keyframes bobbing{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-blob{0%{transform:translateY(0) scale(1) rotate(0)}to{transform:translateY(-8px) scale(1.1) rotate(90deg)}}@media (min-width: 768px){.hero-container{flex-direction:row;justify-content:space-between;gap:40px}.hero-content{text-align:left;flex:1.2}.hero-actions{flex-direction:row;justify-content:flex-start}.hero-visual{flex:.8;max-width:280px}.desktop-nav{display:flex}.mobile-nav-toggle{display:none}.create-grid{grid-template-columns:repeat(2,1fr)}.create-card:nth-child(5){grid-column:span 2}.why-layout{flex-direction:row;gap:60px}.why-sticky-info{flex:1;position:sticky;top:120px;height:fit-content}.why-cards{flex:1.2}.process-steps,.pricing-grid{grid-template-columns:repeat(2,1fr)}.footer-container{flex-direction:row;justify-content:space-between}.footer-links{flex-direction:row;gap:80px}.reel-container{gap:0}.reel-item{min-height:100vh;flex-direction:row;justify-content:space-around;scroll-snap-align:start;padding:80px 0}.reel-media{max-width:320px;order:2}.reel-text{max-width:420px;text-align:left;order:1}}@media (min-width: 1024px){.create-grid{grid-template-columns:repeat(3,1fr)}.create-card:nth-child(4),.create-card:nth-child(5){grid-column:span 1}.process-steps,.pricing-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 767px){.portfolio-section{scroll-snap-type:y mandatory;max-height:100vh;overflow-y:scroll;padding:80px 0}.portfolio-header{scroll-snap-align:start;padding:0 24px}.reel-container{gap:0}.reel-item{min-height:100vh;scroll-snap-align:start;justify-content:center;padding:100px 24px 60px;border-bottom:1px solid rgba(15,23,42,.05)}.reel-media{max-width:260px}.price-card{min-height:auto}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;transform:none!important}.floating-phone-frame{transform:none!important;animation:none!important}.create-card:hover{transform:none!important}}