@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";:root{--base-100: #fafaf0;--base-200: #deded5;--base-300: #0f0f0f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-snap-type:y proximity}body{font-family:Manrope,sans-serif;background-color:var(--base-300);color:var(--base-100);scroll-behavior:smooth}.skip-to-content{position:absolute;top:-100px;left:0;background:var(--base-100);color:var(--base-300);padding:1rem 2rem;text-decoration:none;font-weight:600;z-index:10000;border-radius:0 0 .5rem;transition:top .3s ease}.skip-to-content:focus{top:0;outline:3px solid #C5FB45;outline-offset:2px}body.preloader-active{overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}body.preloader-active::-webkit-scrollbar{display:none}body.preloader-active .nav-links a,body.preloader-active .nav-links .language-toggle{opacity:0!important;visibility:hidden!important}body:not(.preloader-active) .nav-links a{visibility:visible}.mobile-menu-toggle{opacity:0;visibility:hidden;transition:none!important}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--base-300);z-index:9999;display:flex;justify-content:center;align-items:center}.preloader-content{text-align:center}.preloader-logo{font-size:2.5rem;font-weight:800;color:var(--base-100);margin-bottom:2rem;letter-spacing:-.02rem}.preloader-bar{width:300px;height:3px;background:#ffffff1a;border-radius:10px;overflow:hidden;border:1px solid rgba(197,251,69,.3)}.preloader-progress{width:0%;height:100%;background:#c5fb4599;border-radius:10px;box-shadow:0 0 10px #c5fb4580}.sticky-nav{position:fixed;top:0;left:0;right:0;z-index:9999;background:#0f0f0f00;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border-bottom:1px solid rgba(197,251,69,0);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease,backdrop-filter .3s ease,border-bottom .3s ease}.sticky-nav.scrolled{background:#0f0f0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(197,251,69,.1)}.nav-logo{font-size:1.25rem;font-weight:700;color:var(--base-100)}.nav-links{display:flex!important;gap:2rem;align-items:center;position:relative!important;transform:none!important;pointer-events:all!important}.nav-links a{color:var(--base-100)!important;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .3s ease;display:inline-block!important;position:relative!important;transform:none!important;opacity:0;visibility:visible}.nav-links a.cta-btn{color:#000!important}@media (min-width: 1001px){.nav-links a.animated{opacity:1!important}}.nav-links a:hover{color:#c5fb45}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#c5fb45;border-radius:2px;transform:scaleX(0);transform-origin:center;will-change:transform;transition:transform .4s cubic-bezier(.4,0,.2,1)}.nav-links a.active{color:#c5fb45!important}.nav-links a.active:after{transform:scaleX(1)}[data-lang=de]{display:none!important}[data-lang=en]{display:block}span[data-lang=en],a[data-lang=en],button[data-lang=en]{display:inline}span[data-lang=de],a[data-lang=de],button[data-lang=de]{display:none!important}html[lang=de] [data-lang=de]{display:block!important}html[lang=de] [data-lang=en]{display:none!important}html[lang=de] span[data-lang=de],html[lang=de] a[data-lang=de],html[lang=de] button[data-lang=de]{display:inline!important}html[lang=de] span[data-lang=en],html[lang=de] a[data-lang=en],html[lang=de] button[data-lang=en]{display:none!important}html[lang=en] [data-lang=en]{display:block!important}html[lang=en] [data-lang=de]{display:none!important}html[lang=en] span[data-lang=en],html[lang=en] a[data-lang=en],html[lang=en] button[data-lang=en]{display:inline!important}html[lang=en] span[data-lang=de],html[lang=en] a[data-lang=de],html[lang=en] button[data-lang=de]{display:none!important}.read-more-btn *,.book-call-btn *,.submit-btn *,button span,button p,button h1,button h2{pointer-events:none!important}.read-more-btn,.book-call-btn,.submit-btn,.lang-btn,button{pointer-events:auto!important;cursor:pointer!important}.language-toggle{display:flex;gap:.25rem;align-items:center;background:#fafaf01a;padding:.25rem;border-radius:.5rem;border:1px solid rgba(197,251,69,.2)}.lang-btn{padding:.4rem .8rem;background:transparent;border:none;color:var(--base-100);cursor:pointer;font-family:Manrope,sans-serif;font-weight:600;font-size:.875rem;border-radius:.375rem;transition:all .3s ease;opacity:.6}.lang-btn:hover{opacity:.8;background:#c5fb451a}.lang-btn.active{background:#c5fb45;color:var(--base-300);opacity:1!important}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:10000;position:relative}.mobile-menu-toggle span{display:block;width:25px;height:3px;background:var(--base-100);border-radius:2px;transition:all .3s ease;transform-origin:center;position:absolute}.mobile-menu-toggle{position:relative;width:25px;height:18px}.mobile-menu-toggle span:nth-child(1){top:0}.mobile-menu-toggle span:nth-child(2){top:50%;transform:translateY(-50%)}.mobile-menu-toggle span:nth-child(3){bottom:0}.mobile-menu-toggle.active span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0;transform:translateY(-50%) scale(0)}.mobile-menu-toggle.active span:nth-child(3){bottom:auto;top:50%;transform:translateY(-50%) rotate(-45deg)}.cta-btn{background:#c5fb45;color:#000!important;padding:.65rem 1.5rem;border-radius:2rem;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.cta-btn:hover{color:#000!important;transform:translateY(-2px);box-shadow:0 4px 12px #c5fb454d}h1,h2{color:var(--base-300);font-weight:800;line-height:1.1}h1{font-size:4rem;letter-spacing:-.01rem}.word-flip{display:inline-block;position:relative;vertical-align:baseline;min-width:250px;text-align:left;perspective:1000px}.word-flip .word{display:inline-block;font-weight:800;white-space:nowrap;position:relative;backface-visibility:hidden;transform-style:preserve-3d;color:#c5fb45}h2{font-size:2.5rem;letter-spacing:-.075rem}p{font-size:1.125rem;font-weight:500;color:var(--base-300)}img{width:100%;height:100%;object-fit:cover}.hero,.outro{position:relative;width:100%;height:100svh;padding:2rem;background-color:var(--base-300);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;z-index:1}.hero-logo-slider{position:absolute;bottom:18%;left:0;right:0;width:100%;height:80px;overflow:hidden;z-index:0;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}@media (min-width: 1001px){.hero-logo-slider{width:600px;left:50%;transform:translate(-50%)}}.logo-slider-track{display:flex;gap:5rem;align-items:center;height:100%;will-change:transform;position:relative;width:fit-content}.logo-slide{flex-shrink:0;width:120px;height:60px;display:flex;align-items:center;justify-content:center;opacity:1;background:#fff3;border-radius:8px;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #ffffff4d,inset 0 0 20px #ffffff1a}.logo-slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:invert(1) grayscale(100%) brightness(2) contrast(1.5) drop-shadow(0 0 10px rgba(255,255,255,.8))}.logo-slide img[src*=geusshaus-logo]{filter:grayscale(100%) brightness(1.5) contrast(1.2) drop-shadow(0 0 15px rgba(255,255,255,1)) drop-shadow(0 0 20px rgba(255,255,255,.5))}.logo-slide img[src*=smartspot-logo],.logo-slide img[src*=snoozepal-logo]{filter:grayscale(100%) brightness(1.5) contrast(1.2) drop-shadow(0 0 15px rgba(255,255,255,1)) drop-shadow(0 0 20px rgba(255,255,255,.5));width:180px!important;height:auto!important;max-width:none!important;max-height:80px!important}.hero h1,.outro h1{width:60%;text-align:left;color:#fafaf0!important;position:relative;z-index:2}.hero h1{color:#fafaf0!important;text-shadow:0 0 40px rgba(250,250,240,.2),0 0 80px rgba(250,250,240,.1)}.hero h1[data-lang]{width:60%;margin:0;text-align:left}.outro h1{text-align:center;margin:0 auto}.hero h1[data-lang=de]{display:none}.hero h1[data-lang=en]{display:block}html[lang=de] .hero h1[data-lang=de]{display:block!important}html[lang=de] .hero h1[data-lang=en]{display:none!important}html[lang=en] .hero h1[data-lang=en]{display:block!important}html[lang=en] .hero h1[data-lang=de]{display:none!important}.mobile-only{display:none}@media (max-width: 1000px){.mobile-only{display:inline}}.hero h1 span:not(.word-flip):not(.word):not(.hero-char){color:#fafaf0!important}.hero h1 .word-flip .hero-char{color:inherit!important}.word-flip .word{color:#c5fb45}.word-flip[data-word=create] .word,.word-flip[data-word=create] .hero-char{color:#c5fb45!important}.word-flip[data-word=grow] .word,.word-flip[data-word=grow] .hero-char{color:#ff6b9d!important}.hero-char{display:inline-block}.hero-space{display:inline-block;width:.3em}.scroll-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;cursor:pointer;transition:opacity .3s ease}.scroll-indicator span{color:var(--text-200);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:2px}.scroll-arrow{animation:bounce 2s infinite}.scroll-arrow svg{display:block}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.spotlight{position:relative;width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;gap:10rem;overflow:hidden}.spotlight .row{display:flex;gap:2rem;justify-content:center}.spotlight .row .col{flex:1;display:flex;flex-direction:column}.spotlight .row:nth-child(2) .col{align-items:center}.spotlight .row:nth-child(3) .col{align-items:center;justify-content:center}.spotlight .row .img{width:100%;max-width:400px;margin:0 auto;opacity:0}.launch-illustration{max-width:520px;width:100%;opacity:1!important;visibility:visible!important}.launch-illustration-img{width:100%;display:block;opacity:1!important;visibility:visible!important;transform:translate(0)}.spotlight .row.launch-row .launch-illustration{max-width:520px;margin:0 auto;opacity:1!important;visibility:visible!important}.spotlight .row:nth-child(1) .img{max-width:600px}.spotlight .row:nth-child(2) .img{width:75%;margin:0;display:flex;background-color:var(--base-200);border-radius:1rem;overflow:hidden}.spotlight .row:nth-child(2) .img video{width:100%;height:100%;object-fit:cover}.spotlight .row:nth-child(4) .img{max-width:300px}.stats-grid{width:75%;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;justify-items:center}.stat-card{background:var(--base-200);border:2px solid rgba(197,251,69,.2);border-radius:1rem;padding:2rem 1.5rem;text-align:center;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;overflow:visible}.stat-card:hover{transform:translateY(-5px);border-color:#c5fb4580;box-shadow:0 10px 30px #c5fb454d}.stat-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#7dd345,#5fb83d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:.5rem;display:inline-block;padding:0 .2rem}.stat-label{font-size:.95rem;font-weight:600;color:#0f0f0fb3;text-transform:uppercase;letter-spacing:.5px}.testimonials-row{margin-top:8rem}.testimonials-col{width:100%}.testimonials-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:4rem 2rem;position:relative;text-align:center}.testimonials-title{text-align:center;font-size:2.5rem;font-weight:700;color:var(--base-100);margin:0 auto 4rem;text-transform:none;position:relative;display:inline-block;max-width:fit-content;padding:1.5rem 3rem;background:#0f0f0fd9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:1.5rem;box-shadow:0 0 40px #c5fb4566,0 0 80px #c5fb4533,0 10px 40px #0000004d;border:2px solid rgba(197,251,69,.5);text-shadow:0 0 20px rgba(197,251,69,.7),0 0 40px rgba(197,251,69,.5),0 2px 4px rgba(0,0,0,.8)}.testimonials-title:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,transparent 0%,rgba(197,251,69,.3) 50%,transparent 100%);border-radius:1rem;z-index:-1;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.5;filter:blur(20px)}50%{opacity:1;filter:blur(25px)}}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.testimonial-card{background:#fafaf0fa;border:2px solid rgba(124,179,66,.2);border-radius:1.25rem;padding:2rem;transition:all .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.testimonial-card:before{content:'"';position:absolute;top:-20px;left:20px;font-size:8rem;color:#7cb3421a;font-family:Georgia,serif;line-height:1}.testimonial-card:hover{transform:translateY(-8px);border-color:#7cb34266;box-shadow:0 15px 40px #7cb34226}.testimonial-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.testimonial-avatar{width:60px;height:60px;border-radius:.75rem;background:#fff;display:flex;align-items:center;justify-content:center;padding:.5rem;border:2px solid rgba(124,179,66,.2);flex-shrink:0}.testimonial-avatar img{width:100%;height:100%;object-fit:contain;filter:none}.testimonial-meta{flex:1}.testimonial-name{font-size:1.1rem;font-weight:700;color:var(--base-300);margin-bottom:.25rem}.testimonial-role{font-size:.875rem;color:#0f0f0f99;font-weight:500}.testimonial-stars{color:#ffb800;font-size:1rem;letter-spacing:2px;flex-shrink:0}.testimonial-text{font-size:1rem;line-height:1.7;color:#0f0f0fcc;position:relative;z-index:1;font-style:italic}@media (max-width: 1100px){.testimonials-grid{grid-template-columns:1fr;gap:2rem}.testimonials-row{margin-top:5rem}.testimonials-wrapper{padding:3rem 2rem}.testimonials-title{font-size:2rem;padding:1.25rem 2.5rem}.testimonial-card{max-width:600px;margin:0 auto}}@media (max-width: 768px){.testimonials-row{margin-top:3rem}.testimonials-wrapper{padding:2rem 1rem}.testimonials-title{font-size:1.75rem;padding:1rem 2rem;margin-bottom:3rem}.testimonials-grid{gap:1.5rem}.testimonial-card{padding:1.5rem;max-width:100%}.testimonial-card:before{font-size:6rem;top:-15px;left:15px}.testimonial-header{flex-wrap:wrap;gap:.75rem}.testimonial-avatar{width:50px;height:50px;padding:.4rem}.testimonial-name{font-size:1rem}.testimonial-role{font-size:.8rem}.testimonial-stars{font-size:.9rem;width:100%;text-align:center;margin-top:.5rem}.testimonial-text{font-size:.95rem;line-height:1.6}}.spotlight .card{width:75%;margin:0 auto;padding:0;background-color:var(--base-200);border-radius:1rem;display:flex;flex-direction:column;scroll-margin-top:20vh;opacity:0;overflow:hidden;border:1px solid transparent;transition:box-shadow .35s ease,transform .35s ease,border-color .35s ease,background-color .35s ease}.spotlight .card.card-active{box-shadow:0 32px 90px #00000061,0 0 0 3px #fffffffa,0 0 38px #c5fb45f2,0 0 82px #00d9ffcc,0 0 120px #00d9ff73;border-color:#ffffffe6;background:#fff;transform:translateY(-10px) scale(1.01)}.spotlight .row:nth-child(1) .card{margin-left:0;margin-right:auto}.card-header{padding:2rem 2rem 1.5rem;background:linear-gradient(135deg,#c5fb4526,#00d9ff1a);border-bottom:2px solid rgba(15,15,15,.1);position:relative}.card-number{display:inline-block;font-size:3rem;font-weight:800;color:#7dd345!important;line-height:1;margin-bottom:.5rem}.card-header h2{margin:.5rem 0;font-size:1.8rem;color:var(--base-300)}.card-subtitle{font-size:.95rem;color:#0f0f0f99;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:.5rem 0 0}.card-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.card-content>p{font-size:1rem;line-height:1.7;color:#0f0f0fcc;margin:0}.card-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.card-features li{padding-left:1.75rem;position:relative;font-size:.95rem;line-height:1.6;color:#0f0f0fbf}.card-features li:before{content:"✓";position:absolute;left:0;color:#0f0f0f;font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,#c5fb45,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spotlight .svg-path{position:absolute;top:0svh;left:50%;transform:translate(-50%);width:90%;height:100%;z-index:-1}.spotlight .svg-path svg{width:100%;height:auto}.cta-wrapper{position:relative;display:inline-block;margin-top:12rem}.neon-arrow{position:absolute;width:60px;height:60px;color:#c5fb45;filter:drop-shadow(0 0 10px #C5FB45) drop-shadow(0 0 20px #C5FB45);animation:bounce-arrow 2s ease-in-out infinite;z-index:1;pointer-events:none}.neon-arrow-top{top:-90px;left:50%;transform:translate(-50%) rotate(180deg)}@keyframes bounce-arrow{0%,to{transform:translate(-50%) rotate(180deg) translateY(0);opacity:1}50%{transform:translate(-50%) rotate(180deg) translateY(-10px);opacity:.7}}.trusted-clients{position:absolute;top:-200px;left:50%;transform:translate(-50%);text-align:center;z-index:3;width:100%;max-width:600px}.trusted-label{font-size:.875rem;font-weight:500;color:var(--base-100);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px;opacity:.7}.client-logos{display:flex;gap:3rem;align-items:center;justify-content:center;flex-wrap:nowrap}.client-logos img{height:60px;width:auto;opacity:.9;transition:opacity .3s ease,transform .3s ease;filter:brightness(0) invert(1);flex-shrink:0}.client-logos img:hover{opacity:1;transform:scale(1.1)}.book-call-btn{position:relative;display:inline-block;margin-top:0;padding:1rem 2.5rem;background:#c5fb45;color:var(--base-300);text-decoration:none;font-weight:700;font-size:1.125rem;border-radius:3rem;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:none;overflow:hidden;z-index:3}.book-call-btn .btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.book-call-btn:hover .btn-glow{left:100%}.book-call-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #c5fb4599,0 0 40px #c5fb4566}.outro{flex-direction:column}.outro-offer{font-size:1.25rem;color:var(--base-100);margin:3rem 0 5rem;opacity:.9;font-weight:500;line-height:1.6;max-width:600px;text-align:center}.outro-word{transform-style:preserve-3d;perspective:1000px}.form-slider{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;pointer-events:none;opacity:0;transition:opacity .3s ease}.form-slider.active{pointer-events:all;opacity:1}.form-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.form-container{position:absolute;bottom:0;left:0;right:0;background:var(--base-200);border-radius:2rem 2rem 0 0;padding:1.5rem 1.5rem 1rem;max-width:600px;margin:0 auto;max-height:95vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);-webkit-overflow-scrolling:touch}.form-container::-webkit-scrollbar{width:8px}.form-container::-webkit-scrollbar-track{background:#0f0f0f1a;border-radius:10px}.form-container::-webkit-scrollbar-thumb{background:#0f0f0f4d;border-radius:10px}.form-container::-webkit-scrollbar-thumb:hover{background:#0f0f0f80}.form-slider.active .form-container{transform:translateY(0)}.close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:2rem;color:var(--base-300);cursor:pointer;line-height:1;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.close-btn:hover{transform:rotate(90deg)}.form-container h2{color:var(--base-300);margin-bottom:.25rem;font-size:1.75rem}.form-container>p{color:var(--base-300);margin-bottom:1rem;opacity:.8;font-size:.9rem}.form-group{margin-bottom:.75rem}.form-row{display:flex;gap:.75rem;margin-bottom:.75rem}.form-group-half{flex:1;margin-bottom:0}.form-group label{display:block;color:var(--base-300);font-weight:600;margin-bottom:.3rem;font-size:.85rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.6rem .75rem;border:2px solid rgba(15,15,15,.1);border-radius:.75rem;font-family:Manrope,sans-serif;font-size:.9rem;background:#fff;color:var(--base-300);transition:border-color .3s ease}.form-group input[type=date]{position:relative}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .3s ease}.form-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#c5fb45}.form-group textarea{resize:vertical;min-height:60px}.submit-btn{width:100%;padding:.75rem 2rem;background:#c5fb45;color:var(--base-300);border:none;border-radius:3rem;font-family:Manrope,sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;margin-top:.25rem;transition:transform .2s ease,box-shadow .2s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c5fb4566}.form-success{text-align:center;padding:2rem 1rem;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#c5fb45,#00d9ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--base-300);font-weight:800;animation:scaleIn .5s ease-out .2s both}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.form-success h2{color:var(--base-300);font-size:2rem;margin-bottom:1rem;font-weight:800}.form-success p{color:var(--base-300);font-size:1rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.close-success-btn{padding:.75rem 2.5rem;background:#c5fb45;color:var(--base-300);border:none;border-radius:3rem;font-family:Manrope,sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.close-success-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c5fb4566}.read-more-btn{margin-top:1.5rem;padding:.75rem 2rem;background:#0f0f0fe6;color:#c5fb45;border:2px solid rgba(15,15,15,.3);border-radius:3rem;font-family:Manrope,sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;align-self:flex-start;box-shadow:0 2px 10px #0000001a}.read-more-btn:hover{background:#c5fb45;color:var(--base-300);border-color:#c5fb45;transform:translateY(-2px);box-shadow:0 8px 20px #c5fb4566}.card-detail-slider{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;pointer-events:none;opacity:0;transition:opacity .3s ease}.card-detail-slider.active{pointer-events:all;opacity:1}.card-detail-slider.active .card-detail-container{pointer-events:auto}.card-detail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-detail-container{position:absolute;bottom:0;left:0;right:0;width:100%;background:var(--base-200);border-radius:0;padding:2rem;padding-top:0;padding-bottom:6rem;max-width:100%;margin:0;height:100vh;max-height:100vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);-webkit-overflow-scrolling:touch;will-change:transform;touch-action:pan-y;display:flex;flex-direction:column;box-sizing:border-box}.card-detail-slider .close-btn{position:fixed;top:5rem;right:2rem;z-index:10001;background:#0f0f0fe6;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:var(--base-200);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.card-detail-container .close-btn{display:none}.card-detail-slider .close-btn:hover{background:#0f0f0f;transform:rotate(90deg) scale(1.1);box-shadow:0 6px 20px #0006}.card-detail-container::-webkit-scrollbar{width:8px}.card-detail-container::-webkit-scrollbar-track{background:#0f0f0f1a;border-radius:10px}.card-detail-container::-webkit-scrollbar-thumb{background:#0f0f0f4d;border-radius:10px}.card-detail-container::-webkit-scrollbar-thumb:hover{background:#0f0f0f80}.card-detail-slider.active .card-detail-container{transform:translateY(0)}.card-detail-content{padding-top:6rem;padding-bottom:4rem;max-width:1200px;margin:0 auto;min-height:calc(100vh - 4rem);flex:1;width:100%;box-sizing:border-box}.card-detail-content .card-header{padding:0 0 1.5rem;background:transparent;border-bottom:2px solid rgba(15,15,15,.1);margin-bottom:2rem}.card-detail-content .card-number{font-size:2.5rem;margin-bottom:.5rem}.card-detail-content .card-header h2{font-size:2rem;margin:.5rem 0}.card-detail-content .card-subtitle{font-size:1rem;margin:.5rem 0 0}.card-detail-content .detail-section{margin-bottom:2rem}.card-detail-content .detail-section h3{font-size:1.5rem;color:var(--base-300);margin-bottom:1rem;font-weight:700}.card-detail-content .detail-section p{font-size:1rem;line-height:1.8;color:#0f0f0fcc;margin-bottom:1rem}.card-detail-content .detail-features{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.75rem}.card-detail-content .detail-features li{padding-left:1.75rem;position:relative;font-size:1rem;line-height:1.6;color:#0f0f0fbf}.card-detail-hero{text-align:center;padding:3rem 0;margin-bottom:3rem;border-bottom:2px solid rgba(15,15,15,.1)}.card-detail-number{font-size:4rem;font-weight:800;color:#7cb342;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-text-stroke:1px rgba(124,179,66,.3)}.card-detail-title{font-size:3rem;font-weight:700;color:var(--base-300);margin-bottom:.5rem;line-height:1.2}.card-detail-subtitle{font-size:1.25rem;color:#0f0f0f99;font-weight:500;text-transform:uppercase;letter-spacing:2px}.card-detail-section{margin-bottom:5rem;padding:3rem 2rem;background:#fafaf080;border-radius:1rem;box-shadow:0 4px 20px #0000000d}.layout-side-by-side,.layout-side-by-side-reverse{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.layout-side-by-side-reverse .section-illustration{order:-1}.layout-centered{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.layout-centered .section-content-centered{width:100%}.layout-centered .section-features{text-align:left;max-width:600px;margin:1.5rem auto}.layout-full-width{display:flex;flex-direction:column}.section-content-full{text-align:center;margin-bottom:2rem}.section-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.section-features-column{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.section-features-column li{padding-left:2rem;position:relative;font-size:1rem;line-height:1.6;color:#0f0f0fbf;font-weight:500}.section-features-column li:before{content:"✓";position:absolute;left:0;color:#7cb342;font-weight:700;font-size:1.25rem}.layout-feature-grid{display:flex;flex-direction:column}.section-header-centered{text-align:center;margin-bottom:3rem}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.feature-card{background:#fffc;padding:2rem;border-radius:.75rem;border:2px solid rgba(124,179,66,.2);text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #7cb34226;border-color:#7cb34266}.feature-icon{font-size:2.5rem;color:#7cb342;margin-bottom:1rem;font-weight:700}.feature-text{font-size:1rem;font-weight:600;color:#0f0f0fd9;line-height:1.5}.section-illustration-bottom,.section-illustration-large{text-align:center;margin-top:2rem}.section-illustration-bottom img,.section-illustration-large img{max-width:350px;width:100%;height:auto}.layout-projects{display:flex;flex-direction:column;background:linear-gradient(135deg,#00d9ff08,#61dafb0d 25%,#7cb3420d 75%,#9ccc6508);padding:4rem 3rem!important;position:relative;overflow:hidden}.layout-projects:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(0,217,255,.1) 0%,transparent 70%);animation:float-glow 8s ease-in-out infinite}@keyframes float-glow{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(-20%,20%);opacity:.8}}.section-header-centered{text-align:center;margin-bottom:4rem}.section-header-centered .section-title{font-size:2.5rem;margin-bottom:1rem}.section-header-centered .section-description{font-size:1.2rem;max-width:700px;margin:0 auto}.projects-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:3rem}.project-card{background:#fff!important;border:3px solid rgba(0,217,255,.2);border-radius:1.5rem;padding:2.5rem 2rem;display:flex!important;flex-direction:column;align-items:center;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:400px;visibility:visible!important;opacity:1!important}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#00d9ff,#7cb342,#61dafb);transform:scaleX(0);transition:transform .4s ease}.project-card:after{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background:radial-gradient(circle at center,rgba(0,217,255,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.project-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 25px 60px #00d9ff40;border-color:#00d9ff99}.project-card:hover:before{transform:scaleX(1)}.project-card:hover:after{opacity:1}.project-logo{width:120px;height:120px;background:linear-gradient(135deg,#00d9ff1a,#7cb3421a);border-radius:1.25rem;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding:1.5rem;border:2px solid rgba(0,217,255,.2);transition:all .3s ease;position:relative;z-index:1}.project-card:hover .project-logo{transform:scale(1.1) rotate(-5deg);border-color:#00d9ff80}.project-logo img{width:100%;height:100%;object-fit:contain;filter:none}.project-name{font-size:1.75rem;font-weight:800;color:var(--base-300);margin-bottom:.75rem;position:relative;z-index:1}.project-type{font-size:.95rem;color:#0f0f0f99;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.75rem}.project-tech{font-size:.9rem;color:#fff;font-weight:700;margin-bottom:1.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#00d9ff,#7cb342);border-radius:2rem;display:inline-block;box-shadow:0 4px 15px #00d9ff4d}.project-description{font-size:1rem;line-height:1.7;color:#0f0f0fbf;margin-bottom:2rem;flex:1;position:relative;z-index:1}.project-link{display:inline-flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;font-weight:700;font-size:1rem;padding:1rem 2rem;background:linear-gradient(135deg,#00d9ff,#7cb342);border-radius:.75rem;transition:all .3s ease;box-shadow:0 6px 20px #00d9ff4d;position:relative;z-index:1}.project-link:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00d9ff66}.project-arrow{transition:transform .3s ease;font-size:1.25rem}.project-link:hover .project-arrow{transform:translate(8px)}@media (max-width: 1100px){.projects-grid{grid-template-columns:1fr;gap:2.5rem}.project-card{max-width:600px;margin:0 auto}.project-logo{width:100px;height:100px}.project-name{font-size:1.6rem}.project-description{font-size:1rem}.layout-projects{padding:3rem 2rem!important}}.layout-hero-split{display:flex;flex-direction:column;gap:3rem;background:linear-gradient(135deg,#7cb3420d,#c5fb450d)}.hero-split-content{text-align:center;max-width:800px;margin:0 auto}.highlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0}.highlight-card{background:#fff;padding:2.5rem 2rem;border-radius:1rem;text-align:center;border:2px solid rgba(124,179,66,.15);transition:all .3s ease}.highlight-card:hover{transform:translateY(-10px);border-color:#7cb34266;box-shadow:0 15px 40px #7cb34233}.highlight-icon{font-size:3.5rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.highlight-title{font-size:1.25rem;font-weight:700;color:var(--base-300);margin-bottom:.5rem}.highlight-text{font-size:.95rem;color:#0f0f0fb3;line-height:1.5}.hero-split-illustration{text-align:center}.hero-split-illustration img{max-width:400px;width:100%;filter:drop-shadow(0 10px 30px rgba(0,0,0,.1))}.layout-process-timeline{background:linear-gradient(to bottom,#ffffff80,#fafaf0cc);padding:2rem 1rem!important;overflow-x:hidden}.timeline-header{text-align:center;margin-bottom:3rem;padding:0 1rem}.process-timeline{max-width:100%;width:100%;margin:0 auto;position:relative;padding:0 1rem}.timeline-step{display:grid;grid-template-columns:90px 1fr;gap:1.5rem;margin-bottom:2.5rem;position:relative}.timeline-number{width:90px;height:90px;background:linear-gradient(135deg,#7cb342,#9ccc65);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;box-shadow:0 8px 25px #7cb3424d;position:relative;z-index:2;flex-shrink:0}.timeline-content{background:#fff;padding:1.75rem;border-radius:1rem;border-left:4px solid #7CB342;box-shadow:0 4px 20px #00000014}.timeline-title{font-size:1.3rem;font-weight:700;color:var(--base-300);margin-bottom:.5rem}.timeline-description{font-size:.95rem;color:#0f0f0fbf;line-height:1.6}.timeline-connector{position:absolute;left:45px;top:90px;width:3px;height:calc(100% + 2.5rem);background:linear-gradient(to bottom,#7cb342,#7cb3424d);z-index:1}.layout-side-by-side-accent{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}.section-content-accent{padding:2rem}.deliverables-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.deliverable-item{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem;background:#fff;border-radius:.75rem;border-left:4px solid #7CB342;transition:all .3s ease}.deliverable-item:hover{transform:translate(10px);box-shadow:0 8px 25px #7cb34226}.deliverable-icon{font-size:2rem;flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#7cb3421a;border-radius:.5rem}.deliverable-content{flex:1}.deliverable-title{font-size:1.1rem;font-weight:700;color:var(--base-300);margin-bottom:.25rem}.deliverable-text{font-size:.9rem;color:#0f0f0fb3;line-height:1.5}.layout-design-principles{background:linear-gradient(135deg,#ffb6c10d,#ff6b9d0d)}.principles-header{text-align:center;margin-bottom:3rem}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.principle-card{background:#fff;padding:2.5rem 2rem;border-radius:1rem;text-align:center;border:2px solid rgba(255,107,157,.15);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.principle-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,157,.1),transparent);transition:left .6s ease}.principle-card:hover:before{left:100%}.principle-card:hover{transform:translateY(-15px) scale(1.05);border-color:#ff6b9d66;box-shadow:0 20px 50px #ff6b9d33}.principle-icon{font-size:4rem;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.principle-title{font-size:1.4rem;font-weight:700;color:var(--base-300);margin-bottom:.75rem}.principle-description{font-size:.95rem;color:#0f0f0fb3;line-height:1.6}.layout-device-showcase{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.device-showcase-content{padding:2rem}.devices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.device-card{background:linear-gradient(135deg,#7cb342,#9ccc65);padding:2rem 1.5rem;border-radius:1rem;text-align:center;color:#fff;box-shadow:0 8px 25px #7cb34240;transition:all .3s ease}.device-card:hover{transform:translateY(-10px) rotate(2deg);box-shadow:0 15px 40px #7cb34259}.device-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.device-name{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.device-stat{font-size:2.5rem;font-weight:800;margin:.5rem 0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.device-label{font-size:.875rem;opacity:.9}.device-illustration{padding:2rem}.device-illustration img{width:100%;max-width:400px;filter:drop-shadow(0 15px 35px rgba(0,0,0,.15))}.layout-design-process-visual{background:linear-gradient(to right,#a88bfa0d,#ff6b9d0d)}.process-visual-header{text-align:center;margin-bottom:4rem}.design-steps-flow{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;max-width:1100px;margin:0 auto}.design-step{background:#fff;padding:2rem 1.5rem;border-radius:1rem;text-align:center;flex:1;min-width:200px;border:2px solid rgba(168,139,250,.2);transition:all .3s ease;position:relative}.design-step:hover{transform:scale(1.08);border-color:#a88bfa80;box-shadow:0 12px 35px #a88bfa33;z-index:10}.design-step-emoji{font-size:3.5rem;margin-bottom:1rem}.design-step-title{font-size:1.2rem;font-weight:700;color:var(--base-300);margin-bottom:.5rem}.design-step-description{font-size:.9rem;color:#0f0f0fb3;line-height:1.5}.design-step-arrow{font-size:2rem;color:#a78bfa;font-weight:700;flex-shrink:0}.layout-color-showcase{background:linear-gradient(135deg,#ec48990d,#f59e0b0d)}.showcase-content{text-align:center;margin-bottom:3rem}.showcase-grid-container{display:flex;flex-direction:column;gap:2rem;align-items:center}.system-components-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:900px}.component-badge{background:linear-gradient(135deg,#fff,#fafaf0cc);padding:1.5rem 2rem;border-radius:1rem;display:flex;align-items:center;gap:1rem;border:2px solid rgba(236,72,153,.2);transition:all .3s ease;box-shadow:0 4px 15px #0000000d}.component-badge:hover{transform:translate(10px);border-color:#ec489980;box-shadow:0 8px 30px #ec489926}.component-icon{font-size:2.5rem;flex-shrink:0}.component-name{font-size:1.1rem;font-weight:600;color:var(--base-300)}.showcase-illustration{margin-top:2rem}.showcase-illustration img{max-width:500px;width:100%;filter:drop-shadow(0 15px 40px rgba(0,0,0,.15))}@media (max-width: 900px){.principles-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.devices-grid,.layout-device-showcase{grid-template-columns:1fr}.design-steps-flow{flex-direction:column;gap:1.5rem}.design-step{min-width:100%}.design-step-arrow{transform:rotate(90deg)}.system-components-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.component-badge{padding:1rem 1.5rem}}@media (max-width: 600px){.principles-grid,.system-components-grid{grid-template-columns:1fr}}.layout-browser-test{display:grid;grid-template-columns:1.3fr 1fr;gap:4rem;align-items:center;background:linear-gradient(135deg,#3b82f60d,#7cb3420d)}.browser-test-content{padding:2rem}.browsers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.browser-card{background:#fff;padding:2rem 1.5rem;border-radius:1rem;text-align:center;border:2px solid rgba(59,130,246,.2);transition:all .3s ease}.browser-card:hover{transform:translateY(-8px);border-color:#3b82f666;box-shadow:0 12px 35px #3b82f633}.browser-icon{font-size:3.5rem;margin-bottom:1rem}.browser-name{font-size:1.2rem;font-weight:700;color:var(--base-300);margin-bottom:.5rem}.browser-market{font-size:1.5rem;font-weight:800;color:#3b82f6}.browser-illustration{padding:2rem;display:flex;align-items:center;justify-content:center}.browser-illustration img{max-width:100%;filter:drop-shadow(0 15px 40px rgba(0,0,0,.15))}.layout-launch-checklist{background:linear-gradient(135deg,#10b9810d,#7cb3420d)}.checklist-header{text-align:center;margin-bottom:4rem}.checklist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.checklist-item{background:#fff;padding:2rem;border-radius:1rem;border:2px solid rgba(16,185,129,.2);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.checklist-item:hover{transform:translateY(-8px);border-color:#10b98166;box-shadow:0 12px 35px #10b98133}.checklist-icon{width:60px;height:60px;background:linear-gradient(135deg,#10b981,#7cb342);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin-bottom:1.5rem;box-shadow:0 6px 20px #10b9814d}.checklist-content{flex:1}.checklist-title{font-size:1.2rem;font-weight:700;color:var(--base-300);margin-bottom:.5rem}.checklist-description{font-size:.9rem;color:#0f0f0fb3;line-height:1.5}.layout-launch-timeline{background:linear-gradient(to right,#f59e0b0d,#fb923c0d)}.launch-timeline-split{display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;align-items:center}.launch-illustration{padding:2rem;display:flex;align-items:center;justify-content:center}.launch-illustration img{max-width:100%;filter:drop-shadow(0 15px 40px rgba(0,0,0,.15))}.launch-timeline-content{padding:2rem}.launch-timeline-steps{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.launch-step{display:flex;gap:1.5rem;align-items:center;padding:1.5rem;background:#fff;border-radius:1rem;border:2px solid rgba(245,158,11,.2);transition:all .3s ease}.launch-step:hover{transform:translate(10px);border-color:#f59e0b66;box-shadow:0 8px 25px #f59e0b26}.launch-step-highlight{background:linear-gradient(135deg,#f59e0b1a,#fb923c1a);border-color:#f59e0b66;box-shadow:0 8px 25px #f59e0b33}.launch-time{font-size:1rem;font-weight:700;color:#f59e0b;background:#f59e0b1a;padding:.75rem 1.25rem;border-radius:.5rem;flex-shrink:0;min-width:80px;text-align:center}.launch-step-content{flex:1}.launch-step-title{font-size:1.2rem;font-weight:700;color:var(--base-300);margin-bottom:.25rem}.launch-step-description{font-size:.9rem;color:#0f0f0fb3;line-height:1.5}@media (max-width: 900px){.layout-browser-test{grid-template-columns:1fr}.browsers-grid{grid-template-columns:repeat(2,1fr)}.checklist-grid,.launch-timeline-split{grid-template-columns:1fr}}.layout-support-types{background:linear-gradient(135deg,#10b9810d,#7cb3420d)}.support-header{text-align:center;margin-bottom:4rem}.support-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.support-type-card{background:#fff;padding:2.5rem 2rem;border-radius:1.25rem;text-align:center;border:2px solid rgba(16,185,129,.2);transition:all .3s ease;position:relative}.support-type-card:hover{transform:translateY(-12px);border-color:#10b98180;box-shadow:0 15px 45px #10b98140}.support-type-icon{font-size:4rem;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.support-type-title{font-size:1.4rem;font-weight:700;color:var(--base-300);margin-bottom:1rem}.support-type-description{font-size:.95rem;color:#0f0f0fb3;line-height:1.6}.layout-maintenance-schedule{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;align-items:center}.maintenance-content{padding:2rem}.monitoring-grid{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.monitoring-card{background:#fff;padding:2rem;border-radius:1rem;border-left:5px solid #10B981;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.monitoring-card:hover{transform:translate(15px);box-shadow:0 8px 30px #10b98133}.monitoring-icon{font-size:2.5rem;margin-bottom:1rem}.monitoring-title{font-size:1.3rem;font-weight:700;color:var(--base-300);margin-bottom:1rem}.monitoring-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.monitoring-list li{padding-left:1.5rem;position:relative;font-size:.95rem;color:#0f0f0fbf}.monitoring-list li:before{content:"→";position:absolute;left:0;color:#10b981;font-weight:700}.maintenance-illustration{padding:2rem;display:flex;align-items:center;justify-content:center}.maintenance-illustration img{max-width:100%;filter:drop-shadow(0 15px 40px rgba(0,0,0,.15))}.layout-growth-partnership{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center;background:linear-gradient(135deg,#f59e0b0d,#fb923c0d)}.partnership-illustration{padding:2rem;display:flex;align-items:center;justify-content:center}.partnership-illustration img{max-width:100%;filter:drop-shadow(0 15px 40px rgba(0,0,0,.15))}.partnership-content{padding:2rem}.growth-features-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.growth-feature-item{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background:#fff;border-radius:1rem;border:2px solid rgba(245,158,11,.2);transition:all .3s ease}.growth-feature-item:hover{transform:scale(1.03);border-color:#f59e0b80;box-shadow:0 12px 35px #f59e0b33}.growth-phase-icon{font-size:3rem;flex-shrink:0;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b1a,#fb923c1a);border-radius:1rem}.growth-feature-content{flex:1}.growth-feature-title{font-size:1.2rem;font-weight:700;color:var(--base-300);margin-bottom:.5rem}.growth-feature-description{font-size:.95rem;color:#0f0f0fb3;line-height:1.6}@media (max-width: 900px){.support-types-grid{grid-template-columns:repeat(2,1fr)}.layout-maintenance-schedule,.layout-growth-partnership{grid-template-columns:1fr}}@media (max-width: 600px){.support-types-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.card-detail-container{padding:1.5rem}.card-detail-content{padding-top:4rem}.card-detail-hero{padding:2rem 0;margin-bottom:2rem}.card-detail-number{font-size:3rem}.card-detail-title{font-size:2rem}.card-detail-subtitle{font-size:1rem}.card-detail-section{padding:2rem 1rem;margin-bottom:3rem}.section-title{font-size:1.75rem}.section-description{font-size:1rem}.timeline-step{grid-template-columns:80px 1fr;gap:1.5rem}.timeline-number{width:80px;height:80px;font-size:1.5rem}.timeline-connector{left:40px}.timeline-content{padding:1.5rem}}@media (max-width: 768px){.card-detail-hero{padding:1.5rem 0}.card-detail-number{font-size:2.5rem}.card-detail-title{font-size:1.75rem}.card-detail-subtitle{font-size:.9rem}.card-detail-section{padding:1.5rem 1rem;margin-bottom:2rem}.section-title{font-size:1.5rem}.section-description{font-size:.95rem}.tech-stack-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem}.tech-icon{font-size:3rem}.tech-name{font-size:1.2rem}.metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem}.metric-icon,.metric-value{font-size:2.5rem}.principles-grid{grid-template-columns:1fr!important;gap:1.5rem}.browsers-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem}.checklist-grid,.support-types-grid,.feature-grid{grid-template-columns:1fr!important;gap:1.5rem}.feature-card{padding:1.5rem}.projects-grid{grid-template-columns:1fr!important;gap:2rem}.project-card{padding:2rem 1.5rem!important;min-height:auto!important}.project-logo{width:90px!important;height:90px!important;padding:1rem!important;margin-bottom:1.5rem!important}.project-name{font-size:1.5rem!important;margin-bottom:.5rem!important}.project-type{font-size:.85rem!important;margin-bottom:.5rem!important}.project-tech{font-size:.85rem!important;padding:.4rem 1rem!important;margin-bottom:1.25rem!important}.project-description{font-size:.95rem!important;line-height:1.6!important;margin-bottom:1.5rem!important}.project-link{padding:.9rem 1.75rem!important;font-size:.95rem!important;width:100%;justify-content:center}.layout-projects{padding:3rem 1.5rem!important}.section-header-centered{padding:0 1rem;margin-bottom:3rem!important}.section-header-centered .section-title{font-size:2rem!important}.section-header-centered .section-description{font-size:1rem!important}.highlights-grid{grid-template-columns:1fr!important}.timeline-step{grid-template-columns:60px 1fr!important;gap:1rem;margin-bottom:2rem}.timeline-number{width:60px!important;height:60px!important;font-size:1.2rem!important}.timeline-content{padding:1.25rem!important}.timeline-title{font-size:1.1rem!important}.timeline-description{font-size:.875rem!important}.timeline-connector{left:30px!important;top:60px!important;width:2px!important}.process-timeline{padding:0 .5rem!important}.devices-grid{grid-template-columns:1fr!important;gap:1.5rem}.design-steps-flow{flex-direction:column!important;gap:1.5rem}.design-step{min-width:100%}.design-step-arrow{transform:rotate(90deg);font-size:1.5rem}.system-components-grid{grid-template-columns:1fr!important;gap:1rem}.component-badge{padding:1.25rem 1.5rem}.code-qualities-grid{grid-template-columns:1fr!important}.monitoring-card{padding:1.5rem}.growth-feature-item,.launch-step{flex-direction:column;text-align:center;gap:1rem}.launch-time{min-width:auto}.section-illustration img,.hero-split-illustration img,.device-illustration img,.browser-illustration img,.maintenance-illustration img,.partnership-illustration img,.code-illustration img,.launch-illustration img,.metrics-illustration img,.showcase-illustration img{max-width:300px!important}.deliverable-item{flex-direction:column;text-align:center;padding:1.25rem}.deliverable-icon{margin:0 auto 1rem}.quality-item{flex-direction:column;text-align:center;padding:1.5rem}.metric-card,.tech-card{padding:2rem 1.5rem}.browser-card{padding:1.5rem 1rem}.principle-card{padding:2rem 1.5rem}.principle-icon{font-size:3rem}.support-type-card{padding:2rem 1.5rem}.support-type-icon{font-size:3rem}.checklist-item{padding:1.5rem}.checklist-icon{width:50px;height:50px;font-size:1.5rem}.highlight-card{padding:2rem 1.5rem}.highlight-icon{font-size:2.5rem}}.layout-tech-stack{background:linear-gradient(135deg,#00d9ff0d,#61dafb0d)}.tech-header{text-align:center;margin-bottom:4rem}.tech-stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.tech-card{background:#fff;padding:2rem 1.5rem;border-radius:1rem;text-align:center;border:2px solid rgba(124,179,66,.15);position:relative;overflow:hidden;transition:all .3s ease}.tech-card:hover{transform:translateY(-8px);border-color:#7cb3424d;box-shadow:0 10px 30px #7cb34226}.tech-glow{display:none}.tech-icon{font-size:3.5rem;margin-bottom:1rem;position:relative;z-index:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.1))}.tech-name{font-size:1.2rem;font-weight:700;color:var(--base-300);margin-bottom:.5rem;position:relative;z-index:1}.tech-description{font-size:.85rem;color:#0f0f0f99;line-height:1.4;position:relative;z-index:1}.layout-performance-metrics{background:linear-gradient(to bottom,#7cb3420d,#9ccc650d)}.metrics-header{text-align:center;margin-bottom:4rem}.metrics-grid{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:3rem;justify-content:center}.metric-card{background:linear-gradient(135deg,#7cb342,#9ccc65);padding:3rem 3.5rem;border-radius:1.5rem;text-align:center;color:#fff;box-shadow:0 10px 30px #7cb3424d;transition:all .3s ease;position:relative;overflow:hidden;min-width:280px;flex:1;max-width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.metric-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);transition:all .5s ease}.metric-card:hover:before{top:-75%;right:-75%}.metric-card:hover{transform:translateY(-15px) rotate(-2deg);box-shadow:0 20px 50px #7cb34266}.metric-icon{font-size:3.5rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.metric-value{font-size:3.5rem;font-weight:900;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.2)}.metric-label{font-size:1.15rem;font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1.2px;line-height:1.4;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.metric-description{font-size:1rem;opacity:.95;line-height:1.5;word-wrap:break-word}.metrics-illustration{text-align:center;margin-top:2rem}.metrics-illustration img{max-width:400px;width:100%}.layout-code-quality{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;background:linear-gradient(135deg,#8b5cf60d,#3b82f60d)}.code-quality-content{padding:2rem}.code-qualities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.quality-item{display:flex;gap:1rem;padding:1.5rem;background:#fff;border-radius:1rem;border:2px solid rgba(139,92,246,.15);transition:all .3s ease}.quality-item:hover{transform:translate(10px);border-color:#8b5cf666;box-shadow:0 10px 30px #8b5cf626}.quality-icon{font-size:2.5rem;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-radius:1rem}.quality-content{flex:1}.quality-title{font-size:1.2rem;font-weight:700;color:var(--base-300);margin-bottom:.25rem}.quality-text{font-size:.9rem;color:#0f0f0fb3;line-height:1.5}.code-illustration{padding:2rem;display:flex;align-items:center;justify-content:center}.code-illustration img{max-width:100%;filter:drop-shadow(0 15px 40px rgba(0,0,0,.15))}@media (max-width: 1100px){.tech-stack-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}.layout-code-quality,.code-qualities-grid{grid-template-columns:1fr}}@media (max-width: 600px){.tech-stack-grid,.metrics-grid{grid-template-columns:1fr}}@media (max-width: 900px){.highlights-grid{grid-template-columns:1fr;gap:1.5rem}.timeline-step{grid-template-columns:80px 1fr;gap:1.5rem}.timeline-number{width:80px;height:80px;font-size:1.5rem}.timeline-connector{left:40px}.layout-side-by-side-accent{grid-template-columns:1fr}}.section-content{padding:2rem}.section-title{font-size:2rem;font-weight:700;color:var(--base-300);margin-bottom:1rem;line-height:1.3}.section-description{font-size:1.1rem;line-height:1.8;color:#0f0f0fcc;margin-bottom:1.5rem}.section-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.section-features li{padding-left:2rem;position:relative;font-size:1rem;line-height:1.6;color:#0f0f0fbf;font-weight:500}.section-features li:before{content:"✓";position:absolute;left:0;color:#7cb342;font-weight:700;font-size:1.25rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.section-illustration{padding:2rem;display:flex;align-items:center;justify-content:center}.section-illustration img{width:100%;max-width:400px;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.1))}@media (max-width: 900px){.card-detail-section{padding:2rem 1.5rem}.layout-side-by-side,.layout-side-by-side-reverse,.section-bottom-row{grid-template-columns:1fr!important;gap:2rem}.layout-side-by-side-reverse .section-illustration{order:0}.feature-grid{grid-template-columns:1fr!important}.card-detail-number{font-size:3rem}.card-detail-title{font-size:2rem}.card-detail-subtitle{font-size:1rem}.section-title{font-size:1.5rem}.section-description{font-size:1rem}.section-illustration img,.section-illustration-large img,.section-illustration-bottom img{max-width:250px}.feature-card{padding:1.5rem}}.card-detail-content .detail-features li:before{content:"✓";position:absolute;left:0;color:#0f0f0f;font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,#c5fb45,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-hero{text-align:center;padding:3rem 0 4rem;margin-bottom:4rem;border-bottom:2px solid rgba(15,15,15,.1)}.detail-hero-number{font-size:5rem;font-weight:800;color:#0f0f0f1a;line-height:1;margin-bottom:1rem;position:relative;perspective:1000px;transform-style:preserve-3d;will-change:transform,opacity;visibility:visible!important;display:block!important;opacity:1!important;transform:rotateX(0) scale(1)!important}.detail-hero-number.animating{opacity:0!important;transform:rotateX(90deg) scale(.8)!important;animation:numberFlip .8s cubic-bezier(.34,1.56,.64,1) forwards!important}@keyframes numberFlip{0%{opacity:0;transform:rotateX(90deg) scale(.8)}60%{transform:rotateX(-10deg) scale(1.05)}to{opacity:1;transform:rotateX(0) scale(1)}}.detail-hero-title{font-size:3.5rem;font-weight:800;color:var(--base-300);margin:0 0 1rem;line-height:1.2}.detail-hero-subtitle{font-size:1.25rem;color:#0f0f0f99;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin:0 0 2rem}.detail-hero-description{font-size:1.25rem;line-height:1.8;color:#0f0f0fcc;max-width:800px;margin:0 auto}.detail-section-modern{margin-bottom:6rem;padding:3rem 0}.detail-section-modern:last-child{margin-bottom:2rem}.detail-section-content{max-width:1000px;margin:0 auto;position:relative}.detail-section-number{font-size:8rem;font-weight:800;color:#0f0f0f0d;line-height:1;position:absolute;top:-2rem;left:-2rem;z-index:0;pointer-events:none;perspective:1000px;transform-style:preserve-3d;will-change:transform,opacity;filter:blur(.5px);transition:all .3s ease;visibility:visible!important;display:block!important;opacity:1!important;transform:rotateX(0) scale(1)!important}.detail-section-number.animating{opacity:0!important;transform:rotateX(90deg) scale(.5)!important}.detail-section-number.animate{animation:sectionNumberFlipPop .8s cubic-bezier(.34,1.56,.64,1) forwards!important}.card-detail-container .detail-section-number{visibility:visible!important;display:block!important;opacity:1!important}.detail-section-number{animation-fill-mode:forwards}.card-detail-container .detail-section-number{visibility:visible}@keyframes sectionNumberFlipPop{0%{opacity:0;transform:rotateX(90deg) scale(.5)}60%{transform:rotateX(-15deg) scale(1.1)}to{opacity:1;transform:rotateX(0) scale(1)}}.detail-section-left .detail-section-number{left:-2rem}.detail-section-right .detail-section-number{right:-2rem;left:auto}.detail-section-title{font-size:2.5rem;font-weight:700;color:var(--base-300);margin:0 0 1.5rem;position:relative;z-index:1;line-height:1.2}.detail-section-text{font-size:1.15rem;line-height:1.9;color:#0f0f0fcc;margin-bottom:1.5rem;position:relative;z-index:1}.detail-section-with-illustration{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.detail-section-illustration{position:relative;z-index:1;opacity:1!important;transition:all .8s ease;visibility:visible!important;display:block!important;transform:translate(0)!important}.detail-section-illustration img{display:block!important;width:100%!important;height:auto!important;max-width:400px!important;visibility:visible!important;opacity:1!important;object-fit:contain}.illustration-left .detail-section-illustration,.illustration-right .detail-section-illustration,.detail-section-illustration.animate{opacity:1!important;transform:translate(0)!important}.detail-section-illustration img{width:100%;height:auto;max-width:400px;display:block!important;visibility:visible!important}.detail-section-text-content{position:relative;z-index:1}[text-split]{opacity:1}[text-split] .word{display:inline-block;overflow:hidden}[text-split] .char,[words-slide-up] .word,[words-rotate-in] .word,[words-slide-from-right] .word,[letters-slide-up] .char,[letters-slide-down] .char,[letters-fade-in] .char,[letters-fade-in-random] .char{display:inline-block}.detail-section-projects{max-width:100%}.detail-section-projects .detail-section-title{margin-bottom:1.5rem;font-size:2.5rem;line-height:1.2}.detail-section-projects .detail-section-text{margin-bottom:2.5rem;font-size:1.15rem;line-height:1.9;max-width:100%;color:#0f0f0fcc}.detail-section-projects .detail-section-number{opacity:1;color:#0ea5e926}.detail-section-projects .detail-section-content{padding-bottom:0}.detail-features-compact{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem}.detail-features-compact .detail-feature-item{padding:.75rem;font-size:.9rem}.detail-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;position:relative;z-index:1}.detail-feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#0f0f0f08;border-radius:1rem;border:1px solid rgba(15,15,15,.08);transition:all .3s ease}.detail-feature-item:hover{background:#c5fb451a;border-color:#c5fb454d;transform:translateY(-2px);box-shadow:0 4px 12px #c5fb4533}.detail-feature-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c5fb45,#00d9ff);color:var(--base-300);border-radius:50%;font-weight:700;font-size:.9rem}.detail-hero-discovery .detail-hero-number{color:#7dd34559;text-shadow:0 0 20px rgba(125,211,69,.2)}@keyframes discoveryFlipPop{0%{opacity:0;transform:rotateX(90deg) scale(.8);text-shadow:0 0 20px rgba(125,211,69,0)}60%{transform:rotateX(-10deg) scale(1.05);text-shadow:0 0 30px rgba(125,211,69,.4)}to{opacity:1;transform:rotateX(0) scale(1);text-shadow:0 0 20px rgba(125,211,69,.2)}}.detail-section-discovery .detail-section-number{color:#7dd34526;text-shadow:0 0 15px rgba(125,211,69,.15);animation:sectionNumberFlip 4s ease-in-out infinite!important}.detail-feature-discovery .detail-feature-icon{background:linear-gradient(135deg,#7dd345,#00b8d4)}.detail-feature-discovery:hover{background:#7dd3451f;border-color:#7dd34566;box-shadow:0 4px 12px #7dd34540}.detail-hero-design .detail-hero-number{color:#ec489959;text-shadow:0 0 20px rgba(236,72,153,.2);animation:designFlipPop .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes designFlipPop{0%{opacity:0;transform:rotateX(90deg) scale(.8);text-shadow:0 0 20px rgba(236,72,153,0)}60%{transform:rotateX(-10deg) scale(1.05);text-shadow:0 0 30px rgba(236,72,153,.4)}to{opacity:1;transform:rotateX(0) scale(1);text-shadow:0 0 20px rgba(236,72,153,.2)}}.detail-section-design .detail-section-number{color:#ec489926;text-shadow:0 0 15px rgba(236,72,153,.15);animation:sectionNumberFlip 4s ease-in-out infinite!important}.detail-feature-design .detail-feature-icon{background:linear-gradient(135deg,#ec4899,#f59e0b)}.detail-feature-design:hover{background:#ec48991f;border-color:#ec489966;box-shadow:0 4px 12px #ec489940}.detail-hero-development .detail-hero-number{color:#0ea5e959;text-shadow:0 0 20px rgba(14,165,233,.2);animation:developmentFlipPop .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes developmentFlipPop{0%{opacity:0;transform:rotateX(90deg) scale(.8);text-shadow:0 0 20px rgba(14,165,233,0)}60%{transform:rotateX(-10deg) scale(1.05);text-shadow:0 0 30px rgba(14,165,233,.4)}to{opacity:1;transform:rotateX(0) scale(1);text-shadow:0 0 20px rgba(14,165,233,.2)}}.detail-section-development .detail-section-number{color:#0ea5e926;text-shadow:0 0 15px rgba(14,165,233,.15);animation:sectionNumberFlip 4s ease-in-out infinite!important}.detail-feature-development .detail-feature-icon{background:linear-gradient(135deg,#0ea5e9,#8b5cf6)}.detail-feature-development:hover{background:#0ea5e91f;border-color:#0ea5e966;box-shadow:0 4px 12px #0ea5e940}.detail-hero-launch .detail-hero-number{color:#8b5cf659;text-shadow:0 0 20px rgba(139,92,246,.2);animation:launchFlipPop .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes launchFlipPop{0%{opacity:0;transform:rotateX(90deg) scale(.8);text-shadow:0 0 20px rgba(139,92,246,0)}60%{transform:rotateX(-10deg) scale(1.05);text-shadow:0 0 30px rgba(139,92,246,.4)}to{opacity:1;transform:rotateX(0) scale(1);text-shadow:0 0 20px rgba(139,92,246,.2)}}.detail-section-launch .detail-section-number{color:#8b5cf626;text-shadow:0 0 15px rgba(139,92,246,.15);animation:sectionNumberFlip 4s ease-in-out infinite!important}.detail-feature-launch .detail-feature-icon{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.detail-feature-launch:hover{background:#8b5cf61f;border-color:#8b5cf666;box-shadow:0 4px 12px #8b5cf640}.detail-hero-growth .detail-hero-number{color:#eab30859;text-shadow:0 0 20px rgba(234,179,8,.2);animation:growthFlipPop .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes growthFlipPop{0%{opacity:0;transform:rotateX(90deg) scale(.8);text-shadow:0 0 20px rgba(234,179,8,0)}60%{transform:rotateX(-10deg) scale(1.05);text-shadow:0 0 30px rgba(234,179,8,.4)}to{opacity:1;transform:rotateX(0) scale(1);text-shadow:0 0 20px rgba(234,179,8,.2)}}.detail-section-growth .detail-section-number{color:#eab30826;text-shadow:0 0 15px rgba(234,179,8,.15);animation:sectionNumberFlip 4s ease-in-out infinite!important}.detail-feature-growth .detail-feature-icon{background:linear-gradient(135deg,#eab308,#7dd345)}.detail-feature-growth:hover{background:#eab3081f;border-color:#eab30866;box-shadow:0 4px 12px #eab30840}.detail-section-design-system{max-width:100%}.design-system-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.design-element-card{background:#0f0f0f08;border:1px solid rgba(15,15,15,.08);border-radius:1.5rem;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column}.design-element-card:hover{background:#ec48990d;border-color:#ec489933;transform:translateY(-4px);box-shadow:0 8px 24px #ec489926}.design-element-header{margin-bottom:1rem}.design-element-title{font-size:1.5rem;font-weight:700;color:var(--base-300);margin:0 0 .5rem}.design-element-description{font-size:.95rem;color:#0f0f0fb3;line-height:1.6;margin:0}.design-element-content{margin-top:1rem;flex:1;display:flex;flex-direction:column}.color-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.color-swatch{aspect-ratio:1;border-radius:1rem;position:relative;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px #0000001a}.color-swatch:hover{transform:scale(1.05);box-shadow:0 4px 16px #0003}.color-swatch-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1rem;color:#fff;display:flex;flex-direction:column;gap:.25rem}.color-name{font-weight:700;font-size:.9rem}.color-hex{font-size:.75rem;opacity:.9;font-family:monospace}.typography-showcase{display:flex;flex-direction:column;gap:1rem}.typography-sample{padding:1rem;background:#0f0f0f05;border-radius:.75rem;border-left:3px solid rgba(236,72,153,.3)}.typography-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#0f0f0f80;margin-bottom:.4rem}.typography-preview{color:var(--base-300);margin:.4rem 0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em}.typography-specs{font-size:.75rem;color:#0f0f0f99;font-family:monospace;margin-top:.4rem}.component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.component-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#0f0f0f08;border-radius:.75rem;border:1px solid rgba(15,15,15,.08);transition:all .3s ease}.component-item:hover{background:#ec489914;border-color:#ec48994d;transform:translate(4px)}.component-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec4899,#f59e0b);border-radius:.5rem;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0}.detail-section-process{max-width:100%}.process-steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.process-step-card{background:#0f0f0f08;border:1px solid rgba(15,15,15,.08);border-radius:1.5rem;padding:2rem;position:relative;transition:all .3s ease;overflow:hidden}.process-step-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#ec4899,#f59e0b);opacity:0;transition:opacity .3s ease}.process-step-card:hover{background:#ec48990d;border-color:#ec489933;transform:translateY(-4px);box-shadow:0 8px 24px #ec489926}.process-step-card:hover:before{opacity:1}.process-step-header{display:flex;gap:1.5rem;margin-bottom:1.5rem;align-items:flex-start}.process-step-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#ec4899,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;flex-shrink:0;opacity:0;transform:rotateX(90deg) scale(.7);width:60px;text-align:center}.process-step-number.animate{animation:statValueFlipPop .7s cubic-bezier(.34,1.56,.64,1) forwards}.process-step-content{flex:1}.process-step-title{font-size:1.5rem;font-weight:700;color:var(--base-300);margin:0 0 .75rem;line-height:1.2}.process-step-description{font-size:1rem;line-height:1.7;color:#0f0f0fcc;margin:0}.process-step-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(15,15,15,.08);display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.process-detail-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0f0f0f05;border-radius:.5rem;font-size:.9rem;color:#0f0f0fcc;transition:all .2s ease}.process-detail-item:hover{background:#ec489914;transform:translate(4px)}.process-detail-icon{color:#ec4899cc;font-weight:700;flex-shrink:0;font-size:1rem}.projects-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}.project-card{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;display:block}.project-card-link{cursor:pointer}.project-card.animate{opacity:1;transform:translateY(0)}.project-card-inner{background:#0f0f0f08;border:1px solid rgba(15,15,15,.08);border-radius:1rem;padding:0;transition:all .3s ease;height:100%;display:flex;flex-direction:column;overflow:hidden}.project-image-frame{position:relative;width:100%;height:200px;overflow:hidden;background:#0f0f0f0d;border-radius:1rem 1rem 0 0}.project-screenshot{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0ea5e900;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0}.project-overlay-icon{width:48px;height:48px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--base-300);transform:scale(.8);transition:transform .3s ease}.project-card:hover .project-screenshot,.project-card-link:hover .project-screenshot{transform:scale(1.05)}.project-card:hover .project-overlay,.project-card-link:hover .project-overlay{background:#0ea5e933;opacity:1}.project-card:hover .project-overlay-icon,.project-card-link:hover .project-overlay-icon{transform:scale(1)}.project-info{padding:1.5rem;display:flex;flex-direction:column;flex:1}.project-card:hover .project-card-inner,.project-card-link:hover .project-card-inner{background:#0ea5e914;border-color:#0ea5e94d;transform:translateY(-4px);box-shadow:0 8px 24px #0ea5e933}.project-card-link:focus{outline:2px solid rgba(14,165,233,.5);outline-offset:4px;border-radius:1rem}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;margin-top:0}.project-name{font-size:1.25rem;font-weight:700;color:var(--base-300);margin:0;line-height:1.3}.project-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.project-status-development{background:#0ea5e926;color:#0ea5e9}.project-tech{font-size:.9rem;color:#0f0f0f99;margin-bottom:.75rem;margin-top:0;font-weight:500}.project-description{font-size:.9rem;line-height:1.6;color:#0f0f0fb3;margin:auto 0 0}.timeline-container{margin-top:2rem;position:relative;padding-left:2rem}.timeline-container:before{content:"";position:absolute;left:.75rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#8b5cf6,#ec4899);transform-origin:top;transform:scaleY(var(--timeline-scale, 0));transition:transform 1s ease}.timeline-container.animate:before{transform:scaleY(1)}.timeline-phase{position:relative;margin-bottom:3rem;opacity:0}.timeline-phase.animate{opacity:1}.timeline-phase:last-child{margin-bottom:0}.timeline-phase-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.timeline-phase-number{position:absolute;left:-2.5rem;width:2rem;height:2rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px #8b5cf64d;opacity:0;transform:rotateX(90deg) scale(0);perspective:1000px;transform-style:preserve-3d}.timeline-phase-number.animate{animation:timelineNumberFlipPop .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes timelineNumberFlipPop{0%{opacity:0;transform:rotateX(90deg) scale(0)}60%{transform:rotateX(-15deg) scale(1.2)}to{opacity:1;transform:rotateX(0) scale(1)}}.timeline-phase-title{font-size:1.5rem;font-weight:700;color:var(--base-300);margin:0}.timeline-phase-tasks{display:flex;flex-direction:column;gap:.75rem;padding-left:.5rem}.timeline-task{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#8b5cf60d;border-radius:.5rem;border-left:3px solid #8B5CF6;transition:all .3s ease;opacity:0}.timeline-task:hover{background:#8b5cf61a;transform:translate(5px)}.timeline-task-icon{width:20px;height:20px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}.timeline-task span{color:#0f0f0fcc;font-size:.95rem}.stats-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.stat-card-modern{background:#0f0f0f08;border:1px solid rgba(15,15,15,.08);border-radius:1rem;padding:2rem;text-align:center;transition:all .3s ease;opacity:0;transform:translateY(20px)}.stat-card-modern.animate{opacity:1;transform:translateY(0)}.stat-card-modern:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a;border-color:#eab3084d}.stat-card-value{font-size:3rem;font-weight:800;line-height:1;margin-bottom:.5rem;display:block;position:relative;perspective:1000px;transform-style:preserve-3d;will-change:transform,opacity;visibility:visible!important;display:block!important;opacity:1!important;transform:rotateX(0) scale(1)!important}.stat-card-value.animating{opacity:0!important;transform:rotateX(90deg) scale(.7)!important}.stat-card-value.animate{animation:statValueFlipPop .7s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes statValueFlipPop{0%{opacity:0;transform:rotateX(90deg) scale(.7)}60%{transform:rotateX(-10deg) scale(1.1)}to{opacity:1;transform:rotateX(0) scale(1)}}.stat-color-development{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#0ea5e9}.stat-color-design{background:linear-gradient(135deg,#ec4899,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#ec4899}.stat-color-growth{background:linear-gradient(135deg,#eab308,#7dd345);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#eab308}.stat-card-label{font-size:1rem;color:#0f0f0fb3;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-feature-text{font-size:1rem;line-height:1.6;color:#0f0f0fcc;font-weight:500}.footer{background:#0f0f0f;color:#fff;padding:2.5rem 1.5rem;margin-top:4rem}.footer-content{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.footer-brand{font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#fff}.footer-links{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;font-size:.95rem;color:#f5f5f5}.footer-links a{color:#fff;text-decoration:none;font-weight:700;transition:color .2s}.footer-links a:hover{color:#c5fb45;text-decoration:underline}.footer-links a[href$="imprint.html"],.footer-links span,.footer-links a[href$="imprint.html"]:visited{color:#fff!important}.imprint-slider{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;pointer-events:none;opacity:0;transition:opacity .3s ease}.imprint-slider.active{pointer-events:all;opacity:1}.imprint-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.imprint-container{position:absolute;bottom:0;left:0;right:0;background:var(--base-200);border-radius:2rem 2rem 0 0;padding:2rem 2rem 1.5rem;max-width:600px;margin:0 auto;max-height:90vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);-webkit-overflow-scrolling:touch}.imprint-container::-webkit-scrollbar{width:8px}.imprint-container::-webkit-scrollbar-track{background:#0f0f0f1a;border-radius:10px}.imprint-container::-webkit-scrollbar-thumb{background:#0f0f0f4d;border-radius:10px}.imprint-container::-webkit-scrollbar-thumb:hover{background:#0f0f0f80}.imprint-slider.active .imprint-container{transform:translateY(0)}.imprint-title{color:var(--base-300);margin-bottom:1.5rem;font-size:2rem;font-weight:800}.imprint-content{display:flex;flex-direction:column;gap:1rem}.imprint-info{display:flex;flex-direction:column;gap:.75rem}.imprint-info .footer-brand{font-size:1.25rem;margin-bottom:.5rem}.imprint-info p{color:var(--base-300);font-size:1rem;margin:0}.imprint-info a{color:#fff;text-decoration:none;font-weight:700;transition:color .2s}.imprint-info a:hover{color:#c5fb45;text-decoration:underline}@media (max-width: 1000px){.sticky-nav{padding:1rem 1.5rem;flex-wrap:wrap}.mobile-menu-toggle{display:flex!important;z-index:10001!important;position:fixed!important;top:1rem!important;right:1.5rem!important}.nav-links{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100vw!important;background:#0f0f0ffa!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:1.5rem!important;padding:80px 0 0!important;padding-bottom:2rem!important;transform:translateY(-100%)!important;transition:transform .4s cubic-bezier(.4,0,.2,1)!important;z-index:9998!important;overflow:hidden!important;pointer-events:none!important;box-shadow:0 4px 20px #0000004d!important}.nav-links.active{transform:translateY(0)!important;pointer-events:all!important}.nav-links a{font-size:1.25rem;padding:.75rem 1.5rem;width:100%;max-width:300px;text-align:center;border-bottom:1px solid rgba(197,251,69,.1);color:var(--base-100)!important;transform-style:preserve-3d;perspective:1000px;opacity:0}.nav-links.active a{opacity:1!important}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:60%;height:2px;background:#c5fb45;border-radius:2px;transform:translate(-50%) scaleX(0);transform-origin:center;will-change:transform;transition:transform .4s cubic-bezier(.4,0,.2,1)}.nav-links .language-toggle{margin-top:1rem;pointer-events:auto!important}.nav-links.active .language-toggle{opacity:1!important;visibility:visible!important}.nav-links a.active{color:#c5fb45!important;position:relative}.nav-links a.active:after{transform:translate(-50%) scaleX(1)}.nav-links a:last-child{border-bottom:none}.nav-links .cta-btn{background:#c5fb45;color:#000!important;padding:1rem 2rem;border-radius:2rem;font-weight:700;margin-top:1rem;width:auto;max-width:none}.nav-logo{font-size:1.1rem}h1,h2{letter-spacing:0}h1{font-size:2rem}h2{font-size:1.5rem}p{font-size:1rem}.hero h1,.outro h1{width:100%}.hero h1{text-align:left;margin:0;padding:0 1rem}.word-flip{min-width:auto;text-align:left;display:inline-block}.spotlight{gap:5rem}.spotlight .row{flex-direction:column}.spotlight .row.launch-row{flex-direction:column-reverse}.sppotlight .row:nth-child(1) .img,.spotlight .row:nth-child(4) .img{width:100%}.spotlight .card{width:100%}.spotlight .svg-path{top:15svh;width:300%;opacity:1!important;visibility:visible!important;display:block!important}.spotlight .svg-path svg{opacity:1!important;visibility:visible!important;display:block!important}.spotlight .svg-path #stroke-path{opacity:1!important;visibility:visible!important}.launch-illustration,.launch-illustration-img{display:block!important;visibility:visible!important;opacity:1!important}.form-container{padding:1rem 1rem .75rem!important;max-height:95vh!important}.form-container h2{font-size:1.5rem!important;margin-bottom:.2rem!important}.form-container>p{font-size:.85rem!important;margin-bottom:.75rem!important}.form-group{margin-bottom:.6rem!important}.form-group label{font-size:.8rem!important;margin-bottom:.25rem!important}.form-group input,.form-group textarea,.form-group select{padding:.5rem .65rem!important;font-size:16px!important}.form-group textarea{min-height:50px!important}.form-row{flex-direction:row!important;gap:.5rem!important;margin-bottom:.6rem!important}.form-group-half{flex:1!important;margin-bottom:0!important}.submit-btn{padding:.65rem 1.5rem!important;font-size:.9rem!important;margin-top:.2rem!important}.close-btn{top:.75rem!important;right:.75rem!important;font-size:1.75rem!important;width:30px!important;height:30px!important}.stats-grid{width:100%;max-width:400px;margin:0 auto;justify-items:center;gap:1rem}.stat-card{width:100%;max-width:180px;padding:1.5rem 1rem}.stat-number{font-size:2.5rem}.stat-label{font-size:.85rem}.card-detail-container{padding:1rem 1rem 8rem!important;height:100vh!important;max-height:100vh!important;width:100%!important;max-width:100%!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}.card-detail-content{min-height:auto!important;height:auto!important;padding:5.5rem 1rem 6rem!important}.card-detail-slider .close-btn{top:4.5rem!important;right:1rem!important;width:40px!important;height:40px!important;font-size:1.5rem!important;z-index:10001!important}.card-detail-content{max-width:100%!important;padding-left:0!important;padding-right:0!important}.card-detail-content .card-header h2{font-size:1.5rem!important}.card-detail-content .card-number{font-size:2rem!important}.card-detail-content .detail-section h3{font-size:1.25rem!important}.card-detail-content .detail-section p{font-size:.95rem!important}.card-detail-content .detail-features li{font-size:.9rem!important}.read-more-btn{padding:.65rem 1.5rem!important;font-size:.85rem!important;margin-top:1rem!important}.detail-hero{padding:2rem 0 3rem!important;margin-bottom:3rem!important}.detail-hero-number{font-size:3.5rem!important}.detail-hero-title{font-size:2rem!important}.detail-hero-subtitle{font-size:1rem!important;letter-spacing:1px!important}.detail-hero-description{font-size:1rem!important;padding:0 1rem!important}.detail-section-modern{margin-bottom:4rem!important;padding:2rem 0!important}.detail-section-number{font-size:5rem!important;top:-1rem!important;left:-1rem!important}.detail-section-right .detail-section-number{right:-1rem!important}.detail-section-title{font-size:1.75rem!important;margin-bottom:1rem!important}.detail-section-text{font-size:1rem!important;margin-bottom:2rem!important}.detail-features-grid{grid-template-columns:1fr!important;gap:1rem!important}.detail-feature-item{padding:1rem!important}.detail-feature-icon{width:24px!important;height:24px!important;font-size:.8rem!important}.detail-feature-text{font-size:.9rem!important}.projects-showcase{grid-template-columns:1fr!important;gap:1rem!important}.project-image-frame{height:160px!important}.project-info{padding:1.25rem!important}.project-name{font-size:1.1rem!important}.project-tech{font-size:.85rem!important}.detail-section-projects .detail-section-title{font-size:1.5rem!important;margin-bottom:.5rem!important}.detail-section-projects .detail-section-text{font-size:.95rem!important;margin-bottom:2rem!important;max-width:100%!important}.design-system-showcase{grid-template-columns:1fr!important;gap:1.5rem!important}.design-element-card{padding:1.5rem!important}.color-palette,.component-grid{grid-template-columns:1fr!important}.process-steps-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.process-step-header{flex-direction:column!important;gap:1rem!important;margin-bottom:1.25rem!important}.process-step-number{font-size:2.5rem!important;width:auto!important;text-align:left!important}.process-step-card{padding:1.5rem!important}.process-step-details{grid-template-columns:1fr!important;gap:.5rem!important;margin-top:1.25rem!important;padding-top:1.25rem!important}.process-detail-item{font-size:.85rem!important;padding:.4rem .6rem!important}.detail-section-with-illustration{grid-template-columns:1fr!important;gap:2rem!important}.detail-section-illustration{order:-1}.detail-section-illustration img{max-width:100%!important}.detail-features-compact{grid-template-columns:1fr!important}.timeline-container{padding-left:1.5rem!important}.timeline-phase-number{width:1.5rem!important;height:1.5rem!important;left:-2rem!important;font-size:.75rem!important}.timeline-phase-title{font-size:1.25rem!important}.timeline-task{padding:.6rem!important}.timeline-task span{font-size:.85rem!important}.stats-grid-modern{grid-template-columns:1fr!important;gap:1rem!important}.stat-card-modern{padding:1.5rem!important}.stat-card-value{font-size:2.5rem!important}.cta-wrapper{margin-top:3rem!important}.neon-arrow-top{top:-70px!important;width:50px!important;height:50px!important}.trusted-clients{position:static!important;transform:none!important;margin:0 auto 2rem!important;padding:1rem}.client-logos{gap:1.5rem!important}.client-logos img{height:30px!important}}