@font-face{font-family:General Sans;src:url(/fonts/general-sans-500.woff2) format("woff2");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:General Sans;src:url(/fonts/general-sans-600.woff2) format("woff2");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:General Sans;src:url(/fonts/general-sans-700.woff2) format("woff2");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-400.woff2) format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-500.woff2) format("woff2");font-weight:500;font-display:swap;font-style:normal}:root{--color-bg: #0c0b14;--color-bg-alt: #1a1432;--color-surface: #1c1835;--color-surface-hover: #241f40;--color-text: #ededf2;--color-text-secondary: #b5b3c4;--color-text-muted: #a09db6;--color-accent: #8b5cf6;--color-accent-hover: #a78bfa;--color-accent-dim: #7c3aed;--color-accent-glow: rgba(139, 92, 246, .15);--color-accent-subtle: rgba(139, 92, 246, .06);--color-accent2: #06b6d4;--color-accent2-hover: #22d3ee;--color-accent2-glow: rgba(6, 182, 212, .15);--color-success: #34d399;--color-border: rgba(139, 92, 246, .12);--color-border-hover: rgba(139, 92, 246, .25);--font-body: "Satoshi", system-ui, -apple-system, sans-serif;--font-heading: "General Sans", system-ui, -apple-system, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 8rem;--max-width: 1100px;--nav-height: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-reveal: .6s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-padding-top:var(--nav-height);scrollbar-width:none}html::-webkit-scrollbar{display:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}body{font-family:var(--font-body);font-weight:400;background:var(--color-bg);color:var(--color-text);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit;border:none;background:none}button{cursor:pointer}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-2xl) 0;position:relative}.section-header{margin-bottom:var(--space-xl)}.section-label{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm)}.section-title{font-family:var(--font-heading);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm)}.section-desc{color:var(--color-text-muted);font-size:.95rem;max-width:500px;line-height:1.7}.reveal{opacity:0;transform:translateY(30px)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.back-to-top{position:fixed;bottom:2rem;right:2rem;z-index:50;width:40px;height:40px;border-radius:50%;background:#8b5cf626;border:1px solid rgba(139,92,246,.25);color:var(--color-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.back-to-top.is-visible{opacity:1;pointer-events:auto}.back-to-top:hover{background:#8b5cf64d;border-color:var(--color-accent);transform:translateY(-2px)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:200;background:transparent;transition:background .4s ease,box-shadow .4s ease,border-color .4s ease}.nav.scrolled{background:#0a0a10cc;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 1px #8b5cf614}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-heading);font-weight:700;font-size:1.2rem;color:var(--color-text);letter-spacing:-.02em}.nav-logo span{color:var(--color-accent)}.nav-links{display:flex;align-items:center;gap:.5rem}.nav-links a{font-size:.82rem;font-weight:500;color:var(--color-text-muted);padding:.4rem .9rem;border-radius:100px;transition:color .2s ease,background .2s ease}.nav-links a:hover{color:var(--color-text);background:#ffffff0d}.nav-links a.nav-cta{color:#fff;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);padding:.4rem 1rem;font-weight:600;margin-left:.5rem;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.nav-links a.nav-cta:hover{color:#fff;background:#8b5cf640;border-color:#8b5cf680;box-shadow:0 0 16px #8b5cf626}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-sm)}.nav-toggle span{display:block;width:20px;height:2px;background:var(--color-text);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.nav-has-submenu{position:relative}.nav-submenu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#0a0a10f5;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid rgba(139,92,246,.12);border-radius:14px;padding:.5rem 0;list-style:none;min-width:250px;margin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s;box-shadow:0 12px 40px #00000080;z-index:110}.nav-has-submenu:hover>.nav-submenu,.nav-has-submenu:focus-within>.nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-submenu li{list-style:none}.nav-submenu li a{display:block;padding:.55rem 1.1rem;color:var(--color-text-muted);font-size:.85rem;font-weight:500;border-radius:0;background:transparent;white-space:nowrap;transition:color .15s ease,background .15s ease}.nav-submenu li a:hover{color:var(--color-accent);background:#8b5cf614}.nav-links a.is-active{color:var(--color-text);background:#8b5cf614}.nav-submenu li a.is-active{color:var(--color-accent);background:#8b5cf614}.nav-fallback .nav-inner{justify-content:space-between}@media(max-width:768px){.nav-submenu{position:static;transform:none;opacity:1;visibility:visible;pointer-events:auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;padding:0 0 .5rem 1rem;min-width:0}}.scroll-progress{position:fixed;top:var(--nav-height);left:0;width:0%;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent2, var(--color-accent-hover)));z-index:101;pointer-events:none;transition:none}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:var(--nav-height);position:sticky;top:0;z-index:0;overflow:hidden}.hero~.section,.hero~section{position:sticky;top:0;background:var(--color-bg);border-radius:16px 16px 0 0;box-shadow:0 -10px 50px #0009,0 -1px #8b5cf61f}.hero~footer{position:relative;z-index:10;background:var(--color-bg)}.hero-bg{position:absolute;inset:0;pointer-events:none}.hero-glow{position:absolute;top:15%;left:50%;transform:translate(-50%);width:900px;height:600px;background:radial-gradient(ellipse at 30% 50%,rgba(139,92,246,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(124,58,237,.08) 0%,transparent 50%);filter:blur(60px);animation:glowDrift 12s ease-in-out infinite}@keyframes glowDrift{0%,to{transform:translate(-50%) translateY(0) scale(1)}33%{transform:translate(-48%) translateY(-15px) scale(1.02)}66%{transform:translate(-52%) translateY(10px) scale(.98)}}.hero-inner{max-width:800px;margin:0 auto;padding:0 var(--space-lg);width:100%;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.hero-brand,.hero-tagline,.hero-title,.hero-subtitle,.hero-actions,.hero-badge{opacity:0;will-change:clip-path}.hero-brand{font-family:var(--font-heading);font-size:clamp(4.5rem,12vw,9rem);font-weight:700;letter-spacing:-.03em;color:var(--color-text);line-height:1;padding-bottom:.15em;margin-bottom:var(--space-md)}.hero-brand .brand-am,.hero-brand .accent{display:inline-block}.hero-brand .accent{background:linear-gradient(135deg,var(--color-accent) 0%,#a78bfa 50%,#c4b5fd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:.05em}.hero-tagline{font-size:.8rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-xl)}.hero-title{font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--color-text);margin-bottom:var(--space-lg)}.hero-title .accent{background:linear-gradient(135deg,var(--color-accent) 0%,#a78bfa 50%,#c4b5fd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.75;max-width:560px;margin-bottom:var(--space-xl);font-weight:500}.hero-actions{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;justify-content:center;margin-bottom:var(--space-xl)}.hero-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.8rem;background:var(--color-accent);color:var(--color-bg);font-weight:600;font-size:.9rem;border-radius:var(--radius-sm);transition:all .3s cubic-bezier(.16,1,.3,1)}.hero-cta:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf659}.hero-cta svg{width:15px;height:15px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.hero-cta:hover svg{transform:translate(4px)}.hero-secondary{display:inline-flex;align-items:center;padding:.85rem 1.8rem;color:var(--color-text-secondary);font-weight:500;font-size:.9rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-hover);transition:all .3s cubic-bezier(.16,1,.3,1)}.hero-secondary:hover{color:var(--color-text);border-color:var(--color-border-hover);background:var(--color-surface);transform:translateY(-2px)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem .35rem .65rem;background:#8b5cf60f;border:1px solid var(--color-border);border-radius:100px;font-size:.75rem;font-weight:500;color:var(--color-text-muted)}.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d39980;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@media(prefers-reduced-motion:reduce){.hero-glow,.hero-badge-dot{animation:none}}@supports (-webkit-touch-callout: none){@media(max-width:768px){.hero-glow{filter:blur(30px);width:600px;height:400px}}}.section.about{background:var(--color-bg-alt);z-index:2}.about-grid{max-width:680px}.about-text{font-size:1rem;line-height:1.85;color:var(--color-text-secondary)}.about-text p+p{margin-top:var(--space-md)}.about-text strong{color:var(--color-text);font-weight:500}.about-more{display:none;margin-top:var(--space-md)}.about-more.is-open{display:block}.about-toggle{margin-top:var(--space-md);font-size:.82rem;font-weight:500;color:var(--color-accent);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.about-toggle:hover{color:var(--color-accent-hover)}.about-location{margin-top:var(--space-sm);font-size:.85rem;color:var(--color-accent);font-weight:500}.services{z-index:3}.services-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-md)}.service-card{padding:var(--space-xl) var(--space-lg);background:#8b5cf60a;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.16,1,.3,1)}.service-card:hover{border-color:var(--color-border-hover);background:#8b5cf614;transform:translateY(-3px);box-shadow:0 8px 30px #8b5cf61a}.service-card h3{font-family:var(--font-heading);font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700;color:var(--color-text);margin-bottom:var(--space-md);transition:color .3s ease}.service-card:hover h3{color:var(--color-accent-hover)}.service-card p{font-size:.88rem;color:var(--color-text-muted);line-height:1.75}.section-cta-break{text-align:center;padding:var(--space-lg) 0;position:relative;z-index:3}.section-cta-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;color:var(--color-text-muted);transition:color .3s ease}.section-cta-link:hover{color:var(--color-accent)}.section-cta-link svg{transition:transform .3s ease}.section-cta-link:hover svg{transform:translate(4px)}.section.method{z-index:3}.method-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.method-card{padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);transition:all .3s cubic-bezier(.16,1,.3,1)}.method-card:last-child{border-bottom:none}.method-card:hover{padding-left:var(--space-sm)}.method-card-header{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:.3rem}.method-num{font-family:var(--font-heading);font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;color:var(--color-accent);opacity:.4;line-height:1;transition:opacity .3s ease}.method-card:hover .method-num{opacity:.8}.method-card h3{font-family:var(--font-heading);font-size:clamp(1rem,1.8vw,1.15rem);font-weight:600;color:var(--color-text);transition:color .3s ease}.method-card:hover h3{color:var(--color-accent-hover)}.method-card p{font-size:.85rem;color:var(--color-text-muted);line-height:1.6;padding-left:calc(clamp(1.2rem,2.5vw,1.5rem) + var(--space-sm))}.section.projects{background:var(--color-bg-alt);z-index:4;box-shadow:0 -10px 60px #8b5cf61a,0 -1px #8b5cf62e}.projects-list{display:flex;flex-direction:column;gap:var(--space-lg)}.project-stack{display:flex;flex-wrap:wrap;gap:6px}.project-stack span{font-size:.75rem;font-weight:500;padding:.2rem .6rem;border:1px solid var(--color-border);border-radius:100px;color:var(--color-text-muted);transition:all .3s ease}.project:hover .project-stack span{border-color:var(--color-border-hover)}.projects-cta{text-align:center;margin-top:var(--space-xl)}.showcase-body{max-width:var(--max-width);margin:0 auto;min-width:0}.showcase-header{margin-bottom:var(--space-lg)}.showcase-header h3{font-family:var(--font-heading);font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm);transition:color .3s ease}.showcase-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.7;max-width:680px}.showcase .project-stack{padding-top:var(--space-lg)}.showcase-preview{display:block;text-decoration:none;margin-bottom:var(--space-xl);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(139,92,246,.15);background:#0a0915;transition:border-color .3s ease,box-shadow .3s ease;position:relative}.showcase-preview:hover{border-color:#8b5cf659;box-shadow:0 16px 60px #8b5cf61f,0 0 0 1px #8b5cf61a}.showcase-preview-bar{display:flex;align-items:center;gap:var(--space-md);padding:10px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.showcase-preview-dots{display:flex;gap:6px}.showcase-preview-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff1f}.showcase-preview-url{flex:1;font-size:.75rem;font-weight:500;color:var(--color-text-muted);background:#ffffff0a;padding:4px 12px;border-radius:6px;letter-spacing:.02em}.showcase-preview-frame{position:relative;width:100%;height:480px;overflow:hidden}.showcase-preview-frame iframe{width:100%;height:100%;border:none;pointer-events:none}.showcase-preview-overlay{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#0a0915,transparent);pointer-events:none}.showcase-preview-cta{display:inline-flex;align-items:center;gap:.5rem;padding:10px 20px;font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--color-text-secondary);transition:color .3s ease}.showcase-preview:hover .showcase-preview-cta{color:#fff}.showcase-features{display:flex;flex-direction:column;gap:var(--space-2xl);margin-bottom:var(--space-xl)}.feature-row{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-xl);align-items:center;cursor:pointer}.feature-row--reverse{grid-template-columns:1fr 1.2fr}.feature-row--reverse .feature-media{order:2}.feature-row--reverse .feature-text{order:1}.feature-media img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000040,0 0 0 1px #ffffff0f;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.feature-row:hover .feature-media img{transform:scale(1.02);box-shadow:0 16px 50px #0006,0 0 0 1px #8b5cf626}.feature-media--tall img{max-height:420px;object-fit:cover;object-position:top}.feature-media--compact img{max-height:650px;width:auto;object-fit:contain}.feature-label{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm)}.feature-text h4{font-family:var(--font-heading);font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm);transition:color .3s ease}.feature-row:hover .feature-text h4{color:var(--color-accent-hover)}.feature-text p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.7}.bento-lightbox{position:fixed;inset:0;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.bento-lightbox.open{opacity:1;visibility:visible}.bento-lightbox-backdrop{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.bento-lightbox-scroll{position:fixed;inset:0;z-index:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;align-items:center;justify-content:center;padding:24px}.bento-lightbox-img{display:block;max-width:90vw;max-height:90vh;object-fit:contain;width:auto;height:auto;border-radius:var(--radius-lg);box-shadow:0 0 60px #8b5cf626,0 30px 80px #00000080;transform:scale(.95);transition:transform .3s cubic-bezier(.16,1,.3,1)}.bento-lightbox.open .bento-lightbox-img{transform:scale(1)}.bento-lightbox-close{position:absolute;top:16px;right:16px;z-index:10;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bento-lightbox-close:hover{background:#8b5cf699;border-color:#8b5cf666}.bento-lightbox-close svg{width:20px;height:20px}.showcase-demo-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;margin-bottom:var(--space-lg);font-family:var(--font-body);font-size:.82rem;font-weight:500;color:#fff;background:#8b5cf626;border:1px solid rgba(139,92,246,.25);border-radius:100px;cursor:pointer;transition:all .3s ease}.showcase-demo-btn:hover{background:#8b5cf640;border-color:#8b5cf666;box-shadow:0 0 20px #8b5cf626}.showcase-site-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;margin-bottom:var(--space-lg);font-family:var(--font-body);font-size:.82rem;font-weight:500;color:#fff;background:#8b5cf626;border:1px solid rgba(139,92,246,.25);border-radius:100px;cursor:pointer;text-decoration:none;transition:all .3s ease}.showcase-site-btn:hover{background:#8b5cf640;border-color:#8b5cf666;box-shadow:0 0 20px #8b5cf626}.showcase-highlights{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-xl)}.showcase-highlight{padding:var(--space-md) var(--space-lg);background:#8b5cf60d;border:1px solid rgba(139,92,246,.12);border-radius:var(--radius-lg);transition:border-color .3s ease,background .3s ease}.showcase-highlight:hover{background:#8b5cf614;border-color:#8b5cf640}.showcase-highlight-title{display:block;font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.showcase-highlight-desc{display:block;font-size:.82rem;color:var(--color-text-secondary);line-height:1.6}.showcase-features.is-collapsed .feature-row:nth-child(n+3){display:none}.showcase--atelier .showcase-features.is-collapsed .feature-row:nth-child(n+3){display:none}.showcase--atelier .showcase-features.is-collapsed~.showcase-highlights{display:none}.showcase-impact{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.impact-item{display:flex;align-items:baseline;gap:var(--space-sm);font-size:.85rem;color:var(--color-text-muted);line-height:1.6}.impact-label{flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .5rem;border-radius:4px;background:#ffffff0f;color:var(--color-text-muted)}.impact-label--after{background:#34d3991f;color:var(--color-success)}.impact-item--after{color:var(--color-text-secondary)}.showcase-expand-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;margin-bottom:var(--space-lg);font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:100px;cursor:pointer;transition:all .3s ease}.showcase-expand-btn:hover{color:#fff;border-color:var(--color-border-hover)}.showcase-expand-btn svg{transition:transform .3s ease}.showcase-expand-btn.is-expanded svg{transform:rotate(180deg)}.video-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.video-modal.open{opacity:1;visibility:visible}.video-modal-backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.video-modal-content{position:relative;width:90vw;max-width:960px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-hover);box-shadow:0 0 60px #8b5cf626,0 30px 80px #00000080;transform:scale(.95) translateY(10px);transition:transform .3s cubic-bezier(.16,1,.3,1)}.video-modal.open .video-modal-content{transform:scale(1) translateY(0)}.video-modal-content video{display:block;width:100%;background:#000}.video-modal-close{position:absolute;top:12px;right:12px;z-index:10;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.video-modal-close:hover{background:#8b5cf699;border-color:#8b5cf666}.section.contact{z-index:5;min-height:100vh;display:flex;align-items:center;padding-bottom:200px}.section.contact>.container{width:100%}.section.contact .section-header{text-align:center}.contact-inner--flow{max-width:600px;margin:0 auto;text-align:center}.contact-reassurance{font-size:.82rem;color:var(--color-success);font-weight:500;margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.contact-email{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--color-accent);font-weight:500;font-size:.9rem;transition:color var(--transition-fast)}.contact-email:hover{color:var(--color-accent-hover)}.flow{display:flex;flex-direction:column;gap:0}.flow-block{padding:var(--space-lg) 0}.flow-block--hidden{display:none}.flow-question{font-family:var(--font-heading);font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm)}.flow-hint{font-size:.82rem;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.flow-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.flow-cards--2col{grid-template-columns:1fr 1fr}.flow-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:var(--space-md) var(--space-lg);background:#8b5cf60a;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.flow-card:hover{border-color:var(--color-border-hover);background:#8b5cf614;transform:translateY(-2px)}.flow-card.is-selected{border-color:var(--color-accent);background:#8b5cf61f;box-shadow:0 0 0 1px var(--color-accent),0 4px 20px #8b5cf626}.flow-card--big{padding:var(--space-lg) var(--space-xl)}.flow-card--big .flow-card-title{font-size:1.05rem;margin-bottom:.4rem}.flow-card-title{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:.2rem;transition:color .3s ease}.flow-card.is-selected .flow-card-title{color:var(--color-accent-hover)}.flow-card-desc{font-size:.78rem;color:var(--color-text-muted);line-height:1.5}.flow-modules-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-sm)}.flow-module{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md);background:#8b5cf60a;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.flow-module:hover{border-color:var(--color-border-hover);background:#8b5cf614;transform:translateY(-2px)}.flow-module.is-selected{border-color:var(--color-accent);background:#8b5cf61f;box-shadow:0 0 0 1px var(--color-accent),0 4px 15px #8b5cf626}.flow-module-label{font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:.15rem;transition:color .3s ease}.flow-module.is-selected .flow-module-label{color:var(--color-accent-hover)}.flow-module-desc{font-size:.72rem;color:var(--color-text-muted);line-height:1.4}.flow-pills{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.flow-pill{padding:.6rem 1.4rem;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:100px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.flow-pill:hover{border-color:var(--color-border-hover);color:var(--color-text);transform:translateY(-2px)}.flow-pill.is-selected{border-color:var(--color-accent);background:#8b5cf626;color:#fff;box-shadow:0 0 0 1px var(--color-accent)}.flow-slider-wrap{padding:0 var(--space-sm)}.flow-budget-value{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-lg)}.flow-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#8b5cf626;border-radius:100px;outline:none;cursor:pointer}.flow-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;background:var(--color-accent);border-radius:50%;border:3px solid var(--color-bg);box-shadow:0 0 0 2px var(--color-accent),0 4px 15px #8b5cf666;cursor:grab;transition:transform .2s ease}.flow-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.flow-slider::-webkit-slider-thumb:active{cursor:grabbing}.flow-slider::-moz-range-thumb{width:28px;height:28px;background:var(--color-accent);border-radius:50%;border:3px solid var(--color-bg);box-shadow:0 0 0 2px var(--color-accent),0 4px 15px #8b5cf666;cursor:grab}.flow-budget-range{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-sm);opacity:.5}.flow-budget-hint{margin-top:var(--space-lg);font-size:.88rem;color:var(--color-text-secondary);line-height:1.6;min-height:1.6em}.flow-budget-hint.is-warning{color:var(--color-accent)}.flow-budget-disclaimer{display:none}.flow-fields{text-align:left}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:var(--space-xs);font-size:.82rem;font-weight:500;color:var(--color-text-muted)}.form-group input,.form-group textarea{width:100%;padding:.65rem .9rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.9rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted);opacity:.5}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.form-group textarea{resize:vertical;min-height:80px}.cf-turnstile{margin-top:var(--space-sm);display:flex;justify-content:center}.form-consent{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;color:var(--color-text-muted);line-height:1.5;margin-top:var(--space-sm);cursor:pointer}.form-consent input[type=checkbox]{margin-top:.15rem;accent-color:var(--color-accent);flex-shrink:0}.flow-submit{width:100%;padding:.85rem;background:var(--color-accent);color:var(--color-bg);border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;margin-top:var(--space-sm);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.flow-submit:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf659}.footer{padding:var(--space-lg) 0 var(--space-xl);text-align:center;font-size:.78rem;color:var(--color-text-muted);z-index:10}.footer .container{position:relative;padding-top:var(--space-lg)}.footer .container:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.footer:has(.footer-grid) .container:before{display:none}.footer:has(.footer-grid){text-align:left;font-size:.85rem;padding-top:var(--space-xl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl);text-align:left}.footer-col h4{color:var(--color-text);font-family:var(--font-heading);font-size:.9rem;font-weight:600;margin-bottom:var(--space-md);letter-spacing:.02em}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:.5rem}.footer-col a{color:var(--color-text-muted);text-decoration:none;font-size:.85rem;transition:color .2s ease}.footer-col a:hover{color:var(--color-accent)}.footer-logo{display:inline-block;font-family:var(--font-heading);font-weight:700;font-size:1.2rem;color:var(--color-text);letter-spacing:-.02em;text-decoration:none;margin-bottom:var(--space-sm)}.footer-logo span{color:var(--color-accent)}.footer-tagline{color:var(--color-text-muted);font-size:.9rem;margin:0 0 var(--space-sm) 0;line-height:1.5}.footer-loc{color:var(--color-text-muted);font-size:.8rem;opacity:.75;margin:0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.05);font-size:.78rem;color:var(--color-text-muted);flex-wrap:wrap}.footer-bottom p{margin:0}.footer:has(.footer-grid) .footer-linkedin{margin-top:0}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-lg)}.footer-col.footer-brand{grid-column:1 / -1}.footer-bottom{flex-direction:column;text-align:center}}.footer a{color:var(--color-accent-dim);transition:color var(--transition-fast)}.footer a:hover{color:var(--color-accent)}.footer p+p{margin-top:var(--space-xs)}.footer-linkedin{display:inline-flex;align-items:center;justify-content:center;margin-top:var(--space-md);color:var(--color-text-muted);transition:color var(--transition-fast),transform var(--transition-fast)}.footer-linkedin:hover{color:var(--color-accent);transform:translateY(-2px)}.mentions-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mentions-modal.open{opacity:1;visibility:visible}.mentions-backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mentions-content{position:relative;width:90vw;max-width:600px;max-height:80vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--space-xl)}.mentions-content h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-lg)}.mentions-body p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-md)}.mentions-body strong{color:var(--color-text)}.mentions-body a{color:var(--color-accent)}.mentions-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#0006;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mentions-close:hover{background:#8b5cf699}.page-hero{padding:calc(var(--nav-height) + 60px) 0 80px;background:radial-gradient(ellipse at top center,rgba(139,92,246,.08),transparent 60%)}.page-hero .container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.page-eyebrow{display:inline-block;color:var(--color-accent);font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-md)}.page-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;color:var(--color-text);margin-bottom:var(--space-md);max-width:900px;letter-spacing:-.02em}.page-title .accent{color:var(--color-accent)}.page-subtitle{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--color-text-muted);max-width:720px;margin-bottom:var(--space-lg);line-height:1.6}.page-cta-row{display:flex;gap:var(--space-sm);flex-wrap:wrap}.breadcrumb{margin-bottom:var(--space-md)}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:var(--color-text-muted)}.breadcrumb li{display:flex;align-items:center}.breadcrumb li:not(:last-child):after{content:"/";margin-left:.5rem;opacity:.4}.breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb [aria-current=page]{color:var(--color-text)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md, 12px);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);transition:border-color .2s ease,background .2s ease}.faq-item:hover{border-color:#8b5cf633}.faq-item[open]{background:#8b5cf60a;border-color:#8b5cf640}.faq-item summary{cursor:pointer;font-weight:600;color:var(--color-text);font-size:1.05rem;list-style:none;position:relative;padding-right:32px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--color-accent);transition:transform .2s ease;line-height:1}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:var(--space-sm) 0 0;color:var(--color-text-muted);line-height:1.6}.faq-item a{color:var(--color-accent)}.contact-cta-block{text-align:center;padding:var(--space-xl) var(--space-lg);background:linear-gradient(135deg,#8b5cf614,#8b5cf605);border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-lg, 24px);max-width:720px;margin:0 auto}.contact-cta-block h2{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm);letter-spacing:-.01em}.contact-cta-block p{color:var(--color-text-muted);margin-bottom:var(--space-md)}.page-hero .hero-cta,.contact-cta-block .hero-cta,.page-hero .hero-secondary{display:inline-flex;align-items:center;gap:.6rem}@media(max-width:768px){.page-hero{padding:calc(var(--nav-height) + 40px) 0 60px}}.section.about#zones{z-index:4;position:sticky;top:0}.section#faq{z-index:5;position:sticky;top:0;background:var(--color-bg)}.section.contact{z-index:6}.footer{z-index:11}.page-hero,.page-hero p,.page-hero h1,.page-hero .page-eyebrow,.page-hero .breadcrumb,.section-header,.section-header h2,.section-header p,.service-card,.service-card h3,.service-card p,.method-card,.method-card h3,.method-card p,.method-card-header,.about-text,.about-text p,.about-text strong,.faq-item,.faq-item p,.contact-cta-block,.contact-cta-block h2,.contact-cta-block p{cursor:default}.faq-item summary{cursor:pointer}a,button,.hero-cta,.hero-secondary,.nav-cta{cursor:pointer}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.metric-card{text-align:center;padding:var(--space-lg) var(--space-md);background:#8b5cf60a;border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-md, 12px);transition:border-color .2s ease,transform .2s ease;cursor:default}.metric-card:hover{border-color:#8b5cf659;transform:translateY(-2px)}.metric-value{display:block;font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--color-accent);line-height:1.1;margin-bottom:.4rem;letter-spacing:-.02em}.metric-label{display:block;font-size:.85rem;color:var(--color-text-muted);line-height:1.3}.tech-stack{margin-top:var(--space-md)}.tech-stack-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.75rem}.tech-pills{display:flex;flex-wrap:wrap;gap:.5rem}.tech-pill{display:inline-block;padding:.4rem .85rem;background:#ffffff0a;border:1px solid rgba(139,92,246,.2);border-radius:100px;font-size:.82rem;font-weight:500;color:var(--color-text);cursor:default;transition:background .2s ease,border-color .2s ease}.tech-pill:hover{background:#8b5cf61f;border-color:#8b5cf673}.before-after-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-lg)}.before-after-col{padding:var(--space-lg);border-radius:var(--radius-md, 12px);cursor:default}.before-after-col.is-before{background:#ef44440a;border:1px solid rgba(239,68,68,.18)}.before-after-col.is-after{background:#22c55e0a;border:1px solid rgba(34,197,94,.2)}.before-after-col h4{font-family:var(--font-heading);font-size:1rem;font-weight:600;margin-bottom:var(--space-sm);letter-spacing:.02em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.before-after-col.is-before h4{color:#f87171}.before-after-col.is-after h4{color:#4ade80}.before-after-col h4:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor}.before-after-col ul{list-style:none;padding:0;margin:0}.before-after-col li{position:relative;padding-left:1.4rem;margin-bottom:.6rem;color:var(--color-text-muted);font-size:.92rem;line-height:1.5}.before-after-col li:before{position:absolute;left:0;top:0;font-weight:700}.before-after-col.is-before li:before{content:"×";color:#f87171;font-size:1.1rem;line-height:1.2}.before-after-col.is-after li:before{content:"✓";color:#4ade80;font-size:.95rem;line-height:1.4}@media(max-width:768px){.before-after-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.metric-card{padding:var(--space-md) .75rem}}.screenshots-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.screenshot-card{background:#ffffff05;border:1px solid rgba(139,92,246,.12);border-radius:var(--radius-md, 12px);overflow:hidden;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;cursor:default}.screenshot-card:hover{border-color:#8b5cf666;transform:translateY(-3px);box-shadow:0 12px 32px #00000059,0 0 0 1px #8b5cf626}.screenshot-card-media{display:block;position:relative;width:100%;aspect-ratio:16 / 10;background:#0a0913;overflow:hidden}.screenshot-card-media img,.screenshot-card-media video{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .4s ease}.screenshot-card:hover .screenshot-card-media img{transform:scale(1.03)}.screenshot-card-caption{padding:var(--space-md)}.screenshot-card-caption h4{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--color-text);margin:0 0 .4rem;letter-spacing:-.01em}.screenshot-card-caption p{font-size:.85rem;color:var(--color-text-muted);margin:0;line-height:1.4}.screenshot-card.is-video .screenshot-card-media:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:#8b5cf6e6;border-radius:50%;pointer-events:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M8 5v14l11-7z"/></svg>');background-size:28px;background-position:56% center;background-repeat:no-repeat;box-shadow:0 8px 24px #0006;transition:transform .2s ease}.screenshot-card.is-video:hover .screenshot-card-media:after{transform:translate(-50%,-50%) scale(1.1)}@media(max-width:768px){.screenshots-gallery{grid-template-columns:1fr}}@media(max-width:768px){.nav-toggle{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}.nav-links{position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:#0f0f15fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--transition-base),opacity var(--transition-base)}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links a{font-size:1.1rem;padding:.75rem 1rem}.hero-actions{flex-direction:column;gap:var(--space-sm)}.hero-cta,.hero-secondary{width:100%;justify-content:center}.services-list{grid-template-columns:1fr}.showcase-body{padding:var(--space-lg)}.showcase-preview-frame{height:280px}.showcase-preview-cta{padding:16px 20px}.feature-row,.feature-row--reverse{grid-template-columns:1fr;gap:var(--space-lg)}.feature-row--reverse .feature-media,.feature-row--reverse .feature-text{order:0}.showcase-features{gap:var(--space-xl)}.showcase-highlights{grid-template-columns:1fr}.section{padding:var(--space-xl) 0}.showcase-expand-btn,.showcase-demo-btn,.showcase-site-btn{min-height:44px}.hero~.section,.hero~section{position:relative;border-radius:8px 8px 0 0}.impact-item{flex-direction:column;gap:.25rem}.impact-label{align-self:flex-start}.section-cta-break{padding:var(--space-md) 0}.flow-cards,.flow-cards--2col{grid-template-columns:1fr}.flow-modules-grid{grid-template-columns:1fr 1fr}.flow-pills{flex-direction:column;align-items:stretch}.flow-submit{min-height:44px}}