@charset "UTF-8";
/* BRUNIQO identity shared with the main website. Product accents stay local. */
:root{
 color-scheme:dark;
 --bg:#090b0d;--paper:var(--bg);--bg-soft:#101419;--panel:#151a20;
 --ink:#f4f1eb;--muted:#afb0ac;--line:rgba(244,241,235,.14);
 --sage:#b9c6b1;--amber:#c9a96f;--accent:#638e69;--accent-dark:#34533e;
 --accent-ink:color-mix(in srgb,var(--accent) 40%,var(--ink));
 --sans:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --display:"Segoe UI",Inter,system-ui,sans-serif;--max:1180px;--radius:12px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(80% 54% at 50% 0%,rgba(185,198,177,.13),transparent 62%),linear-gradient(180deg,#090b0d 0%,#0d1116 42%,#090b0d 100%);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}img{max-width:100%;height:auto;display:block}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.045em}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.03em}h1{font-size:clamp(2.9rem,5.8vw,5.2rem)}h2{font-size:clamp(2rem,3.5vw,3.1rem)}h3{font-size:1.2rem;font-weight:650;letter-spacing:-.025em}p{margin-bottom:1.2em}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--sage);color:var(--bg);padding:12px 20px;border-radius:6px}.skip:focus{top:12px}
/* The brand and navigation destinations match the homepage. */
.global-nav{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.1rem clamp(1.1rem,4vw,3.6rem);background:linear-gradient(180deg,rgba(9,11,13,.96),rgba(9,11,13,.88));backdrop-filter:blur(12px)}
.wordmark{display:inline-flex;align-items:center;gap:.72rem;flex-shrink:0;text-decoration:none;font-family:var(--display);font-size:.9rem;font-weight:600;letter-spacing:.28em}
.wordmark img{width:32px;height:32px;border-radius:7px;object-fit:cover}
.nav-links{display:flex;align-items:center;gap:clamp(1rem,2.4vw,2.2rem)}
.nav-links a{text-decoration:none;color:var(--muted);font-size:.69rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:8px}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:.55rem 1rem;border-radius:999px;background:var(--amber);color:#12100a;text-decoration:none;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.nav-cta:hover{background:#d8b87d}
.mobile-menu{display:none;border:0}
.mobile-menu summary{min-height:44px;padding:.55rem .85rem;border:1px solid var(--line);border-radius:6px;font-size:.85rem;font-weight:500}
.mobile-menu summary:after,.mobile-menu[open] summary:after{content:none}
.mobile-menu[open] summary{background:var(--panel)}
.mobile-menu nav{position:absolute;top:calc(100% - .4rem);left:1.1rem;right:1.1rem;display:grid;padding:.6rem;background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.mobile-menu nav a{padding:.8rem;text-decoration:none;border-radius:4px;font-size:.95rem}
.mobile-menu nav a:hover{background:var(--panel)}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:700;margin-bottom:22px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent-ink);flex:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:60px;padding-block:66px 72px}.app-identity{display:flex;gap:12px;align-items:center;margin-bottom:30px;font-size:.85rem;font-weight:650}.app-icon{width:46px;height:46px;border-radius:12px;object-fit:cover;border:1px solid #0000000a}.hero h1{max-width:690px;margin-bottom:26px}.hero .intro{font-size:1.06rem;line-height:1.75;color:var(--muted);max-width:510px}.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}.button,.cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--sage);color:#10130f;border:1px solid transparent;border-radius:6px;padding:13px 24px;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s}.button:hover,.cta:hover{transform:translateY(-2px);background:#d6dfcd}.button.secondary{background:rgba(244,241,235,.035);color:var(--ink);border:1px solid var(--line)}.button.secondary:hover{background:rgba(244,241,235,.07);border-color:rgba(244,241,235,.28)}.note{font-size:.76rem;line-height:1.6;color:var(--muted);max-width:520px;margin-top:18px}.store-state{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:10px 18px;font-size:.84rem;color:var(--muted)}
.hero-art{position:relative;min-height:520px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--accent) 14%,var(--bg-soft));display:flex;align-items:center;justify-content:center;overflow:hidden;padding:36px}.hero-art:before{content:"";position:absolute;width:400px;height:400px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%;transform:translate(60px,-30px)}.hero-art:after{content:"";position:absolute;width:520px;height:520px;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:50%;transform:translate(60px,-30px);pointer-events:none}.hero-screen{position:relative;z-index:1;width:238px;max-height:510px;object-fit:contain;filter:drop-shadow(0 24px 28px #22331c26);border-radius:24px}.hero-illustration{position:relative;z-index:1;text-align:center;max-width:340px}.hero-illustration img{width:150px;margin:0 auto 28px;border-radius:34px;box-shadow:0 20px 50px #1a301326}.hero-illustration strong{display:block;font-family:var(--display);font-weight:400;font-size:2.6rem;line-height:1.1}.art-caption{position:absolute;bottom:18px;left:24px;font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);z-index:2}.highlights{display:flex;gap:35px;flex-wrap:wrap;margin:0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none;font-size:.81rem}.highlights li{display:flex;align-items:center;gap:9px}.highlights li:before{content:"↗";color:var(--accent-ink);font-size:1rem}
.section{padding-block:86px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}.section-head h2{margin:0;max-width:630px}.section-head p{max-width:340px;color:var(--muted);font-size:.92rem;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:210px}.feature-number{display:block;font-size:.72rem;color:var(--muted);margin-bottom:38px;font-variant-numeric:tabular-nums}.feature h3{margin-bottom:13px}.feature p{font-size:.9rem;color:var(--muted);margin-bottom:0}.workflow{background:var(--bg-soft);border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;counter-reset:step}.step:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--accent-ink);font-size:.8rem;margin-bottom:26px}.step p{font-size:.92rem;color:var(--muted);margin:0}.screens{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 24px;scrollbar-color:#9fae9b transparent}.screens figure{flex:0 0 222px;margin:0;scroll-snap-align:start}.screens img{border-radius:19px;box-shadow:0 5px 20px #1a301310}.screens figcaption{font-size:.72rem;color:var(--muted);margin-top:12px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 44px}.guide-card{position:relative;display:block;border-top:1px solid var(--line);padding:24px 42px 24px 0;text-decoration:none}.guide-card:after{content:"↗";position:absolute;right:5px;top:24px;transition:transform .2s}.guide-card:hover:after{transform:translate(3px,-3px)}.guide-card strong{font-size:1.05rem;font-weight:620;display:block;letter-spacing:-.015em;line-height:1.4;margin-bottom:9px}.guide-card span{display:block;color:var(--muted);font-size:.85rem;line-height:1.6}.guides-block+.guides-block{margin-top:64px}.guides-block h3{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:23px 32px 23px 0;position:relative;font-size:.96rem;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:0;font-size:1.3rem;font-weight:400;top:17px}details[open] summary:after{content:"−"}details p{font-size:.91rem;color:var(--muted);padding-right:25px}.closing{padding:54px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:45px;margin-bottom:70px}.closing h2{max-width:620px;margin:0;font-size:clamp(2rem,3.5vw,3rem)}.closing .button{background:var(--sage);color:#10130f;white-space:nowrap}.footer{border-top:1px solid var(--line);padding-block:34px;display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:.75rem}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}
.article-head{padding-block:45px 50px;border-bottom:1px solid var(--line)}.crumb{color:var(--muted);font-size:.76rem;line-height:1.8;margin-bottom:32px}.crumb a{text-decoration:none}.article-head h1{font-size:clamp(2.7rem,5vw,4.6rem);max-width:950px;margin-bottom:25px}.article-description{font-size:1.12rem;color:var(--muted);max-width:720px;line-height:1.7}.article-meta{display:flex;gap:18px;font-size:.75rem;color:var(--muted)}.reading-layout{display:grid;grid-template-columns:245px minmax(0,740px);gap:75px;padding-block:55px 75px;align-items:start}.toc{position:sticky;top:110px;padding-right:20px}.toc-label{font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;display:block;margin-bottom:20px}.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}.toc li{margin:0}.toc a:not(.button){font-size:.77rem;color:var(--muted);text-decoration:none;display:block;padding:7px 0 7px 15px;line-height:1.45}.toc a:not(.button):hover{color:var(--ink);border-left:2px solid var(--accent-ink);margin-left:-1px}.toc .button{font-size:.72rem;padding:10px 15px;margin-top:30px}.article-body{min-width:0;font-size:1.02rem;line-height:1.85}.article-body h2{font-size:2rem;margin:2.1em 0 .75em;scroll-margin-top:90px}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:1.15rem;margin:1.8em 0 .7em;line-height:1.45}.article-body p{margin-bottom:1.25em}.article-body li{padding-left:5px;margin-bottom:.6em}.article-body ul,.article-body ol{padding-left:22px}.article-body a{color:var(--accent-ink);overflow-wrap:anywhere}.article-body blockquote{margin:32px 0;padding:20px 25px;background:var(--bg-soft);border-left:3px solid var(--accent-ink)}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:15px;margin:25px 0}.article-body table{width:100%;border-collapse:collapse;min-width:480px;font-size:.84rem;line-height:1.6}.article-body th{background:var(--panel);text-align:left;font-weight:600}.article-body th,.article-body td{padding:15px;border-bottom:1px solid var(--line);vertical-align:top}.article-body tr:last-child td{border-bottom:0}.article-body code{font-size:.85em;background:var(--panel);padding:2px 5px;border-radius:4px}.article-end{margin-top:45px;padding:30px;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px}.article-end p{font-size:.9rem}.related{border-top:1px solid var(--line)}.catalog-head{padding-block:72px 50px}.catalog-head h1{max-width:850px}.catalog-head p{max-width:570px;color:var(--muted);font-size:1.08rem}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:75px}.app-card{display:flex;flex-direction:column;min-height:330px;padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:12px;text-decoration:none;transition:transform .2s,box-shadow .2s}.app-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(0,0,0,.3)}.app-card .app-icon{width:64px;height:64px;border-radius:16px;margin-bottom:28px}.app-card h2,.app-card h3{font-family:inherit;font-size:1.35rem;font-weight:600;letter-spacing:-.035em;margin-bottom:12px}.app-card p{color:var(--muted);font-size:.88rem}.app-card .card-bottom{font-size:.74rem;font-weight:600;margin-top:auto;display:flex;justify-content:space-between;padding-top:18px}.legal-modern{background:var(--paper)!important;color:var(--ink)!important;max-width:900px!important;margin:45px auto!important;padding:0 24px!important;font-family:var(--sans)!important}.legal-modern h1{font-size:clamp(2.2rem,5vw,3.7rem)!important}.legal-modern h2{font-size:1.5rem!important;line-height:1.4!important}.legal-modern .legal-brand{display:block;margin-bottom:45px;font-size:1.3rem;font-weight:800;text-decoration:none}.legal-modern .legal-return{margin-top:50px;padding-top:24px;border-top:1px solid var(--line);font-size:.85rem}
@media(min-width:901px){.hero-copy{animation:arrive .55s ease-out both}.hero-art{animation:arrive .7s ease-out both}}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero-art{min-height:480px;padding:25px}.hero-screen{width:220px}.feature-grid{grid-template-columns:repeat(2,1fr)}.reading-layout{grid-template-columns:190px minmax(0,1fr);gap:40px}.faq-layout{gap:40px}.catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){html{scroll-padding-top:30px}.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-block:36px 42px;gap:35px}.app-identity{margin-bottom:23px}.hero h1{font-size:clamp(2.7rem,10.5vw,4.3rem)}.hero .intro{font-size:1rem}.hero-art{min-height:425px;padding:28px}.hero-screen{width:205px;max-height:410px}.highlights{gap:12px 22px;padding:18px 0;font-size:.76rem}.section{padding-block:53px}.section-head{display:block;margin-bottom:27px}.section-head p{margin-top:20px}.feature-grid,.steps{grid-template-columns:1fr}.feature{min-height:0;padding:26px}.feature-number{margin-bottom:24px}.steps{gap:30px}.step:before{margin-bottom:15px}.guide-grid{grid-template-columns:1fr}.screens{gap:15px}.screens figure{flex-basis:195px}.faq-layout{grid-template-columns:1fr;gap:25px}.closing{padding:30px;display:block;margin-bottom:45px}.closing .button{margin-top:26px}.footer{display:block}.footer-links{margin-top:18px;gap:14px}.article-head{padding-block:30px 32px}.article-head h1{font-size:clamp(2.3rem,8.8vw,3.8rem);overflow-wrap:anywhere}.article-description{font-size:1rem}.reading-layout{display:block;padding-top:28px}.toc{position:static;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid var(--line)}.toc ol{columns:2;column-gap:18px}.toc li{break-inside:avoid}.toc .button{display:inline-flex;min-height:44px;font-size:.82rem}.toc a:not(.button){font-size:.73rem}.article-body{font-size:.97rem}.article-body h2{font-size:1.75rem}.catalog-head{padding-top:42px}.catalog-grid{grid-template-columns:1fr}.app-card{min-height:290px}.app-card .app-icon{margin-bottom:23px}.article-meta{gap:10px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.legal-modern a{color:var(--accent-ink)}
.legal-modern footer{color:var(--muted);border-color:var(--line)}
.legal-modern code,.legal-modern th{background:var(--panel);color:var(--ink)}

/* Katalog: direkt erreichbare Kategorien, ohne JavaScript. */
.catalog-nav-label{margin:30px 0 12px!important;font-size:.8rem!important;font-weight:650;color:var(--ink)!important}.catalog-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.catalog-nav a{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;padding:10px 17px;text-decoration:none;font-size:.82rem;background:rgba(244,241,235,.035)}.catalog-nav a:hover{background:rgba(244,241,235,.07);border-color:var(--accent-ink)}.catalog-nav a span{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.72rem}.catalog-featured{border-top:1px solid var(--line);padding-top:42px}.catalog-featured .featured-card{background:var(--bg-soft);border-top:2px solid var(--sage)}.catalog-category,#kategorien{scroll-margin-top:90px}.catalog-back{font-size:.8rem;color:var(--muted);white-space:nowrap}.catalog-category .section-head{border-top:1px solid var(--line);padding-top:30px}.catalog-category .section-head .eyebrow,.catalog-featured .section-head .eyebrow{margin-bottom:14px}.catalog-featured .section-head p{max-width:350px}.catalog-category:target h2{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:9px;text-decoration-thickness:2px}@media(max-width:700px){.catalog-nav{gap:8px}.catalog-nav a{padding:9px 13px}.catalog-featured{padding-top:30px}.catalog-grid{padding-bottom:48px}.catalog-back{display:inline-block;margin-top:17px}.catalog-category .section-head .eyebrow,.catalog-featured .section-head .eyebrow{margin-top:0}.catalog-featured .app-card{min-height:270px}}

.gallery-action{margin-top:12px}.card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:18px}.card-actions .button{padding:11px 18px;font-size:.78rem;gap:10px}.article-body .button:not(.secondary){color:#10130f}

/* Switch to the same native disclosure menu before desktop links get crowded. */
.footer-brand{display:grid;gap:.65rem;max-width:38ch;letter-spacing:.08em}
.footer-links{justify-content:flex-end;align-content:start}
.hero-copy,.catalog-head,.section-head>div{min-width:0}
.hero h1,.catalog-head h1{overflow-wrap:anywhere}
.catalog-nav a,.button,.toc a:not(.button){min-height:44px}
@media(max-width:1100px){.nav-links{display:none}.mobile-menu{display:block;margin-left:auto}}
@media(max-width:700px){.global-nav{gap:.7rem;padding:.85rem 1.1rem}.wordmark{font-size:.8rem;letter-spacing:.22em}.nav-cta{display:none}.footer-links{justify-content:flex-start}.footer-brand{letter-spacing:.04em}.hero h1{font-size:clamp(2.3rem,9vw,3.7rem)}}

.catalog-head .eyebrow,.section-head .eyebrow{color:var(--sage);font-size:.67rem;letter-spacing:.28em}