:where(html){--bg-deep:color-mix(in oklab, var(--bg) 76%, #000);--well:color-mix(in oklab, var(--bg) 58%, #000);--panel:color-mix(in oklab, var(--bg) 93%, var(--ink));--panel-2:color-mix(in oklab, var(--panel) 92%, var(--ink));--line-soft:color-mix(in oklab, var(--line) 55%, var(--bg));--ink-dim:color-mix(in oklab, var(--ink) 78%, var(--bg));--ink-faint:color-mix(in oklab, var(--ink) 54%, var(--bg));--accent-bright:color-mix(in oklab, var(--accent) 76%, #fff);--accent-deep:color-mix(in oklab, var(--accent) 70%, #000);--accent-hi:color-mix(in oklab, var(--accent-bright) 72%, #fff);--accent-ink:color-mix(in oklab, var(--bg-deep) 82%, #000);--frame-hi:color-mix(in oklab, var(--accent-deep) 45%, var(--panel-2));--frame-lo:color-mix(in oklab, var(--bg-deep) 78%, var(--accent-deep));--bg-glow:color-mix(in oklab, var(--bg) 86%, var(--accent))}html[data-palette=sepia]{--bg:#1a1410;--bg-deep:#120e0a;--panel:#241c15;--panel-2:#2c221a;--well:#0d0a06;--line:#6f5a33;--line-soft:#453823;--ink:#efe6d6;--ink-dim:#c7b9a2;--ink-faint:#93866f;--accent:#c8902f;--accent-bright:#e8b558;--accent-deep:#9a6c1f;--accent-ink:#201607;--good:#7dba6a;--info:#6fa8c9;--warn:#d9b25f;--bad:#c04a35;--frame-hi:#5a3d22;--frame-lo:#33220f;--bg-glow:#2c2016}html[data-palette=nord]{--bg:#2e3440;--panel:#3b4252;--panel-2:#434c5e;--line:#4c566a;--ink:#eceff4;--ink-dim:#d8dee9;--accent:#81a1c1;--accent-bright:#88c0d0;--accent-deep:#5e81ac;--accent-ink:#2e3440;--good:#a3be8c;--info:#81a1c1;--warn:#ebcb8b;--bad:#bf616a;--frame-hi:#4c566a;--frame-lo:#2e3440}html[data-palette=gruvbox]{--bg:#282828;--bg-deep:#1d2021;--panel:#3c3836;--panel-2:#504945;--well:#1d2021;--line:#665c54;--ink:#ebdbb2;--ink-dim:#d5c4a1;--ink-faint:#a89984;--accent:#d65d0e;--accent-bright:#fe8019;--accent-deep:#af3a03;--accent-ink:#1d2021;--good:#b8bb26;--info:#83a598;--warn:#fabd2f;--bad:#fb4934;--frame-hi:#504945;--frame-lo:#282828}html[data-palette=mocha]{--bg:#1e1e2e;--bg-deep:#11111b;--panel:#313244;--panel-2:#45475a;--well:#181825;--line:#585b70;--ink:#cdd6f4;--ink-dim:#bac2de;--ink-faint:#7f849c;--accent:#cba6f7;--accent-ink:#11111b;--good:#a6e3a1;--info:#89b4fa;--warn:#f9e2af;--bad:#f38ba8;--frame-hi:#45475a;--frame-lo:#181825}html[data-palette=everforest]{--bg:#2d353b;--bg-deep:#232a2e;--panel:#343f44;--panel-2:#3d484d;--well:#232a2e;--line:#4f585e;--ink:#d3c6aa;--ink-dim:#9da9a0;--ink-faint:#859289;--accent:#a7c080;--accent-ink:#232a2e;--good:#a7c080;--info:#7fbbb3;--warn:#dbbc7f;--bad:#e67e80;--frame-hi:#475258;--frame-lo:#2d353b}html:not([data-palette]),html[data-palette=tokyo-night]{--bg:#1a1b26;--bg-deep:#16161e;--well:#0c0e14;--panel:#292e42;--panel-2:#3b4261;--line:#414868;--line-soft:#3b4261;--ink:oklab(92.2787% .00253533 -.0304295);--ink-dim:#c0caf5;--ink-faint:#a9b1d6;--accent:#7aa2f7;--accent-bright:#7dcfff;--accent-deep:#3d59a1;--accent-ink:#16161e;--good:#9ece6a;--info:#7dcfff;--warn:#ff9e64;--bad:#f7768e;--frame-hi:#414868;--frame-lo:#16161e}html[data-palette=rose-pine]{--bg:#191724;--panel:#1f1d2e;--panel-2:#26233a;--well:#191724;--line:#403d52;--line-soft:#21202e;--ink:#e0def4;--ink-dim:#908caa;--ink-faint:#6e6a86;--accent:#c4a7e7;--accent-ink:#191724;--good:#9ccfd8;--info:#31748f;--warn:#f6c177;--bad:#eb6f92;--frame-hi:#524f67;--frame-lo:#26233a}:root{--radius:12px;--shadow:0 10px 30px #00000073;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.65;overflow-x:hidden}.page-glow{z-index:-2;background:linear-gradient(180deg, color-mix(in srgb, var(--bg-deep) 82%, transparent) 0%, color-mix(in srgb, var(--bg-deep) 90%, transparent) 55%, var(--bg-deep) 100%), url(/img/bg-eleven-towers.jpg) center top / cover no-repeat;filter:blur(3px)saturate(.9);position:fixed;inset:-24px}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(1100px 520px at 50% -100px, color-mix(in srgb, var(--accent) 15%, transparent), transparent 70%), radial-gradient(900px 600px at 85% 12%, color-mix(in srgb, var(--bad) 6%, transparent), transparent 65%);position:fixed;inset:0}img,svg{max-width:100%}h1,h2,h3{font-family:var(--font-display);color:var(--ink);letter-spacing:.015em;margin:0 0 .6em;font-weight:700;line-height:1.2}p{margin:0 0 1em}a{color:var(--accent-bright)}.container{width:min(1080px,100% - 2.5rem);margin:0 auto}.site-nav{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb, var(--accent) 22%, transparent);position:sticky;top:0}.site-nav .container{align-items:center;gap:1.25rem;min-height:3.75rem;display:flex}.brand{font-family:var(--font-display);color:var(--ink);letter-spacing:.02em;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.brand svg{display:block}.brand-logo{border-radius:.5rem;width:2.125rem;height:2.125rem;display:block}.nav-links{align-items:center;gap:1.4rem;margin-left:auto;display:flex}.nav-links a:not(.btn){color:var(--ink-dim);font-size:.95rem;text-decoration:none;transition:color .15s}.nav-links a:not(.btn):hover{color:var(--accent-bright)}.btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.7rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.btn-primary{background:linear-gradient(180deg, var(--accent-bright), var(--accent) 55%, var(--accent-deep));color:var(--accent-ink);box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 32%, transparent), inset 0 1px 0 #ffffff59;text-shadow:0 1px #fff5dc66;position:relative}.btn-primary:hover{box-shadow:0 8px 26px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 1px 0 #ffffff59;transform:translateY(-2px)}.play-splash{z-index:3;pointer-events:none;color:#ff2d20;text-shadow:0 1px 2px #0000008c;white-space:nowrap;opacity:0;font-family:Comic Sans MS,Comic Sans,Segoe Print,Bradley Hand,cursive;font-size:.95rem;font-weight:700;transition:opacity .12s;position:absolute;bottom:-.7rem;right:-.4rem;transform:rotate(-20deg)scale(.6)}.btn-small .play-splash{font-size:.72rem;bottom:-.5rem;right:-.2rem}.btn-primary:hover .play-splash,.btn-primary:focus-visible .play-splash{opacity:1;animation:.7s ease-in-out infinite play-splash-throb;transform:rotate(-20deg)scale(1)}@keyframes play-splash-throb{0%,to{transform:rotate(-20deg)scale(1)}50%{transform:rotate(-20deg)scale(1.16)}}.btn-secondary{background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--accent-bright);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.btn-secondary:hover{background:color-mix(in srgb, var(--accent) 16%, transparent);border-color:var(--accent-bright);transform:translateY(-2px)}.btn-small{border-radius:8px;padding:.5rem 1.1rem;font-size:.92rem}.hero{padding:4.5rem 0 3.5rem}.hero .container{grid-template-columns:1.05fr .95fr;align-items:center;gap:3rem;display:grid}.hero-badge{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent-bright);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.3rem;padding:.32rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex}.hero-badge .dot{background:var(--good);width:8px;height:8px;box-shadow:0 0 8px var(--good);border-radius:50%}.hero h1{text-wrap:balance;margin-bottom:.5em;font-size:clamp(2.1rem,4.6vw,3.15rem)}.hero h1 em{color:var(--accent-bright);font-style:normal}.hero-sub{color:var(--ink-dim);text-wrap:pretty;max-width:34em;margin-bottom:1.8rem;font-size:1.15rem}.hero-sub strong{color:var(--ink)}.hero-actions{flex-wrap:wrap;gap:.9rem;margin-bottom:1.2rem;display:flex}.hero-trust{color:var(--ink-faint);flex-wrap:wrap;gap:.4rem 1.1rem;font-size:.9rem;display:flex}.hero-trust span{align-items:center;gap:.4rem;display:inline-flex}.hero-trust svg{color:var(--good);flex:none}.carved-frame{background:linear-gradient(145deg, var(--frame-hi), var(--frame-lo) 60%, var(--bg-deep));box-shadow:var(--shadow), inset 0 1px 0 color-mix(in srgb, var(--accent-bright) 22%, transparent), inset 0 -2px 4px #00000080;border-radius:16px;padding:12px}.carved-frame-inner{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:var(--bg-deep);border-radius:8px;display:block;overflow:hidden}.carved-frame-inner img,.carved-frame-inner svg{width:100%;height:auto;display:block}.hero-caption{text-align:center;color:var(--ink-faint);margin-top:.7rem;font-size:.85rem}.section{padding:4rem 0}.section-head{text-align:center;max-width:44em;margin:0 auto 2.6rem}.section-head h2{font-size:clamp(1.6rem,3vw,2.2rem)}.section-head .lead{color:var(--ink-dim);font-size:1.08rem}.ornament{color:var(--accent);justify-content:center;align-items:center;gap:.8rem;margin:0 auto 1.1rem;display:flex}.ornament:before,.ornament:after{content:"";background:linear-gradient(90deg, transparent, var(--accent));width:64px;height:1px}.ornament:after{background:linear-gradient(90deg, var(--accent), transparent)}.about{max-width:46em;color:var(--ink-dim);margin:0 auto;font-size:1.1rem}.about p strong,.about p em{color:var(--ink)}.about p em{font-style:italic}.about a{border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, transparent);text-decoration:none}.feature-grid{grid-template-columns:repeat(3,1fr);gap:2.4rem 2rem;display:grid}.feature-card{text-align:center;flex-direction:column;align-items:center;padding:.5rem .75rem;display:flex}.feature-icon{color:var(--accent-bright);margin-bottom:1rem;line-height:0;transition:transform .18s,filter .18s}.feature-icon svg{stroke-width:1.5px;width:56px;height:56px}.feature-card:hover .feature-icon{filter:drop-shadow(0 6px 14px color-mix(in srgb, var(--accent) 45%, transparent));transform:translateY(-3px)}.feature-card h3{margin-bottom:.35em;font-size:1.15rem}.feature-card p{color:var(--ink-dim);max-width:26em;margin:0;font-size:.97rem}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.gallery-item .carved-frame{border-radius:12px;padding:8px}.gallery-item .carved-frame-inner{aspect-ratio:16/9}.gallery-item figcaption{text-align:center;color:var(--ink-faint);margin-top:.6rem;font-size:.88rem}.gallery-item figure{margin:0}.shot-placeholder{background:radial-gradient(400px 200px at 50% 110%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%), linear-gradient(180deg, var(--panel), var(--bg-deep));width:100%;height:100%;color:var(--ink-faint);place-items:center;font-size:.9rem;display:grid}.roadmap{grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.4rem;display:grid}.roadmap-col{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:var(--radius);padding:1.5rem 1.6rem}.roadmap-col h3{border-bottom:1px solid color-mix(in srgb, var(--accent) 18%, transparent);align-items:center;gap:.55rem;margin-bottom:.9em;padding-bottom:.7em;font-size:1.15rem;display:flex}.roadmap-col ul{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.roadmap-col li{color:var(--ink-dim);align-items:baseline;gap:.6rem;display:flex}.roadmap-col li:before{flex:none;font-size:.85em;transform:translateY(-1px)}.roadmap-done li:before{content:"✔";color:var(--good)}.roadmap-wip li:before{content:"🔨"}.roadmap-note{text-align:center;color:var(--ink-faint);font-size:.92rem;font-style:italic}.diary{max-width:44em;margin:0 auto;padding-left:1.6rem;position:relative}.diary:before{content:"";background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 8%, transparent));border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:5px}.diary-entry{padding-bottom:1.8rem;position:relative}.diary-entry:before{content:"";background:var(--accent-bright);width:12px;height:12px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:50%;position:absolute;top:.42rem;left:-1.6rem}.diary-date{font-family:var(--font-display);color:var(--accent-bright);margin-bottom:.5rem;font-size:1.08rem;font-weight:700}.diary-lines{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.diary-lines li{color:var(--ink-dim);align-items:baseline;gap:.6rem;font-size:.98rem;display:flex}.chip{letter-spacing:.05em;text-transform:uppercase;border:1px solid;border-radius:999px;flex:none;padding:.14rem .55rem;font-size:.72rem;font-weight:700;transform:translateY(-1px)}.chip-neu{color:var(--good);border-color:color-mix(in srgb, var(--good) 45%, transparent);background:color-mix(in srgb, var(--good) 10%, transparent)}.chip-verbessert{color:var(--info);border-color:color-mix(in srgb, var(--info) 45%, transparent);background:color-mix(in srgb, var(--info) 10%, transparent)}.chip-behoben{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, transparent);background:color-mix(in srgb, var(--warn) 10%, transparent)}.diary-more{text-align:center;margin-top:.4rem}.faq{gap:.8rem;max-width:44em;margin:0 auto;display:grid}.faq details{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:10px;transition:border-color .15s;overflow:hidden}.faq details[open]{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.3rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-display);color:var(--accent);font-size:1.4rem;line-height:1;transition:transform .18s}.faq details[open] summary:after{transform:rotate(45deg)}.faq .answer{color:var(--ink-dim);padding:0 1.3rem 1.1rem;font-size:.98rem}.faq .answer p{margin:0}.final-cta{text-align:center;background:radial-gradient(600px 260px at 50% 100%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);padding:4.5rem 0}.final-cta h2{font-size:clamp(1.7rem,3.4vw,2.4rem)}.final-cta p{color:var(--ink-dim);margin-bottom:1.8rem}.site-footer{border-top:1px solid color-mix(in srgb, var(--accent) 18%, transparent);color:var(--ink-faint);padding:2.2rem 0 2.6rem;font-size:.88rem}.site-footer .container{gap:.9rem;display:grid}.footer-row{flex-wrap:wrap;align-items:center;gap:.5rem 1.6rem;display:flex}.site-footer a{color:var(--ink-dim);text-decoration:none}.site-footer a:hover{color:var(--accent-bright)}.footer-disclaimer{max-width:62em}.zoomable{cursor:zoom-in}.lightbox{z-index:100;background:color-mix(in srgb, var(--bg-deep) 92%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;gap:.5rem;padding:clamp(1rem,4vw,3rem);display:flex;position:fixed;inset:0}.lightbox[hidden]{display:none}.lb-figure{flex-direction:column;align-items:center;gap:.9rem;max-width:100%;margin:0;display:flex}.lb-img{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);width:auto;max-width:min(1100px,90vw);height:auto;max-height:80vh;box-shadow:var(--shadow);background:var(--bg-deep);border-radius:8px}.lb-cap{color:var(--ink-dim);text-align:center;max-width:46em;font-size:.95rem}.lb-btn{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--panel) 85%, transparent);width:3rem;height:3rem;color:var(--ink);font-family:var(--font-display);cursor:pointer;border-radius:50%;flex:none;place-items:center;font-size:1.8rem;line-height:1;transition:background .15s,border-color .15s,transform .15s;display:grid}.lb-btn:hover{background:color-mix(in srgb, var(--accent) 20%, transparent);border-color:var(--accent-bright);transform:scale(1.08)}.lb-close{width:2.6rem;height:2.6rem;font-size:1.6rem;position:absolute;top:clamp(.8rem,2vw,1.6rem);right:clamp(.8rem,2vw,1.6rem)}@media (width<=560px){.lb-btn{width:2.4rem;height:2.4rem;font-size:1.4rem}.lb-img{max-height:70vh}}@media (width<=860px){.hero{padding-top:3rem}.hero .container{grid-template-columns:1fr;gap:2.2rem}.feature-grid,.gallery-grid{grid-template-columns:1fr 1fr}.roadmap{grid-template-columns:1fr}.nav-links a:not(.btn){display:none}}@media (width<=560px){body{font-size:1rem}.feature-grid,.gallery-grid{grid-template-columns:1fr}.hero-actions .btn{flex:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}