:root{--bg: #050505;--surface: #0d0d0d;--surface-elevated: #161616;--fg: #ffffff;--fg-muted: #e5e5e5;--muted: #a1a1a1;--muted-dark: #737373;--accent: #06b6d4;--accent-light: #22d3ee;--accent-dark: #0891b2;--purple: #a855f7;--purple-light: #c084fc;--purple-dark: #9333ea;--success: #10b981;--success-light: #34d399;--success-dark: #059669;--warning: #f59e0b;--line: rgba(255, 255, 255, .06);--line-strong: rgba(255, 255, 255, .1);--bg-card: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .06);--gradient-accent: linear-gradient(135deg, #06b6d4 0%, #a855f7 100%);--gradient-purple: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);--gradient-green: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-surface: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .01) 100%);--gradient-hero: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(168, 85, 247, .12), rgba(6, 182, 212, .08), transparent);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-display:swap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-size:clamp(1rem,1.05vw,1.125rem);line-height:1.7;color:var(--fg-muted);background-color:var(--bg);overflow-x:hidden;position:relative;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;top:0;left:0;right:0;height:100vh;background:var(--gradient-hero);pointer-events:none;z-index:0}h1{font-size:clamp(3rem,5vw,5rem);line-height:1.05;font-weight:800;letter-spacing:-.03em;color:var(--fg)}h2{font-size:clamp(2rem,3vw,2.75rem);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--fg)}h3{font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.container{max-width:1280px;margin:0 auto;padding:0 clamp(20px,5vw,40px);position:relative;z-index:1}.nav{position:sticky;top:0;z-index:1000;background:#05050599;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav.scrolled{background:#050505d9;border-bottom-color:var(--line);box-shadow:0 8px 32px #0006}.nav-container{max-width:1280px;margin:0 auto;padding:0 clamp(20px,5vw,40px);display:flex;align-items:center;justify-content:space-between;height:80px}.nav-logo{font-size:1.6rem;font-weight:800;color:var(--fg);text-decoration:none;letter-spacing:-.03em;transition:all .2s ease;position:relative}.nav-logo:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:3px;background:var(--gradient-accent);transition:width .3s ease;border-radius:2px}.nav-logo:hover:after{width:100%}.nav-menu{display:flex;gap:40px;list-style:none}.nav-menu a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s ease;position:relative;padding:4px 0}.nav-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.nav-menu a:hover{color:var(--fg)}.nav-menu a:hover:after{width:100%}.nav-contact-icons{display:flex;gap:12px;align-items:center;margin-left:16px}.nav-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#06b6d41a;border:1px solid rgba(6,182,212,.3);color:var(--accent);text-decoration:none;transition:all .3s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.nav-icon-btn:hover{background:#06b6d433;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #06b6d44d}.nav-icon-btn svg{flex-shrink:0}.mobile-menu-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hamburger-line{width:26px;height:2px;background:var(--fg);border-radius:2px;transition:all .3s ease}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}@media (max-width: 968px){.nav-contact-icons{display:none}.mobile-menu-toggle{display:flex}.nav-menu{position:fixed;top:80px;left:0;right:0;background:#050505fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:24px 0;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 8px 32px #0009;transform:translateY(-120%);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-menu li{width:100%;border-bottom:1px solid var(--line)}.nav-menu li:last-child{border-bottom:none}.nav-menu a{display:block;padding:18px 24px;font-size:1.1rem;transition:all .3s ease}.nav-menu a:after{display:none}.nav-menu a:hover{background:#06b6d414;padding-left:32px}}.btn{display:inline-block;text-decoration:none;font-weight:600;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;font-family:inherit;font-size:1rem;text-align:center;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn:hover:before{width:300px;height:300px}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.btn-primary{background:var(--gradient-accent);color:#fff;padding:12px 32px;height:48px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #06b6d459,0 0 40px #a855f726;position:relative;z-index:1;font-weight:600;letter-spacing:-.01em}.btn-primary:hover{box-shadow:0 8px 32px #06b6d480,0 0 60px #a855f740;transform:translateY(-2px) scale(1.02)}.btn-hero{font-size:1.05rem;padding:18px 40px}.btn-secondary{background:transparent;color:var(--fg);border:2px solid var(--line-strong);padding:14px 32px;height:52px;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover{border-color:var(--accent);background:#06b6d414;color:var(--accent-light)}.btn-lg{height:60px;padding:18px 40px;font-size:1.1rem;border-radius:16px}.btn-nav{height:46px;padding:12px 26px;font-size:.95rem}.btn-full{width:100%}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:clamp(90px,12vh,120px) 0 clamp(80px,10vh,120px)}.hero-corner-badge{position:absolute;top:70px;left:40px;z-index:20;background:#0d0d0d99;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;max-width:280px;box-shadow:0 8px 32px #0006;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-corner-badge:hover{transform:translateY(-4px);border-color:#06b6d44d;box-shadow:0 12px 48px #0009,0 0 40px #06b6d426}.corner-badge-content{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.corner-badge-icon{font-size:1.5rem;flex-shrink:0;line-height:1}.corner-badge-text{display:flex;flex-direction:column;gap:4px}.corner-badge-title{font-size:.95rem;font-weight:700;color:var(--fg);line-height:1.3}.corner-badge-subtitle{font-size:.8rem;color:var(--muted);font-weight:500}.corner-badge-btn{width:100%;height:40px;padding:0 16px;background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:10px;color:var(--accent);font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;font-family:inherit}.corner-badge-btn:hover{background:#06b6d433;border-color:var(--accent);transform:translate(2px)}.corner-badge-btn svg{transition:transform .3s ease}.corner-badge-btn:hover svg{transform:translate(3px)}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3;animation:orbFloat 20s ease-in-out infinite}.hero-gradient-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(6,182,212,.4) 0%,transparent 70%);top:-200px;right:-100px;animation-delay:0s}.hero-gradient-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(249,115,22,.3) 0%,transparent 70%);bottom:-150px;left:-100px;animation-delay:-10s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.hero-particles-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hero .container{position:relative;z-index:2}.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:600px}.hero-content-left{display:flex;flex-direction:column;justify-content:center}.hero-text-wrapper{max-width:600px}.hero-title-new{margin-bottom:24px;line-height:.95}.hero-title-line-1{display:block;font-size:clamp(3.5rem,8vw,7rem);font-weight:300;color:var(--muted);letter-spacing:-.04em;margin-bottom:8px}.hero-title-line-2{display:block;font-size:clamp(3.5rem,8vw,7rem);font-weight:900;background:linear-gradient(135deg,#06b6d4,#22d3ee 40%,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.04em}.hero-description-new{font-size:clamp(1.1rem,1.5vw,1.35rem);color:var(--muted);line-height:1.6;margin-bottom:40px;max-width:500px}.hero-cta-wrapper{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.btn-hero-new{display:inline-flex;align-items:center;justify-content:center;height:64px;padding:0 40px;font-size:1.1rem;font-weight:600;border-radius:12px;background:#8b5cf6;border:1px solid rgb(167,139,250);color:#fff;position:relative;overflow:hidden;transition:all .3s ease;text-decoration:none;cursor:pointer}.btn-hero-new:focus{outline:none}.btn-hero-new:focus-visible{outline:2px solid rgb(167,139,250);outline-offset:2px}.btn-hero-new .btn-text{position:relative;z-index:2;display:flex;align-items:center;gap:8px}.magnetize-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#c4b5fd;opacity:.4;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-hero-new.attracting .magnetize-particle{opacity:1}.hero-trust-text{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--muted);margin:0}.trust-icon{color:var(--accent);flex-shrink:0}.hero-visual-right{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.hero-mockup-wrapper{position:relative;width:100%;height:600px;display:flex;align-items:center;justify-content:center}.hero-mockup-float{position:relative;width:100%;max-width:550px;animation:floatHero 6s ease-in-out infinite;transition:transform .3s ease}@keyframes floatHero{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.hero-mockup-float:hover{animation-play-state:paused;transform:translateY(-10px) rotateY(5deg) rotateX(5deg) scale(1.02)}.hero-mockup-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(circle,rgba(6,182,212,.3) 0%,transparent 70%);filter:blur(60px);z-index:-1;opacity:.6;animation:glowPulse 4s ease-in-out infinite}.hero-browser-mockup{background:#0d0d0d99;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 100px #06b6d433;transform-style:preserve-3d;perspective:1000px}.browser-header{background:#161616cc;padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.browser-dots{display:flex;gap:6px}.browser-dot{width:10px;height:10px;border-radius:50%}.browser-dot-red{background:#ff5f57}.browser-dot-yellow{background:#ffbd2e}.browser-dot-green{background:#28ca42}.browser-address{flex:1;background:#ffffff0d;padding:6px 12px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted)}.browser-address svg{flex-shrink:0;opacity:.6}.browser-content{background:#000;overflow:hidden;position:relative}.browser-screenshot{width:100%;height:auto;display:block}.hero-floating-card{position:absolute;background:#0d0d0dcc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 20px;box-shadow:0 8px 32px #00000080;animation:floatCard 4s ease-in-out infinite;z-index:10}.hero-floating-card-1{top:10%;left:-80px;animation-delay:0s}.hero-floating-card-2{top:50%;right:-60px;animation-delay:-1.5s}.hero-floating-card-3{bottom:15%;left:-60px;animation-delay:-3s}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.floating-card-content{display:flex;align-items:center;gap:10px}.floating-card-icon{font-size:1.2rem}.floating-card-text{font-size:.85rem;font-weight:600;color:var(--fg);white-space:nowrap}.hero-geometric-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.geometric-shape{position:absolute;opacity:.15;animation:rotateShape 20s linear infinite}.geometric-circle{width:100px;height:100px;border:2px solid var(--accent);border-radius:50%;top:20%;right:10%;animation-duration:15s}.geometric-square{width:80px;height:80px;border:2px solid var(--purple);bottom:25%;left:5%;animation-duration:20s;animation-direction:reverse}.geometric-triangle{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:87px solid var(--accent);opacity:.1;top:60%;right:5%;animation-duration:25s}@keyframes rotateShape{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:opacity .3s ease;z-index:10}.hero-scroll-indicator:hover{opacity:1}.scroll-indicator-line{width:1px;height:40px;background:linear-gradient(to bottom,transparent,var(--accent),transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%,to{opacity:.3;height:40px}50%{opacity:1;height:60px}}.scroll-indicator-text{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.btn-text{position:relative;z-index:2}.btn-arrow{position:relative;z-index:2;margin-left:8px;transition:transform .3s ease}.btn:hover .btn-arrow{transform:translate(4px)}.portfolio-showcase{padding:clamp(80px,12vw,140px) 0;position:relative;overflow:hidden;background:linear-gradient(180deg,#05050500,#0d0d0d99,#05050500)}.portfolio-showcase:before{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,rgba(6,182,212,.08) 0%,rgba(168,85,247,.06) 40%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;animation:pulse 10s ease-in-out infinite}.showcase-header{text-align:center;margin-bottom:clamp(60px,8vw,100px)}.showcase-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--muted);margin-top:16px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.showcase-grid{display:grid;grid-template-columns:1fr;gap:60px;margin-bottom:clamp(60px,8vw,100px)}.showcase-project{background:var(--surface-elevated);border:1px solid var(--line-strong);border-radius:20px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.showcase-project:hover{border-color:var(--accent);box-shadow:0 16px 48px #06b6d433;transform:translateY(-4px)}.showcase-project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--line)}.showcase-project-title{font-size:1.75rem;font-weight:700;color:var(--fg);letter-spacing:-.02em}.showcase-project-link{color:var(--accent);text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;padding:10px 20px;border-radius:8px;background:#06b6d41a;border:1px solid transparent}.showcase-project-link:hover{background:#06b6d433;border-color:var(--accent);transform:translate(4px)}.showcase-devices{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:stretch}@media (min-width: 1024px){.showcase-devices{grid-template-columns:1.5fr 1fr}}@media (min-width: 769px) and (max-width: 1023px){.showcase-devices{grid-template-columns:1fr .8fr}}.showcase-device{position:relative;border-radius:12px;overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:all .3s ease;height:100%;display:flex;flex-direction:column;text-decoration:none;cursor:pointer}.showcase-device:hover{border-color:var(--accent);box-shadow:0 8px 24px #06b6d426;transform:translateY(-4px)}.showcase-device-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.showcase-device:hover .showcase-device-image{transform:scale(1.02)}.showcase-device-label{position:absolute;top:12px;right:12px;background:#06b6d4e6;color:#fff;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.showcase-cta{text-align:center;padding:clamp(50px,8vw,80px) clamp(40px,6vw,60px);background:linear-gradient(135deg,#06b6d414,#06b6d405);border:2px solid var(--accent);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #06b6d41f}.showcase-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);opacity:.8}.showcase-cta-content{display:flex;flex-direction:column;align-items:center;gap:16px}.showcase-cta-title{font-size:clamp(1.75rem,3.5vw,2.25rem);color:var(--fg);font-weight:700;margin:0;letter-spacing:-.02em;line-height:1.2}.showcase-cta-text{font-size:clamp(1rem,2vw,1.125rem);color:var(--fg-muted);font-weight:400;margin:0;letter-spacing:-.01em;max-width:600px;line-height:1.6}.btn-showcase{margin-top:8px;padding:16px 40px;font-size:1.125rem;font-weight:600;box-shadow:0 4px 16px #06b6d44d}.btn-showcase:hover{box-shadow:0 6px 24px #06b6d466;transform:translateY(-2px)}.btn-showcase:hover{box-shadow:0 12px 48px #06b6d466,0 6px 24px #a855f74d}.showcase-trust{font-size:clamp(1rem,1.8vw,1.15rem);color:var(--accent-light);font-weight:600;margin-top:16px;letter-spacing:.02em}.compact-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(24px,3vw,40px);margin-bottom:clamp(50px,6vw,80px)}.compact-project{display:flex;flex-direction:column;gap:12px;transition:transform .3s ease}.compact-project:hover{transform:translateY(-4px)}.compact-project-info{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.compact-project-title{font-size:clamp(1rem,1.8vw,1.25rem);font-weight:600;color:var(--fg);margin:0;letter-spacing:-.01em}.compact-project-link{color:var(--accent);text-decoration:none;font-size:clamp(.85rem,1.2vw,.95rem);font-weight:500;white-space:nowrap;transition:all .3s ease;opacity:.8}.compact-project-link:hover{opacity:1;transform:translate(3px)}.compact-screens{display:flex;gap:clamp(12px,2vw,20px);align-items:flex-start}.compact-project-link{display:none}.compact-screen{flex:1;display:block;transition:all .3s ease;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}@media (hover: hover) and (pointer: fine){.compact-screen:hover{transform:translateY(-4px) scale(1.02);filter:drop-shadow(0 8px 20px rgba(6,182,212,.4))}.compact-screen:hover img{filter:brightness(1.05)}}.compact-screen img{width:100%;height:auto;display:block;transition:filter .3s ease}@media (max-width: 1024px){#portfolio-showcase,#portfolio-showcase .container{overflow:hidden}.compact-showcase{display:flex!important;flex-direction:column;gap:40px!important;grid-template-columns:none!important;margin:0;padding:0;width:100%;max-width:100%}.compact-project{width:100%;display:flex;flex-direction:column;margin-bottom:0}.compact-project-info{text-align:center;justify-content:center;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.compact-project-title{font-size:1.5rem;font-weight:700}.compact-screens{flex-direction:column;gap:8px;max-width:420px;margin:0 auto;width:100%}.compact-screen{width:100%;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));border-radius:8px;overflow:hidden;position:relative;pointer-events:auto;transition:opacity .2s ease}.compact-screen:active{opacity:.8}.compact-screen img{width:100%;height:auto;display:block;max-width:100%;object-fit:contain}.compact-project-link{pointer-events:auto;display:inline-block;margin-top:16px;padding:12px 24px;background:#06b6d41a;border:1px solid var(--accent);border-radius:8px;color:var(--accent);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s ease;text-align:center}.compact-project-link:active{background:#06b6d433;transform:scale(.98)}}.carousel-hint,.carousel-controls,.mobile-carousel-dots{display:none!important}section{padding:clamp(40px,6vw,70px) 0;position:relative}.section-title{text-align:center;margin-bottom:clamp(36px,6vw,56px);color:var(--fg);position:relative}.section-title:after{content:"";display:block;width:80px;height:4px;background:var(--gradient-accent);margin:20px auto 0;border-radius:2px}.card{background:var(--gradient-surface);border:1px solid var(--line);border-radius:20px;padding:clamp(28px,4vw,40px);box-shadow:0 8px 32px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.card:hover{transform:translateY(-4px);border-color:#a855f766;box-shadow:0 16px 48px #a855f733,0 0 80px #a855f71a}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:64px}.benefit-card{text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.benefit-card:hover{transform:translateY(-6px);border-color:#a855f780;box-shadow:0 12px 40px #a855f733}.benefit-icon{font-size:3rem;margin-bottom:24px;filter:grayscale(.3);transition:filter .3s ease}.benefit-card:hover .benefit-icon{filter:grayscale(0)}.benefit-title{color:var(--fg);margin-bottom:16px;font-size:clamp(1.2rem,1.5vw,1.4rem)}.benefit-text{color:var(--muted);line-height:1.7;font-size:1rem}.benefits-compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:64px}.benefit-compact{display:flex;gap:20px;padding:28px;background:linear-gradient(135deg,#06b6d408,#06b6d403);border:1px solid rgba(6,182,212,.15);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.benefit-compact:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent) 0%,rgba(6,182,212,.3) 100%);opacity:0;transition:opacity .3s ease}.benefit-compact:hover:before{opacity:1}.benefit-compact:hover{transform:translate(4px);border-color:#06b6d44d;background:linear-gradient(135deg,#06b6d40f,#06b6d405);box-shadow:0 8px 24px #06b6d41f}.benefit-compact-icon{font-size:2.5rem;flex-shrink:0;line-height:1;filter:grayscale(.2);transition:filter .3s ease,transform .3s ease}.benefit-compact:hover .benefit-compact-icon{filter:grayscale(0);transform:scale(1.1)}.benefit-compact-content{flex:1}.benefit-compact-title{color:var(--fg);font-size:1.15rem;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}.benefit-compact-text{color:var(--muted);line-height:1.6;font-size:.95rem}.cta-block{background:linear-gradient(135deg,#06b6d414,#a855f714);border:1px solid rgba(6,182,212,.25);border-radius:20px;padding:clamp(28px,4vw,40px) clamp(32px,5vw,48px);text-align:center;margin-top:64px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-block:hover{border-color:#06b6d466;box-shadow:0 12px 40px #06b6d433,0 0 0 1px #ffffff14 inset;transform:translateY(-2px)}.cta-block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 80% at 50% 50%,rgba(6,182,212,.15),transparent 70%);pointer-events:none;opacity:0;transition:opacity .3s ease}.cta-block:hover:before{opacity:1}.cta-block-text{font-size:clamp(1.05rem,1.4vw,1.25rem);color:var(--fg);margin-bottom:20px;font-weight:600;position:relative;z-index:1;line-height:1.4;letter-spacing:-.01em}.packages{background:radial-gradient(ellipse 100% 50% at 50% 50%,rgba(168,85,247,.08),rgba(6,182,212,.04),transparent)}.packages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;margin-bottom:48px}.card-package{position:relative;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1)}.card-package:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 24px 64px #0006;border-color:#06b6d466}.card-package-featured{border-color:var(--accent);box-shadow:0 16px 48px #06b6d440;background:linear-gradient(180deg,#06b6d40d,#06b6d405)}.card-package-featured:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;padding:1px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.package-badge{position:absolute;top:20px;right:28px;background:var(--gradient-accent);color:#fff;padding:10px 20px;border-radius:50px;font-size:.8rem;font-weight:700;box-shadow:0 4px 16px #06b6d480;letter-spacing:.02em;text-transform:uppercase;z-index:10;white-space:nowrap}.package-name{color:var(--fg);margin-bottom:16px;margin-top:8px;font-size:clamp(1.5rem,2vw,1.85rem)}.package-price{font-size:clamp(2.25rem,3.5vw,3rem);font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;line-height:1;letter-spacing:-.02em}.package-desc{color:var(--muted);font-size:.95rem;line-height:1.6;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--line)}.package-section{margin-bottom:28px}.package-section:last-child{margin-bottom:0}.package-section-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid rgba(6,182,212,.2)}.package-features{list-style:none;flex-grow:1}.package-features li{color:var(--muted);font-size:.95rem;font-weight:500;position:relative;padding:12px 0 12px 28px;line-height:1.5}.package-features li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800;font-size:1rem;top:12px}.package-features li:last-child{border-bottom:none}.packages-note{text-align:center;color:var(--muted);font-size:.95rem;font-style:italic;font-weight:500}.packages-custom{margin-top:64px;padding:clamp(48px,6vw,72px);background:linear-gradient(135deg,#06b6d41a,#06b6d40d);border:2px solid rgba(6,182,212,.3);border-radius:28px;text-align:center;position:relative;overflow:hidden}.packages-custom:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(6,182,212,.15),transparent 60%);pointer-events:none}.custom-header{margin-bottom:40px;position:relative;z-index:1}.custom-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:var(--fg);margin-bottom:20px;line-height:1.2}.custom-subtitle{font-size:clamp(1rem,1.5vw,1.25rem);color:var(--muted);line-height:1.6;max-width:800px;margin:0 auto}.custom-contact{position:relative;z-index:1}.custom-text{font-size:1.1rem;color:var(--fg);margin-bottom:20px;font-weight:600}.custom-email{display:inline-block;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:800;color:var(--accent);text-decoration:none;padding:12px 32px;border:2px solid var(--accent);border-radius:12px;transition:all .3s ease;position:relative;background:transparent}.custom-email:hover{transform:translateY(-2px);box-shadow:0 8px 24px #06b6d44d;border-color:var(--accent);background:#06b6d41a;color:var(--accent)}.card-package-monthly{border-color:#10b9814d;background:linear-gradient(180deg,#10b9810d,#10b98105)}.card-package-monthly:hover{border-color:#10b98180;box-shadow:0 24px 64px #10b98133}.package-price-green{background:var(--gradient-green);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.package-section-title-green{color:var(--success);border-bottom-color:#10b98133}.card-package-monthly .package-features li:before{color:var(--success)}.case-study{background:linear-gradient(180deg,transparent,rgba(6,182,212,.02),transparent);display:none}.case{margin-bottom:80px}.case:last-of-type{margin-bottom:0}.case-title{color:var(--fg);margin-bottom:24px;text-align:center;font-size:clamp(1.4rem,2vw,1.8rem)}.case-intro{text-align:center;max-width:900px;margin:0 auto 40px;font-size:1.05rem;line-height:1.7;color:var(--muted);font-style:italic;padding:24px;background:#06b6d40d;border-left:3px solid var(--accent);border-radius:12px}.case-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}.case-column{position:relative}.case-label{text-align:center;font-weight:700;font-size:1.15rem;margin-bottom:20px;color:var(--fg);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.case-visual{width:100%;aspect-ratio:16 / 9;border-radius:20px;margin-bottom:28px;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000026}.case-visual:after{content:"Vizuál";color:var(--muted-dark);font-size:.9rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600}.case-visual-after{border-color:#06b6d466;background:linear-gradient(135deg,#06b6d414,#06b6d405)}.case-list{list-style:none;background:#ffffff08;border:1px solid var(--line);border-radius:16px;padding:24px 28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case-list li{color:var(--muted);font-size:1rem;position:relative;padding:12px 0 12px 28px;font-weight:500}.case-list li:before{content:"×";position:absolute;left:0;color:var(--muted-dark);font-weight:700;font-size:1.3rem}.case-list-after{border-color:#06b6d44d;background:#06b6d40d}.case-list-after li{color:var(--fg-muted)}.case-list-after li:before{content:"✓";color:var(--success);font-size:1.1rem}.tech-content{max-width:900px;margin:0 auto 64px;background:var(--gradient-surface);border:1px solid var(--line);border-radius:28px;padding:clamp(32px,5vw,48px)}.tech-intro{margin-bottom:32px;text-align:center}.tech-intro p{font-size:1.1rem;line-height:1.7;color:var(--muted)}.tech-list{list-style:none;margin-bottom:40px}.tech-list li{padding:18px 0 18px 32px;border-bottom:1px solid var(--line);color:var(--fg-muted);font-size:1.1rem;font-weight:500;position:relative}.tech-list li:before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:700;font-size:1.2rem}.tech-list li:last-child{border-bottom:none}.tech-badge{text-align:center;background:#06b6d41f;border:2px solid rgba(6,182,212,.4);padding:20px 32px;border-radius:20px;font-weight:700;color:var(--accent-light);font-size:1.05rem;letter-spacing:.05em;text-transform:uppercase}.faq-accordion{max-width:900px;margin:0 auto}.faq-item{background:#ffffff08;border:1px solid var(--line);border-radius:16px;margin-bottom:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.faq-item:hover{border-color:#06b6d466;background:#06b6d40a}.faq-question{width:100%;background:none;border:none;color:var(--fg);padding:24px 28px;font-size:1.15rem;font-weight:600;line-height:1.4;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;transition:all .3s ease;font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.faq-question:hover{color:var(--accent)}.faq-icon{font-size:1.8rem;font-weight:300;color:var(--accent);transition:transform .3s ease;flex-shrink:0;line-height:1}.faq-question[aria-expanded=true] .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 28px}.faq-answer.active{max-height:500px;padding:0 28px 24px}.faq-answer p{color:var(--muted);line-height:1.8;font-size:1.05rem;margin:0}.faq-answer strong{color:var(--fg-muted);font-weight:600}.top-form{background:linear-gradient(180deg,#06b6d414,#a855f714);padding:40px 0 80px;border-bottom:1px solid var(--line);position:relative}.top-form-content{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}.top-form-left{padding-top:20px}.top-form-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px;color:var(--fg)}.top-form-subtitle{font-size:1.1rem;color:var(--muted);margin-bottom:20px}.top-form-benefits{list-style:none;padding:0;margin:0 0 30px}.top-form-benefits li{font-size:1.05rem;color:var(--fg-muted);margin-bottom:12px;padding-left:8px}.top-form-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}.top-form-trust{padding-top:20px;border-top:1px solid var(--line)}.top-form-trust-text{font-size:1rem;color:var(--success);margin-bottom:20px;font-weight:500}.top-form-contact{margin-top:16px}.top-form-contact-label{font-size:.95rem;color:var(--muted);margin-bottom:12px}.top-form-contact-methods{display:flex;flex-direction:column;gap:10px}.top-form-contact-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);text-decoration:none;font-size:1rem;font-weight:500;transition:all .3s ease;padding:8px 12px;border-radius:8px;background:#06b6d41a;border:1px solid transparent}.top-form-contact-link:hover{background:#06b6d433;border-color:var(--accent);transform:translate(4px)}.top-form-right{background:var(--surface-elevated);border:1px solid var(--line-strong);border-radius:16px;padding:32px;box-shadow:0 20px 40px #0000004d}.contact-form-compact .form-group{margin-bottom:20px}.contact-form-compact .form-privacy{font-size:.85rem;text-align:center;color:var(--muted);margin-top:16px;margin-bottom:0}.btn-outline{background:#06b6d426;color:var(--fg);border:2px solid var(--accent);padding:14px 32px;font-size:1.05rem;font-weight:700;border-radius:12px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 0 20px #06b6d44d,0 4px 12px #0003;position:relative;overflow:hidden}.btn-outline:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(6,182,212,.3),transparent);transition:left .5s ease}.btn-outline:hover:before{left:100%}.btn-outline:hover{background:var(--accent);color:var(--bg);transform:translateY(-3px);box-shadow:0 0 30px #06b6d499,0 8px 20px #0000004d;border-color:var(--accent-light)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.6;animation:fadeInOut 3s ease-in-out infinite}.scroll-indicator-line{width:2px;height:40px;background:linear-gradient(180deg,transparent,var(--accent),transparent);position:relative;overflow:hidden}.scroll-indicator-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:20px;background:var(--accent-light);filter:blur(4px);animation:lineScroll 2s ease-in-out infinite}.scroll-indicator-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-light);box-shadow:0 0 12px var(--accent),0 0 24px #06b6d466;animation:dotBounce 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.4}50%{opacity:1}}@keyframes lineScroll{0%{transform:translateY(-20px);opacity:0}50%{opacity:1}to{transform:translateY(40px);opacity:0}}@keyframes dotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (max-width: 968px){.top-form-content{grid-template-columns:1fr;gap:40px}.top-form-title{font-size:2rem}.scroll-indicator{bottom:20px}.hero{min-height:auto;padding:clamp(100px,15vh,140px) 0 clamp(60px,8vh,80px)}.hero-split{grid-template-columns:1fr;gap:60px;min-height:auto}.hero-content-left{text-align:center}.hero-text-wrapper{max-width:100%}.hero-title-line-1,.hero-title-line-2{font-size:clamp(2.5rem,12vw,4rem)}.hero-description-new{max-width:100%;margin-left:auto;margin-right:auto}.hero-cta-wrapper{align-items:center;width:100%}.btn-hero-new{width:100%;max-width:400px}.hero-trust-text{justify-content:center}.hero-mockup-wrapper{height:400px}.hero-mockup-float{max-width:100%}.hero-floating-card{display:none}.hero-geometric-shapes{opacity:.5}.geometric-circle,.geometric-square,.geometric-triangle{transform:scale(.6)}.hero-gradient-orb-1{width:400px;height:400px}.hero-gradient-orb-2{width:350px;height:350px}.hero-scroll-indicator,.hero-corner-badge{display:none}}.contact{background:radial-gradient(ellipse 100% 50% at 50% 50%,rgba(168,85,247,.1),rgba(6,182,212,.05),transparent)}.contact-subtitle{text-align:center;font-size:1.15rem;color:var(--fg);margin-bottom:24px;font-weight:600}.contact-benefits{list-style:none;max-width:600px;margin:0 auto 48px;text-align:left}.contact-benefits li{padding:12px 0;font-size:1.05rem;color:var(--muted);line-height:1.6}.multistep-form-section{background:linear-gradient(180deg,#06b6d40d,#a855f70d);padding:80px 0;position:relative}.multistep-form-wrapper{max-width:800px;margin:0 auto}.multistep-form-header{text-align:center;margin-bottom:48px;display:flex;flex-direction:column;align-items:center}.limited-offer-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ef444426,#f9731626);border:2px solid rgba(239,68,68,.3);padding:12px 24px;border-radius:50px;margin-bottom:24px;animation:pulse 2s ease-in-out infinite;max-width:90%}.limited-offer-icon{font-size:1.2rem;animation:flash 1.5s ease-in-out infinite}.limited-offer-text{font-size:1rem;color:var(--fg);font-weight:500}.limited-offer-text strong{color:var(--error);font-weight:700;font-size:1.1rem}@keyframes flash{0%,to{opacity:1}50%{opacity:.5}}.multistep-form-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px;color:var(--fg)}.multistep-form-subtitle{font-size:1.15rem;color:var(--muted);max-width:600px;margin:0 auto}.multistep-form-container{background:var(--surface-elevated);border:1px solid var(--line-strong);border-radius:16px;padding:40px;box-shadow:0 20px 40px #0000004d}.progress-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:40px;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:2}.progress-step-number{width:48px;height:48px;border-radius:50%;background:var(--surface);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:var(--muted);transition:all .3s ease}.progress-step.active .progress-step-number{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:0 0 20px #06b6d466}.progress-step.completed .progress-step-number{background:var(--success);border-color:var(--success);color:#fff}.progress-step.completed .progress-step-number:after{content:"✓";font-size:1.2rem}.progress-step-label{font-size:.85rem;color:var(--muted);font-weight:500;white-space:nowrap}.progress-step.active .progress-step-label{color:var(--accent);font-weight:600}.progress-line{flex:1;height:2px;background:var(--line);margin:0 16px;position:relative;max-width:120px}.progress-line-fill{position:absolute;top:0;left:0;height:100%;background:var(--accent);width:0%;transition:width .5s ease}.multistep-form{position:relative;min-height:400px}.form-step{display:none;animation:slideIn .4s ease}.form-step.active{display:block}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.form-step-title{font-size:1.8rem;font-weight:700;color:var(--fg);margin-bottom:8px}.form-step-description{font-size:1rem;color:var(--muted);margin-bottom:32px}.form-group{margin-bottom:24px}.form-group.hidden{display:none}.form-label{display:block;font-size:.95rem;font-weight:600;color:var(--fg);margin-bottom:8px}.required{color:var(--error)}.optional{color:var(--muted);font-weight:400;font-size:.9rem}.form-help{display:block;font-size:.85rem;color:var(--muted);margin-top:6px}.form-error{display:block;color:var(--error);font-size:.85rem;margin-top:6px;min-height:20px}.form-input.error,.form-textarea.error{border-color:var(--error)}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:12px}.checkbox-label,.radio-label{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid var(--line);border-radius:12px;cursor:pointer;transition:all .3s ease;background:var(--surface)}.checkbox-label:hover,.radio-label:hover{border-color:var(--accent);background:#06b6d40d}.checkbox-label:has(.form-checkbox:checked),.radio-label:has(.form-radio:checked){border-color:var(--accent);background:#06b6d41a}.form-checkbox,.form-radio{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:var(--accent)}.checkbox-text,.radio-text{flex:1;display:flex;flex-direction:column;gap:4px}.radio-text strong{color:var(--fg);font-size:1rem}.radio-text small{color:var(--muted);font-size:.85rem}.form-navigation{display:flex;gap:16px;margin-top:32px}.btn-back{flex:1}.btn-next,.btn-submit{flex:2}.btn-skip{display:block;width:100%;text-align:center;padding:12px;margin-top:16px;background:none;border:none;color:var(--muted);font-size:.95rem;cursor:pointer;transition:all .3s ease}.btn-skip:hover{color:var(--accent)}.form-trust-signals{display:flex;justify-content:center;gap:32px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.trust-signal{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted)}.trust-icon{font-size:1.2rem}.demo-modal-content{max-width:600px;padding:40px}.modal-icon.success{font-size:3rem}.demo-info-box{background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:12px;padding:24px;margin:24px 0}.demo-info-text{font-size:1rem;color:var(--fg-muted);margin-bottom:16px;text-align:center}.demo-url-box{display:flex;flex-direction:column;gap:12px;align-items:stretch}.demo-url{display:block;padding:16px;background:var(--surface);border:2px solid var(--accent);border-radius:8px;color:var(--accent);font-weight:600;font-size:1.05rem;text-align:center;text-decoration:none;word-break:break-all;transition:all .3s ease}.demo-url:hover{background:#06b6d41a;transform:scale(1.02)}.btn-sm{padding:10px 20px;font-size:.9rem}.demo-url-help{font-size:.85rem;color:var(--muted);text-align:center;margin-top:12px}.demo-timeline{display:flex;flex-direction:column;gap:20px;margin:32px 0}.timeline-item{display:flex;gap:16px;align-items:flex-start}.timeline-icon{width:40px;height:40px;border-radius:50%;background:#06b6d426;border:2px solid rgba(6,182,212,.3);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.timeline-content{flex:1}.timeline-content strong{display:block;color:var(--fg);font-size:1rem;margin-bottom:4px}.timeline-content p{color:var(--muted);font-size:.9rem;margin:0}.modal-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.modal-footer-text{text-align:center;color:var(--muted);font-size:.9rem;margin-top:24px;margin-bottom:0}@media (max-width: 768px){.multistep-form-section{padding:60px 0}.multistep-form-title{font-size:2rem}.multistep-form-subtitle{font-size:1rem}.multistep-form-container{padding:24px}.progress-indicator{margin-bottom:32px}.progress-step-number{width:40px;height:40px;font-size:1rem}.progress-step-label{font-size:.75rem}.progress-line{margin:0 8px;max-width:60px}.form-step-title{font-size:1.5rem}.form-navigation{flex-direction:column}.btn-back,.btn-next,.btn-submit{flex:1}.form-trust-signals{flex-direction:column;gap:16px;align-items:center}.demo-modal-content{padding:24px}.demo-url{font-size:.9rem;padding:12px}.limited-offer-badge{display:none}}.contact-form{max-width:680px;margin:0 auto 64px;background:var(--gradient-surface);border:1px solid var(--line);border-radius:28px;padding:clamp(32px,5vw,48px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{margin-bottom:28px}.form-label{display:block;margin-bottom:10px;color:var(--fg);font-weight:600;font-size:1rem}.form-input,.form-textarea{width:100%;background:#ffffff0a;border:1px solid var(--line);border-radius:12px;padding:14px 18px;color:var(--fg);font-family:inherit;font-size:1rem;transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--purple);background:#ffffff0f;box-shadow:0 0 0 3px #a855f726,0 8px 24px #a855f733}.form-input:focus-visible,.form-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form-textarea{resize:vertical;min-height:140px;line-height:1.6}.contact-info{text-align:center;max-width:680px;margin:0 auto}.contact-info p{color:var(--muted);margin-bottom:16px;font-size:1.05rem}.contact-link{color:var(--accent);text-decoration:none;transition:all .2s ease;font-weight:600}.contact-link:hover{color:var(--accent-light);text-decoration:underline}.contact-note{font-style:italic;font-size:.95rem;color:var(--muted-dark)}.contact-direct{font-size:1.15rem;color:var(--fg);font-weight:600;margin-bottom:24px}.contact-methods{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.contact-method{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#06b6d414,#a855f714);border:1px solid rgba(6,182,212,.3);border-radius:16px;text-decoration:none;color:var(--fg);font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0003}.contact-method:hover{transform:translateY(-2px);border-color:#06b6d480;box-shadow:0 8px 24px #06b6d440;background:linear-gradient(135deg,#06b6d41f,#a855f71f)}.contact-method-icon{font-size:1.4rem;line-height:1}.contact-method-text{line-height:1}.form-privacy{text-align:center;margin-top:16px;font-size:.9rem;color:var(--muted-dark);font-style:italic}select.form-input,.form-input select,select#budget{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#1e1e1ee6!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:20px;padding-right:44px;color:#fff!important;font-weight:500}select.form-input option,.form-input select option,select#budget option{background-color:#2a2a2a!important;color:#fff!important;padding:12px;font-weight:500}select.form-input option[value=""],.form-input select option[value=""],select#budget option[value=""]{color:#fff9!important}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;align-items:center;justify-content:center;padding:20px}.modal.active{display:flex}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.modal-content{position:relative;background:var(--surface-elevated);border:1px solid var(--line-strong);border-radius:28px;padding:48px 40px;max-width:600px;width:100%;text-align:center;z-index:10001;box-shadow:0 24px 80px #0009;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--muted);font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;line-height:1}.modal-close:hover{background:#ffffff1a;color:var(--fg);transform:rotate(90deg)}.modal-icon{width:80px;height:80px;margin:0 auto 24px;background:var(--gradient-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;font-weight:800;box-shadow:0 8px 32px #a855f766;animation:scaleIn .5s cubic-bezier(.4,0,.2,1) .2s both}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.modal-title{font-size:clamp(1.75rem,3vw,2.25rem);color:var(--fg);margin-bottom:16px;font-weight:700}.modal-text{font-size:1.05rem;color:var(--muted);line-height:1.7;margin-bottom:16px}.modal-text-highlight{font-size:1.15rem;color:var(--fg);font-weight:600;margin:24px 0}.modal-btn{margin:16px auto 12px;min-width:280px}.modal-btn-secondary{margin:8px auto;min-width:280px;display:block}@media (max-width: 640px){.modal-content{padding:36px 24px}.modal-icon{width:64px;height:64px;font-size:2.5rem}.modal-btn,.modal-btn-secondary{width:100%;min-width:auto}}.booking-modal-content{max-width:90%;width:1000px;padding:0;overflow:hidden}.booking-iframe-wrapper{position:relative;width:100%;height:80vh;min-height:600px}.booking-iframe{width:100%;height:100%;border:none;border-radius:28px}.booking-modal-close{z-index:10;background:#0009;color:#fff}.booking-modal-close:hover{background:#000c;transform:rotate(90deg)}@media (max-width: 1024px){.showcase-row-mobile{max-width:600px}.booking-modal-content{max-width:95%;width:100%}.booking-iframe-wrapper{height:70vh;min-height:500px}}@media (max-width: 640px){.booking-modal-content{max-width:100%;margin:20px;border-radius:16px}.booking-iframe-wrapper{height:calc(100vh - 100px);min-height:400px}.booking-iframe{border-radius:16px}}.footer{background:var(--surface);border-top:1px solid var(--line-strong);padding:clamp(56px,8vw,80px) 0 clamp(32px,4vw,40px);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.3),transparent)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(32px,5vw,48px);margin-bottom:clamp(40px,6vw,56px);text-align:left}.footer-column{display:flex;flex-direction:column}.footer-heading{font-size:clamp(1.5rem,2vw,1.75rem);font-weight:800;color:var(--fg);margin-bottom:8px;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{font-size:1rem;color:var(--accent-light);margin-bottom:16px;font-weight:600}.footer-description{font-size:.95rem;color:var(--muted);line-height:1.6;margin:0}.footer-title{font-size:1.05rem;font-weight:700;color:var(--fg);margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.footer-list{list-style:none;padding:0;margin:0}.footer-list li{margin-bottom:12px}.footer-link{color:var(--muted);text-decoration:none;transition:all .2s ease;font-weight:500;font-size:.95rem}.footer-link:hover{color:var(--accent-light);padding-left:4px}.footer-text-small{color:var(--muted-dark);font-size:.9rem}.footer-social{display:flex;gap:16px;margin-top:8px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#06b6d414;border:1px solid rgba(6,182,212,.2);border-radius:12px;color:var(--accent);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.social-link:hover{background:#06b6d426;border-color:#06b6d466;transform:translateY(-2px);box-shadow:0 4px 16px #06b6d440}.social-link svg{width:20px;height:20px}.footer-bottom{border-top:1px solid var(--line);padding-top:32px;text-align:center}.footer-copyright{color:var(--fg);font-weight:600;margin-bottom:16px;font-size:.95rem}.footer-cookies{color:var(--muted-dark);font-size:.85rem;max-width:800px;margin:0 auto;line-height:1.6}@media (max-width: 768px){.portfolio-showcase{padding:clamp(60px,10vw,100px) 0}.showcase-header{margin-bottom:40px}.showcase-grid{gap:40px}.showcase-project{padding:24px}.showcase-project-header{flex-direction:column;align-items:flex-start;gap:16px}.showcase-project-title{font-size:1.5rem}.showcase-devices,.reference-featured-devices{grid-template-columns:1fr;gap:20px}.showcase-device-label{font-size:.75rem;padding:4px 10px}.showcase-cta{padding:clamp(32px,6vw,40px)}.references-featured{gap:40px}.reference-featured-item{padding:24px}.reference-featured-header{flex-direction:column;align-items:flex-start;gap:16px}.reference-featured-title{font-size:1.5rem}.footer-grid{grid-template-columns:1fr;gap:32px;text-align:center}.footer-social{justify-content:center}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.nav-container{height:70px;padding:0 20px}.nav-logo{font-size:1.4rem}.btn-nav{padding:10px 16px;font-size:.85rem;height:auto}h1{font-size:clamp(2.5rem,8vw,3.5rem)}h2{font-size:clamp(2rem,6vw,2.75rem)}.hero{padding:80px 0 60px}.hero-description{font-size:clamp(1.05rem,3vw,1.25rem)}.hero-stats{grid-template-columns:1fr;gap:16px;max-width:100%}.hero-cta .btn-hero{width:100%;height:56px;font-size:1rem}.hero-link{margin-top:8px}.benefits-grid{grid-template-columns:1fr}.benefits-compact-grid{grid-template-columns:1fr;gap:20px}.benefit-compact{padding:24px}.case-comparison{grid-template-columns:1fr}.packages-grid{grid-template-columns:1fr;gap:24px}.section-title{font-size:clamp(1.75rem,5vw,2.5rem)}section{padding:clamp(60px,10vw,100px) 0}.cta-block{padding:clamp(24px,4vw,32px);margin-top:48px}.cta-block-text{font-size:clamp(1rem,2.5vw,1.15rem);margin-bottom:16px}.contact-methods{flex-direction:column;align-items:stretch}.contact-method{justify-content:center}}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:32px;text-align:center}.footer-social{justify-content:center}.footer-list{text-align:center}.benefit-card,.case-card{padding:clamp(24px,5vw,32px)}.package-card{padding:clamp(28px,5vw,40px)}.faq-question{padding:22px 20px;font-size:1.05rem;gap:14px}.faq-answer.active{padding:0 20px 22px}.faq-answer p{font-size:.98rem}.contact-form{padding:clamp(24px,5vw,32px)}}@media (max-width: 640px){.nav-container{height:64px;padding:0 16px}.nav-logo{font-size:1.3rem}.nav-menu{top:64px}.container{padding:0 20px}.hero{padding:80px 0 50px}section{padding:50px 0}h1{font-size:clamp(2rem,9vw,2.5rem)}h2{font-size:clamp(1.75rem,7vw,2.25rem)}.hero-subtitle{font-size:1.1rem}.btn{padding:12px 24px;font-size:.95rem}.btn-lg{height:54px;padding:14px 28px;font-size:1rem}.btn-hero{padding:14px 32px;font-size:1rem}.hero-cta{gap:10px}.hero-stats{gap:12px}.hero-stat{padding:18px}.stat-value{font-size:1.3rem}.benefit-icon,.case-icon{width:48px;height:48px;font-size:1.5rem}.benefit-card h3,.case-card h3{font-size:1.3rem}.section-title{margin-bottom:32px}.cta-block{border-radius:16px;padding:20px}.cta-block-text{font-size:1rem;margin-bottom:14px}.package-header{padding:20px}.package-name{font-size:1.4rem}.package-price{font-size:2.25rem}.package-features{padding:20px}.package-features li{padding:12px 0 12px 24px;font-size:.95rem}.faq-item{margin-bottom:12px;border-radius:14px}.faq-question{padding:20px 18px;font-size:1rem;gap:12px;line-height:1.45}.faq-icon{font-size:1.6rem;margin-top:2px}.faq-answer.active{padding:0 18px 20px}.faq-answer p{font-size:.95rem;line-height:1.75}.contact-form{border-radius:20px;padding:24px 20px}.contact-subtitle{font-size:1.05rem}.contact-benefits{margin-bottom:32px}.contact-benefits li{font-size:.95rem}.form-group{margin-bottom:20px}.form-label{font-size:.95rem}.form-input,.form-textarea{padding:12px 16px;font-size:.95rem}.contact-method{padding:12px 20px;font-size:.95rem}.contact-method-icon{font-size:1.2rem}.modal-content{padding:32px 24px;max-width:90%}.modal-title{font-size:1.5rem}.modal-text{font-size:.95rem}.modal-btn{min-width:100%}}@media (max-width: 480px){.container{padding:0 16px}.nav-container{height:64px;padding:0 16px}.nav-logo{font-size:1.3rem}.btn-nav{padding:8px 16px;font-size:.85rem}h1{font-size:1.85rem;line-height:1.15}h2{font-size:1.6rem}.hero{padding:60px 0 48px}.hero-subtitle{font-size:1rem;line-height:1.5}section{padding:clamp(48px,10vw,80px) 0}.btn-lg{height:52px;padding:14px 24px;font-size:.95rem}.benefit-card,.case-card{padding:20px}.package-card{padding:24px 20px}.packages-custom{padding:clamp(32px,8vw,48px) clamp(20px,5vw,32px);margin-top:48px}.custom-title{font-size:1.5rem}.custom-subtitle{font-size:.95rem}.tech-intro p,.tech-list li{font-size:1rem}.tech-badge{padding:16px 24px;font-size:.9rem}.faq-item{margin-bottom:10px;border-radius:12px}.faq-question{padding:18px 16px;font-size:.95rem;gap:10px;line-height:1.5}.faq-icon{font-size:1.5rem;margin-top:1px}.faq-answer.active{padding:0 16px 18px}.faq-answer p{font-size:.9rem;line-height:1.7}.contact-form{padding:20px 16px;margin-bottom:48px}.contact-info{padding:0 8px}.contact-direct{font-size:1.05rem}.footer{padding:48px 0 24px}.footer-heading{font-size:1.4rem}.footer-grid{gap:28px;margin-bottom:32px}.footer-bottom{padding-top:24px}.footer-copyright{font-size:.9rem}.footer-cookies{font-size:.8rem}}@media (max-width: 360px){h1{font-size:1.65rem}h2{font-size:1.45rem}.btn{padding:10px 20px;font-size:.9rem}.hero-stat{padding:16px}.stat-value{font-size:1.2rem}.package-name{font-size:1.25rem}.package-price{font-size:2rem}.contact-method{padding:10px 16px;font-size:.9rem}}@media (prefers-reduced-motion: reduce){.hero:before{animation:none}.reveal{opacity:1;transform:none;transition:none}.btn:before{transition:none}}.section-under-maintenance{position:relative;isolation:isolate}.section-under-maintenance .container>*:not(.maintenance-overlay){filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.maintenance-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center;padding:clamp(40px,6vw,64px);max-width:600px;width:90%;background:#0d0d0deb;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:2px solid rgba(6,182,212,.3);border-radius:32px;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff1a inset,0 0 100px #06b6d433;animation:maintenanceFadeIn .8s cubic-bezier(.4,0,.2,1)}@keyframes maintenanceFadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.maintenance-icon{width:96px;height:96px;margin:0 auto 28px;background:var(--gradient-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;box-shadow:0 12px 40px #a855f780,0 0 60px #06b6d44d;animation:maintenancePulse 3s ease-in-out infinite;position:relative}.maintenance-icon:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:var(--gradient-accent);opacity:.3;animation:maintenanceRing 3s ease-in-out infinite}@keyframes maintenancePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes maintenanceRing{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:0}}.maintenance-badge{display:inline-block;background:var(--gradient-accent);color:#fff;padding:10px 24px;border-radius:50px;font-size:.85rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px;box-shadow:0 4px 16px #a855f766}.maintenance-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;line-height:1.2;letter-spacing:-.02em}.maintenance-text{font-size:clamp(1rem,1.5vw,1.15rem);color:var(--muted);line-height:1.7;margin:0 0 24px;font-weight:500}.maintenance-overlay .btn{margin-top:8px}@media (max-width: 768px){.maintenance-overlay{padding:32px 24px;width:95%;border-radius:24px}.maintenance-icon{width:80px;height:80px;font-size:3rem;margin-bottom:24px}.maintenance-badge{font-size:.75rem;padding:8px 20px}}@media (prefers-reduced-motion: reduce){.maintenance-overlay{animation:none}.maintenance-icon,.maintenance-icon:before{animation:none}}@media (prefers-color-scheme: light){:root{--bg: #ffffff;--surface: #f9fafb;--surface-elevated: #f3f4f6;--fg: #0a0a0a;--fg-muted: #171717;--muted: #525252;--muted-dark: #737373;--line: rgba(0, 0, 0, .08);--line-strong: rgba(0, 0, 0, .12)}body:before{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(6,182,212,.08),transparent)}.hero-title{background:linear-gradient(135deg,#0a0a0a,#525252);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{box-shadow:0 12px 40px #00000014}.card:hover{box-shadow:0 20px 60px #0000001f}.maintenance-overlay{background:#fffffff2;border-color:#06b6d466}}.references{padding:120px 0;background:var(--bg);position:relative}.references:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1400px;height:100%;background:radial-gradient(ellipse at center top,rgba(6,182,212,.03) 0%,transparent 70%);pointer-events:none}.section-subtitle{text-align:center;color:var(--fg-muted);font-size:1.15rem;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto}.references-featured{display:grid;grid-template-columns:1fr;gap:60px;margin-top:48px;margin-bottom:80px}.reference-featured-item{background:var(--surface-elevated);border:1px solid var(--line-strong);border-radius:20px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.reference-featured-item:hover{border-color:var(--accent);box-shadow:0 16px 48px #06b6d433;transform:translateY(-4px)}.reference-featured-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--line)}.reference-featured-title{font-size:1.75rem;font-weight:700;color:var(--fg);letter-spacing:-.02em}.reference-featured-link{color:var(--accent);text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;padding:10px 20px;border-radius:8px;background:#06b6d41a;border:1px solid transparent}.reference-featured-link:hover{background:#06b6d433;border-color:var(--accent);transform:translate(4px)}.reference-featured-devices{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:stretch}@media (min-width: 1024px){.reference-featured-devices{grid-template-columns:1.5fr 1fr}}@media (min-width: 769px) and (max-width: 1023px){.reference-featured-devices{grid-template-columns:1fr .8fr}}.reference-featured-device{position:relative;border-radius:12px;overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:all .3s ease;height:100%;display:flex;flex-direction:column;text-decoration:none;cursor:pointer}.reference-featured-device:hover{border-color:var(--accent);box-shadow:0 8px 24px #06b6d426;transform:translateY(-4px)}.reference-featured-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.reference-featured-device:hover .reference-featured-image{transform:scale(1.02)}.reference-featured-label{position:absolute;top:12px;right:12px;background:#06b6d4e6;color:#fff;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.references-section-title{font-size:2rem;font-weight:700;color:var(--fg);margin-top:60px;margin-bottom:40px;text-align:center;letter-spacing:-.02em}.references-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:32px;margin-top:48px}.reference-card{background:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;display:block;position:relative}.reference-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 16px 48px #06b6d426,0 0 0 1px #06b6d41a}.reference-image-wrapper{position:relative;width:100%;padding-top:60%;overflow:hidden;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.reference-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.reference-card:hover .reference-image{transform:scale(1.08)}.reference-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#06b6d4f2,#a855f7e6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.reference-card:hover .reference-overlay{opacity:1}.reference-cta{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;transform:translateY(10px);transition:transform .4s cubic-bezier(.4,0,.2,1)}.reference-card:hover .reference-cta{transform:translateY(0)}.reference-content{padding:24px}.reference-title{color:var(--fg);font-size:1.3rem;font-weight:700;margin:0 0 8px;line-height:1.3}.reference-domain{color:var(--accent);font-size:.95rem;margin:0;font-weight:500;letter-spacing:.01em}@media (max-width: 1024px){.references-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}}@media (max-width: 768px){.references{padding:80px 0}.references-grid{grid-template-columns:1fr;gap:20px}.reference-card{max-width:100%;margin-left:0;margin-right:0}}.references-page{padding:120px 0 80px;background:var(--bg);position:relative;min-height:100vh}.references-page:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1400px;height:100%;background:radial-gradient(ellipse at center top,rgba(6,182,212,.03) 0%,transparent 70%);pointer-events:none}.references-header{text-align:center;margin-bottom:60px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);text-decoration:none;font-weight:600;font-size:.95rem;margin-bottom:32px;transition:all .3s ease;padding:8px 16px;border-radius:8px}.back-link:hover{background:#06b6d41a;transform:translate(-4px)}.page-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:24px;background:linear-gradient(135deg,#ffffff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.page-subtitle{font-size:1.2rem;color:var(--fg-muted);max-width:800px;margin:0 auto;line-height:1.6}.nav-menu a.active{color:var(--accent);font-weight:600}.references-cta{text-align:center;margin-top:80px;padding:60px 40px;background:linear-gradient(135deg,#06b6d40d,#a855f70d);border-radius:24px;border:1px solid var(--border)}.cta-title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;margin-bottom:16px;color:var(--fg)}.cta-text{font-size:1.15rem;color:var(--fg-muted);margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.references-page{padding:100px 0 60px}.references-header{margin-bottom:40px}.back-link{font-size:.9rem;padding:6px 12px}.page-title{font-size:2rem;margin-bottom:16px}.page-subtitle{font-size:1rem;padding:0 16px}.references-cta{margin-top:60px;padding:40px 24px}.cta-title{font-size:1.6rem}.cta-text{font-size:1rem}}@media (max-width: 480px){.references-page{padding:100px 0 40px}.page-title{font-size:1.75rem}.page-subtitle{font-size:.95rem}.references-cta{margin-top:40px;padding:32px 20px;border-radius:16px}.cta-title{font-size:1.4rem}.cta-text{font-size:.95rem;margin-bottom:24px}}