:root{--bg:#050b15;--card:rgba(255,255,255,.055);--line:rgba(255,255,255,.1);--text:#eef5ff;--muted:#aab8ca;--gold:#d9b15d;--gold2:#ffe9b2;--blue:#178dff;--silver:#d7e0ea;--shadow:0 24px 70px rgba(0,0,0,.45);--radius:26px}
*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 20% 5%,rgba(23,141,255,.16),transparent 28%),radial-gradient(circle at 80% 12%,rgba(217,177,93,.12),transparent 25%),linear-gradient(180deg,#030710,#071321 42%,#050b15);min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}.muted{color:var(--muted)}.app{min-height:70vh}.container{max-width:1180px}
.gx-navbar{background:rgba(4,12,24,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 12px 38px rgba(0,0,0,.28)}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand:hover{color:#fff}.brand-img{width:52px;height:52px;border-radius:14px;object-fit:contain;background:#000;border:1px solid var(--line);padding:4px}.brand strong{display:block;font-family:Oswald,sans-serif;font-size:1.35rem;letter-spacing:.03em;line-height:1}.brand small{display:block;color:var(--muted);font-size:.76rem}.nav-toggle{width:50px;height:50px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;font-size:1.8rem}
.btn-gold{border:0;color:#090b10!important;font-weight:800;border-radius:16px;padding:.82rem 1.1rem;background:linear-gradient(90deg,var(--gold2),var(--gold),var(--gold2));box-shadow:0 12px 30px rgba(217,177,93,.22)}.btn-ghost{border:1px solid var(--line);color:#fff;background:rgba(255,255,255,.03);border-radius:16px}
.gx-sidebar{background:linear-gradient(180deg,#050d18,#09182a);color:#fff;border-right:1px solid var(--line)}.side-nav a{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;color:#eaf2ff;border:1px solid transparent;margin-bottom:8px;transition:.22s}.side-nav a i{color:var(--gold);width:32px}.side-nav a:hover,.side-nav a.active{background:rgba(255,255,255,.055);border-color:var(--line);transform:translateX(4px)}.sidebar-cta{border:1px solid rgba(217,177,93,.28);border-radius:22px;padding:18px;background:rgba(217,177,93,.08)}
.mini-kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.22em;color:var(--gold2);font-weight:800;margin-bottom:.45rem}.hero{padding:150px 0 90px}.hero h1{font-size:clamp(2.7rem,6vw,5.6rem);line-height:.96;font-weight:900;letter-spacing:-.04em}.gold{background:linear-gradient(90deg,var(--gold2),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.silver{background:linear-gradient(90deg,#fff,var(--silver));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lead{color:var(--muted);font-size:1.12rem;max-width:760px}
.hero-card,.cardx,.price-card,.legal-card,.contact-card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.032));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.hero-card{padding:24px;overflow:hidden}.hero-card-inner{padding:28px;border-radius:22px;background:#050b15;border:1px solid var(--line)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.stat{padding:16px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.stat strong{display:block;color:var(--gold2);font-size:1.3rem}
.section{padding:110px 0}.page-title,.legal-card h1{font-size:clamp(2.4rem,5vw,4.4rem);font-weight:900;letter-spacing:-.04em;margin-bottom:18px}.cardx{height:100%;padding:28px;transition:.22s}.cardx:hover,.price-card:hover{transform:translateY(-6px);border-color:rgba(217,177,93,.32)}.icon{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(23,141,255,.18),rgba(217,177,93,.16));color:var(--gold2);font-size:1.5rem;margin-bottom:18px}.price-card{height:100%;padding:30px}.price-card.featured{border-color:rgba(217,177,93,.42)}.price{font-size:2.5rem;font-weight:900;margin:18px 0;color:var(--gold2)}.clean-list{padding:0;margin:18px 0;list-style:none}.clean-list li{display:flex;gap:10px;margin-bottom:10px;color:var(--muted)}.clean-list i{color:var(--gold2)}
.legal-card,.contact-card{padding:34px}.legal-card h2{font-size:1.5rem;margin-top:30px;color:var(--gold2)}.legal-card p,.legal-card li{color:var(--muted)}.form-control,.form-select,.form-control:focus,.form-select:focus{background:rgba(255,255,255,.045);border:1px solid var(--line);color:#fff;border-radius:16px;min-height:54px}.form-select option{color:#111}.form-control::placeholder{color:#8395aa}
.footer{padding:70px 0 28px;background:rgba(0,0,0,.35);border-top:1px solid var(--line)}.footer a,.footer p{display:block;color:var(--muted);margin-bottom:9px}.footer h5{font-weight:800}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;margin-top:28px;color:var(--muted)}.footer-link-btn{display:block;color:var(--muted);background:none;border:0;padding:0;margin:0 0 9px;text-align:left}
.cookie-modal{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.55);display:none;align-items:flex-end;justify-content:center;padding:18px}.cookie-modal.open{display:flex}.cookie-box{width:min(980px,100%);background:linear-gradient(180deg,#071424,#050b15);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:24px}.cookie-x{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:14px;color:#fff;width:44px;height:44px}.cookie-grid{display:grid;gap:12px;margin-top:16px}.cookie-option{display:flex;gap:14px;padding:15px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.cookie-option input{width:22px}.cookie-option small{display:block;color:var(--muted)}.cookie-fab{position:fixed;left:18px;bottom:18px;z-index:1200;width:50px;height:50px;border-radius:17px;border:1px solid var(--line);background:#071424;color:var(--gold2);display:none;place-items:center}
.pwa-toast{position:fixed;right:18px;bottom:18px;z-index:1250;width:min(430px,calc(100vw - 36px));display:none}.pwa-toast.open{display:block}.pwa-card{background:linear-gradient(180deg,#071424,#050b15);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:20px}.pwa-card p{color:var(--muted)}.pwa-close{background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff;border-radius:12px;width:38px;height:38px}.update-banner{position:fixed;left:18px;right:18px;top:86px;z-index:1260;display:none;justify-content:center;pointer-events:none}.update-banner.open{display:flex}.update-banner-inner{pointer-events:auto;width:min(760px,100%);background:linear-gradient(90deg,rgba(217,177,93,.96),rgba(255,233,178,.96));color:#070a10;border-radius:18px;padding:14px 16px;box-shadow:0 18px 50px rgba(0,0,0,.35);display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.loader{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:#030710;transition:.35s}.loader.hidden{opacity:0;pointer-events:none}.loader-ring{width:62px;height:62px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}.loader-text{font-family:Oswald,sans-serif;color:var(--gold2);margin-top:86px;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.stat-row{grid-template-columns:1fr}.section{padding:84px 0}.hero{padding-top:130px}.pwa-toast{left:18px;right:18px;width:auto;bottom:74px}}

.submenu-label{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:8px 16px 4px}
.side-nav a.submenu-link{margin-left:18px;font-size:.94rem;padding:11px 14px;background:rgba(255,255,255,.025)}
.search-open-btn{width:46px;height:46px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:#fff;align-items:center;justify-content:center}
.search-overlay{position:fixed;inset:0;z-index:2100;background:rgba(0,0,0,.66);backdrop-filter:blur(10px);display:none;align-items:flex-start;justify-content:center;padding:94px 18px 18px}
.search-overlay.open{display:flex}
.search-panel{width:min(980px,100%);background:linear-gradient(180deg,#071424,#050b15);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:24px;max-height:calc(100vh - 120px);overflow:auto}
.search-input-wrap{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:18px;padding:0 16px}
.search-input-wrap i{color:var(--gold2)}
.search-input-wrap input{width:100%;min-height:58px;background:transparent;border:0;color:#fff;outline:0;font-size:1.05rem}
.search-input-wrap input::placeholder{color:#8395aa}
.search-results{display:grid;gap:12px;margin-top:18px}
.search-result{display:block;padding:16px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid var(--line);transition:.2s}
.search-result:hover{border-color:rgba(217,177,93,.38);transform:translateY(-2px);color:#fff}
.search-result strong{display:block;color:var(--gold2);font-size:1.05rem}
.search-result small{display:block;color:var(--muted);margin-top:4px}
.search-empty{padding:18px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.tool-output{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:18px;padding:18px;color:var(--muted)}
.badge-soft{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(217,177,93,.3);background:rgba(217,177,93,.08);color:var(--gold2);border-radius:999px;padding:7px 11px;font-size:.86rem}
.blog-card{height:100%;padding:24px;border-radius:var(--radius);border:1px solid var(--line);background:rgba(255,255,255,.045);box-shadow:var(--shadow)}
.system-chip{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);background:rgba(255,255,255,.035)}
@media(max-width:768px){.search-overlay{padding-top:82px}.search-panel{border-radius:22px;padding:18px}}

.side-search-btn{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;color:#fff;border:1px solid var(--line);background:rgba(255,255,255,.045);margin-bottom:12px;text-align:left}.side-search-btn i{color:var(--gold2)}
.sticky-cta{position:fixed;right:18px;bottom:18px;z-index:1190;display:flex;gap:10px;align-items:center}.sticky-cta .btn{box-shadow:0 18px 50px rgba(0,0,0,.38)}
.offline-banner{position:fixed;left:18px;right:18px;bottom:86px;z-index:1280;display:none;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,#1f2937,#0f172a);border:1px solid var(--line);color:#fff;border-radius:18px;padding:12px 16px;box-shadow:var(--shadow)}.offline-banner.open{display:flex}
.ai-output{white-space:pre-wrap;border:1px solid var(--line);background:#050b15;border-radius:18px;padding:18px;color:#fff;min-height:180px}.portfolio-shot{min-height:230px;border-radius:24px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(23,141,255,.22),transparent 35%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.portfolio-shot strong{font-size:1.25rem;color:var(--gold2)}
@media(max-width:768px){.sticky-cta{left:18px;right:18px;bottom:16px}.sticky-cta .btn-gold{flex:1}.offline-banner{bottom:80px}.cookie-fab{bottom:80px}}

.home-hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:150px 0 90px}
.parallax-hero{background-image:url("../img/hero-media.svg");background-size:cover;background-position:center;background-attachment:fixed}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,16,.94),rgba(3,7,16,.68),rgba(3,7,16,.9));}
.hero-content{position:relative;z-index:2}
.mega-title{font-size:clamp(3.4rem,8.4vw,8.6rem);line-height:.88;font-weight:900;letter-spacing:-.07em;margin:0}
.hero-lead{font-size:clamp(1.1rem,2vw,1.35rem);color:#d7e0ea;max-width:850px;margin-top:28px}
.hero-glass{background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045));border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);backdrop-filter:blur(18px);padding:28px}
.hero-app-icon{width:118px;height:118px;border-radius:32px;margin-bottom:22px;box-shadow:0 18px 46px rgba(23,141,255,.25)}
.dark-band{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.045));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.maintenance-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,rgba(23,141,255,.16),transparent 32%),linear-gradient(180deg,#030710,#071424);padding:24px}
.maintenance-card{width:min(760px,100%);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);padding:34px;text-align:center}
.maintenance-card img{width:112px;height:112px;margin:0 auto 22px;border-radius:28px}
.maintenance-card h1{font-size:clamp(2rem,5vw,4rem);font-weight:900;letter-spacing:-.04em}
.owner-badge{position:fixed;right:18px;top:86px;z-index:1300;border:1px solid rgba(217,177,93,.4);background:rgba(217,177,93,.12);color:var(--gold2);border-radius:999px;padding:9px 13px;display:none}
.owner-badge.open{display:block}
@media(max-width:991px){.parallax-hero{background-attachment:scroll}.home-hero{min-height:auto}.mega-title{font-size:clamp(3rem,14vw,5.8rem)}}

/* V7 Header Slider + Optimierungen */
.home-hero.hero-slider{
  min-height:100vh;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  padding:150px 0 90px;
  background:#030710;
}
.hero-slider .hero-slide{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.08);
  transition:opacity 1.1s ease, transform 7s ease;
  will-change:opacity, transform;
}
.hero-slider .hero-slide.active{
  opacity:1;
  transform:scale(1);
}
.hero-slider .hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,7,16,.94),rgba(3,7,16,.66),rgba(3,7,16,.9)),
    radial-gradient(circle at 22% 30%,rgba(23,141,255,.20),transparent 36%),
    radial-gradient(circle at 74% 76%,rgba(217,177,93,.17),transparent 32%);
  z-index:1;
}
.hero-slider .hero-content{position:relative;z-index:2}
.hero-slider-controls{display:flex;gap:10px;margin-top:42px}
.hero-dot{
  width:42px;height:8px;border-radius:999px;border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.18);transition:.25s ease
}
.hero-dot.active{width:72px;background:linear-gradient(90deg,var(--gold2),var(--gold));border-color:rgba(217,177,93,.6)}
.mega-title{font-size:clamp(3.2rem,8vw,8.2rem);line-height:.88;font-weight:900;letter-spacing:-.07em;margin:0;text-wrap:balance}
.hero-lead{font-size:clamp(1.08rem,1.9vw,1.34rem);color:#d7e0ea;max-width:850px;margin-top:28px}
.hero-glass{background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045));border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);backdrop-filter:blur(18px);padding:28px}
.hero-app-icon{width:118px;height:118px;border-radius:32px;margin-bottom:22px;box-shadow:0 18px 46px rgba(23,141,255,.25)}
img{max-width:100%;height:auto}
.cardx,.price-card,.contact-card,.legal-card,.hero-glass{content-visibility:auto;contain-intrinsic-size:1px 420px}
@media(max-width:991px){
  .home-hero.hero-slider{min-height:auto;padding:128px 0 74px}
  .mega-title{font-size:clamp(3rem,13vw,5.7rem)}
  .hero-slider-controls{margin-top:28px}
}
@media(prefers-reduced-motion:reduce){
  .hero-slider .hero-slide{transition:none;transform:none}
}


/* V8 App Settings, Tools und Light/Dark System */
html{font-size:var(--app-font-scale,100%)}
html[data-theme="light"]{--bg:#f4f7fb;--card:rgba(255,255,255,.78);--line:rgba(10,25,45,.13);--text:#101827;--muted:#526174;--silver:#2b3a4f;--shadow:0 24px 70px rgba(35,55,85,.16)}
html[data-theme="light"] body{background:radial-gradient(circle at 20% 5%,rgba(23,141,255,.13),transparent 28%),radial-gradient(circle at 80% 12%,rgba(217,177,93,.13),transparent 25%),linear-gradient(180deg,#f7fbff,#eef4fb 48%,#f8fafc);color:var(--text)}
html[data-theme="light"] .gx-navbar{background:rgba(255,255,255,.78)}
html[data-theme="light"] .brand,html[data-theme="light"] .brand:hover,html[data-theme="light"] .nav-toggle,html[data-theme="light"] .search-open-btn{color:#101827}
html[data-theme="light"] .gx-sidebar,html[data-theme="light"] .cookie-box,html[data-theme="light"] .pwa-card,html[data-theme="light"] .search-panel{background:linear-gradient(180deg,#ffffff,#eef4fb);color:#101827}
html[data-theme="light"] .side-nav a{color:#172033}
html[data-theme="light"] .btn-ghost{color:#101827;background:rgba(255,255,255,.58)}
html[data-theme="light"] .form-control,html[data-theme="light"] .form-select,html[data-theme="light"] .form-control:focus,html[data-theme="light"] .form-select:focus{background:rgba(255,255,255,.86);color:#101827}
html[data-theme="light"] .ai-output,html[data-theme="light"] .tool-output{background:#fff;color:#26364a}
html[data-theme="light"] .footer{background:rgba(255,255,255,.55)}
html[data-theme="light"] .hero-overlay{background:linear-gradient(90deg,rgba(248,250,252,.9),rgba(248,250,252,.55),rgba(248,250,252,.86))}
html[data-theme="light"] .hero-slider .hero-overlay{background:linear-gradient(90deg,rgba(248,250,252,.94),rgba(248,250,252,.56),rgba(248,250,252,.9)),radial-gradient(circle at 22% 30%,rgba(23,141,255,.15),transparent 36%),radial-gradient(circle at 74% 76%,rgba(217,177,93,.16),transparent 32%)}
html[data-theme="light"] .hero-lead,html[data-theme="light"] .lead{color:#344256}
html[data-accent="blue"]{--gold:#178dff;--gold2:#a8d8ff}
html[data-accent="silver"]{--gold:#b9c5d4;--gold2:#ffffff}
html[data-accent="cyan"]{--gold:#00d8ff;--gold2:#b9f5ff}
html[data-accent="violet"]{--gold:#8f7bff;--gold2:#dbcfff}
html[data-density="compact"] .section{padding:72px 0}html[data-density="compact"] .cardx,html[data-density="compact"] .price-card,html[data-density="compact"] .contact-card,html[data-density="compact"] .legal-card{padding:20px}html[data-density="spacious"] .section{padding:132px 0}html[data-density="spacious"] .cardx,html[data-density="spacious"] .price-card,html[data-density="spacious"] .contact-card,html[data-density="spacious"] .legal-card{padding:36px}
body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.high-contrast{--line:rgba(255,255,255,.25)}html[data-theme="light"] body.high-contrast{--line:rgba(0,0,0,.25);--muted:#273447}
body.no-glass .hero-card,body.no-glass .cardx,body.no-glass .price-card,body.no-glass .legal-card,body.no-glass .contact-card,body.no-glass .hero-glass{backdrop-filter:none!important}
body.hide-sticky-cta .sticky-cta{display:none!important}body.hide-mobile-tabbar .mobile-tabbar{display:none!important}body.hide-offline-info .offline-banner{display:none!important}
body.gx-sidebar-right .gx-sidebar{right:0;left:auto;border-right:0;border-left:1px solid var(--line);transform:translateX(100%)}body.gx-sidebar-right .gx-sidebar.show{transform:none}
.mobile-tabbar{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:1185;width:min(620px,calc(100vw - 26px));display:none;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;border:1px solid var(--line);border-radius:24px;background:rgba(5,11,21,.82);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.mobile-tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:17px;padding:8px 4px;color:var(--muted);font-size:.72rem}.mobile-tabbar a i{font-size:1.15rem}.mobile-tabbar a.active{background:rgba(217,177,93,.12);color:var(--gold2)}html[data-theme="light"] .mobile-tabbar{background:rgba(255,255,255,.86)}
@media(max-width:768px){.mobile-tabbar{display:grid}.sticky-cta{display:none}.footer{padding-bottom:112px}.cookie-fab{bottom:92px}.pwa-toast{bottom:96px}.offline-banner{bottom:102px}}
.feature-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.resource-list{display:grid;gap:14px}.resource-item{display:flex;gap:16px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.045)}.resource-item i{color:var(--gold2);font-size:1.5rem}.version-chip{display:inline-flex;border:1px solid rgba(217,177,93,.3);background:rgba(217,177,93,.08);color:var(--gold2);border-radius:999px;padding:7px 12px;font-weight:800}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.settings-card{height:100%;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.03));box-shadow:var(--shadow)}.settings-card h4{display:flex;gap:10px;align-items:center}.settings-card h4 i{color:var(--gold2)}.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.setting-toggle input{width:22px;height:22px}.code-output{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.88rem}.alert-card{border:1px solid rgba(217,177,93,.35);background:rgba(217,177,93,.09);border-radius:22px;padding:18px;color:var(--muted)}.tool-card .btn{margin-top:auto}.seo-preview-card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.045);padding:20px}.seo-url{color:#63a16f;font-size:.92rem}.seo-title{color:#8ab4f8;font-size:1.25rem;margin:5px 0}.seo-desc{color:var(--muted)}.seo-score-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.search-open-btn{display:inline-flex;text-decoration:none}.footer a:hover,.footer-link-btn:hover{color:var(--gold2)}


/* V9 GixFlow Core Premium Update */
:root{--font-display:"Oswald",Arial,sans-serif;--font-body:"Inter",Arial,sans-serif;--font-elegant:"Cormorant Garamond",Georgia,serif}
body{font-family:var(--font-body)}
h1,h2,h3,h4,h5,.brand strong,.btn,.side-nav a,.side-collapse-toggle,.mini-kicker{font-family:var(--font-display)}
.brand-x{display:inline-block;color:#178dff;text-shadow:0 0 20px rgba(23,141,255,.7),0 0 2px #fff}.text-gold{color:var(--gold2);text-decoration:none;font-weight:800}.text-gold:hover{color:#fff}.premium-card{position:relative;overflow:hidden}.premium-card:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 84% 10%,rgba(23,141,255,.22),transparent 22%),radial-gradient(circle at 16% 90%,rgba(217,177,93,.18),transparent 30%);pointer-events:none}.premium-card>*{position:relative}.menu-divider{height:1px;background:var(--line);margin:10px 8px}.side-collapse-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;color:#dfe8f4;border-radius:18px;padding:12px 14px;text-align:left;font-weight:800;letter-spacing:.01em}.side-collapse-toggle span{display:flex;align-items:center;gap:11px}.side-collapse-toggle:hover,.side-collapse-toggle.active{background:rgba(217,177,93,.11);color:var(--gold2)}.side-collapse-toggle .bi-chevron-down{transition:.25s ease}.side-collapse-toggle[aria-expanded="true"] .bi-chevron-down{transform:rotate(180deg)}.tool-submenu{padding:4px 0 8px 18px}.tool-submenu a{font-size:.95rem;padding:10px 12px}.compact-menu .side-nav a,.compact-menu .side-collapse-toggle{padding:9px 12px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.image-benefit-section .media-frame{border-radius:32px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);min-height:380px;background:#07111f}.image-benefit-section .media-frame img{width:100%;height:100%;min-height:380px;object-fit:cover;filter:saturate(1.08) contrast(1.05)}.page-hero-sm{padding-top:150px}.service-card,.tool-card{display:flex;flex-direction:column}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.price-card .price{font-family:var(--font-display);font-size:2.1rem;color:var(--gold2);margin:12px 0}.gx-accordion{background:rgba(255,255,255,.04);border:1px solid var(--line)!important;border-radius:18px!important;margin-bottom:12px;overflow:hidden}.gx-accordion .accordion-button{background:rgba(255,255,255,.035);color:var(--text);font-weight:800}.gx-accordion .accordion-button:not(.collapsed){background:rgba(217,177,93,.1);color:var(--gold2)}.gx-accordion .accordion-body{color:var(--muted);background:rgba(255,255,255,.02)}.blog-item h3{font-size:1.35rem}.search-result{display:flex;gap:12px;align-items:flex-start}.search-result-icon{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:rgba(23,141,255,.12);color:#9ed8ff;flex:0 0 auto}.cookie-modal{z-index:2200}.cookie-box{max-height:min(760px,calc(100vh - 40px));overflow:auto}.cookie-grid-v9{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.cookie-option{cursor:pointer}.cookie-option input{accent-color:#d9b15d}.cookie-details{margin-top:14px;border:1px solid var(--line);border-radius:18px;padding:12px 14px;background:rgba(255,255,255,.035)}.cookie-details summary{cursor:pointer;color:var(--gold2);font-weight:800}.cookie-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px;color:var(--muted)}.cookie-note{min-height:20px;margin-top:10px;color:var(--gold2);font-weight:700}.cookie-fab{display:none;grid-template-columns:auto auto;gap:7px;align-items:center;width:auto;min-width:48px;padding:0 13px;border-radius:999px}.cookie-fab.open{display:grid}.version-toast{position:fixed;right:18px;bottom:104px;z-index:1400;display:none;align-items:center;gap:16px;max-width:min(420px,calc(100vw - 30px));padding:15px 16px;border:1px solid rgba(217,177,93,.42);border-radius:22px;background:linear-gradient(135deg,rgba(5,11,21,.96),rgba(13,31,55,.94));box-shadow:var(--shadow);color:#fff}.version-toast.open{display:flex}.version-toast strong{display:block;color:var(--gold2);font-family:var(--font-display);font-size:1.05rem}.version-toast span{display:block;color:var(--muted);font-size:.92rem}.version-toast button{border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:12px;width:36px;height:36px}.footer-link-btn{background:transparent;border:0;color:var(--muted);padding:0;text-align:left;display:block;margin:.4rem 0}.brand-img{object-fit:contain}.hero-app-icon{background:#030710}.system-chip{font-family:var(--font-display);letter-spacing:.01em}.footer h5{color:var(--gold2)}html[data-theme="light"] .side-collapse-toggle{color:#172033}html[data-theme="light"] .side-collapse-toggle:hover,html[data-theme="light"] .side-collapse-toggle.active{color:#0c63c7;background:rgba(23,141,255,.1)}html[data-theme="light"] .gx-accordion .accordion-button{color:#101827;background:rgba(255,255,255,.78)}html[data-theme="light"] .gx-accordion .accordion-body{background:rgba(255,255,255,.55)}html[data-theme="light"] .version-toast{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,244,251,.96));color:#101827}html[data-theme="light"] .version-toast button{color:#101827;background:rgba(0,0,0,.07)}
@media(max-width:768px){.page-hero-sm{padding-top:125px}.version-toast{left:13px;right:13px;bottom:154px}.cookie-fab.open{bottom:94px}.image-benefit-section .media-frame,.image-benefit-section .media-frame img{min-height:260px}}


/* V9.2 Premium Content, Navigation & Notification Update */
.nav-section-label{font-family:var(--font-display);font-size:.72rem;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,233,178,.75);margin:18px 8px 8px}.side-link-button{width:100%;display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;color:#eaf2ff;border:1px solid transparent;margin-bottom:8px;transition:.22s;background:transparent;text-align:left}.side-link-button i{color:var(--gold);width:32px}.side-link-button:hover{background:rgba(255,255,255,.055);border-color:var(--line);transform:translateX(4px);color:#fff}.nav-group{margin:0 0 8px}.nav-group>summary{list-style:none;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:rgba(255,255,255,.025);color:#dfe8f4;border-radius:18px;padding:12px 14px;text-align:left;font-weight:800;letter-spacing:.01em;font-family:var(--font-display)}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary span{display:flex;align-items:center;gap:11px}.nav-group>summary i:first-child{color:var(--gold);width:32px}.nav-group .bi-chevron-down{transition:.25s ease}.nav-group[open] .bi-chevron-down{transform:rotate(180deg)}.nav-group[open]>summary,.nav-group>summary:hover{background:rgba(217,177,93,.11);color:var(--gold2)}.tool-submenu{display:grid;gap:6px;padding:8px 0 10px 18px}.tool-submenu a{margin-bottom:0;font-size:.95rem;padding:10px 12px;background:rgba(255,255,255,.025)}.tool-submenu a i{width:26px}.hero-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.hero-proof{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.055);padding:16px}.hero-proof strong{display:block;color:var(--gold2);font-family:var(--font-display);font-size:1.2rem}.hero-proof span{font-size:.9rem;color:var(--muted)}.content-columns{columns:2 320px;column-gap:34px}.content-columns p{break-inside:avoid}.benefit-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.benefit-mini{padding:18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.045)}.benefit-mini i{color:var(--gold2);font-size:1.4rem}.blog-category-filter{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.blog-category-filter button{border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--text);border-radius:999px;padding:8px 12px;font-weight:800}.blog-category-filter button.active{background:linear-gradient(90deg,var(--gold2),var(--gold));color:#090b10;border-color:transparent}.blog-image{width:100%;height:220px;object-fit:cover;border-radius:22px;border:1px solid var(--line);margin-bottom:14px}.blog-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.blog-card{padding:18px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.03));box-shadow:var(--shadow);display:flex;flex-direction:column}.blog-card h3{font-size:1.35rem}.blog-card .text-gold{margin-top:auto}.article-hero-img{width:100%;max-height:430px;object-fit:cover;border-radius:32px;border:1px solid var(--line);box-shadow:var(--shadow);margin:24px 0}.article-body h2{margin-top:34px;color:var(--gold2)}.article-body p,.article-body li{font-size:1.05rem;line-height:1.75;color:var(--muted)}.gx-notify-root{position:fixed;right:18px;top:88px;z-index:2300;display:grid;gap:10px;width:min(410px,calc(100vw - 30px));pointer-events:none}.gx-notice{pointer-events:auto;border:1px solid rgba(217,177,93,.38);border-radius:22px;background:linear-gradient(135deg,rgba(5,11,21,.96),rgba(11,28,50,.95));box-shadow:var(--shadow);padding:14px 16px;display:flex;gap:12px;align-items:flex-start;color:#fff;animation:noticeIn .28s ease}.gx-notice i{color:var(--gold2);font-size:1.25rem}.gx-notice strong{display:block;color:var(--gold2);font-family:var(--font-display);font-size:1.05rem}.gx-notice span{display:block;color:var(--muted);font-size:.92rem}.gx-notice button{margin-left:auto;border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:12px;width:34px;height:34px}@keyframes noticeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.cookie-modal.open{display:flex}.cookie-box{border:1px solid rgba(217,177,93,.28)}.cookie-x{width:38px;height:38px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff}.cookie-fab{position:fixed;right:18px;bottom:18px;z-index:1500;height:48px;border:1px solid rgba(217,177,93,.35);background:linear-gradient(135deg,rgba(5,11,21,.92),rgba(9,24,42,.92));color:#fff;box-shadow:var(--shadow)}.side-nav a.active,.side-link-button.active{background:rgba(217,177,93,.12);border-color:rgba(217,177,93,.28);color:var(--gold2)}.menu-note{font-size:.85rem;color:var(--muted);padding:4px 10px 10px}.hero-slide{background-position:center}.hero-glass{border:1px solid rgba(217,177,93,.25)}.hero-app-icon{width:110px;height:110px;border-radius:28px;padding:10px;border:1px solid rgba(217,177,93,.3);box-shadow:0 20px 55px rgba(0,0,0,.35)}.clean-list li{gap:10px}.service-card h4,.tool-card h4{font-size:1.28rem}.footer-bottom{letter-spacing:.02em}
html[data-theme="light"] .nav-section-label{color:#7c5b19}html[data-theme="light"] .nav-group>summary,html[data-theme="light"] .side-link-button{color:#172033}html[data-theme="light"] .blog-card,html[data-theme="light"] .benefit-mini,html[data-theme="light"] .hero-proof{background:rgba(255,255,255,.72)}html[data-theme="light"] .gx-notice{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,244,251,.96));color:#101827}html[data-theme="light"] .gx-notice button{color:#101827;background:rgba(0,0,0,.07)}html[data-theme="light"] .cookie-x{color:#101827;background:rgba(0,0,0,.05)}
@media(max-width:768px){.hero-proof-grid{grid-template-columns:1fr}.gx-notify-root{left:13px;right:13px;top:auto;bottom:154px;width:auto}.blog-image{height:190px}.content-columns{columns:1}.nav-section-label{margin-top:14px}}


/* V9.2 Premium Content, Navigation & Notification Update */
.nav-section-label{font-family:var(--font-display);font-size:.72rem;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,233,178,.75);margin:18px 8px 8px}.side-link-button{width:100%;display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;color:#eaf2ff;border:1px solid transparent;margin-bottom:8px;transition:.22s;background:transparent;text-align:left}.side-link-button i{color:var(--gold);width:32px}.side-link-button:hover{background:rgba(255,255,255,.055);border-color:var(--line);transform:translateX(4px);color:#fff}.nav-group{margin:0 0 8px}.nav-group>summary{list-style:none;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:rgba(255,255,255,.025);color:#dfe8f4;border-radius:18px;padding:12px 14px;text-align:left;font-weight:800;letter-spacing:.01em;font-family:var(--font-display)}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary span{display:flex;align-items:center;gap:11px}.nav-group>summary i:first-child{color:var(--gold);width:32px}.nav-group .bi-chevron-down{transition:.25s ease}.nav-group[open] .bi-chevron-down{transform:rotate(180deg)}.nav-group[open]>summary,.nav-group>summary:hover{background:rgba(217,177,93,.11);color:var(--gold2)}.tool-submenu{display:grid;gap:6px;padding:8px 0 10px 18px}.tool-submenu a{margin-bottom:0;font-size:.95rem;padding:10px 12px;background:rgba(255,255,255,.025)}.tool-submenu a i{width:26px}.hero-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.hero-proof{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.055);padding:16px}.hero-proof strong{display:block;color:var(--gold2);font-family:var(--font-display);font-size:1.2rem}.hero-proof span{font-size:.9rem;color:var(--muted)}.content-columns{columns:2 320px;column-gap:34px}.content-columns p{break-inside:avoid}.benefit-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.benefit-mini{padding:18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.045)}.benefit-mini i{color:var(--gold2);font-size:1.4rem}.blog-category-filter{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.blog-category-filter button{border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--text);border-radius:999px;padding:8px 12px;font-weight:800}.blog-category-filter button.active{background:linear-gradient(90deg,var(--gold2),var(--gold));color:#090b10;border-color:transparent}.blog-image{width:100%;height:220px;object-fit:cover;border-radius:22px;border:1px solid var(--line);margin-bottom:14px}.blog-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.blog-card{padding:18px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.03));box-shadow:var(--shadow);display:flex;flex-direction:column}.blog-card h3{font-size:1.35rem}.blog-card .text-gold{margin-top:auto}.article-hero-img{width:100%;max-height:430px;object-fit:cover;border-radius:32px;border:1px solid var(--line);box-shadow:var(--shadow);margin:24px 0}.article-body h2{margin-top:34px;color:var(--gold2)}.article-body p,.article-body li{font-size:1.05rem;line-height:1.75;color:var(--muted)}.gx-notify-root{position:fixed;right:18px;top:88px;z-index:2300;display:grid;gap:10px;width:min(410px,calc(100vw - 30px));pointer-events:none}.gx-notice{pointer-events:auto;border:1px solid rgba(217,177,93,.38);border-radius:22px;background:linear-gradient(135deg,rgba(5,11,21,.96),rgba(11,28,50,.95));box-shadow:var(--shadow);padding:14px 16px;display:flex;gap:12px;align-items:flex-start;color:#fff;animation:noticeIn .28s ease}.gx-notice i{color:var(--gold2);font-size:1.25rem}.gx-notice strong{display:block;color:var(--gold2);font-family:var(--font-display);font-size:1.05rem}.gx-notice span{display:block;color:var(--muted);font-size:.92rem}.gx-notice button{margin-left:auto;border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:12px;width:34px;height:34px}@keyframes noticeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.cookie-modal.open{display:flex}.cookie-box{border:1px solid rgba(217,177,93,.28)}.cookie-x{width:38px;height:38px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff}.cookie-fab{position:fixed;right:18px;bottom:18px;z-index:1500;height:48px;border:1px solid rgba(217,177,93,.35);background:linear-gradient(135deg,rgba(5,11,21,.92),rgba(9,24,42,.92));color:#fff;box-shadow:var(--shadow)}.side-nav a.active,.side-link-button.active{background:rgba(217,177,93,.12);border-color:rgba(217,177,93,.28);color:var(--gold2)}.menu-note{font-size:.85rem;color:var(--muted);padding:4px 10px 10px}.hero-slide{background-position:center}.hero-glass{border:1px solid rgba(217,177,93,.25)}.hero-app-icon{width:110px;height:110px;border-radius:28px;padding:10px;border:1px solid rgba(217,177,93,.3);box-shadow:0 20px 55px rgba(0,0,0,.35)}.clean-list li{gap:10px}.service-card h4,.tool-card h4{font-size:1.28rem}.footer-bottom{letter-spacing:.02em}
html[data-theme="light"] .nav-section-label{color:#7c5b19}html[data-theme="light"] .nav-group>summary,html[data-theme="light"] .side-link-button{color:#172033}html[data-theme="light"] .blog-card,html[data-theme="light"] .benefit-mini,html[data-theme="light"] .hero-proof{background:rgba(255,255,255,.72)}html[data-theme="light"] .gx-notice{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,244,251,.96));color:#101827}html[data-theme="light"] .gx-notice button{color:#101827;background:rgba(0,0,0,.07)}html[data-theme="light"] .cookie-x{color:#101827;background:rgba(0,0,0,.05)}
@media(max-width:768px){.hero-proof-grid{grid-template-columns:1fr}.gx-notify-root{left:13px;right:13px;top:auto;bottom:154px;width:auto}.blog-image{height:190px}.content-columns{columns:1}.nav-section-label{margin-top:14px}}


/* V9.3 Patch: Navigation, App Store Tiles, Changelog, Site Check, Fixed CI */
.brand strong{font-family:var(--font-display);letter-spacing:.02em}.brand-x{color:#176bff!important;text-shadow:0 0 22px rgba(23,107,255,.65),0 0 2px #fff}.brand-word{font-weight:900;color:var(--text)}
.home-hero.hero-slider{min-height:760px;height:min(92vh,860px);padding:138px 0 88px}.hero-content{min-height:540px;display:flex;align-items:center}.hero-fixed-title,.mega-title{min-height:clamp(7rem,15vw,15rem);display:block}.hero-lead{min-height:6.2rem}.hero-slider .row{width:100%}.hero-slide{background-size:cover;background-position:center}
.cookie-fab{left:18px!important;right:auto!important;bottom:18px!important;width:54px!important;height:54px!important;min-width:54px!important;border-radius:50%!important;padding:0!important;display:none;place-items:center;grid-template-columns:1fr!important}.cookie-fab.open{display:grid!important}.cookie-fab i{font-size:1.35rem;color:var(--gold2)}.cookie-fab span{display:none!important}.sticky-cta{display:none!important}
.search-open-btn{width:44px;height:44px;align-items:center;justify-content:center;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:#fff}.search-open-btn span,.search-open-btn .bi-command{display:none!important}.search-open-btn:hover{border-color:rgba(217,177,93,.45);color:var(--gold2)}
.app-store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:18px}.app-tile{position:relative;display:flex;flex-direction:column;gap:14px;min-height:100%;padding:20px;border:1px solid rgba(217,177,93,.22);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:var(--shadow);overflow:hidden}.app-tile:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 80% 0,rgba(23,107,255,.20),transparent 25%),radial-gradient(circle at 10% 100%,rgba(217,177,93,.16),transparent 30%);pointer-events:none}.app-tile>*{position:relative}.app-tile-icon{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#06152b,#0b2340);border:1px solid rgba(217,177,93,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.app-tile-icon i{font-size:2rem;color:var(--gold2)}.app-tile h4{font-size:1.35rem;margin:0}.app-tile p{color:var(--muted);line-height:1.6}.app-tile .btn{margin-top:auto}
.tech-slider{overflow:hidden;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.035);padding:18px}.tech-track{display:flex;gap:14px;width:max-content;animation:techMarquee 42s linear infinite}.tech-slider:hover .tech-track{animation-play-state:paused}.tech-pill{width:270px;min-height:150px;border:1px solid rgba(217,177,93,.20);border-radius:24px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))}.tech-pill i{font-size:1.7rem;color:#66b4ff}.tech-pill strong{display:block;color:var(--gold2);font-family:var(--font-display);font-size:1.2rem;margin:8px 0}.tech-pill span{display:block;color:var(--muted);font-size:.94rem;line-height:1.5}@keyframes techMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.social-grid{display:flex;flex-wrap:wrap;gap:12px}.social-button{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:12px 18px;color:#fff;text-decoration:none;font-weight:900;box-shadow:0 14px 34px rgba(0,0,0,.25);transition:.22s}.social-button:hover{transform:translateY(-2px);color:#fff}.social-facebook{background:#1877f2}.social-instagram{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4)}.social-youtube{background:#ff0000}.social-tiktok{background:#050505;border:1px solid rgba(255,255,255,.18)}.social-audiomack{background:#ff9d00;color:#0b0b0b}.social-email{background:linear-gradient(135deg,#0c2039,#176bff)}
.timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.timeline-card{padding:22px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.045);box-shadow:var(--shadow)}.timeline-card span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:16px;background:rgba(217,177,93,.12);color:var(--gold2);font-family:var(--font-display);font-weight:900;margin-bottom:14px}.timeline-card h4{font-size:1.25rem}.media-frame{border-radius:32px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);min-height:360px;background:#07111f}.media-frame img{width:100%;height:100%;min-height:360px;object-fit:cover;filter:saturate(1.06) contrast(1.04)}
.changelog-scroll{max-height:520px;overflow:auto;padding-right:8px;display:grid;gap:16px}.changelog-item{padding:20px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.045);box-shadow:var(--shadow)}.changelog-item h3{margin:12px 0 0;font-size:1.35rem}.changelog-item small{color:var(--muted)}
.site-check-panel{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.045);padding:24px;box-shadow:var(--shadow)}.site-check-running{color:var(--gold2);font-weight:900}.site-check-summary{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid rgba(217,177,93,.25);border-radius:20px;padding:16px;margin-bottom:14px;background:rgba(217,177,93,.08)}.site-check-summary strong{color:var(--gold2);font-family:var(--font-display);font-size:1.25rem}.site-check-summary span{color:var(--muted)}.site-check-list{display:grid;gap:8px}.site-check-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:11px 12px;background:rgba(255,255,255,.035)}.site-check-row.ok i{color:#62d26f}.site-check-row.bad i{color:#ff7676}.site-check-row small{color:var(--muted);text-align:right}
.nav-group>summary{min-height:50px}.tool-submenu{display:grid!important}.side-nav .menu-divider + .nav-group{margin-top:10px}.footer a,.footer-link-btn{margin:.38rem 0}
@media(max-width:991px){.home-hero.hero-slider{height:auto;min-height:780px}.hero-content{min-height:auto}.hero-fixed-title,.mega-title{min-height:auto}.hero-lead{min-height:auto}.media-frame,.media-frame img{min-height:280px}}
@media(max-width:768px){.cookie-fab.open{bottom:94px!important}.site-check-row{grid-template-columns:26px 1fr}.site-check-row small{grid-column:2;text-align:left}.tech-pill{width:240px}.home-hero.hero-slider{min-height:720px;padding-top:124px}.hero-proof-grid{grid-template-columns:1fr}.social-grid{display:grid}.social-button{justify-content:center}}
html[data-theme="light"] .app-tile,html[data-theme="light"] .timeline-card,html[data-theme="light"] .changelog-item,html[data-theme="light"] .site-check-panel,html[data-theme="light"] .tech-slider{background:rgba(255,255,255,.72)}html[data-theme="light"] .search-open-btn{color:#101827;background:rgba(0,0,0,.05)}


/* V9.4 Startseite, Sprachwahl, Tool-Details, Scroll-Top */
.home-hero.hero-slider{min-height:780px;height:min(92vh,880px);padding:140px 0 88px}.hero-content{min-height:560px}.hero-fixed-title,.mega-title{min-height:clamp(7.2rem,14vw,14.5rem)}.hero-lead{min-height:6.5rem;max-width:860px}.hero-slider .hero-slide{background-attachment:fixed}.hero-slider .hero-overlay{background:linear-gradient(90deg,rgba(3,7,16,.96),rgba(3,7,16,.58),rgba(3,7,16,.9)),radial-gradient(circle at 18% 28%,rgba(23,107,255,.22),transparent 34%),radial-gradient(circle at 72% 76%,rgba(217,177,93,.18),transparent 30%)}
.language-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);backdrop-filter:blur(12px)}.language-switch button{border:0;background:transparent;color:var(--muted);font-family:var(--font-display);font-weight:800;letter-spacing:.04em;border-radius:999px;padding:6px 10px}.language-switch button.active{background:linear-gradient(135deg,rgba(217,177,93,.24),rgba(23,107,255,.18));color:#fff}.language-switch-sidebar{width:max-content;margin:8px 8px 14px}
.app-tile-button{text-align:left;color:inherit;width:100%;cursor:pointer}.app-tile-button:hover{transform:translateY(-3px);border-color:rgba(217,177,93,.48)}.tool-detail-modal{position:fixed;inset:0;z-index:2400;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.64);backdrop-filter:blur(8px)}.tool-detail-modal.open{display:flex}.tool-detail-box{position:relative;width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid rgba(217,177,93,.32);border-radius:32px;background:linear-gradient(160deg,rgba(5,11,21,.98),rgba(10,27,48,.98));box-shadow:var(--shadow);padding:28px}.tool-detail-close{position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff}.tool-detail-head{display:flex;gap:18px;align-items:flex-start;padding-right:48px}.tool-detail-head h2{margin:4px 0 10px}.tool-detail-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin-top:18px}
.faq-category{margin-bottom:26px}.faq-category h3{font-family:var(--font-display);color:var(--gold2);margin:0 0 12px}.storage-table{display:grid;gap:10px;margin:18px 0}.storage-table>div{display:grid;gap:5px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045)}.storage-table strong{color:var(--gold2);font-family:var(--font-display)}.storage-table span{color:var(--muted)}
.scroll-top{position:fixed;right:18px;bottom:18px;z-index:1500;width:54px;height:54px;border-radius:50%;border:1px solid rgba(217,177,93,.35);background:linear-gradient(135deg,rgba(5,11,21,.94),rgba(10,27,48,.94));color:var(--gold2);display:grid;place-items:center;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(14px);transition:.24s ease}.scroll-top.open{opacity:1;visibility:visible;transform:none}.scroll-top:hover{color:#fff;border-color:rgba(217,177,93,.62)}
.social-whatsapp{background:#25d366;color:#07111f}.social-github{background:#171515}.social-whatsapp:hover{color:#07111f}.cookie-fab{left:18px!important}.scroll-top{right:18px!important}
@media(max-width:991px){.hero-slider .hero-slide{background-attachment:scroll}.home-hero.hero-slider{height:auto;min-height:760px}.hero-content{min-height:auto}.hero-fixed-title,.mega-title,.hero-lead{min-height:auto}.tool-detail-head{display:grid;padding-right:38px}}
@media(max-width:768px){.language-switch{display:none}.language-switch-sidebar{display:inline-flex}.scroll-top{bottom:94px}.cookie-fab.open{bottom:154px!important}.hero-proof-grid{grid-template-columns:1fr}.home-hero.hero-slider{min-height:720px}.tool-detail-box{padding:22px}.tool-detail-features{grid-template-columns:1fr}}
html[data-theme="light"] .tool-detail-box{background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(238,244,251,.98));color:#101827}html[data-theme="light"] .tool-detail-close{color:#101827;background:rgba(0,0,0,.06)}html[data-theme="light"] .language-switch button.active{color:#101827}


/* ===== Gixolex V10: Premium depth, diagonal sections, micro animations & Easter eggs ===== */
:root{--gx-v10-glow:0 0 34px rgba(35,136,255,.18),0 0 58px rgba(217,177,93,.12);--gx-v10-line:linear-gradient(90deg,transparent,rgba(217,177,93,.62),rgba(35,136,255,.42),transparent)}
.section{position:relative;overflow:hidden}.section::after{content:"";position:absolute;right:-14vw;top:8%;width:42vw;height:42vw;background:linear-gradient(135deg,rgba(26,102,255,.08),rgba(217,177,93,.07),transparent 68%);clip-path:polygon(50% 0,100% 100%,0 100%);filter:blur(.2px);pointer-events:none;opacity:.72;transform:rotate(10deg)}
.diagonal-section{isolation:isolate}.diagonal-section::before{content:"";position:absolute;inset:-1px 0 auto 0;height:120px;background:linear-gradient(170deg,rgba(217,177,93,.13),rgba(35,136,255,.08) 46%,transparent 47%);clip-path:polygon(0 0,100% 0,100% 46%,0 100%);z-index:-1}.diagonal-section::after{opacity:.95;right:-8vw;top:auto;bottom:-10vw;transform:rotate(-18deg)}
.footer{position:relative;overflow:hidden}.footer::before{content:"";position:absolute;left:0;right:0;top:0;height:150px;background:linear-gradient(168deg,rgba(10,27,48,0) 0%,rgba(217,177,93,.12) 49%,transparent 50%);pointer-events:none}.footer::after{content:"";position:absolute;right:-6rem;bottom:-8rem;width:28rem;height:28rem;border:1px solid rgba(35,136,255,.18);background:radial-gradient(circle at 30% 30%,rgba(35,136,255,.16),transparent 58%);clip-path:polygon(50% 0,100% 88%,0 100%);transform:rotate(18deg);pointer-events:none}.footer-version{display:inline-flex;margin-left:.65rem;padding:.16rem .55rem;border:1px solid rgba(217,177,93,.28);border-radius:999px;color:var(--gold2);background:rgba(255,255,255,.04)}
.cardx,.premium-card,.service-card,.blog-card,.price-card,.benefit-mini,.app-tile,.legal-card,.settings-card,.media-frame,.contact-card,.search-panel,.cookie-box,.pwa-card{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease,filter .32s ease}.cardx:hover,.premium-card:hover,.service-card:hover,.blog-card:hover,.price-card:hover,.benefit-mini:hover,.app-tile:hover,.legal-card:hover,.settings-card:hover,.media-frame:hover{transform:translateY(-6px);box-shadow:var(--shadow),var(--gx-v10-glow);border-color:rgba(217,177,93,.34)}.btn-gold,.btn-ghost,.search-open-btn,.nav-toggle,.cookie-fab,.scroll-top{position:relative;overflow:hidden}.btn-gold::after,.btn-ghost::after,.search-open-btn::after,.nav-toggle::after,.cookie-fab::after,.scroll-top::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.24) 45%,transparent 68%);transform:translateX(-130%);transition:transform .65s ease;pointer-events:none}.btn-gold:hover::after,.btn-ghost:hover::after,.search-open-btn:hover::after,.nav-toggle:hover::after,.cookie-fab:hover::after,.scroll-top:hover::after{transform:translateX(130%)}
.brand-img{filter:drop-shadow(0 0 12px rgba(35,136,255,.18));transition:transform .28s ease,filter .28s ease}.brand:hover .brand-img{transform:scale(1.05) rotate(-1deg);filter:drop-shadow(0 0 18px rgba(35,136,255,.34)) drop-shadow(0 0 20px rgba(217,177,93,.16))}.brand-x{animation:gxXGlow 4.8s ease-in-out infinite}.hero-slide::after{animation:gxHeroBreath 9s ease-in-out infinite}.hero-slide .btn,.hero-proof,.system-chip{animation:gxSoftFloat 7s ease-in-out infinite}.hero-proof:nth-child(2),.system-chip:nth-child(2n){animation-delay:.6s}.hero-proof:nth-child(3),.system-chip:nth-child(3n){animation-delay:1.2s}.media-frame img,.blog-image{transition:transform 1.15s cubic-bezier(.18,.82,.22,1),filter .6s ease}.media-frame:hover img,.blog-card:hover .blog-image{transform:scale(1.055);filter:saturate(1.08) contrast(1.04)}
.gx-reveal{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .7s ease var(--reveal-delay,0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}.gx-reveal.is-visible{opacity:1;transform:none}.gx-notice{backdrop-filter:blur(18px);border:1px solid rgba(217,177,93,.22);box-shadow:var(--shadow),var(--gx-v10-glow)}.version-toast.open{box-shadow:var(--shadow),0 0 0 1px rgba(217,177,93,.22),0 0 42px rgba(35,136,255,.16)}
.gx-easter-burst{position:fixed;inset:0;z-index:2400;pointer-events:none;overflow:hidden}.gx-easter-burst span{position:absolute;left:var(--x);bottom:-20px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#fff,var(--gold2) 42%,rgba(35,136,255,.65) 72%,transparent);box-shadow:0 0 16px rgba(217,177,93,.65);animation:gxSparkRise var(--d) ease-out var(--delay) forwards}.gx-signature-mode .gx-navbar,.gx-signature-mode .footer,.gx-signature-mode .cardx,.gx-signature-mode .premium-card{box-shadow:var(--shadow),0 0 0 1px rgba(35,136,255,.2),0 0 38px rgba(217,177,93,.16)}.gx-signature-mode .brand-x{color:#39a2ff!important;text-shadow:0 0 22px rgba(35,136,255,.82),0 0 30px rgba(217,177,93,.42)}
@keyframes gxXGlow{0%,100%{text-shadow:0 0 0 rgba(35,136,255,0)}50%{text-shadow:0 0 18px rgba(35,136,255,.68),0 0 30px rgba(217,177,93,.22)}}@keyframes gxHeroBreath{0%,100%{opacity:.86;filter:saturate(1)}50%{opacity:.96;filter:saturate(1.12)}}@keyframes gxSoftFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes gxSparkRise{0%{transform:translateY(0) scale(.75);opacity:0}15%{opacity:1}100%{transform:translateY(-96vh) scale(1.5);opacity:0}}
body.reduce-motion .gx-reveal,body.reduce-motion .hero-slide::after,body.reduce-motion .hero-slide .btn,body.reduce-motion .hero-proof,body.reduce-motion .system-chip,body.reduce-motion .brand-x{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}@media (prefers-reduced-motion:reduce){.gx-reveal{opacity:1!important;transform:none!important}.brand-x,.hero-slide::after,.hero-slide .btn,.hero-proof,.system-chip{animation:none!important}}
html[data-theme="light"] .section::after{opacity:.38}html[data-theme="light"] .footer-version{background:rgba(7,17,31,.04);color:#7b5b16}
/* V10.1 language, lazy loading and footer menu controls */
.language-dropdown{position:relative;display:inline-flex;align-items:center}
.lang-select{appearance:none;-webkit-appearance:none;border:1px solid rgba(217,177,93,.28);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));color:var(--text);font-weight:800;padding:.55rem 2.1rem .55rem .9rem;line-height:1;box-shadow:0 10px 24px rgba(0,0,0,.18);cursor:pointer;min-width:86px}
.language-dropdown::after{content:"⌄";position:absolute;right:.78rem;top:50%;transform:translateY(-54%);color:var(--gold2);font-weight:900;pointer-events:none}
.lang-select option{background:#07111f;color:#fff}
.language-switch-sidebar{width:100%;margin:.35rem 0 .65rem}.language-switch-sidebar .lang-select{width:100%;border-radius:16px;padding:.72rem 2.2rem .72rem 1rem;text-align:left}
.hero-slide[data-lazy-bg]{background-image:linear-gradient(135deg,rgba(5,11,21,.92),rgba(10,31,55,.72));filter:saturate(1.02)}
.hero-slide.lazy-bg-loaded{animation:gxLazyFade .85s ease both}@keyframes gxLazyFade{from{opacity:.28;filter:blur(10px) saturate(.8)}to{opacity:1;filter:none}}
.hide-footer-menu .footer .footer-menu-col{display:none!important}.hide-footer-menu .footer .row{align-items:flex-start}.hide-footer-menu .footer .col-lg-4{width:100%;max-width:760px}.hide-footer-menu .footer-bottom{margin-top:18px}
html[data-lang="en"] .brand-word,html[data-lang="en"] .brand{unicode-bidi:isolate}
@media(max-width:576px){.lang-select{min-width:76px;padding:.5rem 1.8rem .5rem .72rem;font-size:.9rem}.gx-navbar .container{gap:.35rem}.gx-navbar .brand small{display:none}}
/* V10.3: scroll-to-top fixed to right side on every viewport */
.scroll-top{right:18px!important;left:auto!important;bottom:18px;}
@media(max-width:768px){.scroll-top{right:18px!important;left:auto!important;bottom:94px;}}

/* === GixFlow V10.4 page/header/i18n polish === */
.home-hero.hero-slider .hero-content{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:24px;}
.home-hero.hero-slider .hero-content>.row{flex:0 0 auto;}
.hero-slider-controls{width:100%;justify-content:center;align-items:center;margin:8px auto 0!important;position:relative;z-index:5;}
.hero-proof-grid-below{width:100%;max-width:1050px;margin:0 auto;position:relative;z-index:5;}
.home-hero .hero-proof-grid:not(.hero-proof-grid-below){margin-top:0;}
.scroll-top{right:18px!important;left:auto!important;bottom:18px!important;}
@media(max-width:768px){.scroll-top{right:18px!important;left:auto!important;bottom:94px!important;}}
.page-hero-sm{position:relative;overflow:hidden;min-height:420px;padding:160px 0 90px!important;display:flex;align-items:center;background-image:linear-gradient(105deg,rgba(3,7,16,.94),rgba(7,17,31,.72),rgba(3,7,16,.93)),url('https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=1800&q=82');background-size:cover;background-position:center;background-attachment:fixed;}
.page-hero-sm:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 24%,rgba(23,141,255,.22),transparent 30%),radial-gradient(circle at 82% 76%,rgba(217,177,93,.19),transparent 34%);pointer-events:none;}
.page-hero-sm:after{content:"";position:absolute;right:-11vw;bottom:-14vw;width:42vw;height:42vw;min-width:320px;min-height:320px;border:1px solid rgba(217,177,93,.20);background:linear-gradient(135deg,rgba(23,141,255,.08),rgba(217,177,93,.10));clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(12deg);filter:blur(.1px);animation:gxTriangleFloat 12s ease-in-out infinite;}
.page-hero-sm>.container{position:relative;z-index:2;}
.page-hero-sm .mini-kicker{animation:gxFadeUp .65s ease both;}
.page-hero-sm .page-title{animation:gxTitleRise .82s cubic-bezier(.18,.82,.22,1) both;transform-origin:left bottom;}
.page-hero-sm .lead{animation:gxFadeUp .9s ease .12s both;}
.page-hero-sm .cardx,.page-hero-sm .media-frame,.page-hero-sm .feature-matrix{animation:gxFadeUp .9s ease .18s both;}
.gixflow-hero{background-image:linear-gradient(105deg,rgba(3,7,16,.96),rgba(7,17,31,.66),rgba(3,7,16,.93)),url('https://images.unsplash.com/photo-1555066931-4365d14bab8c?auto=format&fit=crop&w=1800&q=82');}
@keyframes gxFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes gxTitleRise{from{opacity:0;transform:translateY(26px) scale(.985);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes gxTriangleFloat{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-18px) rotate(16deg)}}
@media(max-width:991px){.page-hero-sm{background-attachment:scroll;min-height:360px;padding:132px 0 72px!important}.hero-proof-grid-below{grid-template-columns:1fr}.hero-slider-controls{margin-top:18px!important}}
body.reduce-motion .page-hero-sm .mini-kicker,body.reduce-motion .page-hero-sm .page-title,body.reduce-motion .page-hero-sm .lead,body.reduce-motion .page-hero-sm:after{animation:none!important;transform:none!important;filter:none!important;opacity:1!important}

/* === GixFlow V10.5: fixed action buttons + clean hero slider layout === */
.brand-x{font-size:1.06em;text-transform:uppercase;}
.cookie-fab,
.cookie-fab.open{position:fixed!important;left:18px!important;right:auto!important;bottom:18px!important;top:auto!important;z-index:1700!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;padding:0!important;border-radius:50%!important;place-items:center!important;grid-template-columns:1fr!important;overflow:hidden!important;}
.cookie-fab{display:none!important;}
.cookie-fab.open{display:grid!important;}
.cookie-fab i{font-size:1.35rem!important;line-height:1!important;margin:0!important;}
.scroll-top,
.scroll-top.open{position:fixed!important;right:18px!important;left:auto!important;bottom:18px!important;top:auto!important;z-index:1700!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;border-radius:50%!important;overflow:hidden!important;}
@media(max-width:768px){.cookie-fab,.cookie-fab.open{left:18px!important;right:auto!important;bottom:18px!important;}.scroll-top,.scroll-top.open{right:18px!important;left:auto!important;bottom:18px!important;}}
.home-hero.hero-slider{position:relative!important;overflow:hidden!important;display:block!important;}
.home-hero.hero-slider .hero-content{position:relative!important;z-index:4!important;min-height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding-bottom:92px!important;}
.home-hero.hero-slider .hero-content>.row{width:100%!important;margin-left:0!important;margin-right:0!important;}
.home-hero.hero-slider .hero-slider-controls{position:absolute!important;left:50%!important;right:auto!important;bottom:34px!important;transform:translateX(-50%)!important;z-index:9!important;width:auto!important;margin:0!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;background:rgba(3,7,16,.52)!important;backdrop-filter:blur(14px)!important;box-shadow:0 18px 48px rgba(0,0,0,.22)!important;}
.home-hero.hero-slider .hero-dot{flex:0 0 auto!important;}
.hero-proof-section{position:relative;z-index:2;padding:30px 0 14px;background:linear-gradient(180deg,rgba(3,7,16,.98),rgba(5,11,21,.96));border-top:1px solid rgba(255,255,255,.08);}
.hero-proof-section .hero-proof-grid{margin:0 auto!important;max-width:1040px;}
.hero-proof-section .hero-proof{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));box-shadow:0 18px 40px rgba(0,0,0,.18);}
@media(max-width:991px){.home-hero.hero-slider .hero-content{padding-bottom:88px!important;}.home-hero.hero-slider .hero-slider-controls{bottom:28px!important;}}
@media(max-width:768px){.hero-proof-section{padding:22px 0 8px;}.hero-proof-section .hero-proof-grid{grid-template-columns:1fr!important;}.home-hero.hero-slider .hero-slider-controls{bottom:22px!important;}}


/* === GixFlow V10.6: Startseite, Slider-Navigation, Projektkosten-Rechner === */
.home-hero.hero-slider{min-height:720px;height:min(86vh,820px)!important;padding:142px 0 98px!important;position:relative!important;overflow:hidden!important;}
.home-hero.hero-slider .hero-content{min-height:100%!important;padding-bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.hero-slider-nav-wrap{position:relative;z-index:7;display:flex;justify-content:center;background:linear-gradient(180deg,rgba(3,7,16,.98),rgba(5,11,21,.98));padding:18px 0 8px;border-top:1px solid rgba(255,255,255,.08);}
.hero-slider-nav-wrap .hero-slider-controls{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin:0!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;padding:10px 16px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;background:rgba(255,255,255,.055)!important;backdrop-filter:blur(14px)!important;box-shadow:0 16px 42px rgba(0,0,0,.22)!important;}
.hero-value-section{position:relative;z-index:2;padding:24px 0 38px;background:linear-gradient(180deg,rgba(5,11,21,.98),rgba(5,11,21,.94));}
.hero-value-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid rgba(217,177,93,.22);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 24px 80px rgba(0,0,0,.26);}
.hero-value-card h2{font-family:var(--font-display);font-size:clamp(1.7rem,3vw,3rem);margin:.3rem 0;color:#fff;}
.hero-proof-grid-four{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;max-width:none!important;}
.hero-proof-grid-four .hero-proof{min-height:126px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);}
.calculator-cta-section .cta-panel-xl{align-items:center;border:1px solid rgba(217,177,93,.25);background:radial-gradient(circle at 12% 22%,rgba(23,141,255,.14),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));}
.project-cost-form .calculator-group{padding:22px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:rgba(255,255,255,.035);margin-bottom:18px;}
.project-cost-form .calculator-group h3{font-family:var(--font-display);font-size:1.35rem;color:var(--gold2);margin-bottom:14px;}
.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.option-grid label{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.035);cursor:pointer;transition:.22s ease;}
.option-grid label:hover{transform:translateY(-2px);border-color:rgba(217,177,93,.36);background:rgba(217,177,93,.06);}
.project-cost-result{top:110px;padding:28px;border-radius:30px;border:1px solid rgba(217,177,93,.25);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:0 24px 80px rgba(0,0,0,.26);}
.project-cost-result h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);color:var(--gold2);}
.project-cost-details{display:grid;gap:10px;margin-top:18px;}
.project-cost-details div{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.045);}
.project-cost-details i{color:#66b4ff;}
.project-cost-hero{background-image:linear-gradient(105deg,rgba(3,7,16,.96),rgba(7,17,31,.68),rgba(3,7,16,.93)),url('https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=1800&q=82');}
.scroll-top{position:fixed!important;right:22px!important;left:auto!important;bottom:24px!important;}
.cookie-fab{position:fixed!important;left:22px!important;right:auto!important;bottom:24px!important;}
@media(max-width:991px){.hero-proof-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-value-card{align-items:flex-start;flex-direction:column}.option-grid{grid-template-columns:1fr}.project-cost-result{position:relative!important;top:auto}.home-hero.hero-slider{height:auto!important;min-height:680px!important}.hero-slider-nav-wrap{padding-top:14px}}
@media(max-width:620px){.hero-proof-grid-four{grid-template-columns:1fr!important}.hero-value-card{padding:22px}.scroll-top{right:16px!important;bottom:90px!important}.cookie-fab{left:16px!important;bottom:90px!important}}



/* ==========================================================
   GIXOLEX Core UI v11
   Core-only behaviour/structure. Template look stays separate.
   ========================================================== */
:root{
  --gx-safe-bottom: env(safe-area-inset-bottom, 0px);
}
body{padding-bottom:0;}
.brand-word,.brand strong{text-transform:uppercase;letter-spacing:.035em}
.brand strong{font-family:Oswald,sans-serif}
.brand-x{color:var(--blue)!important;-webkit-text-fill-color:currentColor!important;text-shadow:0 0 18px rgba(23,141,255,.55)}
.loader-text{text-transform:uppercase;letter-spacing:.12em}

/* Fixed helper buttons: cookie left, scroll top right */
.cookie-fab{
  position:fixed!important;
  left:18px!important;
  right:auto!important;
  bottom:calc(18px + var(--gx-safe-bottom))!important;
  z-index:1400!important;
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  align-items:center;
  justify-content:center;
}
.cookie-fab.open,.cookie-fab.show{display:flex!important}
.scroll-top{
  position:fixed!important;
  right:18px!important;
  left:auto!important;
  bottom:calc(18px + var(--gx-safe-bottom))!important;
  z-index:1400!important;
  width:54px;height:54px;
  border-radius:50%;
  border:1px solid rgba(216,180,106,.42);
  background:linear-gradient(145deg,rgba(255,233,178,.97),rgba(216,180,106,.92));
  color:#07111f;
  box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.08) inset;
  display:grid;
  place-items:center;
  opacity:0;
  pointer-events:none;
  transform:translateY(12px) scale(.92);
  transition:opacity .25s ease, transform .25s ease;
}
.scroll-top.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
.scroll-top i{font-size:1.35rem;font-weight:900}

/* GIXOLEX v11 mobile dock: collapsed, one word + icons */
.mobile-tabbar{display:none!important}
.mobile-dock{
  position:fixed;
  left:50%;
  bottom:calc(16px + var(--gx-safe-bottom));
  transform:translateX(-50%);
  z-index:1390;
  display:none;
  width:min(430px,calc(100vw - 92px));
  pointer-events:none;
}
.mobile-dock-toggle{
  pointer-events:auto;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  min-width:118px;
  min-height:54px;
  border-radius:999px;
  border:1px solid rgba(216,180,106,.46);
  background:linear-gradient(145deg,rgba(255,233,178,.98),rgba(216,180,106,.94));
  color:#060b13;
  font-weight:900;
  font-family:Oswald,sans-serif;
  text-transform:uppercase;
  letter-spacing:.08em;
  box-shadow:0 22px 70px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.18) inset;
}
.mobile-dock-toggle i{font-size:1.25rem}
.mobile-dock-panel{
  pointer-events:auto;
  position:absolute;
  left:0;
  right:0;
  bottom:66px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  padding:10px;
  border:1px solid rgba(216,180,106,.28);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(7,17,31,.96),rgba(3,7,16,.94));
  box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.05) inset;
  opacity:0;
  transform:translateY(12px) scale(.96);
  transform-origin:bottom center;
  pointer-events:none;
  transition:opacity .25s ease,transform .25s ease;
  backdrop-filter:blur(18px);
}
.mobile-dock.open .mobile-dock-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.mobile-dock-panel a{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:62px;
  border-radius:19px;
  color:#f5f8ff;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.045);
  font-size:.74rem;
  font-weight:800;
}
.mobile-dock-panel a i{font-size:1.22rem;color:var(--gold2)}
.mobile-dock-panel a.active,.mobile-dock-panel a:hover{
  color:#070a10;
  background:linear-gradient(145deg,var(--gold2),var(--gold));
  border-color:rgba(255,233,178,.7);
}
.mobile-dock-panel a.active i,.mobile-dock-panel a:hover i{color:#070a10}

/* Collapsible social sidebar */
.social-rail{
  position:fixed;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:1385;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}
.social-rail-toggle{
  width:52px;height:52px;border-radius:50%;
  border:1px solid rgba(216,180,106,.38);
  background:linear-gradient(145deg,rgba(7,17,31,.94),rgba(3,7,16,.94));
  color:var(--gold2);
  box-shadow:0 18px 50px rgba(0,0,0,.45);
  display:grid;place-items:center;
}
.social-rail-links{
  display:flex;
  flex-direction:column;
  gap:8px;
  opacity:0;
  pointer-events:none;
  transform:translateX(10px);
  transition:opacity .24s ease,transform .24s ease;
}
.social-rail.open .social-rail-links{opacity:1;pointer-events:auto;transform:translateX(0)}
.social-rail-link{
  width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 14px 38px rgba(0,0,0,.35);
  transition:transform .2s ease,filter .2s ease;
}
.social-rail-link:hover{transform:translateX(-4px) scale(1.05);filter:saturate(1.25)}
.social-rail-link.facebook{background:#1877f2}
.social-rail-link.youtube{background:#ff0033}
.social-rail-link.whatsapp{background:#25d366;color:#06130a}
.social-rail-link.github{background:#161b22}
.social-rail-link.email{background:linear-gradient(145deg,#d8b46a,#fff0b8);color:#07111f}

@media (max-width: 820px){
  .mobile-dock{display:block}
  .social-rail{right:14px;top:auto;bottom:calc(92px + var(--gx-safe-bottom));transform:none}
  .cookie-fab{left:14px!important;bottom:calc(18px + var(--gx-safe-bottom))!important}
  .scroll-top{right:14px!important;bottom:calc(18px + var(--gx-safe-bottom))!important}
  .pwa-toast{bottom:calc(96px + var(--gx-safe-bottom))!important}
  .offline-banner{bottom:calc(92px + var(--gx-safe-bottom))!important}
}
@media (min-width: 821px){
  .mobile-dock{display:none!important}
}

/* Core states */
.gx-notice{animation:gxNoticeIn .26s ease both}
@keyframes gxNoticeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
[data-reveal].is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  *,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  [data-reveal]{opacity:1!important;transform:none!important}
}


/* GixFlow template-config layout hooks */
.gx-nav-fixed-bottom .app{padding-bottom:92px}
.gx-nav-scroll .gx-navbar{position:relative!important;top:auto!important;bottom:auto!important}
.gx-nav-sticky-top .gx-navbar{position:sticky!important;top:0}
.gx-nav-fixed-bottom .gx-navbar{top:auto!important;bottom:0!important;border-top:1px solid var(--line);border-bottom:0}
.gx-logo-center .gx-navbar .container{position:relative}
.gx-logo-center .gx-navbar .navbar-brand{position:absolute;left:50%;transform:translateX(-50%);z-index:3}
.gx-logo-right .gx-navbar .navbar-brand{margin-left:auto}
.gx-menu-icon-left .gx-nav-actions{flex-direction:row-reverse}
.gx-search-disabled .search-open-btn,.gx-search-disabled .side-search-btn{display:none!important}
.gx-brand-subtitle-hidden .brand small{display:none!important}
.hide-mobile-dock .mobile-dock{display:none!important}
.social-rail.is-disabled{display:none!important}
.gx-social-left-center .social-rail{left:18px;right:auto}
.gx-social-right-center .social-rail{right:18px;left:auto}
.gx-doc-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:22px 0}
.gx-doc-nav a{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}
.gx-doc-table{width:100%;border-collapse:separate;border-spacing:0 8px}
.gx-doc-table th,.gx-doc-table td{padding:12px 14px;background:rgba(255,255,255,.04);border-top:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top}
.gx-doc-table th:first-child,.gx-doc-table td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px;color:var(--gold2);font-weight:800}
.gx-doc-table th:last-child,.gx-doc-table td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}
.code-pill{display:inline-flex;align-items:center;border:1px solid rgba(216,180,106,.32);background:rgba(216,180,106,.08);border-radius:999px;padding:5px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;color:var(--gold2)}
@media(max-width:767px){.gx-logo-center .gx-navbar .navbar-brand{position:static;transform:none}.gx-doc-table{font-size:.92rem}.gx-doc-table th,.gx-doc-table td{display:block;border-radius:14px!important;border:1px solid var(--line)!important;margin-bottom:-1px}.gx-doc-table tr{display:block;margin-bottom:12px}}