:root{--bg:#030505;--bg-raise:#090d0c;--bg-raise-2:#0d1210;--line:#ffffff14;--line-soft:#ffffff0d;--ink:#f1eff6;--muted:#a8a4b8;--accent:#45916d;--accent-text:#a9dccd;--accent-dim:#45916d24;--silver:#949ba6;--font-display:"Grenze Gotisch", "Archivo", sans-serif;--font-body:"Archivo", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:14px;--radius-lg:20px}#root{width:100%}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--ink);margin:0;overflow-x:hidden}.site{z-index:1;min-height:100vh;color:var(--ink);position:relative}a{color:inherit;text-decoration:none}::selection{color:#fff;background:#45916d59}.backdrop{z-index:0;pointer-events:none;background:radial-gradient(#ffffff0b 1px, transparent 1.4px), var(--bg);background-size:26px 26px,auto;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,#00000059 70%,#00000026 100%);mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,#00000059 70%,#00000026 100%)}.backdrop:before{content:"";will-change:transform;background:radial-gradient(680px 520px at 16% 10%,#45916d29,#0000 70%),radial-gradient(760px 580px at 88% 28%,#8fc9ac17,#0000 70%),radial-gradient(560px 440px at 55% 100%,#45916d12,#0000 70%);animation:40s ease-in-out infinite alternate backdropDrift;position:absolute;inset:-20%}.backdrop:after{content:"";opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes backdropDrift{0%{transform:translate(0)scale(1)}to{transform:translate(3%,-2%)scale(1.06)}}@media (prefers-reduced-motion:reduce){.backdrop:before{animation:none}}@media (width<=640px){.backdrop:after{mix-blend-mode:normal;opacity:.03}}.navbar{z-index:100;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:24px;height:96px;padding:0 40px;transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0;overflow:visible}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--line);background:#05070ad1}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand img{flex-shrink:0;width:auto;height:120px;display:block}.navlinks{gap:32px;font-size:14px;font-weight:500;display:flex}.navlinks a{color:var(--muted);padding-bottom:2px;transition:color .2s;position:relative}.navlinks a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .25s;position:absolute;bottom:-2px;left:0}.navlinks a:hover{color:var(--ink)}.navlinks a:hover:after{width:100%}.actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.iconBtn{touch-action:manipulation;border:1px solid var(--line);min-width:52px;min-height:44px;color:var(--ink);font-size:13px;font-weight:500;font-family:var(--font-mono);cursor:pointer;background:#ffffff0a;border-radius:10px;padding:0 14px;transition:background .2s,border-color .2s}.iconBtn:hover{background:#ffffff17;border-color:#ffffff2e}.hamburger{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 11px;display:none}.hamburger span{background:var(--ink);border-radius:2px;height:2px;transition:transform .25s,opacity .25s;display:block}.hamburger.active span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobileOverlay{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.section{max-width:1200px;margin:0 auto;padding:clamp(80px,12vw,130px) 28px}.hero{flex-direction:column;justify-content:center;max-width:1200px;min-height:100svh;padding-top:160px;display:flex;position:relative}.heroGlow{pointer-events:none;z-index:0;filter:blur(10px);background:radial-gradient(circle,#45916d24 0%,#0000 70%);width:640px;height:640px;position:absolute;top:12%;left:-14%}.hero>:not(.heroGlow){z-index:1;position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.02em;color:var(--accent-text);align-items:center;gap:10px;margin:0 0 28px;font-size:13px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2.4s ease-in-out infinite ledPulse;box-shadow:0 0 10px #45916de6,0 0 24px #45916d80}@keyframes ledPulse{0%,to{opacity:1}50%{opacity:.45}}.heroHeadline{color:var(--ink)}.heroHeadline em{color:var(--accent-text);text-shadow:0 0 40px #45916d59;font-style:normal}.heroCtas{flex-wrap:wrap;gap:14px;margin-top:40px;display:flex}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-display);text-wrap:balance;color:var(--silver)}h1,h2,.silverChar,.silverWord{background:linear-gradient(#b0b6bf 0%,#9aa1ac 40%,#7d8490 60%,#949ba6 80%,#6b727e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.heroHeadline em,.heroHeadline em *{-webkit-text-fill-color:var(--accent-text);background:0 0}.portfolioHeart{-webkit-text-fill-color:#ef4444;background:0 0}h1{letter-spacing:.01em;max-width:950px;margin-bottom:28px;font-size:clamp(48px,7vw,96px);font-weight:700;line-height:1.04}h2{letter-spacing:.01em;margin-bottom:18px;font-size:clamp(36px,4.8vw,60px);font-weight:700;line-height:1.08}.subtitle,.sectionHead>p,.card p,.footer p{color:var(--muted)}.subtitle{max-width:640px;font-size:19px;line-height:1.75}.btn{min-height:54px;font-size:15px;font-weight:700;font-family:var(--font-body);cursor:pointer;touch-action:manipulation;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:0 30px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.primary{color:#03130c;background:var(--accent);box-shadow:inset 0 0 0 1px #a9dccd66,0 8px 32px #45916d47}.primary:hover{background:#52a67d;box-shadow:inset 0 0 0 1px #a9dccd8c,0 12px 44px #45916d66}.ghost{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#ffffff08}.ghost:hover{box-shadow:none;background:#ffffff12;border-color:#fff3;transform:translateY(-1px)}.sectionHead{max-width:780px;margin-bottom:56px}.sectionHead>p{font-size:17px;line-height:1.75}.grid{display:grid}.servicesGrid{background:var(--line-soft);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden}.servicesGrid .card{background:var(--bg);box-shadow:none;border:none;border-radius:0;padding:30px 26px;transition:background .25s}.servicesGrid .card:hover{background:var(--bg-raise);box-shadow:inset 0 -2px 0 var(--accent);transform:none}.serviceIcon{background:var(--accent-dim);width:44px;height:44px;color:var(--accent-text);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.serviceIcon svg{width:22px;height:22px}.card,.contactForm{border:1px solid var(--line);border-radius:var(--radius-lg);background:#0a0e13e0}.card{padding:28px}.card h3{letter-spacing:-.01em;color:var(--ink);margin-bottom:10px;font-size:17px;font-weight:700}.card p{margin-bottom:0;font-size:14px;line-height:1.65}.processGrid{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:16px}.processGrid .card{border:none;border-top:1px solid var(--line);background:0 0;border-radius:0;padding:28px 20px 0 0;position:relative}.processGrid .card:before{content:"";width:var(--lineW,42px);background:var(--accent);height:1px;position:absolute;top:-1px;left:0;box-shadow:0 0 12px #45916dcc}.stepNumber{font-family:var(--font-mono);color:var(--accent-text);background:0 0;align-items:center;width:auto;height:auto;margin-bottom:18px;font-size:14px;font-weight:500;display:inline-flex}.stepNumber:before{content:"0"}.whyGrid{grid-template-columns:repeat(3,1fr);gap:40px 32px;display:grid}.whyCard{cursor:default;background:0 0;border:none;grid-template-columns:44px 1fr;gap:16px;padding:0;display:grid}.whyIcon{border:1px solid var(--line);background:var(--bg-raise);width:44px;height:44px;color:var(--accent-text);border-radius:12px;grid-row:span 2;justify-content:center;align-items:center;display:flex}.whyIcon svg{width:20px;height:20px}.whyCard h3{letter-spacing:-.01em;margin:2px 0 8px;font-size:16px;font-weight:700}.whyCard p{color:var(--muted);grid-column:2;margin:0;font-size:14px;line-height:1.7}.portfolioCard{border:1px solid var(--line);border-radius:var(--radius-lg);cursor:default;background:#0a0e13e0;overflow:hidden}.portfolioListCard{max-width:720px;margin:0 auto;padding:8px}.portfolioList{scrollbar-width:thin;scrollbar-color:#45916d99 #ffffff0d;max-height:400px;margin:0;padding:0;list-style:none;overflow-y:auto}.portfolioList::-webkit-scrollbar{width:6px}.portfolioList::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.portfolioList::-webkit-scrollbar-thumb{background:#45916d99;border-radius:3px}.portfolioList::-webkit-scrollbar-thumb:hover{background:#45916dd9}.portfolioListItem{border-bottom:1px solid var(--line-soft)}.portfolioListItem:last-child{border-bottom:none}.portfolioListLink{color:inherit;border-radius:12px;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;transition:background .2s;display:flex}.portfolioListLink:hover{background:#45916d0f}.portfolioListAccent{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 10px #45916d59}.portfolioListBody{flex:1;min-width:0}.portfolioCategory{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);font-size:11px;font-weight:500}.portfolioListBody h3{letter-spacing:-.01em;margin:3px 0 0;font-size:17px;font-weight:700}.portfolioListArrow{color:var(--accent-text);flex-shrink:0;font-size:20px;font-weight:700;transition:transform .2s}.portfolioListLink:hover .portfolioListArrow{transform:translate(4px)}.portfolioListLinkDisabled{cursor:default}.portfolioListLinkDisabled:hover{background:0 0}.portfolioHearts{vertical-align:middle;gap:4px;display:inline-flex}.portfolioHeart{color:#ef4444;animation:1.4s ease-in-out infinite portfolioHeartBeat;display:inline-block}.portfolioHeart:nth-child(2){animation-delay:.2s}.portfolioHeart:nth-child(3){animation-delay:.4s}@keyframes portfolioHeartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.1)}}.smsBlock{border-top:1px solid var(--line);margin-top:32px;padding-top:28px}.directLabel{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;font-size:11px;font-weight:500}.directBtns{flex-wrap:wrap;gap:10px;display:flex}.directBtn{height:44px;font-size:14px;font-weight:700;font-family:var(--font-body);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:0 18px;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.directBtn:hover{opacity:.9;transform:translateY(-2px)}.directBtn--sms{border:1px solid var(--line);background:#ffffff1a}.directBtn--wa{background:#1da851}.directBtn--fb{background:#1877f2}.contactSection{grid-template-columns:.9fr 1.1fr;align-items:start;gap:44px;display:grid}.contactForm{padding:32px}.formGrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}input,textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font:inherit;border-radius:10px;outline:none;padding:15px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#8b96a3}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #45916d26}textarea{resize:vertical;min-height:140px;margin-top:12px}.full{cursor:pointer;border:0;width:100%;margin-top:14px;font-family:inherit}.successMsg,.errorMsg{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.successMsg .btn,.errorMsg .btn{margin-top:8px}.successMsg span,.errorMsg span{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:700;display:inline-flex}.successMsg span{background:var(--accent);color:#03130c;box-shadow:0 0 30px #45916d66}.errorMsg span{background:#dc2626}.successMsg p,.errorMsg p{color:var(--ink);font-size:18px;font-weight:700}.footer{border-top:1px solid var(--line);background:#05070a99;margin-top:40px}.footerTop{grid-template-columns:auto 1fr;align-items:center;gap:32px;max-width:1200px;margin:0 auto;padding:56px 28px 40px;display:grid}.footerTop .brand img{height:80px}.footerBottom{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:20px 28px;display:flex}.footerBottom p{color:var(--muted);margin:0;font-size:13px}.footerLinks{color:var(--muted);gap:20px;font-size:13px;font-weight:500;display:flex}.footerLinks a:hover{color:var(--ink)}.footer p{max-width:440px;font-size:15px;line-height:1.6}@media (width<=1020px){.navbar{height:76px;padding:0 20px}.brand img{height:68px}.navlinks{display:none}.navlinks.open{z-index:95;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#05070af7;flex-direction:column;gap:4px;padding:20px 24px 28px;display:flex;position:fixed;top:76px;left:0;right:0;box-shadow:0 16px 40px #00000080}.navlinks.open a{border-bottom:1px solid var(--line-soft);padding:14px 8px;font-size:16px}.hamburger{display:flex}.hero{padding-top:140px}.contactSection{grid-template-columns:1fr}.servicesGrid,.processGrid{grid-template-columns:repeat(2,1fr)}.whyGrid{grid-template-columns:repeat(2,1fr);gap:32px 24px}.footerTop{grid-template-columns:1fr;gap:20px}}@media (width<=640px){.navbar{height:64px}.brand img{height:56px}.navlinks.open{top:64px}.section{padding:72px 16px}.hero{padding-top:110px}h1{font-size:clamp(40px,11vw,54px);line-height:1.08}h2{font-size:clamp(30px,8vw,44px)}.subtitle{font-size:16px}.eyebrow{font-size:12px}.heroCtas{margin-top:32px}.heroCtas .btn{width:100%}.sectionHead{margin-bottom:40px}.processGrid,.formGrid,.whyGrid,.servicesGrid{grid-template-columns:1fr}.servicesGrid .card{padding:22px 20px}.card{padding:20px}.card h3{margin-bottom:8px;font-size:15px}.card p{font-size:13px;line-height:1.6}.serviceIcon{border-radius:10px;width:38px;height:38px;margin-bottom:12px}.serviceIcon svg{width:18px;height:18px}.whyGrid{gap:24px}.contactSection{gap:28px}.contactForm{padding:24px 18px}.directBtns{flex-direction:column}.directBtn{justify-content:center}.footerTop{padding:40px 16px 28px}.footerTop .brand img{height:56px}.footerBottom{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.portfolioListCard{border-radius:16px;max-width:100%;padding:4px}.portfolioListLink{gap:12px;padding:14px 12px}.portfolioListBody h3{font-size:15px}.portfolioListArrow{font-size:17px}}.errorFallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:32px 20px;display:flex}.errorFallback h1{margin-bottom:8px;font-size:clamp(28px,5vw,44px)}.errorFallback p{max-width:420px;color:var(--muted);font-size:16px}.errorActions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fieldWrap{display:contents}.fieldWrap:has(textarea){display:block}@media (prefers-reduced-motion:reduce){.portfolioHeart,.eyebrow:before{animation:none!important}}