@import url('https://cdn.jsdelivr.net/npm/geist@1.3.0/dist/fonts/geist-sans/style.css');@import url('https://cdn.jsdelivr.net/npm/geist@1.3.0/dist/fonts/geist-mono/style.css');@font-face{font-family:'Geist Sans';font-display:swap}@font-face{font-family:'Geist Mono';font-display:swap}:root{--color-bg-light:#F8FAFC;--color-bg-dark:#0F172A;--color-text-main:#1E293B;--color-text-muted:#475569;--color-surface:#FFFFFF;--color-accent-gold:#d4a853;--color-accent-gold-light:#f2d99e;--color-accent-gold-text:#9E7B1F;--color-accent-blue:#0369A1;--color-success:#065F46;--color-success-bg:#ECFDF5;--color-error:#991B1B;--color-error-bg:#FEF2F2;--color-info:#075985;--glass-bg:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.1);--glass-blur:blur(12px) saturate(180%);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.08);--glass-hover-bg:rgba(255,255,255,0.8);--slate-50:#F8FAFC;--slate-100:#F1F5F9;--slate-200:#E2E8F0;--slate-800:#1E293B;--slate-900:#0F172A;--slate-950:#020617;--background:var(--color-bg-light);--text:var(--color-text-main);--forge-gold:var(--color-accent-gold);--forge-gold-light:var(--color-accent-gold-light);--cta:var(--color-accent-blue);--font-sans:'Geist Sans',system-ui,sans-serif;--font-mono:'Geist Mono',monospace;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:24px;--fs-2xl:32px;--fs-hero:64px;--ls-tightest:-0.04em;--ls-tighter:-0.02em;--ls-tight:-0.01em;--duration-fast:150ms;--duration-base:300ms;--ease-linear:cubic-bezier(0.4,0,0.2,1)}.dark{--color-bg-light:#020617;--color-text-main:#F1F5F9;--color-text-muted:#CBD5E1;--color-accent-gold-text:#EBC46D;--color-surface:#0B1121;--glass-bg:rgba(15,23,42,0.6);--glass-border:rgba(255,255,255,0.08);--glass-hover-bg:rgba(30,41,59,0.8)}body,.font-sans{background-color:var(--color-bg-light);color:var(--color-text-main);font-family:var(--font-sans) !important;font-size:var(--fs-base);line-height:1.42857;letter-spacing:var(--ls-tight);position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased}code,pre,.font-mono{font-family:var(--font-mono) !important}h1{font-size:var(--fs-2xl);letter-spacing:var(--ls-tightest);line-height:1.1;font-weight:700}h2{font-size:var(--fs-xl);letter-spacing:var(--ls-tighter);line-height:1.2;font-weight:700}h3{font-size:var(--fs-lg);letter-spacing:var(--ls-tighter);font-weight:600}h4,h5,h6{font-size:var(--fs-md);letter-spacing:var(--ls-tight);font-weight:600}.hero-text{font-size:var(--fs-hero);letter-spacing:var(--ls-tightest);line-height:1.1;font-weight:700}@media (max-width:639px){.hero-text{font-size:36px}}@media (min-width:640px) and (max-width:767px){.hero-text{font-size:48px}}.nav-link{font-size:var(--fs-sm);letter-spacing:var(--ls-tight)}.text-xs{font-size:var(--fs-xs) !important}.text-sm{font-size:var(--fs-sm) !important}.text-base{font-size:var(--fs-base) !important}.text-md{font-size:var(--fs-md) !important}.text-lg{font-size:var(--fs-lg) !important}.text-xl{font-size:var(--fs-xl) !important}.text-2xl{font-size:var(--fs-2xl) !important}.text-accent-blue{color:var(--color-accent-blue) !important}.bg-accent-blue-subtle{background-color:rgba(3,105,161,0.1) !important;color:var(--color-accent-blue) !important}.success-text{color:var(--color-success) !important}.error-text{color:var(--color-error) !important}.bg-success-subtle{background-color:var(--color-success-bg) !important}.bg-error-subtle{background-color:var(--color-error-bg) !important}.text-slate-500{color:var(--color-text-muted) !important}.text-slate-400{color:#475569 !important}.dark .text-slate-400{color:#CBD5E1 !important}.text-accent-gold-readable{color:var(--color-accent-gold-text) !important}body::before,body::after{content:'';position:fixed;width:60vw;height:60vw;border-radius:50%;filter:blur(80px);z-index:-1;opacity:0.15;animation:blobify 25s infinite alternate ease-in-out}body::before{background:var(--cta);top:-10%;right:-10%}body::after{background:var(--forge-gold);bottom:-10%;left:-10%;animation-delay:-5s}@keyframes blobify{0%{transform:translate(0,0) scale(1)}33%{transform:translate(5%,10%) scale(1.1)}66%{transform:translate(-5%,15%) scale(0.9)}100%{transform:translate(0,0) scale(1)}}*{transition:background-color var(--duration-base) var(--ease-linear),border-color var(--duration-base) var(--ease-linear),transform var(--duration-base) var(--ease-linear),box-shadow var(--duration-base) var(--ease-linear)}.glass-card,.glass-effect{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-4px) scale(1.01);background:var(--glass-hover-bg);border-color:var(--forge-gold);box-shadow:0 20px 40px rgba(0,0,0,0.08),0 0 20px rgba(212,168,83,0.1)}.dark .glass-card:hover{background:linear-gradient(135deg,rgba(30,41,59,0.8) 0%,rgba(11,17,33,0.95) 100%) !important;box-shadow:0 20px 50px rgba(0,0,0,0.5),0 0 40px rgba(212,168,83,0.1);border-color:var(--forge-gold) !important}.glass-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(90deg,transparent 0%,transparent 20%,var(--forge-gold) 50%,transparent 80%,transparent 100%);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--duration-base) var(--ease-linear);animation:borderBeam 4s linear infinite;pointer-events:none}.glass-card:hover::after{opacity:1}@keyframes borderBeam{0%{background-position:200% 0}100%{background-position:-200% 0}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(212,168,83,0.15) 0%,transparent 70%);transition:width var(--duration-base) var(--ease-linear),height var(--duration-base) var(--ease-linear),opacity var(--duration-base) var(--ease-linear);transform:translate(-50%,-50%);opacity:0;pointer-events:none;border-radius:50%}.ripple-effect:hover::before{width:300%;height:300%;opacity:1}.text-red-500,.text-red-600{color:var(--cta) !important}.bg-red-50,.bg-red-100{background-color:var(--slate-100) !important;border-color:var(--slate-200) !important}.text-emerald-500,.text-emerald-600{color:var(--forge-gold) !important}.bg-emerald-50,.bg-emerald-100{background-color:var(--slate-100) !important;border-color:var(--forge-gold-light) !important}.text-blue-500,.text-blue-600{color:var(--cta) !important}.bg-blue-50,.bg-blue-100{background-color:var(--slate-100) !important}.dark .bg-blue-50,.dark .bg-blue-100{background-color:rgba(30,58,138,0.2) !important}.dark .bg-emerald-50,.dark .bg-emerald-100{background-color:rgba(212,168,83,0.12) !important;border-color:rgba(212,168,83,0.25) !important}.dark .text-blue-500,.dark .text-blue-600{color:#60a5fa !important}.dark .text-emerald-500,.dark .text-emerald-600{color:#d4a853 !important}.dark .text-red-500,.dark .text-red-600{color:#60a5fa !important}.dark .bg-red-50,.dark .bg-red-100{background-color:rgba(30,58,138,0.15) !important;border-color:rgba(59,130,246,0.25) !important}.sr{opacity:0;transform:translateY(20px);transition:opacity 600ms ease-out,transform 600ms ease-out;will-change:opacity,transform}.sr.visible{opacity:1;transform:translateY(0)}.sr.visible:nth-child(2){transition-delay:100ms}.sr.visible:nth-child(3){transition-delay:200ms}.sr.visible:nth-child(4){transition-delay:300ms}.sr.visible:nth-child(5){transition-delay:400ms}.sr.visible:nth-child(6){transition-delay:500ms}.sr.visible:nth-child(7){transition-delay:600ms}.sr.visible:nth-child(8){transition-delay:700ms}.hover-lift{transition:transform .25s ease,box-shadow .25s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.08)}.snap-x{scroll-snap-type:x mandatory}.snap-x>*{scroll-snap-align:start}[data-lang-de]{display:none}html[data-lang="de"] [data-lang-de]{display:revert}html[data-lang="de"] [data-lang-en]{display:none}.dark{color-scheme:dark}.dark .bg-slate-950{background-color:var(--slate-950) !important}.dark .bg-slate-900{background-color:var(--slate-900) !important}.dark .bg-slate-900\/50{background-color:rgba(2,6,23,0.6) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark .bg-slate-800{background-color:#0F172A !important}.dark section div[class*="bg-white"],.dark section div[class*="bg-slate-50"]{background-color:var(--color-surface) !important;border-color:var(--glass-border) !important}.dark .glass-card{background:var(--glass-bg) !important;border-color:var(--glass-border) !important}.dark section.bg-slate-50\/50,.dark section[class*="bg-slate-900\/50"]{background-color:var(--color-bg-light) !important}.dark #problem .glass-card{background-color:rgba(11,17,32,0.8)}#avatar-panel{transition:transform .3s ease}#avatar-panel.panel-closed{transform:translateX(100%)}#main-content{transition:margin-right .3s ease}#avatar-backdrop{transition:opacity .3s ease}@media (min-width:1024px){body{overflow:hidden;height:100vh}#main-content{margin-right:360px;height:100vh;overflow-y:auto}#main-content::-webkit-scrollbar{width:8px}#main-content::-webkit-scrollbar-thumb{background:rgba(148,163,184,.4);border-radius:4px}#main-content::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.6)}#avatar-panel{display:flex !important}}@media (max-width:1023px){#avatar-panel{transform:translateX(100%)}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}#scroll-progress{position:fixed;top:64px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--forge-gold),var(--forge-gold-light));z-index:49;transition:width .15s ease;width:0}@media (min-width:1024px){#scroll-progress{right:360px}}#contact-modal{transition:opacity .3s ease}#contact-modal.hidden{opacity:0;pointer-events:none}#contact-modal .modal-content{transition:transform .3s ease,opacity .3s ease}#contact-modal.hidden .modal-content{transform:translateY(16px);opacity:0}.demo-slide{position:absolute;inset:0;opacity:0;transform:scale(1.05);transition:opacity 1s ease,transform 4s ease}.demo-slide.active{opacity:1;transform:scale(1)}.demo-slide img{transition:transform 4s ease}.demo-slide.active img{transform:scale(1.06)}.premium-gradient{background:linear-gradient(135deg,var(--forge-gold) 0%,var(--forge-gold-light) 100%);position:relative;overflow:hidden}.premium-gradient::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.2) 0%,transparent 80%);animation:shine 8s infinite linear;pointer-events:none}@keyframes shine{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.mesh-gradient-container{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--color-bg-light)}.mesh-gradient-visual{position:absolute;inset:-50%;width:200%;height:200%;background-image:radial-gradient(at 0% 0%,var(--forge-gold) 0,transparent 45%),radial-gradient(at 50% 10%,var(--cta) 0,transparent 40%),radial-gradient(at 100% 0%,#6366f1 0,transparent 45%),radial-gradient(at 85% 50%,#d946ef 0,transparent 40%),radial-gradient(at 15% 50%,#10b981 0,transparent 40%),radial-gradient(at 0% 100%,var(--forge-gold-light) 0,transparent 45%),radial-gradient(at 50% 90%,#f43f5e 0,transparent 40%),radial-gradient(at 100% 100%,#fbbf24 0,transparent 45%);filter:blur(100px);opacity:0.4;animation:meshFlow 120s infinite linear;will-change:transform,filter}.dark .mesh-gradient-visual{opacity:0.25}@keyframes meshFlow{0%{transform:rotate(0deg) scale(1);filter:blur(100px) hue-rotate(0deg)}33%{transform:rotate(120deg) scale(1.1);filter:blur(120px) hue-rotate(120deg)}66%{transform:rotate(240deg) scale(1);filter:blur(80px) hue-rotate(240deg)}100%{transform:rotate(360deg) scale(1);filter:blur(100px) hue-rotate(360deg)}}:focus-visible{outline:3px solid rgba(212,168,83,0.5);outline-offset:2px;box-shadow:0 0 0 4px rgba(212,168,83,0.2);border-color:var(--forge-gold) !important;transform:scale(1.01);transition:all var(--duration-fast) var(--ease-linear)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(212,168,83,0.5);outline-offset:2px}.input-group{position:relative;margin-bottom:24px}.input-group input,.input-group textarea{width:100%;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-text-muted);border-radius:8px;font-size:var(--fs-base);color:var(--color-text-main);transition:all var(--duration-base) var(--ease-linear)}.input-group label{position:absolute;left:16px;top:50%;transform:translateY(-50%);background:var(--color-surface);padding:0 4px;color:var(--color-text-muted);pointer-events:none;transition:all var(--duration-fast) var(--ease-linear);font-size:var(--fs-base)}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label,.input-group textarea:focus+label,.input-group textarea:not(:placeholder-shown)+label{top:0;font-size:var(--fs-xs);color:var(--forge-gold);font-weight:600}.input-group input:focus{border-color:var(--forge-gold);box-shadow:0 0 0 4px rgba(212,168,83,0.15)}@media (prefers-contrast:more){:root{--color-text-muted:#1e293b;--glass-border:rgba(0,0,0,0.4)}:focus-visible{outline:4px solid #000;outline-offset:4px}}#intro-video{background:#000}#intro-video-controls{pointer-events:auto}#intro-progress-container{touch-action:none}#intro-progress-bar{transition:width 0.1s linear}#intro-progress-container:hover #intro-progress-bar{height:0.5rem}#intro-volume{-webkit-appearance:none;appearance:none;background:rgba(255,255,255,0.3);border-radius:4px;outline:none}#intro-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--forge-gold);border-radius:50%;cursor:pointer;transition:transform 0.15s ease}#intro-volume::-webkit-slider-thumb:hover{transform:scale(1.2)}#intro-volume::-moz-range-thumb{width:12px;height:12px;background:var(--forge-gold);border-radius:50%;cursor:pointer;border:none}#intro-video-controls button:hover{transform:scale(1.1)}#intro-video-controls button:active{transform:scale(0.95)}#intro-video-player:-webkit-full-screen,#intro-video-player:fullscreen{width:100vw;height:100vh}#intro-video-player:-webkit-full-screen #intro-video,#intro-video-player:fullscreen #intro-video{width:100%;height:100%;object-fit:contain}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media (max-width:640px){#intro-video-controls button{min-width:44px;min-height:44px}#intro-progress-container{height:0.75rem;margin-bottom:1rem}}#intro-video-player{touch-action:manipulation}#intro-quality{padding:2px 8px;background:rgba(255,255,255,0.15);border-radius:4px;font-size:11px;font-weight:600}#intro-replay-overlay{animation:fadeIn 0.3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#intro-seek-indicator{transition:opacity 0.3s ease-out;z-index:15}#intro-loading-overlay{animation:fadeIn 0.2s ease-out}#intro-progress-container::before{content:'';position:absolute;left:0;top:0;height:100%;background:rgba(255,255,255,0.15);border-radius:9999px;width:var(--buffer-width,0%);transition:width 0.3s ease}#intro-progress-bar{box-shadow:0 0 8px var(--forge-gold)}#intro-video-play-btn{animation:pulse-gold 2s ease-in-out infinite}@keyframes pulse-gold{0%,100%{box-shadow:0 0 0 0 rgba(212,168,83,0.5),0 25px 50px -12px rgba(212,168,83,0.4)}50%{box-shadow:0 0 0 15px rgba(212,168,83,0),0 25px 50px -12px rgba(212,168,83,0.4)}}#intro-video-container:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,0.35),0 0 0 1px var(--forge-gold)}.dark #intro-video-container{border-color:rgba(212,168,83,0.2)}.dark #intro-video-container:hover{border-color:var(--forge-gold)}video:picture-in-picture{box-shadow:0 0 0 4px var(--forge-gold)}#intro-buffering{animation:fadeIn 0.2s ease-out}#intro-buffering.hidden{display:none}#intro-progress-container:hover{height:0.5rem}#intro-progress-container:hover #intro-progress-bar{height:100%}#intro-video-controls button:focus-visible{outline:2px solid var(--forge-gold);outline-offset:2px;border-radius:4px}#intro-progress-container:focus-visible{outline:2px solid var(--forge-gold);outline-offset:2px}.dark #intro-video-poster-container img{filter:brightness(0.95)}#intro-video-controls *{transition:all 0.15s ease-out}@media (max-width:640px){#intro-progress-container{height:0.5rem}#intro-progress-bar > div{width:1rem;height:1rem;opacity:1 !important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#intro-video-controls svg{shape-rendering:geometricPrecision}}