/**handles:skycode-style,skycode-theme**/
:root{--color-primary:#1a1f2e;--color-dark:#0f172a;--color-teal:#00d4aa;--color-amber:#f59e0b;--color-violet:#7c5cfc;--color-light:#f4f5f7;--color-gray:#64748b;--color-text:#334155;--color-white:#ffffff;--color-glass:rgba(255,255,255,0.06);--font-main:'Inter',system-ui,sans-serif;--font-mono:'JetBrains Mono',monospace;--radius:12px;--transition:0.3s cubic-bezier(0.4,0,0.2,1);--max-width:1200px;--header-h:72px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-main);color:var(--color-text);background:var(--color-white);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color var(--transition)}h1,h2,h3,h4,h5,h6{color:var(--color-dark);line-height:1.2;font-weight:700}h1{font-size:clamp(2rem, 5vw, 3.5rem)}h2{font-size:clamp(1.6rem, 3.5vw, 2.5rem)}h3{font-size:clamp(1.2rem, 2.5vw, 1.5rem)}p{margin-bottom:1rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.8rem;border-radius:var(--radius);font-weight:600;font-size:.95rem;border:2px solid transparent;cursor:pointer;transition:all var(--transition);text-align:center;line-height:1.2}.btn--accent{background:var(--color-teal);color:var(--color-dark);border-color:var(--color-teal)}.btn--accent:hover{background:#00b892;border-color:#00b892;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,170,.3)}.btn--outline{background:0 0;color:var(--color-white);border-color:rgba(255,255,255,.3)}.btn--outline:hover{border-color:var(--color-teal);color:var(--color-teal)}.btn--dark{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.btn--dark:hover{background:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 25px rgba(15,23,42,.3)}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(255,255,255,0);backdrop-filter:blur(0px);transition:all var(--transition);height:var(--header-h)}.site-header.scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(20px);box-shadow:0 1px 20px rgba(0,0,0,.08)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:100%}.site-logo img{height:42px;width:auto}.main-navigation .nav-menu{list-style:none;display:flex;gap:.25rem;align-items:center}.main-navigation .nav-menu li a{padding:.5rem 1rem;border-radius:8px;font-weight:500;font-size:.92rem;color:var(--color-white);transition:all var(--transition);letter-spacing:.01em}.site-header.scrolled .nav-menu li a{color:var(--color-text)}.main-navigation .nav-menu li a:hover{color:var(--color-teal)}.header-cta{font-size:.85rem;padding:.6rem 1.4rem}.mobile-menu-toggle{display:none;background:0 0;border:none;cursor:pointer;width:32px;height:24px;position:relative;z-index:1001}.hamburger-line{display:block;width:100%;height:2px;background:var(--color-dark);margin-bottom:6px;transition:all var(--transition);border-radius:2px}.site-header:not(.scrolled) .hamburger-line{background:var(--color-white)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;background:var(--color-dark);z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease}.mobile-menu-overlay.active{opacity:1;pointer-events:auto}.mobile-menu-close{position:absolute;top:1.5rem;right:1.5rem;background:0 0;border:none;color:var(--color-white);cursor:pointer;padding:.5rem}.mobile-nav-menu{list-style:none;text-align:center;display:flex;flex-direction:column;gap:1.5rem}.mobile-nav-menu li a{font-size:1.5rem;font-weight:600;color:var(--color-white);transition:color var(--transition)}.mobile-nav-menu li a:hover{color:var(--color-teal)}.mobile-cta{margin-top:2rem}.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--color-dark);overflow:hidden;padding-top:var(--header-h)}.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,var(--color-dark) 0,#0c1220 100%)}.hero-content{position:relative;z-index:2;max-width:720px}.hero-label{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--color-glass);border:1px solid rgba(0,212,170,.2);border-radius:50px;color:var(--color-teal);font-size:.85rem;font-weight:500;margin-bottom:1.5rem;backdrop-filter:blur(10px)}.hero-label .hex-dot{width:8px;height:8px;background:var(--color-teal);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.hero h1{color:var(--color-white);margin-bottom:1.5rem}.hero h1 .accent{color:var(--color-teal)}.hero-subtitle{font-size:1.15rem;color:rgba(255,255,255,.65);line-height:1.8;margin-bottom:2.5rem;max-width:560px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.section{padding:6rem 0}.section--dark{background:var(--color-dark);color:var(--color-white)}.section--dark h2,.section--dark h3{color:var(--color-white)}.section--light{background:var(--color-light)}.section-header{text-align:center;max-width:640px;margin:0 auto 4rem}.section-header p{color:var(--color-gray);font-size:1.05rem;margin-top:1rem}.section-label{display:inline-block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-teal);margin-bottom:.75rem}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.service-card{position:relative;padding:2.5rem 2rem;border-radius:var(--radius);background:var(--color-white);border:1px solid #e2e8f0;transition:all var(--transition);overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;transition:height var(--transition)}.service-card--teal::before{background:var(--color-teal)}.service-card--amber::before{background:var(--color-amber)}.service-card--violet::before{background:var(--color-violet)}.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.08);border-color:transparent}.service-card:hover::before{height:4px}.service-card .hex-badge{width:56px;height:56px;display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);margin-bottom:1.5rem}.service-card--teal .hex-badge{background:rgba(0,212,170,.12);color:var(--color-teal)}.service-card--amber .hex-badge{background:rgba(245,158,11,.12);color:var(--color-amber)}.service-card--violet .hex-badge{background:rgba(124,92,252,.12);color:var(--color-violet)}.service-card h3{margin-bottom:1rem}.service-card p{color:var(--color-gray);font-size:.95rem;margin-bottom:1.5rem}.service-card .card-link{font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem}.service-card--teal .card-link{color:var(--color-teal)}.service-card--amber .card-link{color:var(--color-amber)}.service-card--violet .card-link{color:var(--color-violet)}.card-link:hover{gap:.7rem}.cta-banner{background:var(--color-dark);padding:5rem 0;position:relative;overflow:hidden}.cta-banner .cta-hex-bg{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104' viewBox='0 0 120 104'%3E%3Cpath d='M60 0L120 34.6v34.6L60 104 0 69.3V34.6z' fill='none' stroke='%2300d4aa' stroke-width='1'/%3E%3C/svg%3E");background-size:120px 104px}.cta-banner .container{position:relative;z-index:2;text-align:center}.cta-banner h2{color:var(--color-white);margin-bottom:1rem}.cta-banner p{color:rgba(255,255,255,.6);font-size:1.1rem;margin-bottom:2rem;max-width:560px;margin-left:auto;margin-right:auto}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.blog-card{border-radius:var(--radius);overflow:hidden;background:var(--color-white);border:1px solid #e2e8f0;transition:all var(--transition)}.blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.08)}.blog-card-img{width:100%;height:200px;object-fit:cover;background:var(--color-light)}.blog-card-body{padding:1.5rem}.blog-card-cat{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .75rem;border-radius:50px;margin-bottom:.75rem}.blog-card-cat--teal{background:rgba(0,212,170,.1);color:var(--color-teal)}.blog-card-cat--amber{background:rgba(245,158,11,.1);color:var(--color-amber)}.blog-card-cat--violet{background:rgba(124,92,252,.1);color:var(--color-violet)}.blog-card h3{font-size:1.1rem;margin-bottom:.75rem}.blog-card h3 a:hover{color:var(--color-teal)}.blog-card p{font-size:.9rem;color:var(--color-gray)}.blog-card-meta{font-size:.8rem;color:var(--color-gray);margin-top:1rem}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.problem-list{list-style:none;display:flex;flex-direction:column;gap:1.25rem}.problem-list li{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border-radius:var(--radius);background:var(--color-glass);border:1px solid rgba(255,255,255,.08)}.problem-list .check-icon{width:24px;height:24px;flex-shrink:0;margin-top:2px;color:var(--color-teal)}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}.about-img-wrap{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;background:var(--color-light)}.about-stats{display:flex;gap:2rem;margin-top:2rem}.about-stat{text-align:center}.about-stat .num{font-size:2rem;font-weight:800;color:var(--color-teal)}.about-stat .label{font-size:.8rem;color:var(--color-gray);text-transform:uppercase;letter-spacing:.08em}.about-teaser-row{display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:center}.about-teaser-photo{width:200px;height:200px;flex-shrink:0}.about-teaser-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-dark) 100%);display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,212,170,.15)}.project-featured{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center;margin-bottom:3rem;padding:2rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}.project-featured-info h3{color:var(--color-white);font-size:1.5rem;margin-bottom:.75rem}.project-mockup{border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0c1220}.project-mockup-bar{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.project-mockup-bar span{width:10px;height:10px;border-radius:50%}.project-mockup-bar span:first-child{background:#ff5f57}.project-mockup-bar span:nth-child(2){background:#ffbd2e}.project-mockup-bar span:nth-child(3){background:#28c840}.project-mockup-content{padding:2rem 1.5rem}.project-flow{display:flex;align-items:center;justify-content:center;gap:.75rem}.flow-node{padding:.6rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;white-space:nowrap}.flow-node--trigger{background:rgba(0,212,170,.15);color:var(--color-teal);border:1px solid rgba(0,212,170,.25)}.flow-node--process{background:rgba(245,158,11,.15);color:var(--color-amber);border:1px solid rgba(245,158,11,.25)}.flow-node--action{background:rgba(124,92,252,.15);color:var(--color-violet);border:1px solid rgba(124,92,252,.25)}.flow-arrow{color:rgba(255,255,255,.25);font-size:1.2rem}.project-tag{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .75rem;border-radius:50px;margin-bottom:.75rem}.project-tag--teal{background:rgba(0,212,170,.12);color:var(--color-teal)}.project-tag--amber{background:rgba(245,158,11,.12);color:var(--color-amber)}.project-tag--violet{background:rgba(124,92,252,.12);color:var(--color-violet)}.project-tech-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.project-tech-tags span{font-size:.7rem;padding:.2rem .6rem;border-radius:4px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.5);font-family:var(--font-mono);font-weight:500}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.project-card{padding:1.5rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);transition:all .3s ease}.project-card:hover{border-color:rgba(0,212,170,.2);transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.3)}.project-card h4{color:var(--color-white);margin-bottom:.5rem;font-size:1.05rem}.project-card p{color:rgba(255,255,255,.5);font-size:.88rem;line-height:1.6}.project-card--visual{padding:0;display:flex;flex-direction:column;text-decoration:none}.project-card-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#0c1220 0,var(--color-dark) 100%);border-radius:var(--radius) var(--radius) 0 0}.project-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .5s ease;opacity:.7}.project-card--visual:hover .project-card-img{transform:scale(1.06);opacity:.9}.project-card-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 40%,rgba(12,18,32,.95) 100%)}.project-card-overlay--teal{background:linear-gradient(180deg,rgba(0,212,170,.05) 0,rgba(12,18,32,.95) 100%)}.project-card-overlay--amber{background:linear-gradient(180deg,rgba(245,158,11,.05) 0,rgba(12,18,32,.95) 100%)}.project-card-overlay--violet{background:linear-gradient(180deg,rgba(124,92,252,.05) 0,rgba(12,18,32,.95) 100%)}.project-card-tag{position:absolute;top:1rem;left:1rem;z-index:2}.project-card-content{padding:1.25rem 1.5rem 1.5rem;flex:1}.project-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.project-card-icon--teal{background:rgba(0,212,170,.1);color:var(--color-teal)}.project-card-icon--amber{background:rgba(245,158,11,.1);color:var(--color-amber)}.project-card-icon--violet{background:rgba(124,92,252,.1);color:var(--color-violet)}.project-card--light{border-color:#e2e8f0;background:var(--color-white);text-decoration:none;display:block}.project-card--light:hover{border-color:var(--color-teal)}.project-card--light h4{color:var(--color-dark)}.project-card--light p{color:var(--color-gray)}.project-grid--light{grid-template-columns:repeat(3,1fr)}.project-tech-tags--light span{background:var(--color-light);color:var(--color-gray)}.projekt-filter{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:0}.projekt-filter-btn{padding:.4rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600;border:1px solid #e2e8f0;background:var(--color-white);color:var(--color-text);text-decoration:none;transition:all var(--transition)}.projekt-filter-btn:hover{border-color:var(--color-teal);color:var(--color-teal)}.projekt-filter-btn.active{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.projekt-filter-btn--amber.active{background:var(--color-amber);border-color:var(--color-amber)}.projekt-filter-btn--violet.active{background:var(--color-violet);border-color:var(--color-violet)}.projekt-filter-btn--teal.active{background:var(--color-teal);border-color:var(--color-teal);color:var(--color-dark)}.project-archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.project-archive-card{border-radius:var(--radius);border:1px solid #e2e8f0;overflow:hidden;background:var(--color-white);transition:all .3s ease}.project-archive-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}.project-archive-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--color-light)}.project-archive-thumb--empty{display:flex;align-items:center;justify-content:center}.project-archive-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-archive-card:hover .project-archive-img{transform:scale(1.03)}.project-archive-body{padding:1.5rem}.project-archive-body h2{font-size:1.2rem;margin-bottom:.5rem}.project-archive-body h2 a{color:var(--color-dark)}.project-archive-body h2 a:hover{color:var(--color-teal)}.project-archive-body p{color:var(--color-gray);font-size:.9rem;margin-bottom:.75rem}.projekt-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:3rem;align-items:start}.projekt-hero-img{border-radius:var(--radius);overflow:hidden;margin-bottom:2rem}.projekt-img{width:100%;height:auto;display:block}.projekt-body{line-height:1.8;color:var(--color-text)}.projekt-body h2{margin-top:2rem}.projekt-body p{margin-bottom:1.25rem}.projekt-body img{border-radius:var(--radius);max-width:100%}.projekt-sidebar{position:sticky;top:calc(var(--header-h) + 1.5rem)}.projekt-meta-card{padding:1.5rem;border-radius:var(--radius);border:1px solid #e2e8f0;background:var(--color-light)}.projekt-meta-card h4{margin-bottom:1rem;font-size:1rem}.projekt-meta-row{margin-bottom:1rem}.projekt-meta-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray);margin-bottom:.3rem}.sky-carousel{position:relative;border-radius:var(--radius);overflow:hidden;margin:2rem 0;background:var(--color-dark)}.sky-carousel-track{position:relative}.sky-carousel-slide{display:none;position:relative}.sky-carousel-slide.active{display:block}.sky-carousel-img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}.sky-carousel-caption{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.5rem;margin:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:.88rem}.sky-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:none;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,.15)}.sky-carousel-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.sky-carousel-prev{left:1rem}.sky-carousel-next{right:1rem}.sky-carousel-dots{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.4rem;z-index:3}.sky-carousel-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);border:none;cursor:pointer;transition:all .2s ease;padding:0}.sky-carousel-dot.active{background:#fff;transform:scale(1.3)}.sky-mt{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;margin:2.5rem 0}.sky-mt--reversed{direction:rtl}.sky-mt--reversed>*{direction:ltr}.sky-mt-img{width:100%;height:auto;border-radius:var(--radius);display:block;box-shadow:0 4px 20px rgba(0,0,0,.08)}.sky-mt-content{font-size:1rem;line-height:1.8}.sky-mt-content p:last-child{margin-bottom:0}.sky-callout{border-radius:var(--radius);padding:1.25rem 1.5rem;margin:2rem 0;border-left:4px solid}.sky-callout--info{background:rgba(0,212,170,.06);border-color:var(--color-teal)}.sky-callout--info .sky-callout-icon{color:var(--color-teal)}.sky-callout--tip{background:rgba(124,92,252,.06);border-color:var(--color-violet)}.sky-callout--tip .sky-callout-icon{color:var(--color-violet)}.sky-callout--warning{background:rgba(245,158,11,.06);border-color:var(--color-amber)}.sky-callout--warning .sky-callout-icon{color:var(--color-amber)}.sky-callout-header{display:flex;align-items:center;gap:.5rem;font-size:.9rem;margin-bottom:.5rem}.sky-callout-body{font-size:.92rem;line-height:1.7}.sky-callout-body p:last-child{margin-bottom:0}.sky-tools{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.sky-tool{padding:.4rem .9rem;border-radius:6px;font-size:.82rem;font-weight:600;font-family:var(--font-mono);background:var(--color-light);color:var(--color-text);border:1px solid #e2e8f0;transition:all .2s ease}.sky-tool:hover{border-color:var(--color-teal);color:var(--color-teal);transform:translateY(-1px)}.sky-video-card{background:var(--color-light);border-radius:var(--radius);padding:1.5rem;margin:2.5rem 0;border:1px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}.sky-video-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.05)}.sky-video-img{position:relative;display:block;overflow:hidden;border-radius:8px}.sky-video-img::after{content:'▶';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;padding-left:4px;backdrop-filter:blur(4px);transition:background .2s ease,transform .2s ease}.sky-video-card:hover .sky-video-img::after{background:#ef4444;transform:translate(-50%,-50%) scale(1.1)}.sky-tldr{background:var(--color-glass);border:1px solid rgba(0,212,170,.3);border-radius:var(--radius);padding:1.5rem 2rem;margin:2.5rem 0;box-shadow:0 8px 30px rgba(0,0,0,.04)}.sky-tldr-title{color:var(--color-teal);margin-top:0;margin-bottom:1rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em}.sky-tldr-list{list-style:none;padding:0;margin:0}.sky-tldr-list li{margin-bottom:.5rem;position:relative;padding-left:1.5rem}.sky-tldr-list li::before{content:'→';position:absolute;left:0;color:var(--color-teal);font-weight:700}.sky-code-block{background:#0f172a;border-radius:8px;padding:1.5rem;margin:2rem 0;overflow-x:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px rgba(0,0,0,.1)}.sky-code-block code{color:#e2e8f0;font-family:'JetBrains Mono',monospace;font-size:.9rem;line-height:1.6}.sky-timeline{margin:2.5rem 0}.sky-timeline-item{position:relative;padding-left:3.5rem;margin-bottom:2rem}.sky-timeline-item::before{content:'';position:absolute;left:1.2rem;top:2.5rem;bottom:-2rem;width:2px;background:#e2e8f0}.sky-timeline-item:last-child::before{display:none}.sky-timeline-step{position:absolute;left:0;top:0;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-dark);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700;z-index:2;margin:0;line-height:1}.sky-pros-cons{background:var(--color-light);border-radius:var(--radius);padding:2rem;margin:2.5rem 0;border:1px solid #e2e8f0}.sky-cons,.sky-pros{padding:0 1rem}.sky-list-check,.sky-list-cross{list-style:none;padding:0;margin-top:1rem}.sky-list-check li,.sky-list-cross li{position:relative;padding-left:1.8rem;margin-bottom:.8rem}.sky-list-check li::before,.sky-list-cross li::before{position:absolute;left:0;top:0;font-size:1.1rem}.sky-list-check li::before{content:'✓';color:#10b981;font-weight:700}.sky-list-cross li::before{content:'✕';color:#ef4444;font-weight:700}.sky-quote{font-size:1.2rem;font-style:italic;color:var(--color-dark);border-left:4px solid var(--color-teal);padding:1.5rem 2rem;margin:2.5rem 0;background:rgba(0,212,170,.04);border-radius:0 8px 8px 0}.sky-quote p{margin-bottom:1rem!important}.sky-quote cite{font-size:.9rem;font-style:normal;font-weight:600;color:var(--color-gray)}.sky-quote cite::before{content:'— '}.faq-list{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid #e2e8f0;overflow:hidden}.faq-question{width:100%;background:0 0;border:none;padding:1.25rem 0;font-size:1.05rem;font-weight:600;color:var(--color-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left;font-family:var(--font-main)}.faq-question::after{content:'+';font-size:1.5rem;font-weight:300;transition:transform var(--transition)}.faq-item.active .faq-question::after{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-answer-inner{padding:0 0 1.25rem;color:var(--color-gray);line-height:1.8}.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:500;margin-bottom:.4rem;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.85rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-family:var(--font-main);font-size:.95rem;transition:border-color var(--transition);background:var(--color-white)}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:var(--color-teal);box-shadow:0 0 0 3px rgba(0,212,170,.1)}.form-group textarea{min-height:140px;resize:vertical}.single-post-header{padding:8rem 0 3rem;background:var(--color-light)}.single-post-header .container{max-width:800px}.post-content{max-width:800px;margin:0 auto;padding:3rem 1.5rem}.post-content h2{margin-top:2.5rem;margin-bottom:1rem}.post-content h3{margin-top:2rem;margin-bottom:.75rem}.post-content p{margin-bottom:1.25rem}.post-content ol,.post-content ul{margin-bottom:1.25rem;padding-left:1.5rem}.post-content li{margin-bottom:.5rem}.post-content img{border-radius:var(--radius);margin:2rem 0}.post-content blockquote{border-left:3px solid var(--color-teal);padding:1rem 1.5rem;margin:2rem 0;background:var(--color-light);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--color-gray)}.breadcrumbs{font-size:.85rem;color:var(--color-gray);margin-bottom:1.5rem}.breadcrumbs a{color:var(--color-teal)}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .sep{margin:0 .5rem}.footer-hex-divider{line-height:0;margin-bottom:-1px}.hex-wave{width:100%;height:40px;display:block}.site-footer{background:var(--color-dark);color:rgba(255,255,255,.7);padding:4rem 0 0}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-logo img{height:36px;width:auto;margin-bottom:1rem;filter:brightness(10)}.footer-tagline{font-size:.9rem;line-height:1.7;color:rgba(255,255,255,.5)}.footer-heading{color:var(--color-white);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.25rem}.footer-menu{list-style:none}.footer-menu li{margin-bottom:.6rem}.footer-menu li a{font-size:.9rem;color:rgba(255,255,255,.6);transition:color var(--transition)}.footer-menu li a:hover{color:var(--color-teal)}.footer-address{font-style:normal;font-size:.9rem;line-height:1.8}.footer-address p{margin-bottom:.15rem}.footer-contact-link a{color:var(--color-teal)}.footer-contact-link a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.08);margin-top:2rem}.footer-copyright{font-size:.8rem;color:rgba(255,255,255,.4)}.footer-legal{display:flex;gap:1.5rem}.footer-legal a{font-size:.8rem;color:rgba(255,255,255,.4)}.footer-legal a:hover{color:var(--color-teal)}.page-404{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:var(--header-h)}.page-404 h1{font-size:8rem;font-weight:900;color:var(--color-teal);line-height:1}.page-404 p{color:var(--color-gray);font-size:1.1rem;margin:1rem 0 2rem}.search-page{padding-top:calc(var(--header-h) + 3rem);min-height:60vh}.page-header-section{padding:10rem 0 4rem;background:var(--color-dark);position:relative;overflow:hidden}.page-header-section::after{content:'';position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104' viewBox='0 0 120 104'%3E%3Cpath d='M60 0L120 34.6v34.6L60 104 0 69.3V34.6z' fill='none' stroke='%2300d4aa' stroke-width='1'/%3E%3C/svg%3E");background-size:120px 104px}.page-header-section .container{position:relative;z-index:2}.page-header-section h1{color:var(--color-white);margin-bottom:1rem}.page-header-section p{color:rgba(255,255,255,.6);font-size:1.15rem;max-width:640px}.service-detail-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.service-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.feature-item{display:flex;gap:1rem;padding:1.25rem;border-radius:var(--radius);border:1px solid #e2e8f0;transition:all var(--transition)}.feature-item:hover{border-color:var(--color-teal);box-shadow:0 4px 20px rgba(0,0,0,.04)}.feature-item .hex-sm{width:40px;height:40px;flex-shrink:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:rgba(0,212,170,.1);display:flex;align-items:center;justify-content:center}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.blog-card,.feature-item,.service-card,.tech-hex-item{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,border-color var(--transition),box-shadow var(--transition)}.blog-card.visible,.feature-item.visible,.service-card.visible,.tech-hex-item.visible{opacity:1;transform:translateY(0)}#hero-hex-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:all;z-index:1}.hero-content{position:relative;z-index:2}.hero{position:relative}.typed-text{color:var(--color-teal)}.cursor{display:inline-block;width:3px;height:1em;background:var(--color-teal);margin-left:2px;animation:blink-cursor .7s step-end infinite;vertical-align:text-bottom}.cursor.typing{animation:none}@keyframes blink-cursor{0%,100%{opacity:1}50%{opacity:0}}.has-glow::after{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,170,.08) 0,transparent 70%);left:var(--glow-x,-1000px);top:var(--glow-y,-1000px);transform:translate(-50%,-50%);pointer-events:none;z-index:0;transition:opacity .3s ease}.cta-banner::after,.hero::after,.section--dark::after{content:none}.cta-banner,.section--dark{position:relative;overflow:hidden}.tech-stack{padding:2rem 0}.tech-hex-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:700px;margin:0 auto}.tech-hex-item{width:100px;text-align:center;cursor:default;transition:transform .3s ease,opacity .5s ease}.tech-hex-item.active,.tech-hex-item:hover{transform:translateY(-6px) scale(1.05)}.tech-hex-shape{width:72px;height:72px;margin:0 auto .6rem;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;transition:all .3s ease;position:relative}.tech-hex-shape--teal{background:rgba(0,212,170,.1);color:var(--color-teal)}.tech-hex-shape--amber{background:rgba(245,158,11,.1);color:var(--color-amber)}.tech-hex-shape--violet{background:rgba(124,92,252,.1);color:var(--color-violet)}.tech-hex-shape--dark{background:rgba(30,41,59,.1);color:var(--color-dark)}.tech-hex-item:hover .tech-hex-shape--teal{background:rgba(0,212,170,.2);box-shadow:0 0 20px rgba(0,212,170,.15)}.tech-hex-item:hover .tech-hex-shape--amber{background:rgba(245,158,11,.2);box-shadow:0 0 20px rgba(245,158,11,.15)}.tech-hex-item:hover .tech-hex-shape--violet{background:rgba(124,92,252,.2);box-shadow:0 0 20px rgba(124,92,252,.15)}.tech-hex-item:hover .tech-hex-shape--dark{background:rgba(30,41,59,.15);box-shadow:0 0 20px rgba(30,41,59,.1)}.tech-hex-name{font-size:.75rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.counter-grid{display:flex;justify-content:center;gap:3rem;margin-top:3rem;flex-wrap:wrap}.counter-item{text-align:center}.counter-num{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-teal),var(--color-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.counter-label{font-size:.8rem;color:var(--color-gray);text-transform:uppercase;letter-spacing:.08em;margin-top:.3rem}.service-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transition:left .6s ease}.service-card:hover::before{left:100%}.service-card{position:relative;overflow:hidden}.blog-card{transition:transform .3s ease,box-shadow .3s ease,opacity .5s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}@media (max-width:1024px){.blog-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.kontakt-grid,.problem-grid,.service-detail-intro{grid-template-columns:1fr;gap:2.5rem}.service-features{grid-template-columns:1fr}#hero-hex-canvas{display:none}.tech-hex-item{width:80px}.tech-hex-shape{width:60px;height:60px;font-size:1.3rem}.project-grid{grid-template-columns:repeat(2,1fr)}.project-featured{grid-template-columns:1fr}.about-teaser-row{grid-template-columns:1fr;justify-items:center;text-align:center}.projekt-detail-layout{grid-template-columns:1fr}.projekt-sidebar{position:static}.project-grid--light{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-cta,.main-navigation{display:none}.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center}.blog-grid,.services-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.hero{min-height:90vh}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;justify-content:center}.section{padding:4rem 0}.section-header{margin-bottom:2.5rem}.page-header-section{padding:8rem 0 3rem}.about-stats{flex-direction:column;gap:1rem}.counter-grid{gap:2rem}.counter-num{font-size:2rem}.tech-hex-grid{gap:.6rem}.tech-hex-item{width:70px}.tech-hex-shape{width:52px;height:52px;font-size:1.1rem}.project-grid{grid-template-columns:1fr}.project-flow{flex-wrap:wrap}.flow-node{font-size:.7rem;padding:.5rem .75rem}.about-teaser-photo{width:150px;height:150px}.project-archive-grid{grid-template-columns:1fr}.project-grid--light{grid-template-columns:1fr}.sky-mt{grid-template-columns:1fr}.sky-mt--reversed{direction:ltr}.sky-carousel-btn{width:32px;height:32px}}