:root{--bg: #101021;--panel: #313139;--panel2: #2c2c32;--text: #fff;--muted: rgba(255,255,255,.65);--line: rgba(255,255,255,.08);--accent: #101b3a;--accentBtn: #1d89f5;--accentGlow: rgba(47,128,255,.25)}*{box-sizing:border-box}html{background:#05050a}body.site-shell{font-family:system-ui,-apple-system,sans-serif;margin:0;padding:0;color:var(--text);line-height:1.6;position:relative;min-height:100vh;background:#05050a;isolation:isolate}body.site-shell:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background-image:url(/witte-ogen-bg.webp);background-repeat:repeat-y;background-position:center top;background-size:1400px auto;opacity:.4}body.site-shell:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(to bottom,#04040847,#07070e33 24%,#0a0a1242),radial-gradient(1200px 600px at 40% 10%,#020208f0,#26242ce6 55%,#231b34eb)}.topbar{position:relative;z-index:1;display:flex;justify-content:center;padding:1.5rem 1rem;width:100%;background:linear-gradient(to bottom,#05050ac7,#05050a6b 60%,#05050a00);backdrop-filter:blur(4px)}@media(max-width:600px){.topbar{padding:.75rem .5rem}.topbar img{width:180px;height:auto}.content{padding:10px 15px 40px}h1{font-size:1.6rem}}h2{font-size:1.4rem;margin-top:1.8rem;margin-bottom:.8rem}.home{display:inline-flex;align-items:center;text-decoration:none}.home img{width:140px;height:auto;display:block;opacity:.95}.home:hover img{opacity:1}.content{position:relative;z-index:1;max-width:940px;margin:0 auto;padding:48px 28px 88px}h1{font-size:2.2rem;margin-bottom:.5rem;font-weight:600;line-height:1.2}.kicker{color:var(--muted);margin-top:0;margin-bottom:32px;font-size:1.15rem;line-height:1.75;font-style:italic}a.tool-link{text-decoration:none;color:inherit;display:block;margin-bottom:44px}.tool{border:1px solid var(--accent);padding:28px;border-radius:18px;background:radial-gradient(900px 320px at 25% 25%,#2f80ff14,#2f80ff00 60%),linear-gradient(180deg,#2c2c32f5,#313139fa);box-shadow:0 0 0 1px #ffffff08,0 18px 60px #000000a6;transition:transform .18s ease,box-shadow .18s ease;backdrop-filter:blur(2px)}a.tool-link:hover .tool{transform:translateY(-2px);box-shadow:0 0 0 1px var(--accent),0 0 30px var(--accentGlow),0 22px 70px #000000bf}.tool-title{font-weight:700;margin-bottom:8px;font-size:1.2rem}.tool-desc{display:flex;flex-direction:column;gap:.55rem;color:#aaa;font-size:1.05rem;line-height:1.7;margin-bottom:14px}.use-cases{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px}.use-cases li{background:#ffffc80f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:4px 12px;font-size:.85rem;color:var(--muted)}.cta{font-weight:700;color:#fff;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;margin-top:4px}.section{margin-top:60px;padding-top:40px;border-top:1px solid var(--line)}.section-label{font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:16px}.support-box,.hire-box{background:#313139f0;border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;backdrop-filter:blur(2px)}.support-box p,.hire-box p{margin:4px 0 0;color:var(--muted);font-size:.95rem}.support-box strong,.hire-box strong{color:#fff;font-size:1rem}.btn-coffee{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#000;font-weight:700;font-size:.9rem;padding:12px 20px;border-radius:12px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.btn-coffee:hover{opacity:.85}.btn-hire{display:inline-flex;align-items:center;gap:8px;background:var(--accentBtn);color:#fff;font-weight:700;font-size:.9rem;padding:12px 20px;border-radius:12px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.btn-hire:hover{opacity:.85}.about-row{display:flex;align-items:center;gap:14px;margin-bottom:16px}.about-row img{width:44px;height:44px;border-radius:50%;background:#1a1a2e;border:1px solid var(--line);flex-shrink:0}.about-row p{margin:0;color:#aaa;font-size:.95rem}.about ul{list-style:none;padding:0;margin:0}.about li{margin-bottom:8px}.about a{color:#fff;text-decoration:none}.about a:hover{text-decoration:underline}.site-footer{position:relative;z-index:1;text-align:center;padding:32px 20px;color:#ffffff40;font-size:.8rem;border-top:1px solid var(--line);margin-top:60px}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline}.portfolio-section{margin-bottom:64px}.portfolio-heading{font-size:1.1rem;font-weight:600;color:#ffffffb3;margin-bottom:20px;text-transform:none;letter-spacing:0}.lab-note{font-size:.9rem;color:#ffffff80;font-style:italic;margin-top:-16px;margin-bottom:32px}.tool-meta{opacity:.65;font-size:.98em;letter-spacing:.01em}p a,li a{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s ease}p a:hover,li a:hover{color:#8ab4f8}.tool-with-visual{display:flex;align-items:center;justify-content:space-between;gap:28px}.tool-copy{flex:1;min-width:0}.tool-visual{flex-shrink:0;display:flex;align-items:center;justify-content:center}.tool-visual img{display:block;width:180px;max-width:100%;height:auto;border-radius:6px}@media(max-width:820px){.tool-with-visual{flex-direction:column;align-items:flex-start}.tool-visual img{width:140px}}