/* Unetifi 1.0.2 · einziges Frontend-CSS
   Für alle Seiten: Design-Grundlagen → Komponenten → Unterseiten → Responsive.
   Verwendet keine externen CSS-Frameworks und keine Google-Font-Imports.
   WordPress-Theme-Metadaten stehen ausschließlich in style.css.
*/


/* Shared card glow. Used by Footer IT-Check and nonprofit offer on every page. */
:root {
  --unetifi-cta-glow:radial-gradient(ellipse 85% 100% at 0% 100%,rgba(22,106,179,.18) 0%,rgba(22,106,179,.075) 43%,transparent 78%);
}

/* ======================================================================
   01. FOUNDATION
   ====================================================================== */
/* Unetifi – gemeinsame CSS-Basis und lokal installierte Schriftfamilien. */
:root {
  --blue:#166AB3; --blue-hover:#0e4a7a; --blue-soft:#eaf3fc; --blue-border:#c9dff3;
  --ink:#101d2c; --text:#40546a; --muted:#738397; --muted-dark:#98a7b8;
  --surface:#ffffff; --surface-2:#f6f9fc; --surface-3:#eff4f9;
  --line:#e5ebf2; --line-heavy:#d7e1eb; --hero:#f8fbff; --shadow:0 18px 55px rgba(16,41,72,.065);
  --body-font:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif; --display-font:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  --radius:18px; --radius-lg:26px; --wrap:1200px;
  color-scheme:light;
}
html[data-theme="dark"] {
  --ink:#f1f6fc; --text:#c0cbd8; --muted:#9babc0; --muted-dark:#9babc0;
  --surface:#000000; --surface-2:#090c12; --surface-3:#101722;
  --line:#202937; --line-heavy:#334053; --hero:#000000;
  --blue-soft:#101e32; --blue-border:#244364; --shadow:0 18px 55px rgba(0,0,0,.32);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{background:var(--surface);color:var(--text);font-family:var(--body-font);font-size:16px;line-height:1.65;margin:0;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,textarea,select{font:inherit}button{cursor:pointer}
a{text-decoration:none;color:inherit}a:hover{color:var(--blue)}
img,svg{max-width:100%}img{height:auto}svg{vertical-align:middle;flex-shrink:0}
h1,h2,h3,h4,h5,h6{font-family:var(--display-font);color:var(--ink);letter-spacing:-.035em;line-height:1.2;margin:0 0 .7em;font-weight:800}
p{margin:0 0 1.2em}
ul{margin:0;padding:0}
.wrap{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}
.section{padding:102px 0}.section-heading{margin-bottom:43px}.section-heading h2,.approach-title h2,.why-copy h2,.faq-grid h2,.contact-intro h2{font-size:clamp(32px,3.5vw,47px);letter-spacing:-.045em;line-height:1.19}
.heading-muted{color:var(--muted)}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.17em;line-height:1.5;text-transform:uppercase;margin-bottom:22px}
.eyebrow.mini{font-size:11px;letter-spacing:.12em;margin:0 0 11px}
.eyebrow-light{color:#bedfff}
.u-icon{display:inline-block}
.text-link{color:var(--blue);font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:gap .2s}
.text-link:hover{color:var(--blue-hover);gap:13px}
.button{font-family:var(--body-font);display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:800;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--blue);box-shadow:0 7px 18px rgba(22,106,179,.2)}.button-primary:hover{color:#fff;background:var(--blue-hover);box-shadow:0 12px 28px rgba(22,106,179,.2)}
.button-outline{color:var(--ink);background:var(--surface);border-color:var(--line-heavy)}.button-outline:hover{color:var(--blue);border-color:var(--blue)}
.button-ghost{color:var(--ink);background:transparent}.button-ghost:hover{color:var(--blue)}
.button-white{color:#10253a;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.12)}.button-white:hover{color:#166ab3;background:#edf6ff}
.button-lg{min-height:56px;padding:16px 22px;border-radius:11px;font-size:14px}.button-wide{width:100%}
.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);width:43px;height:43px;border-radius:10px;display:grid;place-items:center;transition:border-color .2s,background .2s}
.icon-button:hover{color:var(--blue);border-color:var(--blue-border);background:var(--blue-soft)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.skip-link{position:absolute;left:14px;top:-100px;z-index:99999;background:var(--blue);color:#fff;padding:12px 16px;border-radius:8px}.skip-link:focus{top:10px;color:#fff}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Header */
.topbar{background:#0e2337;color:#d9e8f6;min-height:34px;font-size:11px;font-weight:650;letter-spacing:.025em}
.topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.topbar-inner>span{display:inline-flex;align-items:center;gap:9px}.topbar-right{opacity:.84}.live-dot,.pulse-green,.stat-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#51dca2;box-shadow:0 0 0 3px rgba(81,220,162,.13)}
.site-header{height:88px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:200;backdrop-filter:blur(18px)}
.admin-bar .site-header{top:32px}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);min-width:176px;flex-shrink:0}.brand:hover{color:var(--ink)}
.brand-mark{color:var(--blue);width:39px;height:39px;display:inline-flex}.brand-mark svg{width:100%;height:100%}
.brand-word{font-family:var(--display-font);font-size:27px;line-height:1;font-weight:900;letter-spacing:-.065em;display:flex;flex-wrap:wrap;align-items:baseline}
.brand-dot,.footer-logo span{color:var(--blue)}.brand-word small{flex-basis:100%;font-size:9px;line-height:1.5;font-family:var(--body-font);color:var(--muted);letter-spacing:.015em;font-weight:750;margin-top:2px}
.brand-custom-image{width:auto;max-width:210px;height:auto;max-height:62px}
.desktop-nav{margin-left:auto}.nav-list{display:flex;gap:1px;align-items:center;list-style:none}
.nav-list>li{position:relative;list-style:none}.nav-list>li>a{display:flex;align-items:center;gap:6px;padding:12px 12px;border-radius:8px;color:var(--text);font-size:13px;font-weight:750;white-space:nowrap}
.nav-list>li>a:hover,.nav-list>.current-menu-item>a,.nav-list>.current_page_parent>a{background:var(--blue-soft);color:var(--blue)}
.nav-list>li.menu-item-has-children>a::after{content:'⌄';font-size:13px;line-height:1;margin-top:-4px}
.nav-list .sub-menu{display:none;min-width:210px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:9px;border-radius:13px;position:absolute;top:100%;left:0;list-style:none}
.nav-list li:hover>.sub-menu,.nav-list li:focus-within>.sub-menu{display:block}
.nav-list .sub-menu a{display:block;padding:9px 12px;border-radius:6px;color:var(--text);font-size:13px;font-weight:650}.nav-list .sub-menu a:hover{background:var(--blue-soft);color:var(--blue)}
.header-tools{display:flex;align-items:center;gap:11px}.header-cta{min-height:43px;padding:11px 16px;font-size:12px;border-radius:9px}
.mobile-menu-toggle{display:none}.mobile-menu-close{display:none}.menu-is-open .mobile-menu-close{display:flex}.menu-is-open .mobile-menu-open{display:none}
.mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--surface);box-shadow:var(--shadow);border-bottom:1px solid var(--line);max-height:calc(100vh - 88px);overflow-y:auto;padding:12px 0 22px}.mobile-nav[hidden]{display:none!important}
.mobile-nav-list,.mobile-nav-list ul{list-style:none}.mobile-nav-list>li>a{display:block;padding:12px 4px;border-bottom:1px solid var(--line);font-size:16px;font-weight:750;color:var(--ink)}.mobile-nav-list .sub-menu a{display:block;padding:9px 18px;color:var(--text);font-size:14px}
.show-light{display:none}html[data-theme='dark'] .show-dark{display:none}html[data-theme='dark'] .show-light{display:block}

/* Hero */
.hero-home{position:relative;isolation:isolate;overflow:hidden;background:var(--hero);border-bottom:1px solid var(--line)}
.hero-glow{pointer-events:none;position:absolute;z-index:-1;filter:blur(12px);border-radius:100%}
.hero-glow-one{width:700px;height:600px;right:-210px;top:-230px;background:radial-gradient(circle,rgba(22,106,179,.1),rgba(22,106,179,0) 70%)}
.hero-glow-two{width:500px;height:450px;left:-200px;bottom:-260px;background:radial-gradient(circle,rgba(54,138,230,.075),transparent 75%)}
.hero-grid-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center;min-height:668px;padding-top:76px;padding-bottom:69px}
.hero-copy{position:relative;z-index:2}.hero-eyebrow{margin-bottom:30px}
.hero-copy h1{font-size:clamp(44px,4.4vw,64px);letter-spacing:-.06em;line-height:1.12;max-width:700px;margin:0 0 25px}
.hero-title-accent{color:var(--blue)}.hero-lead{color:var(--text);font-size:17px;line-height:1.8;max-width:530px;margin:0 0 33px}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero-proof{display:flex;align-items:center;gap:15px;margin-top:48px}.hero-proof>span:last-child{display:flex;flex-direction:column;gap:2px}.hero-proof strong{font-size:12px;color:var(--ink);line-height:1.4}.hero-proof small{font-size:12px;color:var(--muted)}
.proof-avatars{display:flex;padding-left:4px}.proof-avatars>span{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);border:3px solid var(--hero);color:var(--blue);font-size:10px;font-weight:850;margin-left:-5px}.proof-avatars>span:nth-child(2){background:#dceeff}.proof-avatars>span:nth-child(3){background:#e5f0fa}
.hero-visual{position:relative;min-width:0;height:420px;display:flex;align-items:center;justify-content:center}
.visual-halo{position:absolute;width:490px;height:490px;max-width:120%;border:1px solid var(--blue-border);border-radius:50%;opacity:.45}.visual-halo::after{content:'';position:absolute;inset:44px;border:1px dashed var(--blue-border);border-radius:50%}
.network-window{position:relative;width:100%;max-width:535px;background:var(--surface);border:1px solid var(--line-heavy);box-shadow:0 35px 100px rgba(15,62,105,.14),0 10px 28px rgba(15,62,105,.07);border-radius:17px;overflow:hidden;transform:perspective(950px) rotateY(-6deg) rotateX(2deg)}
html[data-theme="dark"] .network-window{box-shadow:0 35px 90px rgba(0,0,0,.65),0 0 0 1px #143859}
.window-top{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--surface-2);border-bottom:1px solid var(--line)}
.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:100%;background:#cfd8e3}.window-dots i:first-child{background:#f4a5a5}.window-dots i:nth-child(2){background:#ffda9f}.window-dots i:nth-child(3){background:#91d8b0}
.window-title{font-size:10px;font-weight:800;color:var(--ink);letter-spacing:.02em}.window-live{color:#269768;font-size:9px;font-weight:900;letter-spacing:.1em}.window-live i{display:inline-block;background:#34c98b;height:6px;width:6px;border-radius:50%;margin-right:4px}
.window-body{padding:19px 24px 18px}.window-caption{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.1em;font-weight:800;color:var(--muted)}.window-caption span:last-child{color:#329772;letter-spacing:0}
.network-diagram{height:254px;position:relative}.network-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.network-lines path{stroke:var(--blue);stroke-width:1.8;stroke-dasharray:6 6;fill:none;opacity:.55}.network-lines circle{fill:var(--blue)}
.net-node{position:absolute;border:1px solid var(--line-heavy);border-radius:10px;background:var(--surface);box-shadow:0 7px 18px rgba(0,38,80,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:94px;min-height:72px;transform:translate(-50%,-50%)}
.net-node strong{color:var(--ink);font-size:11px;line-height:1.4}.net-node small{color:#29a676;font-size:9px;line-height:1.4}.node-icon{color:var(--blue);line-height:1;margin-bottom:4px}
.node-a{left:21%;top:23%}.node-b{left:79%;top:23%}.node-c{left:21%;top:79%}.node-d{left:79%;top:79%}
.node-center{left:50%;top:51%;width:117px;min-height:108px;border-color:var(--blue);box-shadow:0 0 0 8px rgba(22,106,179,.06),0 12px 28px rgba(22,106,179,.14)}
.node-center-icon{width:38px;height:38px;background:var(--blue);color:white;border-radius:9px;display:grid;place-items:center;margin-bottom:6px}.node-center strong{font-size:16px;font-weight:900;letter-spacing:-.06em}.node-center small{color:var(--muted);font-size:9px}
.window-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--line);padding-top:15px}.window-stats>div{display:flex;flex-wrap:wrap;align-items:center;column-gap:5px}.window-stats strong{font-size:14px;color:var(--ink);line-height:1.2}.window-stats small{display:block;flex-basis:100%;color:var(--muted);font-size:9px;margin-top:4px}
.visual-floating-badge{position:absolute;bottom:-17px;right:-23px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);box-shadow:0 20px 48px rgba(13,48,91,.13);border-radius:12px;padding:13px 16px;z-index:3}.floating-check{width:33px;height:33px;border-radius:50%;background:#e5f8ec;color:#208d56;display:grid;place-items:center}.visual-floating-badge>span:last-child{display:flex;flex-direction:column;gap:1px}.visual-floating-badge strong{font-size:11px;color:var(--ink)}.visual-floating-badge small{font-size:10px;color:var(--muted)}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 0 22px;border-top:1px solid var(--line)}.hero-bottom>span{font-size:10px;font-weight:850;letter-spacing:.12em;color:var(--muted)}.hero-bottom>div{display:flex;gap:48px;flex-wrap:wrap;align-items:center}.hero-bottom>div>span{color:var(--muted);font-family:var(--display-font);font-weight:850;font-size:14px;letter-spacing:-.035em}

/* Services */
.section-services{background:var(--surface)}.split-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:65px}.split-heading>div:first-child{flex:1}.heading-aside{width:345px;flex-shrink:0;padding-bottom:3px}.heading-aside p{font-size:14px;line-height:1.8;margin-bottom:13px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.service-tile{background:var(--surface);border:1px solid var(--line);border-radius:19px;min-height:290px;padding:29px;display:flex;flex-direction:column;color:var(--text);position:relative;overflow:hidden;transition:border-color .22s,box-shadow .22s,transform .22s}
.service-tile::before{content:'';height:3px;background:linear-gradient(90deg,#166ab3,#000);position:absolute;top:0;left:0;right:0;opacity:0;transition:opacity .2s}
.service-tile:hover{border-color:var(--blue-border);box-shadow:var(--shadow);transform:translateY(-5px);color:var(--text)}.service-tile:hover::before{opacity:1}
.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.service-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:var(--blue-soft);color:var(--blue)}
.service-arrow{color:var(--muted);transform:translate(-4px,4px);transition:transform .2s,color .2s}.service-tile:hover .service-arrow{color:var(--blue);transform:translate(0,0)}
.service-eyebrow{font-size:10px;font-weight:850;letter-spacing:.11em;color:var(--blue);margin-bottom:10px}.service-title{font-family:var(--display-font);font-size:22px;color:var(--ink);line-height:1.2;letter-spacing:-.04em;margin-bottom:11px}
.service-text{font-size:13.5px;line-height:1.72;color:var(--text);max-width:330px}.service-link{font-size:12px;font-weight:850;color:var(--blue);margin-top:auto;padding-top:21px;display:flex;gap:8px;align-items:center}

/* Spotlight */
.section-feature-spotlight{padding:12px 0 104px}.spotlight-panel{display:grid;grid-template-columns:1fr .92fr;gap:60px;align-items:center;background:linear-gradient(115deg,#166AB3 0%,#0b3457 51%,#000000 100%);padding:68px 77px;border-radius:24px;color:#e5f1ff;position:relative;overflow:hidden}
.spotlight-panel::after{content:'';position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.14);border-radius:50%;top:-340px;right:-130px;box-shadow:0 0 0 55px rgba(255,255,255,.02),0 0 0 120px rgba(255,255,255,.018);pointer-events:none}
.spotlight-left{position:relative;z-index:1}.spotlight-left h2{font-size:clamp(35px,3.3vw,47px);color:white;line-height:1.14;margin-bottom:20px}.spotlight-left h2 span{color:#a7d8ff}.spotlight-left p{color:#d9eaff;max-width:485px;line-height:1.8;font-size:15px;margin-bottom:29px}
.spotlight-right{position:relative;z-index:1;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:17px;padding:26px 29px;backdrop-filter:blur(10px)}
.spotlight-highlight{font-size:10px;font-weight:850;letter-spacing:.12em;margin-bottom:22px;display:flex;align-items:center;gap:10px;color:#a8eacb}
.spotlight-feature{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-top:1px solid rgba(255,255,255,.16)}.spotlight-feature>.u-icon{color:#a4dbff;margin-top:2px}.spotlight-feature>div{display:flex;flex-direction:column;gap:3px}.spotlight-feature strong{color:white;font-size:13px;line-height:1.4}.spotlight-feature span{color:#d2e2f4;font-size:12px;line-height:1.5}
/* Approach */
.section-approach{background:var(--surface-2)}.approach-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:115px}.approach-title{position:sticky;top:130px;align-self:start}.approach-title>p{font-size:15px;line-height:1.8;max-width:375px;margin:20px 0 28px}
.approach-steps{display:flex;flex-direction:column}.step-row{display:grid;grid-template-columns:56px 1fr 22px;gap:17px;padding:26px 0 30px;border-bottom:1px solid var(--line-heavy)}.step-row:first-child{padding-top:0}.step-num{font-family:var(--display-font);font-size:22px;color:var(--blue);font-weight:850;letter-spacing:-.05em}
.step-row h3{font-size:19px;margin:3px 0 11px}.step-row p{font-size:14px;line-height:1.75;margin:0;max-width:400px}.step-row>.u-icon{color:var(--muted);margin-top:4px}
/* Why */
.why-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.why-visual{background:linear-gradient(145deg,#166AB3 0%,#0e4a7a 50%,#000000 100%);height:435px;border-radius:25px;position:relative;overflow:hidden;display:grid;place-items:center}
.why-visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(120deg,transparent,black)}
.why-symbol{color:#fff;width:220px;height:220px;display:grid;place-items:center;opacity:.9}.why-symbol svg{width:220px;height:220px}
.why-card{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.23);backdrop-filter:blur(12px);padding:10px 14px;border-radius:10px;font-size:11px;font-weight:850;letter-spacing:.015em}.why-card span{color:#9bcafa;font-family:var(--display-font);margin-right:8px}.why-card.one{top:55px;left:26px}.why-card.two{bottom:55px;left:25px}.why-card.three{right:23px;top:54%}
.why-copy>p{font-size:15px;line-height:1.85;margin:16px 0 25px}.check-list{list-style:none;display:flex;flex-direction:column;gap:16px;margin:0 0 30px}.check-list li{display:flex;align-items:flex-start;gap:12px;font-size:13.5px;line-height:1.7}.check-list .u-icon{color:var(--blue);margin-top:3px}.check-list strong{color:var(--ink)}
/* Blog */
.section-blog{background:var(--surface-2)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-card{border:1px solid var(--line);border-radius:19px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s}.post-card:hover{transform:translateY(-4px);border-color:var(--blue-border);box-shadow:var(--shadow)}
.post-card-media{height:195px;overflow:hidden;display:block;background:var(--surface-3)}.post-card-media img{object-fit:cover;height:100%;width:100%;transition:transform .4s}.post-card:hover .post-card-media img{transform:scale(1.045)}
.post-card-placeholder{height:100%;background:linear-gradient(135deg,#166ab3 0%,#102f4d 55%,#000 100%);display:grid;place-items:center;color:#d6eafd;position:relative}.post-card-placeholder::before,.post-card-placeholder::after{content:'';position:absolute;border:1px solid rgba(255,255,255,.14);width:155px;height:155px;transform:rotate(22deg);border-radius:26px}.post-card-placeholder::after{transform:rotate(60deg);width:120px;height:120px}
.post-card-content{padding:25px 25px 27px;display:flex;flex-direction:column;flex:1}.post-card-content h3{font-size:18px;line-height:1.35;margin:2px 0 11px}.post-card-content h3 a{color:var(--ink)}.post-card-content h3 a:hover{color:var(--blue)}.post-card-content p{font-size:13px;line-height:1.75;margin:0 0 20px}.post-card-content .text-link{margin-top:auto;font-size:12px}
.no-posts{display:flex;align-items:center;gap:20px;padding:30px;border:1px dashed var(--blue-border);border-radius:18px;background:var(--surface)}.no-posts-icon{width:58px;height:58px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.no-posts strong{font-size:16px;color:var(--ink)}.no-posts p{font-size:14px;margin:5px 0 0}
/* FAQ */
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}.faq-grid>div:first-child>p{font-size:15px;margin:14px 0 22px}.faq-list{border-top:1px solid var(--line-heavy)}.faq-list details{border-bottom:1px solid var(--line-heavy);padding:0 2px}.faq-list summary{padding:23px 2px;display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;color:var(--ink);font-size:14px;font-weight:800;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .u-icon{color:var(--blue);transition:transform .2s}.faq-list details[open] summary .u-icon{transform:rotate(180deg)}.faq-list details>div{font-size:14px;line-height:1.85;padding:0 38px 23px 2px}
/* CTA */
.final-cta-section{padding-top:20px;padding-bottom:106px}.final-cta{position:relative;isolation:isolate;overflow:hidden;border-radius:25px;background:linear-gradient(115deg,#166AB3 0%,#0a3153 55%,#000000 100%);padding:66px 75px;min-height:340px;color:#e4f0ff}
.final-cta h2{font-size:clamp(36px,4.4vw,55px);line-height:1.13;color:#fff;position:relative;z-index:1;margin-bottom:18px}.final-cta p{font-size:15px;line-height:1.75;max-width:590px;position:relative;z-index:1;margin-bottom:25px;color:#e3efff}.final-cta .eyebrow,.final-cta .button,.cta-bottom-note{position:relative;z-index:1}.cta-bottom-note{display:block;font-size:11px;opacity:.72;margin-top:17px}.cta-decor{position:absolute;width:500px;height:500px;right:-60px;top:-70px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 150px rgba(255,255,255,.02)}

/* Footer */
.site-footer{background:#07182a;color:#b9c9d9;padding:68px 0 0}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:47px;padding-bottom:65px}.footer-logo{font-size:36px;font-family:var(--display-font);font-weight:900;letter-spacing:-.065em;line-height:1;color:#fff}.footer-logo:hover{color:#fff}.footer-brand p{font-size:13px;line-height:1.8;max-width:310px;margin:24px 0}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-col h3{font-size:12px;color:white;letter-spacing:.05em;margin:6px 0 9px}.footer-col a{font-size:12.5px;color:#b9c9d9;line-height:1.5;overflow-wrap:anywhere}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font-size:11px;color:#8ea5bb}.footer-bottom>div{display:flex;gap:21px}.footer-bottom a:hover{color:#fff}.footer-heart{color:#9fc5f9}

/* Standard service / page hero */
.breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;line-height:1.5;color:var(--muted);padding-top:23px;padding-bottom:0}.breadcrumbs a{color:var(--text)}.breadcrumbs a:hover{color:var(--blue)}.breadcrumbs [aria-current]{color:var(--blue);font-weight:650}
.page-hero{padding:92px 0;background:var(--hero);border-bottom:1px solid var(--line)}.page-hero-grid{display:grid;grid-template-columns:1fr .87fr;gap:90px;align-items:center}.page-hero h1{font-size:clamp(42px,4.9vw,66px);line-height:1.1;letter-spacing:-.055em;margin-bottom:24px}.page-hero h1 span:not(.headline-dot){color:var(--blue)}.headline-dot{color:var(--blue)}.page-hero p{font-size:16px;line-height:1.8;max-width:620px;margin-bottom:28px}
.service-proof{display:flex;gap:21px;margin-top:31px;flex-wrap:wrap}.service-proof span{display:inline-flex;gap:7px;align-items:center;color:var(--muted);font-size:12px;font-weight:700}.service-proof svg{color:var(--blue)}
.hero-art-small,.service-hero-art{height:340px;position:relative;border-radius:22px;background:linear-gradient(135deg,#166ab3,#0b3457 55%,#000);display:grid;place-items:center;color:#fff;overflow:hidden}.hero-art-small::before,.service-hero-art::before{content:'';position:absolute;width:340px;height:340px;border:1px solid #ffffff38;border-radius:50%;box-shadow:0 0 0 50px #ffffff10,0 0 0 120px #ffffff08}.hero-art-circle{position:absolute;border:1px dashed rgba(255,255,255,.3);border-radius:50%;width:210px;height:210px}.service-hero-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.service-big-emblem{position:relative;background:rgba(255,255,255,.1);width:170px;height:170px;border-radius:45px;display:grid;place-items:center;backdrop-filter:blur(8px)}.service-art-label{position:absolute;bottom:23px;left:25px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#d1e9ff}
.service-detail-layout{display:grid;grid-template-columns:.74fr 1.26fr;gap:110px}.detail-label h2{font-size:35px}.detail-label p{font-size:14px;line-height:1.8}.section-service-value{background:var(--surface-2)}.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.values-grid>div{padding:31px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.values-grid svg{color:var(--blue);margin-bottom:23px}.values-grid h3{font-size:18px;margin-bottom:9px}.values-grid p{font-size:13px;line-height:1.75;margin:0}
.page-content-wrap{padding:80px 0 105px}.page-article{max-width:850px;margin:auto}.standard-page-hero{padding:75px 0}.standard-page-hero h1{margin:0}
/* Article / Gutenberg */
.article-body{font-size:16px;color:var(--text);line-height:1.83;min-width:0;overflow-wrap:break-word}.article-body>*:first-child{margin-top:0}.article-body h2{font-size:clamp(24px,2.2vw,32px);margin:2.2em 0 .8em;line-height:1.3}.article-body h3{font-size:22px;margin:1.6em 0 .65em}.article-body h4{font-size:18px;margin:1.5em 0 .6em}.article-body p{margin:0 0 1.45em}.article-body a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.article-body a:hover{color:var(--blue-hover)}.article-body ul,.article-body ol{margin:0 0 1.5em;padding-left:1.6em}.article-body li{padding-left:4px;margin-bottom:.55em}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body blockquote{border-left:3px solid var(--blue);padding-left:24px;margin:30px 0;font-style:italic;color:var(--ink);font-size:18px}.article-body img{border-radius:12px}.article-body figure{max-width:100%}.article-body table{max-width:100%;display:block;overflow:auto;border-collapse:collapse;margin:20px 0}.article-body th,.article-body td{border:1px solid var(--line-heavy);padding:12px 15px;text-align:left}.article-body th{background:var(--surface-2);color:var(--ink)}.article-body pre{background:#0e2237;color:#d9eaff;overflow:auto;padding:22px;border-radius:12px;line-height:1.6}.article-body code{overflow-wrap:anywhere}.article-body .wp-block-button__link{background:var(--blue);border-radius:9px;color:#fff;text-decoration:none;padding:12px 22px}.article-body .wp-block-button__link:hover{background:var(--blue-hover)}.article-body .alignwide{max-width:100%}.article-body .alignfull{width:100%}
.service-article h2:first-child{margin-top:0}
/* Blog archive / individual */
.blog-page-hero{padding:94px 0 82px}.blog-page-hero h1{max-width:840px}.blog-page-hero p{margin-bottom:0}.blog-index-section{min-height:330px}.pagination{margin:50px 0 0;text-align:center}.pagination .nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pagination .page-numbers{display:inline-flex;min-width:38px;height:38px;padding:0 11px;align-items:center;justify-content:center;border:1px solid var(--line-heavy);border-radius:8px;color:var(--text);font-weight:700;font-size:13px}.pagination .page-numbers.current,.pagination .page-numbers:hover{color:#fff;background:var(--blue);border-color:var(--blue)}
.article-header{padding-top:65px;padding-bottom:38px}.article-header h1{font-size:clamp(35px,4.5vw,60px);max-width:900px;letter-spacing:-.05em;margin-bottom:20px}.article-meta{font-size:13px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap}.meta-separator{color:var(--blue)}.article-cover{margin-top:36px}.article-cover img{width:100%;max-height:550px;object-fit:cover;border-radius:20px}
.single-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:75px;padding-bottom:80px}.single-layout .article-body{max-width:790px}.article-sidebar{position:relative}.toc-block{position:sticky;top:124px;border:1px solid var(--line);border-radius:13px;padding:23px 22px;margin-bottom:20px;background:var(--surface)}.toc-block h3{font-size:11px;letter-spacing:.1em;margin-bottom:18px}.toc-block ol{list-style:none;display:flex;flex-direction:column;gap:13px;counter-reset:item}.toc-block a{color:var(--text);font-size:12px;line-height:1.4;display:block}.toc-block a:hover{color:var(--blue)}.sidebar-cta{padding:24px;background:linear-gradient(135deg,#166AB3,#000);color:#deecfb;border-radius:14px}.sidebar-cta>span{color:#acd7ff}.sidebar-cta h3{color:#fff;font-size:19px;margin:17px 0 8px}.sidebar-cta p{font-size:12px;line-height:1.7}.sidebar-cta a{font-size:12px;font-weight:850;color:#fff;display:inline-flex;gap:7px;align-items:center}
.post-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.post-tags span{font-weight:700}.post-tags a{display:inline-block;background:var(--blue-soft);padding:5px 11px;border-radius:20px;text-decoration:none}.post-nav{display:flex;justify-content:space-between;gap:24px;margin-top:30px;font-size:13px;font-weight:750}.related-section{background:var(--surface-2)}
.search-form{display:flex;gap:10px;max-width:560px}.search-form input{border:1px solid var(--line-heavy);border-radius:8px;padding:10px 15px;background:var(--surface);color:var(--ink);min-width:0;flex:1}
.archive-description{font-size:15px}.not-found{text-align:center;min-height:65vh;display:grid;place-items:center}.not-found .wrap{max-width:700px}.not-found .eyebrow{justify-content:center}.not-found h1{font-size:clamp(31px,4vw,48px)}.not-found p{max-width:440px;margin:0 auto 25px}
/* Contact */
.contact-page-hero{padding:81px 0 78px}.contact-page-hero h1{max-width:750px}.contact-section{background:var(--surface-2)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;align-items:start}.contact-intro{padding-top:20px}.contact-intro>p{font-size:15px;line-height:1.8;max-width:385px}.contact-methods{display:flex;flex-direction:column;gap:24px;margin-top:40px}.contact-method{display:flex;align-items:flex-start;gap:15px}.contact-method>span{width:45px;height:45px;display:grid;place-items:center;flex-shrink:0;border-radius:11px;background:var(--blue-soft);color:var(--blue)}.contact-method>div{display:flex;flex-direction:column;gap:5px;padding-top:2px;min-width:0}.contact-method small{font-size:10px;font-weight:850;color:var(--muted);letter-spacing:.12em}.contact-method a,.contact-method strong{font-size:14px;font-weight:800;color:var(--ink);overflow-wrap:anywhere}.contact-method a:hover{color:var(--blue)}.contact-promise{display:flex;align-items:center;gap:9px;margin-top:44px;font-size:12px;color:var(--text);font-weight:750}
.form-panel{border:1px solid var(--line);border-radius:21px;background:var(--surface);padding:37px;box-shadow:var(--shadow)}.form-panel-heading h2{font-size:27px;margin-bottom:8px}.form-panel-heading p{font-size:13px;margin-bottom:27px}.contact-form{display:flex;flex-direction:column;gap:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{font-size:12px;font-weight:750;color:var(--ink);display:flex;flex-direction:column;gap:8px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{width:100%;min-width:0;outline:0;background:var(--surface-2);color:var(--ink);padding:13px 14px;border:1px solid var(--line-heavy);border-radius:9px;font-size:13px;font-weight:450;line-height:1.5;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,106,179,.12)}.contact-form textarea{resize:vertical;min-height:140px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--muted)}.contact-form .consent-row{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-size:11px;line-height:1.65;font-weight:450;color:var(--text)}.consent-row input{margin-top:4px;accent-color:var(--blue)}.consent-row a{color:var(--blue);text-decoration:underline}.form-honeypot{position:absolute!important;left:-9999px;opacity:0;pointer-events:none}.form-message{padding:13px 15px;border-radius:9px;font-size:13px}.form-message.success{background:#e4f7ed;color:#146441}.form-message.error{background:#fce9e9;color:#8b2c2c}
/* accessibility / modest reveal */
[data-reveal]{transition:opacity .5s ease,transform .5s ease}
@media(prefers-reduced-motion:no-preference){[data-reveal].is-visible{animation:unetifi-in .5s ease both}@keyframes unetifi-in{from{opacity:.7;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.service-tile,.post-card,[data-reveal]{animation:none!important;transition:none!important}}
/* Dark adaptations: explicitly black site backdrop, same strong brand blue */
html[data-theme='dark'] .hero-home{background:#000}html[data-theme='dark'] .hero-glow-one{background:radial-gradient(circle,rgba(22,106,179,.17),transparent 68%)}
html[data-theme='dark'] .proof-avatars>span{border-color:#000;background:#132a42;color:#afd7fd}
html[data-theme='dark'] .window-caption span:last-child{color:#64cfa2}html[data-theme='dark'] .net-node{box-shadow:0 8px 24px rgba(0,0,0,.4)}
html[data-theme='dark'] .floating-check{background:#123d2d;color:#71e8ae}html[data-theme='dark'] .hero-bottom{border-color:#1a2c3c}
html[data-theme='dark'] .post-card-placeholder{background:linear-gradient(135deg,#166AB3,#0e3356,#000)}
html[data-theme='dark'] .form-message.success{background:#123f2c;color:#b4f1d0}html[data-theme='dark'] .form-message.error{background:#451d1d;color:#ffc2c2}
html[data-theme='dark'] .button-ghost{color:#f1f6fc}html[data-theme='dark'] .spotlight-panel,html[data-theme='dark'] .final-cta,html[data-theme='dark'] .why-visual,html[data-theme='dark'] .service-hero-art{border:1px solid #263649}
/* Tablet */
@media(max-width:1180px){.header-inner{gap:14px}.nav-list>li>a{padding:11px 8px;font-size:12px}.hero-grid-layout{gap:30px}.hero-copy h1{font-size:51px}.hero-visual{height:400px}.network-window{transform:none}.visual-floating-badge{right:-7px}.why-layout{gap:55px}.approach-layout{gap:60px}.faq-grid{gap:65px}.contact-grid{gap:55px}}
@media(max-width:1000px){.desktop-nav{display:none}.mobile-menu-toggle{display:grid}.header-cta{display:inline-flex}.hero-grid-layout{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:65px}.hero-copy h1{font-size:clamp(44px,6vw,64px)}.hero-lead{max-width:680px}.hero-visual{max-width:650px;width:100%;margin-inline:auto;height:435px}.hero-bottom{flex-direction:column;align-items:flex-start}.hero-bottom>div{gap:25px}.spotlight-panel{gap:30px;padding:54px 45px}.section{padding:78px 0}.section-feature-spotlight{padding-top:0}.service-detail-layout{gap:50px}.page-hero-grid{gap:38px}.footer-top{grid-template-columns:1.4fr 1fr 1fr;gap:35px}}
@media(max-width:767px){.wrap{width:min(100% - 36px,var(--wrap))}.topbar{min-height:30px}.topbar-inner{min-height:30px}.topbar-right{display:none!important}.site-header{height:73px}.admin-bar .site-header{top:46px}.header-inner{gap:12px}.brand{min-width:0}.brand-word{font-size:25px}.brand-mark{width:33px;height:33px}.brand-word small{font-size:8px}.header-tools{gap:7px}.header-cta{display:none}.icon-button{width:41px;height:41px}.hero-grid-layout{padding-top:55px;padding-bottom:50px}.hero-copy h1{font-size:clamp(39px,10vw,55px)}.hero-lead{font-size:15px}.hero-proof{margin-top:32px}.hero-visual{height:335px}.network-window{width:95%}.window-body{padding:14px}.window-top{height:40px}.network-diagram{height:210px}.net-node{width:78px;min-height:62px}.node-center{width:99px;min-height:93px}.node-icon .u-icon{width:17px;height:17px}.node-center-icon{width:33px;height:33px}.node-center strong{font-size:14px}.visual-floating-badge{bottom:-16px;right:-4px;padding:8px 11px}.hero-bottom>div{gap:14px 23px}.hero-bottom>div>span{font-size:12px}.section{padding:70px 0}.section-feature-spotlight{padding-top:0}.split-heading{display:block}.heading-aside{width:auto;max-width:520px;margin-top:15px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-tile{padding:21px;min-height:290px}.service-title{font-size:19px}.service-icon{width:44px;height:44px}.spotlight-panel{grid-template-columns:1fr;gap:34px;padding:40px 30px}.approach-layout,.why-layout,.faq-grid,.contact-grid,.service-detail-layout{grid-template-columns:1fr;gap:40px}.approach-title{position:static}.approach-steps{margin-top:5px}.why-visual{height:360px}.why-copy{order:-1}.blog-grid,.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.final-cta-section{padding-bottom:70px}.final-cta{padding:47px 35px}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.footer-top .footer-brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;justify-content:flex-start}.page-hero{padding:66px 0}.page-hero-grid{grid-template-columns:1fr}.service-hero-art,.hero-art-small{height:260px}.page-hero h1{font-size:clamp(38px,7vw,54px)}.single-layout{grid-template-columns:1fr;gap:32px}.article-sidebar{display:none}.article-header{padding-top:44px}.contact-grid{gap:40px}.contact-intro{padding:0}.form-panel{padding:26px}.section-heading{margin-bottom:30px}}
@media(max-width:520px){.hero-copy h1{font-size:clamp(35px,10vw,47px)}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%;justify-content:center}.hero-visual{height:298px}.visual-halo{width:320px;height:320px}.network-window{width:100%}.window-caption{font-size:7px}.window-stats strong{font-size:12px}.window-stats small{font-size:8px}.network-diagram{height:186px}.net-node{width:71px;min-height:56px;border-radius:8px}.net-node strong{font-size:10px}.net-node small{font-size:8px}.node-center{width:93px;min-height:87px}.node-a,.node-c{left:20%}.node-b,.node-d{left:80%}.visual-floating-badge{right:0;bottom:-22px}.service-grid,.blog-grid,.values-grid{grid-template-columns:1fr}.service-tile{min-height:245px}.section-heading h2,.approach-title h2,.why-copy h2,.faq-grid h2{font-size:34px}.spotlight-panel{padding:33px 24px}.spotlight-left h2{font-size:36px}.spotlight-right{padding:18px}.why-visual{height:300px}.why-card{font-size:9px;padding:8px 10px}.why-card.one{top:24px;left:15px}.why-card.two{bottom:24px;left:15px}.why-card.three{right:13px}.faq-grid{gap:30px}.final-cta{padding:38px 26px;min-height:320px}.final-cta h2{font-size:37px}.footer-top{grid-template-columns:1fr 1fr;gap:27px}.footer-top .footer-brand{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.page-hero h1{font-size:40px}.page-hero .hero-actions{flex-direction:column;align-items:stretch}.post-card-media{height:220px}.step-row{grid-template-columns:43px 1fr 14px;gap:10px}.step-row h3{font-size:17px}.article-header h1{font-size:36px}.search-form{flex-direction:column}}


/* ======================================================================
   02. CLASSIC FOUNDATION
   ====================================================================== */
/*
 * Die CSS-Basis stammt aus dem ursprünglichen Pixfort-Design.
 * Tailwind ist nicht mehr Bestandteil des Themes; alle Komponenten nutzen dieses CSS.
 */
:root {
 --blue:#166AB3;--blue-hover:#0E4A7A;--ink:#161923;--text:#5e6574;--muted:#89909b;
 --surface:#ffffff;--surface-2:#f8f9fc;--surface-3:#f0f4fa;--line:#e8eaf0;--line-heavy:#dfe3eb;
 --hero:#ffffff;--blue-soft:#eaf3fc;--blue-border:#cfe2f4;--shadow:0 20px 60px #172a4812;
 --body-font:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
 --display-font:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
 --radius:20px;--radius-lg:28px;--wrap:1200px;color-scheme:light;
}
html[data-theme='dark'] {
 --ink:#fafafa;--text:#b8bbc5;--muted:#8a8d98;--surface:#000000;--surface-2:#09090b;--surface-3:#101015;
 --line:#28282d;--line-heavy:#393941;--hero:#000000;--blue-soft:#0a1b30;--blue-border:#183b60;--shadow:0 25px 70px #0009;
 color-scheme:dark;
}
html{scroll-behavior:smooth;scroll-padding-top:115px}
body.unetifi-classic{background:var(--surface);font-family:var(--body-font);font-size:16px;color:var(--text)}
.unetifi-classic h1,.unetifi-classic h2,.unetifi-classic h3,.unetifi-classic h4{font-family:var(--display-font);font-weight:800;letter-spacing:-.046em;color:var(--ink)}
.unetifi-classic a,.unetifi-classic button{transition:background .22s,color .22s,border-color .22s,transform .22s,box-shadow .22s}
.unetifi-classic .wrap{width:min(1200px,calc(100% - 64px))}
.unetifi-classic .section{padding:104px 0}
.unetifi-classic .button{border-radius:11px;min-height:49px;padding:13px 22px;font-size:14px;font-weight:750}
.unetifi-classic .button-primary{background:#166AB3;color:#fff;box-shadow:0 9px 21px #166ab326}
.unetifi-classic .button-primary:hover{background:#0E4A7A;color:#fff;box-shadow:0 12px 28px #166ab344}
.unetifi-classic .button-outline{color:var(--ink);background:var(--surface);border-color:var(--line-heavy)}
.unetifi-classic .button-outline:hover{color:var(--blue);border-color:var(--blue)}
.unetifi-classic .button-white{color:#0e4a7a;background:#fff}
.unetifi-classic .button-white:hover{color:#166AB3;background:#edf6ff}
.unetifi-classic .topbar{display:none}


/* ======================================================================
   04. CLASSIC / 10-HEADER
   ====================================================================== */
/* Rounded header, matching the older Pixfort navigation geometry. */
.unetifi-classic .site-header{width:min(1290px,calc(100% - 36px));height:76px;margin:14px auto 0;position:sticky;top:14px;border-radius:17px;border:1px solid var(--line);box-shadow:0 13px 42px #142e4515;background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(20px);z-index:600}
.admin-bar.unetifi-classic .site-header{top:46px}
/* v7.1: move logo and CTA closer to the rounded header edges (previously 45px). */
.unetifi-classic .site-header .header-inner{width:calc(100% - 36px);max-width:none;gap:18px}
@media(max-width:700px){.unetifi-classic .site-header .header-inner{width:calc(100% - 24px)}}
.unetifi-classic .brand{min-width:120px;max-width:145px;gap:0}
.unetifi-classic .brand-media{display:flex;align-items:center;position:relative;min-width:119px;min-height:35px}
.unetifi-classic .brand-media img{width:119px;height:auto;max-height:39px;object-fit:contain}
.unetifi-classic .brand-text-fallback{font-weight:900;font-size:26px;letter-spacing:-.07em;color:var(--ink);display:none}
.unetifi-classic .brand-text-fallback span{color:#166AB3}
.unetifi-classic .header-divider{width:1px;height:28px;background:var(--line-heavy)}
/* Polylang DE / EN: segmented button switch matching Webhosting tariff tabs.
   Keep the desktop control right of the header divider; mobile stays in menu. */
.unetifi-classic .unetifi-language-switcher{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:3px;padding:4px;line-height:1;border:1px solid var(--line-heavy);border-radius:12px;background:var(--surface-2)}
.unetifi-classic .unetifi-language-link{display:inline-flex;align-items:center;justify-content:center;min-width:35px;min-height:32px;padding:7px 9px;border-radius:8px;font-size:12px;font-weight:800;letter-spacing:.025em;color:var(--muted);white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.unetifi-classic a.unetifi-language-link:hover{color:var(--ink);background:var(--surface-3)}
.unetifi-classic .unetifi-language-link.is-current{background:var(--blue);color:#fff;box-shadow:0 5px 15px rgba(22,106,179,.18);cursor:default}
.unetifi-classic .unetifi-language-link.is-unavailable{opacity:.4;cursor:not-allowed}
.unetifi-classic .unetifi-language-link:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.unetifi-classic .unetifi-language-switcher--mobile{display:none}

.unetifi-classic .desktop-nav{margin-inline:auto}
.unetifi-classic .nav-list>li>a{font-size:13px;color:var(--ink);font-weight:700;padding:12px 12px;border-radius:6px;white-space:nowrap}
.unetifi-classic .nav-list>li>a:hover{color:var(--blue);background:transparent}
.unetifi-classic .nav-list>.current-menu-item>a,.unetifi-classic .nav-list>.current_page_parent>a{color:var(--blue);background:transparent}
.unetifi-classic .nav-list .sub-menu{border-radius:14px;min-width:230px;padding:12px;box-shadow:var(--shadow)}
.unetifi-classic .nav-list .sub-menu a{padding:12px 14px}
.unetifi-classic .header-tools{gap:11px}
.unetifi-classic .header-cta{border-radius:9px;padding:10px 18px;font-size:13px;min-height:44px;white-space:nowrap}
.unetifi-classic .icon-button{border:0;width:39px;height:39px;background:transparent;border-radius:50%;color:var(--ink)}
.unetifi-classic .icon-button:hover{background:var(--blue-soft);color:var(--blue)}


/* ======================================================================
   05. CLASSIC / 20-HERO
   ====================================================================== */
/* Legacy-inspired homepage hero: centered text over the UniFi video. */
.classic-home{margin-top:-90px}
.classic-hero{min-height:670px;padding:182px 0 100px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;text-align:center;background:radial-gradient(ellipse at 50% 38%,#f2f7ff 0%,#fff 58%,#f7fafe 100%)}
html[data-theme='dark'] .classic-hero{background:#000}
.classic-hero::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 22% 32%,#166ab313,transparent 35%),radial-gradient(circle at 83% 68%,#166ab315,transparent 38%)}
.classic-hero-video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.23;filter:saturate(.7)}
html[data-theme='dark'] .classic-hero-video{opacity:.37;filter:saturate(.8)}
.classic-hero-overlay{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#ffffffd9,#ffffffd1 64%,#ffffff)}
html[data-theme='dark'] .classic-hero-overlay{background:linear-gradient(180deg,#000d,#000b 60%,#000)}
.classic-hero-inner{max-width:1050px!important;position:relative;z-index:2}
.classic-kicker,.section-label{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#166AB3;display:inline-flex;align-items:center;gap:8px}
.classic-kicker{background:#166AB3;color:#ffffff;border:1px solid #166AB3;padding:9px 17px;border-radius:100px;box-shadow:0 8px 25px #1b589512}
.classic-hero h1{font-size:clamp(46px,6.3vw,83px);line-height:1.11;font-weight:800;letter-spacing:-.068em;max-width:1020px;margin:23px auto 24px}
.classic-hero h1 span{color:#166AB3}
.classic-hero-lead{font-size:clamp(16px,1.5vw,20px);line-height:1.79;max-width:800px;margin:0 auto 32px;color:var(--text)}
.classic-hero-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.classic-hero-buttons .button{min-height:55px;padding:15px 27px;font-size:15px;border-radius:12px}
.classic-hero-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 28px;margin-top:40px;font-size:12px;font-weight:600;color:var(--text)}
.classic-hero-facts span{display:inline-flex;align-items:center;gap:7px}
.classic-hero-facts svg{color:#166AB3}
.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:var(--muted);display:grid;place-items:center;width:38px;height:38px;border-radius:100%;border:1px solid var(--line)}
.scroll-cue:hover{color:#166AB3}


/* ======================================================================
   06. CLASSIC / 30-LOGOS
   ====================================================================== */
/* Clients and logos: use the existing Media Library files. */
.classic-clients{padding:26px 0 36px;background:var(--surface);border-bottom:1px solid var(--line)}
.trust-heading{text-align:center;color:var(--muted);font-size:13px;font-weight:700;margin:0 0 25px}
.client-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;align-items:center}
.legacy-logo{position:relative;min-height:66px;display:flex;align-items:center;justify-content:center;padding:8px 10px}
.legacy-logo img{max-width:100%;width:auto;height:auto;max-height:46px;object-fit:contain;filter:grayscale(1);opacity:.75;position:relative;z-index:2}
.legacy-logo-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--display-font);font-size:13px;font-weight:800;color:var(--muted);line-height:1.3;z-index:1}
.legacy-logo:hover img{opacity:1;filter:grayscale(0)}


/* v5: customer logos ~30% bigger (desktop 46 -> 60, mobile 30 -> 39). */
.unetifi-classic .client-logos .legacy-logo{min-height:88px;padding:7px 5px;border-radius:10px}
.unetifi-classic .client-logos .legacy-logo img{max-height:60px;max-width:100%;object-fit:contain}
.unetifi-classic .client-logos a.legacy-logo:hover{background:var(--unetifi-card)}
.unetifi-classic a.legacy-logo:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:700px){.unetifi-classic .client-logos .legacy-logo{min-height:68px}.unetifi-classic .client-logos .legacy-logo img{max-height:39px}}


/* ======================================================================
   07. CLASSIC / 40-SERVICES
   ====================================================================== */
/* Service cards match the former sequence and copy. */
.classic-services{background:var(--surface)}
.classic-heading{margin-bottom:48px}
.classic-heading.centered{text-align:center;max-width:800px;margin-left:auto;margin-right:auto}
.classic-heading h2{font-size:clamp(34px,3.65vw,50px);line-height:1.22;margin:15px 0 17px;letter-spacing:-.056em}
.classic-accent{color:#166AB3}
.classic-heading p{margin:0 auto;max-width:740px;line-height:1.75;font-size:17px}
.classic-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.classic-service-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:21px;overflow:hidden;transition:box-shadow .24s,transform .24s,border-color .24s}
.classic-service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--blue-border)}
.classic-card-image{min-height:250px;aspect-ratio:1.38;position:relative;background:linear-gradient(140deg,#f3f8ff,#edf2fa 65%,#dfe9f6);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:8px}
html[data-theme='dark'] .classic-card-image{background:linear-gradient(135deg,#071326,#0d1a2c,#10101a)}
.card-watermark{color:#166AB366;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.classic-card-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;object-position:center;z-index:1;padding:8px;transition:transform .45s ease}
.classic-service-card:hover .classic-card-image img{transform:scale(1.04)}
.classic-card-copy{padding:26px 27px 30px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.classic-card-copy h3{font-size:21px;line-height:1.35;letter-spacing:-.04em;margin:0 0 11px}
.classic-card-copy p{font-size:15px;line-height:1.75;margin-bottom:24px;flex:1}
.classic-inline-link{font-size:14px;font-weight:800;color:#166AB3;display:inline-flex;gap:9px;align-items:center}
.classic-inline-link:hover{color:#0E4A7A;gap:14px}
.new-tag{font-size:10px;letter-spacing:.08em;font-weight:800;background:#166ab312;color:#166AB3;border-radius:100px;padding:5px 10px;margin-bottom:12px}


/* ======================================================================
   08. CLASSIC / 50-ABOUT
   ====================================================================== */
/* About / modernization. */
.classic-about{background:var(--surface-2)}
.about-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:76px;align-items:center}
.about-copy h2{font-size:clamp(34px,3.7vw,51px);line-height:1.21;margin:16px 0 23px}
.about-copy p{font-size:16px;line-height:1.9;margin-bottom:14px}
.classic-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px;margin:27px 0 31px}
.classic-check-grid span{display:flex;align-items:flex-start;gap:9px;color:var(--ink);font-size:14px;font-weight:650;line-height:1.4}
.classic-check-grid svg{color:#166AB3;flex-shrink:0}
.about-photo{position:relative;min-height:420px;border-radius:27px;background:var(--unetifi-card);overflow:visible;display:flex;align-items:center}
html[data-theme='dark'] .about-photo{background:var(--unetifi-card)}
.about-photo-glow{display:none}
.about-photo>img{position:relative;width:100%;max-height:460px;object-fit:contain;filter:drop-shadow(0 14px 22px #0002)}
.about-photo-label{position:absolute;bottom:-76px;left:-35px;max-width:335px;display:flex;gap:13px;align-items:center;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:17px 19px}
.about-photo-icon{background:var(--blue-soft);color:#166AB3;border-radius:12px;padding:11px;display:grid;place-items:center}
.about-photo-label small{display:block;font-size:11px;color:var(--muted);line-height:1.6}.about-photo-label strong{display:block;font-size:13px;color:var(--ink);line-height:1.5}


/* Clear room for the info-card shifted about 100px below its former position. */
.classic-about{padding-bottom:190px!important}


/* ======================================================================
   09. CLASSIC / 60-PARTNERS
   ====================================================================== */
/* Partner brands */
.classic-partners{border-bottom:1px solid var(--line);background:var(--surface)}
.partner-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.partner-logos .legacy-logo{background:var(--surface-2);border:1px solid var(--line);border-radius:15px;min-height:95px;padding:16px 24px}
.partner-logos .legacy-logo img{max-height:49px;opacity:.9;filter:none}
.partner-logos .legacy-logo-word{padding-inline:8px}


/* All partner tiles link to their manufacturer's official website. */
.unetifi-classic .partner-logos a.legacy-logo:hover{border-color:var(--blue);transform:translateY(-2px)}


/* ======================================================================
   10. CLASSIC / 70-BLOG
   ====================================================================== */
/* Blog cards reuse the WordPress query from the first release. */
.classic-blog{background:var(--surface-2)}
.blog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.blog-heading>div{max-width:700px}
.blog-heading h2{font-size:clamp(34px,3.5vw,48px)}
.blog-heading p{margin-left:0}
.classic-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.classic-blog-grid .post-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;transition:box-shadow .25s,transform .25s}
.classic-blog-grid .post-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.classic-blog-grid .post-card-media{aspect-ratio:1.66;background:var(--blue-soft)}
.classic-blog-grid .post-card-content{padding:22px 24px 27px}
.classic-blog-grid .post-card h3{font-size:19px;line-height:1.4}
.classic-blog-grid .post-card p{font-size:14px}


/* ======================================================================
   11. CLASSIC / 80-ITCHECK
   ====================================================================== */
/* IT-Check CTA — same section sizing, with subtle blue lighting from the bottom left.
 * Old decorative SVG rings are removed; the Media Library image is used instead.
 */
.classic-itcheck{padding:90px 0 116px!important;background:var(--surface)}
.classic-itcheck-panel{
  min-height:430px;position:relative;overflow:hidden;border-radius:29px;
  background:var(--unetifi-cta-glow),var(--unetifi-card,#09090b);
  color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:22px;
  align-items:center;padding:62px 70px;isolation:isolate;
  border:1px solid rgba(255,255,255,.075);
}
.classic-itcheck-panel .section-label{color:#c4e4ff}
.classic-itcheck-panel h2{font-size:clamp(32px,3.5vw,47px);color:#fff;line-height:1.22;margin:17px 0}
.classic-itcheck-panel h2 span{color:#fff}
.classic-itcheck-panel p{font-size:17px;line-height:1.75;color:#a5a6b0;max-width:565px;margin:0 0 26px}
.itcheck-art{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center}
.itcheck-rack-image{display:block;width:min(100%,370px);height:auto;max-height:350px;object-fit:contain;filter:drop-shadow(0 20px 32px #0006)}

/* In v5 the IT-Check lives inside the GLOBAL footer (all pages).
 * Light mode uses the same blue glow as dark mode on an #fafafa card.
 */
.unetifi-classic .site-footer .classic-itcheck{padding:82px 0 44px!important;background:var(--surface)}
html[data-theme='light'] .unetifi-classic .classic-itcheck-panel{
  background:var(--unetifi-cta-glow),var(--unetifi-card,#fafafa);
  color:var(--ink);border-color:var(--line);
}
html[data-theme='light'] .unetifi-classic .classic-itcheck-panel .section-label{color:var(--blue)}
html[data-theme='light'] .unetifi-classic .classic-itcheck-panel h2,
html[data-theme='light'] .unetifi-classic .classic-itcheck-panel h2 span{color:var(--ink)}
html[data-theme='light'] .unetifi-classic .classic-itcheck-panel p{color:var(--text)}
html[data-theme='light'] .unetifi-classic .classic-itcheck-panel .button-white{background:var(--blue);color:#fff}
html[data-theme='light'] .unetifi-classic .classic-itcheck-panel .button-white:hover{background:var(--blue-hover);color:#fff}
@media(max-width:700px){.unetifi-classic .site-footer .classic-itcheck{padding:48px 0 26px!important}}


/* ======================================================================
   12. CLASSIC / 85-HOSTING-PACKAGES
   ====================================================================== */
/* Hosting product template – 3 editable tariff cards. Other layouts unaffected. */
.unetifi-classic .hosting-packages{background:var(--surface)}
.unetifi-classic .hosting-packages-heading{max-width:720px}
.unetifi-classic .hosting-packages-heading p{margin:18px 0 0;font-size:16px;line-height:1.7}
.unetifi-classic .hosting-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.unetifi-classic .hosting-package-card{min-width:0;background:var(--unetifi-card);border:1px solid var(--line);border-radius:23px;padding:32px 28px;display:flex;flex-direction:column;gap:0;position:relative}
.unetifi-classic .hosting-package-card.has-badge{border-color:var(--blue)}
.unetifi-classic .hosting-package-badge{color:#fff;background:var(--blue);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800;letter-spacing:.04em;width:max-content;max-width:100%;margin-bottom:20px}
.unetifi-classic .hosting-package-card h3{font-size:clamp(23px,2.15vw,29px);margin:0 0 13px;color:var(--ink)}
.unetifi-classic .hosting-package-description{font-size:14px;line-height:1.75;color:var(--text);margin:0 0 21px;min-height:50px}
.unetifi-classic .hosting-package-price{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:24px}
.unetifi-classic .hosting-package-price strong{font:800 clamp(22px,2.3vw,32px)/1.25 var(--display-font);color:var(--ink)}
.unetifi-classic .hosting-package-price span{font-size:12px;line-height:1.5;color:var(--muted)}
.unetifi-classic .hosting-package-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}
.unetifi-classic .hosting-package-features li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.55;color:var(--text)}
.unetifi-classic .hosting-package-features .u-icon{flex-shrink:0;color:var(--blue);margin-top:1px}
.unetifi-classic .hosting-package-action{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:10px}
@media(max-width:960px){.unetifi-classic .hosting-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.unetifi-classic .hosting-package-grid{grid-template-columns:1fr;gap:14px}.unetifi-classic .hosting-package-card{padding:28px 24px}.unetifi-classic .hosting-package-description{min-height:0}}


/* ======================================================================
   13. CLASSIC / 90-FOOTER
   ====================================================================== */
/* Footer navigation, social icons and two trust seals. */
.unetifi-classic .site-footer{background:var(--surface-2);color:var(--text);border-top:1px solid var(--line);padding-top:0}
.unetifi-classic .footer-top{padding:54px 0 55px;display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:30px}
.unetifi-classic .footer-logo{font-family:var(--display-font);color:var(--ink);font-size:32px;letter-spacing:-.075em}
.unetifi-classic .footer-brand p{font-size:14px;line-height:1.8;max-width:330px;margin-top:15px}
.unetifi-classic .footer-col h3{font-size:15px;margin:0 0 18px}
.unetifi-classic .footer-col a,.unetifi-classic .footer-col span{font-size:14px;line-height:1.65;margin-bottom:11px}
.unetifi-classic .footer-col a:hover{color:#166AB3}
.unetifi-classic .footer-bottom{border-color:var(--line);padding:25px 0;color:var(--muted);font-size:12px}


/* Footer v5: legal links in separate column, social icons in bottom row. */
.unetifi-classic .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}
.unetifi-classic .footer-social{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px}
.unetifi-classic .footer-social a{color:var(--text);border:1px solid var(--line);width:40px;height:40px;border-radius:11px;display:inline-flex;justify-content:center;align-items:center;background:var(--unetifi-card);transition:background .2s,color .2s,transform .2s,border-color .2s}
.unetifi-classic .footer-social a:hover,.unetifi-classic .footer-social a:focus-visible{color:var(--blue);border-color:var(--blue);transform:translateY(-2px)}
.unetifi-classic .footer-social svg{display:block}
@media(max-width:700px){.unetifi-classic .footer-social{justify-content:flex-start}}
/* The original footer link colors were tailored to a dark footer. In v4/v5 the
 * footer matches the page background, so use theme-aware text colors. */
.unetifi-classic .footer-col a{color:var(--text)}
.unetifi-classic .footer-col a:hover{color:var(--blue)}

/* Two seals occupy the former final claim slot in the v5 footer-bottom row. */
.unetifi-classic .footer-bottom .footer-trust-seals{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:10px;margin:0;flex:0 0 auto}
.unetifi-classic .footer-trust-seal{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:100px}
.unetifi-classic .footer-trust-seal img{display:block;width:100%;height:auto;max-height:50px;object-fit:contain;object-position:center}

/* Keep the original v5 bottom-row order even when the row wraps on mobile:
 * copyright -> social icons -> the two trust seals. */
@media(max-width:700px){
  .unetifi-classic .footer-bottom .footer-trust-seals{justify-content:flex-start}
  .unetifi-classic .footer-bottom .footer-trust-seal{width:min(100px, 27vw)}
}


/* ======================================================================
   14. CLASSIC / 95-INNER-PAGES
   ====================================================================== */
/* Existing single-post and service templates retain their layout but get the old styling. */
.unetifi-classic .page-hero{background:var(--surface-2)}
.unetifi-classic .page-hero h1{letter-spacing:-.055em}
.unetifi-classic .service-tile,.unetifi-classic .post-card,.unetifi-classic .values-grid>div{border-radius:17px}
.unetifi-classic .service-tile:hover{border-color:var(--blue-border)}
.unetifi-classic .final-cta,.unetifi-classic .spotlight-panel{background:linear-gradient(110deg,#166AB3,#0E4A7A 58%,#000)}
.unetifi-classic .final-cta h2,.unetifi-classic .spotlight-panel h2{color:#fff}
.unetifi-classic .breadcrumbs{padding-top:30px}


/* ======================================================================
   15. CLASSIC / 98-MEGA-ABOUT
   ====================================================================== */
/* v7 navigation: category mega menus based on the legacy Pixfort tree. */
.unetifi-classic .site-header{overflow:visible}
.unetifi-classic .nav-list{gap:2px}
.unetifi-classic .nav-mega-item{position:static}
.unetifi-classic .nav-mega-trigger{appearance:none;border:0;background:transparent;color:var(--ink);font-weight:700;font-size:13px;line-height:1.4;padding:12px 12px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;border-radius:7px}
.unetifi-classic .nav-mega-trigger:hover,.unetifi-classic .nav-mega-item.is-expanded>.nav-mega-trigger{color:var(--blue);background:var(--blue-soft)}
.unetifi-classic .nav-mega-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
/* Consistent, centered line icon instead of the font glyph "⌄". */
.unetifi-classic .mega-chevron{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;line-height:1;transition:transform .2s ease;transform:rotate(0deg);transform-origin:center}
.unetifi-classic .mega-chevron .u-icon{display:block;width:16px;height:16px;stroke-width:2px}
.unetifi-classic .nav-mega-item.is-expanded .mega-chevron{transform:rotate(180deg)}
.unetifi-classic .nav-mega-panel{position:absolute;z-index:950;top:calc(100% + 9px);left:50%;width:min(945px,calc(100vw - 40px));transform:translate(-50%,-8px);visibility:hidden;opacity:0;pointer-events:none;border:1px solid var(--line);background:rgba(250,250,250,.85);box-shadow:0 25px 70px #00000024;border-radius:18px;padding:25px 27px 29px;transition:opacity .18s ease,transform .18s ease,visibility .18s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
/* Dropdown glass uses the exact navbar backgrounds and blur in both modes. */
html[data-theme='light'] .unetifi-classic .nav-mega-panel,
html[data-theme='light'] .unetifi-classic .mobile-nav{background:rgba(250,250,250,.85)}
html[data-theme='dark'] .unetifi-classic .nav-mega-panel,
html[data-theme='dark'] .unetifi-classic .mobile-nav{background:rgba(25,25,25,.75);box-shadow:0 26px 85px #000b}
.unetifi-classic .mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
html[data-theme='light'] .unetifi-classic .mobile-mega-panel{background:rgba(250,250,250,.85)}
html[data-theme='dark'] .unetifi-classic .mobile-mega-panel{background:rgba(25,25,25,.75)}
.unetifi-classic .mobile-mega-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.unetifi-classic .nav-mega-item:hover>.nav-mega-panel,.unetifi-classic .nav-mega-item:focus-within>.nav-mega-panel,.unetifi-classic .nav-mega-item.is-expanded>.nav-mega-panel{opacity:1;transform:translate(-50%,0);visibility:visible;pointer-events:auto}
.unetifi-classic .nav-mega-panel:before{content:'';position:absolute;inset:-12px 0 auto;height:13px}
.unetifi-classic .mega-panel-heading{padding:0 5px 19px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.unetifi-classic .mega-panel-heading strong{display:block;font:800 20px/1.3 var(--display-font);color:var(--ink)}
.unetifi-classic .mega-panel-heading p{margin:6px 0 0;color:var(--muted);font-size:13px}
.unetifi-classic .mega-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.unetifi-classic .mega-panel-group{min-width:0}
.unetifi-classic .mega-panel-group h3{font:800 12px/1.3 var(--display-font);text-transform:uppercase;letter-spacing:.095em;color:var(--blue);padding:2px 11px 12px;margin:0}
.unetifi-classic .mega-panel-group ul{padding:0;margin:0;list-style:none}
.unetifi-classic .mega-panel-group li{list-style:none;margin:0}
.unetifi-classic .mega-panel-group a{color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:10px;padding:11px;font-size:13px;font-weight:600;line-height:1.45;text-decoration:none}
.unetifi-classic .mega-panel-group a span{opacity:0;color:var(--blue);transform:translateX(-4px);transition:opacity .18s,transform .18s}
.unetifi-classic .mega-panel-group a:hover,.unetifi-classic .mega-panel-group a:focus-visible{background:var(--unetifi-card);color:var(--blue)}
.unetifi-classic .mega-panel-group a:hover span,.unetifi-classic .mega-panel-group a:focus-visible span{opacity:1;transform:none}
/* Mobile accordion hierarchy: two levels, categories first, links second. */
.unetifi-classic .mobile-nav{background:var(--surface);border:1px solid var(--line);box-shadow:0 26px 60px #0002}
.unetifi-classic .unetifi-mobile-list{padding:6px 0;margin:0}
.unetifi-classic .unetifi-mobile-list>li>a,.unetifi-classic .mobile-mega-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);text-align:left;font-size:15px;font-weight:750;line-height:1.4;text-decoration:none;cursor:pointer}
.unetifi-classic .mobile-mega-trigger[aria-expanded='true']{color:var(--blue)}
.unetifi-classic .mobile-mega-trigger[aria-expanded='true'] .mega-chevron{transform:rotate(180deg)}
.unetifi-classic .mobile-mega-panel{padding:16px 9px 18px;background:var(--unetifi-card);border-bottom:1px solid var(--line);border-radius:0 0 11px 11px}
.unetifi-classic .mobile-mega-panel[hidden]{display:none!important}
.unetifi-classic .mobile-mega-group+.mobile-mega-group{margin-top:18px}
.unetifi-classic .mobile-mega-group h3{font:800 11px/1.35 var(--display-font);text-transform:uppercase;letter-spacing:.09em;color:var(--blue);padding:0 10px 6px;margin:0}
.unetifi-classic .mobile-mega-group ul{padding:0;margin:0;list-style:none}
.unetifi-classic .mobile-mega-group li{list-style:none}
.unetifi-classic .mobile-mega-group a{display:block;font-size:14px;font-weight:550;color:var(--text);padding:11px 12px;border-radius:8px;text-decoration:none}
.unetifi-classic .mobile-mega-group a:hover,.unetifi-classic .mobile-mega-group a:focus-visible{background:var(--surface);color:var(--blue)}
/* About page: same typographic family and card system as the other inner pages. */
.unetifi-classic .about-us-hero{padding:100px 0 84px;background:var(--surface)}
.unetifi-classic .about-us-hero .wrap{max-width:1080px}
.unetifi-classic .about-us-hero h1{font-size:clamp(39px,5.8vw,72px);line-height:1.13;max-width:1020px;margin:20px 0 23px;letter-spacing:-.055em}
.unetifi-classic .about-us-hero h1 span,.unetifi-classic .about-us-story h2 span{color:var(--blue)}
.unetifi-classic .about-us-hero p{max-width:760px;font-size:clamp(16px,1.7vw,19px);line-height:1.8;margin:0 0 29px}
.unetifi-classic .about-us-story-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:65px}
.unetifi-classic .about-us-story-copy h2{font-size:clamp(31px,3.8vw,49px);margin:17px 0 23px;line-height:1.18}
.unetifi-classic .about-us-story-copy p{font-size:16px;line-height:1.85;margin:0 0 19px}
.unetifi-classic .about-us-visual{background:var(--unetifi-card);border-radius:23px;min-height:340px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.unetifi-classic .about-us-visual img{width:100%;max-height:510px;height:auto;object-fit:cover;display:block}
.unetifi-classic .about-us-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.unetifi-classic .about-us-values .section-heading{max-width:770px;margin-bottom:36px}
.unetifi-classic .about-us-values .section-heading h2{font-size:clamp(30px,3.6vw,46px);margin:12px 0 0}
.unetifi-classic .about-us-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.unetifi-classic .about-us-value-card{border:1px solid var(--line);border-radius:18px;background:var(--unetifi-card);padding:29px 26px}
.unetifi-classic .about-us-value-card>span{color:var(--blue);background:var(--blue-soft);border-radius:12px;width:54px;height:54px;display:grid;place-items:center;margin-bottom:22px}
.unetifi-classic .about-us-value-card h3{font-size:19px;margin:0 0 11px}
.unetifi-classic .about-us-value-card p{line-height:1.75;font-size:14px;margin:0}
.unetifi-classic .about-us-editable .article-body{max-width:900px;margin:auto}
@media(max-width:1100px){.unetifi-classic .nav-mega-trigger{font-size:12px;padding:10px 8px}.unetifi-classic .about-us-story-grid{gap:32px}}
@media(max-width:960px){.unetifi-classic .nav-mega-panel{display:none}.unetifi-classic .about-us-story-grid{grid-template-columns:1fr}.unetifi-classic .about-us-visual{max-width:750px}.unetifi-classic .about-us-value-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.unetifi-classic .about-us-hero{padding:72px 0 52px}.unetifi-classic .about-us-hero h1{font-size:clamp(36px,8vw,48px)}.unetifi-classic .about-us-value-grid{grid-template-columns:1fr;gap:13px}.unetifi-classic .about-us-value-card{padding:24px}.unetifi-classic .about-us-story-grid{gap:25px}.unetifi-classic .about-us-visual{min-height:220px}}
@media(prefers-reduced-motion:reduce){.unetifi-classic .nav-mega-panel,.unetifi-classic .mega-chevron{transition:none}}

/* v7.2 desktop glass fix – required independently of editor features. */
.unetifi-classic .nav-mega-panel.is-portal{position:fixed!important;top:var(--unetifi-panel-top,85px)!important;left:var(--unetifi-panel-left,50%)!important;z-index:9999;isolation:isolate;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}
.unetifi-classic .nav-mega-panel.is-portal.is-expanded{visibility:visible;opacity:1;transform:translate(-50%,0);pointer-events:auto}
.unetifi-classic .nav-mega-panel.is-portal:not(.is-expanded){visibility:hidden;opacity:0;transform:translate(-50%,-8px);pointer-events:none}
html[data-theme='light'] .unetifi-classic .nav-mega-panel.is-portal{background:rgba(250,250,250,.85)}
html[data-theme='dark'] .unetifi-classic .nav-mega-panel.is-portal{background:rgba(25,25,25,.75)}
/* v7.3 MOBILE glass: portal the whole sheet outside the blurred header.
   A backdrop-filter nested inside the header cannot blur the PAGE behind it. */
@media(max-width:960px){
  .unetifi-classic .mobile-nav.is-portal{
    position:fixed!important;
    top:var(--unetifi-mobile-top,84px)!important;
    left:var(--unetifi-mobile-left,12px)!important;
    right:auto!important;
    width:var(--unetifi-mobile-width,calc(100vw - 24px))!important;
    z-index:9998!important;
    box-sizing:border-box;
    max-height:calc(100dvh - var(--unetifi-mobile-top,84px) - 12px)!important;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-backdrop-filter:blur(20px)!important;
    backdrop-filter:blur(20px)!important;
    border-radius:0 0 18px 18px;
  }
  html[data-theme='light'] .unetifi-classic .mobile-nav.is-portal{background:rgba(250,250,250,.85)!important}
  html[data-theme='dark'] .unetifi-classic .mobile-nav.is-portal{background:rgba(25,25,25,.75)!important}
  /* No second frosted backdrop-root INSIDE the sheet: keep glass visible. */
  .unetifi-classic .mobile-nav.is-portal .mobile-mega-panel{
    background:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}


/* ======================================================================
   16. CLASSIC / 99-RESPONSIVE
   ====================================================================== */
/* The old core CSS switches desktop navigation off at 1000px (not 960px).
   Keep the language switch in the same mode at that breakpoint. */
@media(max-width:1000px){
 .unetifi-classic .unetifi-language-switcher--desktop{display:none}
 .unetifi-classic .unetifi-language-switcher--mobile{display:flex;justify-content:flex-start;width:max-content;max-width:calc(100% - 24px);gap:3px;padding:4px;margin:11px 12px 15px;border:1px solid var(--line-heavy);border-radius:12px}
 .unetifi-classic .unetifi-language-switcher--mobile .unetifi-language-link{font-size:13px;min-height:35px;padding-inline:12px}
}

@media(max-width:1150px){
 .unetifi-classic .site-header{width:calc(100% - 24px)}
 .unetifi-classic .site-header .header-inner{gap:10px}
 .unetifi-classic .nav-mega-trigger{padding-left:8px;padding-right:8px}
 .unetifi-classic .header-divider{display:none}
 .unetifi-classic .nav-list>li>a{padding:9px 8px;font-size:12px}
 .unetifi-classic .header-inner{gap:10px}
 .about-grid{gap:35px}
}
@media(max-width:960px){
 .unetifi-classic .desktop-nav{display:none}

 .unetifi-classic .mobile-menu-toggle{display:grid}
 .unetifi-classic .site-header{height:72px}
 .unetifi-classic .mobile-nav{border-radius:0 0 18px 18px}
 .classic-hero{padding-top:165px;min-height:620px}
 .client-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
 .classic-service-grid{gap:16px}
 .classic-card-copy{padding:22px}
 .classic-card-image{min-height:190px}
 .about-grid{grid-template-columns:1fr;gap:60px}
 .about-photo{max-width:700px;width:100%;min-height:360px;margin:auto}
 .partner-logos{grid-template-columns:repeat(4,minmax(0,1fr))}
 .unetifi-classic .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}
 .classic-itcheck-panel{padding:52px 48px}
}
@media(max-width:700px){
 .unetifi-classic .wrap{width:calc(100% - 38px)}
 .unetifi-classic .section{padding:75px 0}
 .unetifi-classic .site-header{top:8px;margin-top:8px;width:calc(100% - 20px);height:66px;border-radius:13px}
 .admin-bar.unetifi-classic .site-header{top:48px}
 .unetifi-classic .header-inner{gap:8px}
 .unetifi-classic .brand{min-width:110px;max-width:132px}
 .unetifi-classic .brand-media img{width:109px}
 .unetifi-classic .header-tools{gap:3px}
 .unetifi-classic .header-cta{display:none}
 .unetifi-classic .icon-button{width:40px;height:40px}
 .classic-home{margin-top:-74px}
 .classic-hero{padding:170px 0 80px;min-height:610px}
 .classic-hero h1{font-size:clamp(38px,9vw,55px);line-height:1.13}
 .classic-hero-lead{font-size:15px;line-height:1.78}
 .classic-hero-facts{gap:10px 19px;margin-top:27px;font-size:11px}
 .classic-hero-buttons{gap:9px}
 .classic-hero-buttons .button{font-size:13px;min-height:51px;padding:11px 14px}
 .client-logos{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .legacy-logo img{max-height:30px}
 .trust-heading{font-size:12px}
 .classic-heading{margin-bottom:32px}
 .classic-heading h2,.about-copy h2{font-size:clamp(32px,8vw,43px)}
 .classic-heading p{font-size:15px}
 .classic-service-grid,.classic-blog-grid{grid-template-columns:1fr}
 .classic-card-image{aspect-ratio:1.8;min-height:220px}
 /* Center all three illustration images reliably on narrow screens.
    They are absolutely positioned on desktop, so explicitly center their
    element box here instead of relying on their natural inset alignment. */
 .unetifi-classic .classic-service-card .classic-card-image{display:flex;align-items:center;justify-content:center}
 .unetifi-classic .classic-service-card .classic-card-image img{
    position:absolute;inset:auto;top:50%;left:50%;right:auto;bottom:auto;
    width:100%;height:100%;max-width:100%;max-height:100%;margin:0;
    object-fit:contain;object-position:center center;
    transform:translate(-50%,-50%);
 }
 .unetifi-classic .classic-service-card:hover .classic-card-image img{
    transform:translate(-50%,-50%) scale(1.04);
 }
 .classic-card-copy{padding:23px 25px 26px}
 .about-grid{gap:45px}
 .classic-check-grid{grid-template-columns:1fr}
 .about-photo{min-height:270px}
 .about-photo-label{left:12px;right:12px;bottom:12px;max-width:none;padding:12px}
 .about-photo-label strong{font-size:12px}
 .partner-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .partner-logos .legacy-logo{min-height:81px;padding:12px}
 .blog-heading{flex-direction:column;align-items:flex-start}
 .classic-itcheck{padding:50px 0 76px!important}
 .classic-itcheck-panel{grid-template-columns:1fr;padding:37px 28px 35px;min-height:auto;border-radius:22px}
 .classic-itcheck-panel h2{font-size:32px}
 .itcheck-art{min-height:180px;opacity:1}
 .itcheck-rack-image{width:min(100%,220px);max-height:225px}
 .classic-about{padding-bottom:152px!important}
 .about-photo-label{bottom:-64px}
 .unetifi-classic .site-footer{padding-top:61px}
 .unetifi-classic .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
 .unetifi-classic .footer-brand{grid-column:1/-1}
 .unetifi-classic .footer-bottom{flex-wrap:wrap;gap:14px}
}
@media(max-width:390px){
 .classic-hero-buttons{flex-direction:column;align-items:stretch}
 .classic-hero-buttons a{width:100%}
 .classic-hero-facts{gap:8px;flex-direction:column;align-items:center}
 .classic-hero{padding-top:148px}
 .unetifi-classic .footer-top{grid-template-columns:1fr}
 .unetifi-classic .footer-brand{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
 .classic-hero-video{display:none}
 .classic-service-card,.classic-service-card img{transition:none!important}
}


/* ======================================================================
   17. REFINEMENTS
   ====================================================================== */
/* Unetifi Studio v4 — global background, card, navbar and template refinements.
 * This file is loaded last. The actual section styles live in assets/css/classic/.
 * See CODE-MAP.md for what to edit. The 45-minute CTA is intentionally excluded.
 */

/* 01 — EXACT page backgrounds: #ffffff light, #000000 dark. */
html[data-theme='light'] {--surface:#ffffff;--surface-2:#ffffff;--surface-3:#ffffff;--unetifi-card:#fafafa;}
html[data-theme='dark']  {--surface:#000000;--surface-2:#000000;--surface-3:#000000;--unetifi-card:#09090b;}
.unetifi-classic, .unetifi-classic main {background:var(--surface)}
.unetifi-classic :is(
 .classic-clients,.classic-services,.classic-about,.classic-partners,.classic-blog,.classic-itcheck,
 .site-footer,.page-hero,.contact-section,.section-services,.section-service-value,.related-section,
 .section-blog,.section-approach,.product-features,.product-faq,.service-detail-section
) {background:var(--surface)}
.unetifi-classic .classic-hero {background:var(--surface)}
.unetifi-classic .classic-hero::before {background:none}
/* Video remains, but the white/dark fade still ends in the exact page background. */
html[data-theme='light'] .unetifi-classic .classic-hero-overlay{background:linear-gradient(180deg,#ffffffd9,#ffffffed 64%,#ffffff)}
html[data-theme='dark'] .unetifi-classic .classic-hero-overlay{background:linear-gradient(180deg,#000d,#000d 65%,#000)}
/* No section separators; borders around separate cards and the navbar are retained. */
.unetifi-classic :is(.classic-clients,.classic-partners,.site-footer,.footer-bottom,.page-hero,.hero-home){border-top:0;border-bottom:0}

/* 02 — all card surfaces: #fafafa light / #09090b dark. */
.unetifi-classic :is(
 .classic-service-card,.classic-card-image,.post-card,.service-tile,.partner-logos .legacy-logo,
 .values-grid>div,.form-panel,.toc-block,.no-posts,.product-feature-card,.department-card,
 .product-hero-image,.product-faq-list details,.about-photo,.about-photo-label
){background:var(--unetifi-card)}

/* 03 — translucent navbar retains the existing 20px backdrop blur. */
html[data-theme='light'] .unetifi-classic .site-header{background:rgba(250,250,250,.85)}
html[data-theme='dark'] .unetifi-classic .site-header{background:rgba(25,25,25,.75)}

/* 04 — Logos display in their original colors; no captions behind the images. */
.unetifi-classic .legacy-logo img,.unetifi-classic .legacy-logo:hover img,
.unetifi-classic .partner-logos .legacy-logo img{filter:none;opacity:1}
.unetifi-classic .legacy-logo-word{display:none!important}
.unetifi-classic .footer-logo{display:inline-flex;align-items:center;min-height:50px}
.unetifi-classic .footer-logo .brand-media{display:inline-flex;align-items:center}
.unetifi-classic .footer-logo .brand-media img{width:155px;height:auto;max-height:50px;object-fit:contain}
.unetifi-classic .footer-logo .brand-text-fallback{font-size:32px}

/* 05 — Three department choices on Contact page. */
.contact-departments {padding-bottom:0!important;}
.department-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.department-card {display:flex;flex-direction:column;align-items:flex-start;gap:13px;
  padding:28px 27px;background:var(--surface);border:1px solid var(--line);
  border-radius:19px;min-height:245px;color:var(--text);
  transition:transform .2s,border-color .2s,box-shadow .2s;}
.department-card:hover,.department-card.is-selected {border-color:var(--blue);color:var(--text);box-shadow:var(--shadow);transform:translateY(-2px);}
.department-card strong {font-family:var(--display-font);font-size:20px;line-height:1.25;color:var(--ink);}
.department-card > span:not(.department-icon):not(.department-arrow) {font-size:14px;line-height:1.65;}
.department-icon {background:var(--blue-soft);border-radius:13px;padding:13px;color:var(--blue);}
.department-arrow {margin-top:auto;font-size:13px;font-weight:800;color:var(--blue);display:inline-flex;align-items:center;gap:8px;}
#anfrage {scroll-margin-top:115px;}

/* 06 — Hosting product page and optional feature / FAQ sections. */
.product-hero-grid {display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;}
.product-hero-copy h1 {font-size:clamp(42px,5.3vw,70px);line-height:1.1;}
.product-hero-copy>p {font-size:18px;line-height:1.8;max-width:650px;}
.product-hero-image {display:grid;place-items:center;min-height:340px;overflow:hidden;
  background:var(--surface-2);border:1px solid var(--line);border-radius:24px;}
.product-hero-image img {display:block;max-height:410px;object-fit:contain;width:100%;height:auto;}
.product-hero-icon {color:var(--blue);background:var(--blue-soft);width:145px;height:145px;border-radius:28px;display:grid;place-items:center;}
.product-price {display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:25px 0;}
.product-price strong {font-family:var(--display-font);font-size:clamp(29px,3vw,42px);font-weight:800;color:var(--ink);}
.product-price span {font-size:14px;color:var(--muted);}
.product-feature-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.product-feature-card {display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 23px;min-height:90px;}
.product-feature-card svg {color:var(--blue);}
.product-feature-card span {font-weight:650;line-height:1.5;color:var(--ink);}
.product-faq .wrap {max-width:900px;}
.product-faq h2 {font-size:clamp(30px,3vw,43px);margin-bottom:26px;}
.product-faq-list {display:flex;flex-direction:column;gap:12px;}
.product-faq-list details {padding:19px 24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);}
.product-faq-list summary {display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:15px;list-style:none;color:var(--ink);font-size:17px;font-weight:750;}
.product-faq-list summary::-webkit-details-marker {display:none;}
.product-faq-list summary span {color:var(--blue);font-size:23px;}
.product-faq-list details[open] summary span {transform:rotate(45deg);}
.product-faq-list p {margin:15px 0 0;color:var(--text);line-height:1.8;}

/* 07 — Legal page: preserve existing text, provide readable hierarchy. */
.unetifi-legal-page .legal-body{width:100%;max-width:960px;margin-left:0;margin-right:auto;text-align:left;overflow-wrap:anywhere;}
.unetifi-legal-page .legal-body :is(h2,h3,h4){margin:1.8em 0 .55em;}
.unetifi-legal-page .legal-body p{line-height:1.85;}
.unetifi-legal-page .legal-body :is(ul,ol){padding-left:1.5em;list-style:revert;margin:0 0 1.3em;}
.unetifi-legal-page .legal-body li{margin-bottom:.5em;}
.unetifi-legal-page .legal-body a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;}
.unetifi-legal-page .legal-body table{display:block;max-width:100%;overflow-x:auto;}

@media (max-width:960px){
  .department-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .product-hero-grid {grid-template-columns:1fr;gap:32px;}
  .product-hero-image {min-height:275px;}
  .product-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  .department-grid,.product-feature-grid {grid-template-columns:1fr;gap:13px;}
  .department-card{min-height:0;padding:23px;}
  .product-hero-image{min-height:220px;}
  .product-hero-copy h1{font-size:40px;}
  .unetifi-classic .footer-logo .brand-media img{width:138px;}
}

/* v5: the shared IT-Check section is INSIDE the footer, on every page.
   Prevent the old mobile footer top-padding from appearing above it. */
.unetifi-classic .site-footer{padding-top:0}

/* v7 — More visible UniFi background video, strongest in light mode.
 * Opacity applies to the video itself; the overlay tapers into the same
 * #FFFFFF / #000000 background at the bottom to keep body text readable. */
html[data-theme='light'] .unetifi-classic .classic-hero-video{opacity:.78;filter:saturate(1.5) contrast(1.11)}
html[data-theme='dark'] .unetifi-classic .classic-hero-video{opacity:.60;filter:saturate(1.22) contrast(1.13)}
html[data-theme='light'] .unetifi-classic .classic-hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.43) 0%,rgba(255,255,255,.54) 58%,#fff 100%)}
html[data-theme='dark'] .unetifi-classic .classic-hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.60) 60%,#000 100%)}


/* ======================================================================
   18. LEGACY-PAGES
   ====================================================================== */
/*
 * UNETIFI CLASSIC STUDIO v8.1 · IT- & Cloud-Lösungen
 * One shared, code-only design system for the 19 original Pixfort content pages.
 * Source text and source order stay in content/legacy/*.html.
 * White: #fff / cards #fafafa; Dark: #000 / cards #09090b; brand: #166AB3.
 */
.unetifi-classic .unetifi-legacy-page{--lp-blue:#166ab3;--lp-deep:#0e4a7a;--lp-card:#fafafa;--lp-stroke:#e8e9ed;--lp-muted:#697282;--lp-soft:#eff6fc;overflow:clip;background:#fff;color:var(--text)}
html[data-theme='dark'] .unetifi-classic .unetifi-legacy-page{--lp-card:#09090b;--lp-stroke:#24242a;--lp-muted:#a6aab5;--lp-soft:#07172a;background:#000}
.unetifi-legacy-page *, .unetifi-legacy-page *:before, .unetifi-legacy-page *:after{box-sizing:border-box}
.unetifi-legacy-page .wrap{max-width:1200px}
.unetifi-legacy-page .legacy-page-hero{position:relative;overflow:hidden;padding:clamp(66px,8vw,114px) 0 clamp(64px,7vw,99px);background:var(--surface);isolation:isolate}
.unetifi-legacy-page .legacy-page-hero:before{content:"";position:absolute;width:730px;height:670px;right:-290px;top:-120px;border-radius:50%;background:radial-gradient(ellipse,rgba(22,106,179,.085),transparent 67%);z-index:-1;pointer-events:none}
html[data-theme='dark'] .unetifi-legacy-page .legacy-page-hero:before{background:radial-gradient(ellipse,rgba(22,106,179,.16),transparent 67%)}
.unetifi-legacy-page .legacy-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(38px,6.2vw,90px);align-items:center}
.unetifi-legacy-page .legacy-hero-copy{min-width:0}
.unetifi-legacy-page .legacy-hero-copy .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.115em;text-transform:uppercase;color:var(--lp-blue);margin-bottom:15px}
.unetifi-legacy-page .legacy-hero-copy h1{font-size:clamp(40px,4.5vw,65px);line-height:1.12;letter-spacing:-.056em;color:var(--ink);margin:0 0 24px;max-width:730px;overflow-wrap:anywhere}
.unetifi-legacy-page .legacy-hero-lead{font-size:clamp(16px,1.5vw,18px);line-height:1.79;color:var(--text);max-width:650px;margin:0 0 18px}
.unetifi-legacy-page .legacy-hero-mini{font-size:14px;color:var(--lp-muted);line-height:1.75;margin:10px 0 0;max-width:620px}
.unetifi-legacy-page .legacy-hero-chiprow{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 18px}
.unetifi-legacy-page .legacy-hero-chip{display:inline-flex;align-items:center;padding:9px 12px;border-radius:9px;border:1px solid var(--lp-stroke);background:var(--lp-card);color:var(--ink);font-size:12px;font-weight:650;line-height:1.5}
.unetifi-legacy-page .legacy-hero-chip:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lp-blue);margin-right:9px;flex-shrink:0}
.unetifi-legacy-page .legacy-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 4px}
.unetifi-legacy-page .legacy-hero-button{margin:0;min-height:51px;display:inline-flex;align-items:center;gap:10px;padding:14px 21px;text-decoration:none}
.unetifi-legacy-page .legacy-hero-actions .button-outline{background:var(--lp-card);border:1px solid var(--lp-stroke)}
.unetifi-legacy-page .legacy-hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.unetifi-legacy-page .legacy-hero-trust{color:var(--lp-muted);font-size:12px;line-height:1.55;margin:12px 0 0}
.unetifi-legacy-page .legacy-hero-proof .legacy-hero-trust{margin:0;padding:9px 12px;border-radius:10px;border:1px solid var(--lp-stroke);background:var(--lp-card);font-weight:600;max-width:250px}




.unetifi-legacy-page .legacy-hero-placeholder{font-size:clamp(33px,4.5vw,64px);color:var(--lp-blue);letter-spacing:-.05em;font-weight:800;text-align:center}
.unetifi-legacy-page .classic-clients{padding:26px 0 45px;border:0;background:var(--surface)}
/* Section rhythm: deliberate whitespace and hierarchy, not continuous copy. */
.unetifi-legacy-page .legacy-content-section{background:var(--surface);padding:clamp(68px,8.4vw,118px) 0;position:relative}
.unetifi-legacy-page .legacy-content-section + .legacy-content-section{padding-top:clamp(60px,7.5vw,99px)}
.unetifi-legacy-page .legacy-copy{max-width:1200px;min-width:0}
.unetifi-legacy-page .legacy-section-title,.unetifi-legacy-page .legacy-copy>.legacy-section-intro>.legacy-section-title{font-size:clamp(32px,4vw,51px);line-height:1.18;letter-spacing:-.052em;color:var(--ink);margin:0 0 16px;max-width:900px}
.unetifi-legacy-page .legacy-copy p{overflow-wrap:anywhere}
.unetifi-legacy-page .legacy-copy>.legacy-section-intro{max-width:850px;margin-bottom:36px}
.unetifi-legacy-page .legacy-section-intro>p{font-size:16px;line-height:1.78;color:var(--text);margin:13px 0;max-width:790px}
.unetifi-legacy-page .legacy-copy>p{font-size:16px;line-height:1.87;color:var(--text);margin:14px 0;max-width:850px}
.unetifi-legacy-page .legacy-copy h3,.unetifi-legacy-page .legacy-copy h4,.unetifi-legacy-page .legacy-copy h5,.unetifi-legacy-page .legacy-copy h6{color:var(--ink);font-family:var(--display-font);letter-spacing:-.03em;line-height:1.36}
.unetifi-legacy-page .legacy-copy h3{font-size:clamp(23px,2.55vw,31px);margin:34px 0 15px}
.unetifi-legacy-page .legacy-copy h4{font-size:clamp(19px,2vw,24px);margin:27px 0 12px}
.unetifi-legacy-page .legacy-copy h5,.unetifi-legacy-page .legacy-copy h6{font-size:18px;margin:17px 0 10px}
.unetifi-legacy-page .legacy-inline-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;background:var(--lp-card);border:1px solid var(--lp-stroke);color:var(--lp-blue);font-weight:750;font-size:13px;text-decoration:none;padding:11px 17px;min-height:45px;margin:6px 9px 6px 0;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.unetifi-legacy-page .legacy-inline-link:hover{color:var(--lp-blue);transform:translateY(-2px);border-color:rgba(22,106,179,.35)}
.unetifi-legacy-page .legacy-inline-link--solid{background:var(--lp-blue);color:#fff;border-color:var(--lp-blue);margin-top:17px}
.unetifi-legacy-page .legacy-inline-link--solid:hover{background:var(--lp-deep);color:#fff}
/* Pricing: premium but restrained, always the classic blue. */
.unetifi-legacy-page .legacy-section--pricing .legacy-section-intro{text-align:center;margin:0 auto 38px;max-width:780px}
.unetifi-legacy-page .legacy-section--pricing .legacy-section-intro>.legacy-section-title{margin:0 auto 17px}
.unetifi-legacy-page .legacy-section--pricing .legacy-section-intro>p{margin:12px auto 19px}
.unetifi-legacy-page .legacy-section--pricing .legacy-section-intro .legacy-inline-link{background:transparent;border-color:transparent;margin:3px 0;padding:8px 15px}
.unetifi-legacy-page .legacy-section--pricing .legacy-section-intro .legacy-inline-link:hover{border-color:var(--lp-stroke);background:var(--lp-card)}
.unetifi-legacy-page .legacy-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;margin:0 0 29px}
.unetifi-legacy-page .legacy-plan{display:flex;flex-direction:column;min-width:0;padding:0 0 21px;border-radius:20px;overflow:hidden;background:var(--lp-card);border:1px solid var(--lp-stroke);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.unetifi-legacy-page .legacy-plan:hover{transform:translateY(-4px);border-color:rgba(22,106,179,.35);box-shadow:0 22px 55px rgba(22,106,179,.07)}
.unetifi-legacy-page .legacy-plan-featured{background:linear-gradient(159deg,rgba(22,106,179,.085),var(--lp-card) 39%);border:1.5px solid rgba(22,106,179,.65);box-shadow:0 17px 52px rgba(22,106,179,.085)}
html[data-theme='dark'] .unetifi-legacy-page .legacy-plan-featured{background:linear-gradient(150deg,rgba(22,106,179,.19),#09090b 43%);box-shadow:none}
.unetifi-legacy-page .legacy-plan-top{padding:28px 26px 24px;border-bottom:1px solid var(--lp-stroke);min-height:158px;display:flex;flex-direction:column;align-items:flex-start}
.unetifi-legacy-page .legacy-plan h3{margin:0 0 14px;font-size:19px;line-height:1.3;font-weight:800;letter-spacing:-.03em}
.unetifi-legacy-page .legacy-plan-price{font-family:var(--display-font);font-size:clamp(25px,2.6vw,33px);font-weight:800;letter-spacing:-.05em;line-height:1.16;color:var(--ink);margin:0 0 6px;overflow-wrap:anywhere}
.unetifi-legacy-page .legacy-plan-featured .legacy-plan-price{color:var(--lp-blue)}
.unetifi-legacy-page .legacy-plan-note{font-size:12px;line-height:1.55;color:var(--lp-muted);margin:0}
.unetifi-legacy-page .legacy-plan-features{list-style:none;flex:1;padding:22px 26px 12px;margin:0;min-width:0}
.unetifi-legacy-page .legacy-plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.57;color:var(--text);margin:0 0 12px;overflow-wrap:anywhere}
.unetifi-legacy-page .legacy-check{font-size:13px;color:var(--lp-blue);flex:none;margin-top:1px}
.unetifi-legacy-page .legacy-plan-cta{display:flex;align-items:center;justify-content:center;margin:8px 24px 0;width:calc(100% - 48px);min-height:48px;padding:12px 12px;border-radius:10px;font-size:13px;text-align:center;gap:8px;background:var(--lp-blue);color:#fff;border:1px solid var(--lp-blue);text-decoration:none}
.unetifi-legacy-page .legacy-plan-cta:hover{background:var(--lp-deep);color:#fff}
.unetifi-legacy-page .legacy-pricing-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0 0}
.unetifi-legacy-page .legacy-pricing-actions .legacy-inline-link{margin:0}
/* Separate nonprofit offer and service promises. */
.unetifi-legacy-page .legacy-nonprofit-callout{position:relative;overflow:hidden;max-width:1200px;border-radius:22px;background:var(--unetifi-cta-glow),var(--unetifi-card);border:1px solid var(--lp-stroke);padding:clamp(26px,4vw,48px);margin:56px 0 38px;min-height:210px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}

.unetifi-legacy-page .legacy-nonprofit-callout h3{position:relative;z-index:1;max-width:580px;margin:0 0 11px;font-size:clamp(24px,2.8vw,34px)}
.unetifi-legacy-page .legacy-nonprofit-callout>p{position:relative;z-index:1;margin:0 0 15px;font-size:15px;color:var(--text);line-height:1.72;max-width:630px}
.unetifi-legacy-page .legacy-callout-link{position:relative;z-index:1;display:inline-flex;padding:12px 17px;background:var(--lp-blue);color:#fff;text-decoration:none;border-radius:9px;font-size:13px;font-weight:750;margin-top:6px}
.unetifi-legacy-page .legacy-callout-link:hover{background:var(--lp-deep);color:#fff}
.unetifi-legacy-page .legacy-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:26px 0 38px}
.unetifi-legacy-page .legacy-benefit-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:1px solid var(--lp-stroke);border-radius:17px;background:var(--lp-card);padding:27px 27px 25px;margin:13px 0}
.unetifi-legacy-page .legacy-benefit-grid>.legacy-benefit-card{margin:0}
.unetifi-legacy-page .legacy-benefit-card:before{content:"";display:block;width:34px;height:34px;border:1px solid rgba(22,106,179,.18);border-radius:10px;background:var(--lp-soft);margin-bottom:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='%23166AB3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;flex:none}
.unetifi-legacy-page .legacy-benefit-card>h4,.unetifi-legacy-page .legacy-benefit-card>h5,.unetifi-legacy-page .legacy-benefit-card>h6{font-size:18px;margin:0 0 8px;color:var(--ink);line-height:1.35}
.unetifi-legacy-page .legacy-benefit-card>p{background:none;border:0;color:var(--text);display:block;padding:0;margin:0 0 8px;line-height:1.65;font-size:14px;font-weight:400;max-width:100%}
.unetifi-legacy-page .legacy-benefit-card .legacy-inline-link{margin:16px 0 0;font-size:12px;min-height:0;padding:9px 12px}
.unetifi-legacy-page .legacy-benefit-card--media{padding:12px 12px 22px;overflow:hidden}
.unetifi-legacy-page .legacy-benefit-card--media:before{display:none}
.unetifi-legacy-page .legacy-benefit-card--media>h4,.unetifi-legacy-page .legacy-benefit-card--media>h5,.unetifi-legacy-page .legacy-benefit-card--media>h6,.unetifi-legacy-page .legacy-benefit-card--media>p,.unetifi-legacy-page .legacy-benefit-card--media>.legacy-inline-link{margin-left:14px;margin-right:14px}
.unetifi-legacy-page .legacy-benefit-card--media figure{width:100%;max-width:none;border:0;background:transparent;padding:0;margin:0 0 23px;aspect-ratio:1.7;border-radius:12px;overflow:hidden}
.unetifi-legacy-page .legacy-benefit-card--media figure img{width:100%;height:100%;max-height:220px;object-fit:contain}
.unetifi-legacy-page .legacy-source-text.legacy-pill{display:inline-flex;align-items:center;padding:10px 13px;border-radius:9px;background:var(--lp-card);border:1px solid var(--lp-stroke);font-size:13px;font-weight:600;color:var(--ink);margin:7px 9px 7px 0}
.unetifi-legacy-page .legacy-inline-media{width:100%;max-width:950px;display:block;border:1px solid var(--lp-stroke);background:var(--lp-card);padding:12px;overflow:hidden;border-radius:19px;margin:37px 0}
.unetifi-legacy-page .legacy-inline-media img{display:block;width:100%;height:auto;object-fit:contain;border-radius:11px}
.unetifi-legacy-page .legacy-video{display:block;width:100%;max-width:900px;max-height:480px;object-fit:contain;border-radius:18px;margin:30px 0}
/* Comparison: honest two-column specifications; source export lacks discrete table cells. */
.unetifi-legacy-page .legacy-section--comparison .legacy-section-intro{max-width:780px;margin:0 auto 38px;text-align:center}
.unetifi-legacy-page .legacy-section--comparison .legacy-section-title{margin:0 auto}
.unetifi-legacy-page .legacy-spec-grid{border:1px solid var(--lp-stroke);border-radius:17px;overflow:hidden;background:var(--lp-card);margin:24px 0}
.unetifi-legacy-page .legacy-spec-row{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(0,1.3fr);gap:24px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--lp-stroke)}
.unetifi-legacy-page .legacy-spec-grid .legacy-spec-row:last-child{border-bottom:0}
.unetifi-legacy-page .legacy-spec-row>h6{margin:0;font-size:14px;line-height:1.5;font-weight:750}
.unetifi-legacy-page .legacy-spec-row>p{margin:0;padding:0;border:0;background:transparent;font-size:13px;line-height:1.65;color:var(--text);font-weight:500}
.unetifi-legacy-page .legacy-spec-note{display:block;margin:12px 0;color:var(--text);font-size:14px;line-height:1.75}
/* Editorial copy: left sticky title, right readable article, like the homepage sections. */
.unetifi-legacy-page .legacy-section--editorial .legacy-copy{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(35px,7vw,100px);align-items:start}
.unetifi-legacy-page .legacy-editorial-aside{min-width:0;position:sticky;top:135px}
.unetifi-legacy-page .legacy-editorial-aside>.legacy-section-title{font-size:clamp(32px,3.7vw,47px);margin:0 0 19px;letter-spacing:-.05em;line-height:1.18}
.unetifi-legacy-page .legacy-editorial-aside>p{font-size:16px;line-height:1.78;color:var(--text);margin:13px 0}
.unetifi-legacy-page .legacy-editorial-body{min-width:0;background:var(--lp-card);border:1px solid var(--lp-stroke);border-radius:20px;padding:clamp(25px,3.5vw,47px)}
.unetifi-legacy-page .legacy-editorial-body h3{margin:0 0 18px;font-size:clamp(24px,2.5vw,31px);line-height:1.3}
.unetifi-legacy-page .legacy-editorial-body h4{font-size:19px;margin:28px 0 13px;line-height:1.42}
.unetifi-legacy-page .legacy-editorial-body p{font-size:15px;line-height:1.9;margin:14px 0;color:var(--text)}
.unetifi-legacy-page .legacy-editorial-body p.legacy-source-text{font-weight:700;color:var(--lp-blue);font-size:12px;text-transform:uppercase;letter-spacing:.09em;margin-top:25px}
/* FAQ: left intro and calm, accessible accordion to the right. */
.unetifi-legacy-page .legacy-section--faq .legacy-copy{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,87px);align-items:start}
.unetifi-legacy-page .legacy-faq-intro{position:sticky;top:135px}
.unetifi-legacy-page .legacy-faq-intro h2{font-size:clamp(32px,3.7vw,47px);margin:0 0 17px}
.unetifi-legacy-page .legacy-faq-intro p{font-size:15px;line-height:1.79;margin:0;color:var(--text)}
.unetifi-legacy-page .legacy-faq-list{min-width:0;display:flex;flex-direction:column;gap:11px}
.unetifi-legacy-page .legacy-faq-item{margin:0;padding:0;border:1px solid var(--lp-stroke);background:var(--lp-card);border-radius:14px;overflow:hidden;max-width:none}
.unetifi-legacy-page .legacy-faq-item summary{position:relative;display:block;list-style:none;cursor:pointer;padding:21px 54px 21px 23px;font-size:15px;font-weight:750;line-height:1.5;color:var(--ink)}
.unetifi-legacy-page .legacy-faq-item summary::-webkit-details-marker{display:none}
.unetifi-legacy-page .legacy-faq-item summary:after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:25px;font-weight:400;line-height:1;color:var(--lp-blue)}
.unetifi-legacy-page .legacy-faq-item[open] summary:after{content:'−'}
.unetifi-legacy-page .legacy-faq-item[open]{border-color:rgba(22,106,179,.35)}
.unetifi-legacy-page .legacy-faq-item>p{padding:0 23px 24px;margin:0;color:var(--text);line-height:1.82;font-size:14px}
.unetifi-legacy-page .legacy-faq-item summary:focus-visible,.unetifi-legacy-page a:focus-visible{outline:2px solid var(--lp-blue);outline-offset:3px}
/* V8 compatibility and responsive rules */
.unetifi-legacy-page .legacy-section--features>.legacy-copy>.legacy-benefit-grid{margin-top:20px}
.unetifi-legacy-page .legacy-section--features>.legacy-copy>.legacy-source-text{color:var(--text)}
@media(max-width:1080px){
 .unetifi-legacy-page .legacy-hero-layout{gap:32px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
 .unetifi-legacy-page .legacy-pricing-grid{gap:13px}
 .unetifi-legacy-page .legacy-plan-top{padding:23px 21px 20px}
 .unetifi-legacy-page .legacy-plan-features{padding:20px 21px 12px}
 .unetifi-legacy-page .legacy-plan-cta{margin:7px 20px 0;width:calc(100% - 40px)}
}
@media(max-width:870px){
 .unetifi-legacy-page .legacy-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 
 .unetifi-legacy-page .legacy-section--editorial .legacy-copy,.unetifi-legacy-page .legacy-section--faq .legacy-copy{grid-template-columns:1fr;gap:26px}
 .unetifi-legacy-page .legacy-editorial-aside,.unetifi-legacy-page .legacy-faq-intro{position:static}
 .unetifi-legacy-page .legacy-benefit-grid{gap:12px}
}
@media(max-width:700px){
 .unetifi-legacy-page .legacy-page-hero{padding:48px 0 53px}
 .unetifi-legacy-page .legacy-hero-layout{grid-template-columns:1fr;gap:28px}
 .unetifi-legacy-page .legacy-hero-copy h1{font-size:clamp(33px,9vw,48px);margin-bottom:17px}
 .unetifi-legacy-page .legacy-hero-lead{font-size:15px;line-height:1.8}
 .unetifi-legacy-page .legacy-hero-chiprow{gap:7px;margin:20px 0 14px}
 .unetifi-legacy-page .legacy-hero-chip{font-size:11px;padding:8px 10px}
 
 
 .unetifi-legacy-page .classic-clients{padding-bottom:22px}
 .unetifi-legacy-page .legacy-content-section,.unetifi-legacy-page .legacy-content-section + .legacy-content-section{padding:65px 0}
 .unetifi-legacy-page .legacy-section-title{font-size:clamp(29px,8vw,40px)}
 .unetifi-legacy-page .legacy-section-intro{margin-bottom:28px}
 .unetifi-legacy-page .legacy-pricing-grid{grid-template-columns:1fr;gap:13px}
 .unetifi-legacy-page .legacy-plan-top{min-height:0;padding:23px 23px 19px}
 .unetifi-legacy-page .legacy-plan-price{font-size:29px}
 .unetifi-legacy-page .legacy-plan-features{padding:20px 23px 10px}
 .unetifi-legacy-page .legacy-benefit-grid{grid-template-columns:1fr;gap:12px;margin:24px 0}
 .unetifi-legacy-page .legacy-benefit-card{margin:10px 0;padding:25px}
 .unetifi-legacy-page .legacy-benefit-grid .legacy-benefit-card{margin:0}
 .unetifi-legacy-page .legacy-nonprofit-callout{padding:27px 24px;margin:43px 0 25px;min-height:255px}
 
 .unetifi-legacy-page .legacy-nonprofit-callout h3{font-size:25px}
 .unetifi-legacy-page .legacy-spec-row{grid-template-columns:1fr;gap:5px;padding:16px 19px}
 .unetifi-legacy-page .legacy-editorial-body{padding:25px}
 .unetifi-legacy-page .legacy-faq-item summary{padding:19px 51px 19px 19px;font-size:14px}
 .unetifi-legacy-page .legacy-faq-item>p{padding:0 19px 19px}
}
@media(prefers-reduced-motion:reduce){.unetifi-legacy-page .legacy-plan:hover,.unetifi-legacy-page .legacy-inline-link:hover{transform:none}}

/* v8.3 · Consolidated subpage layout repairs.
 * Keep all original copy, but relocate hero feature labels to a quiet section
 * below the hero. Repair the editorial grid and native HTML FAQ accordions.
 */
.unetifi-classic .unetifi-legacy-page .legacy-page-hero{padding-top:clamp(75px,7vw,108px);padding-bottom:clamp(55px,6vw,80px)}
.unetifi-legacy-page .legacy-hero-copy h1{overflow-wrap:break-word}
.unetifi-legacy-page .legacy-highlights-section{background:var(--surface);padding:8px 0 clamp(45px,5vw,80px)}
.unetifi-legacy-page .legacy-highlights-container{display:grid;gap:26px;min-width:0}
.unetifi-legacy-page .legacy-highlights-group{min-width:0}
.unetifi-legacy-page .legacy-highlights-label{margin:0 0 14px;color:var(--lp-muted);font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.115em;text-transform:uppercase}
.unetifi-legacy-page .legacy-highlights-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.unetifi-legacy-page .legacy-highlights-item{display:flex;min-width:0;align-items:center;gap:11px;padding:15px 17px;background:var(--lp-card);border:1px solid var(--lp-stroke);border-radius:13px;font-size:13px;font-weight:650;line-height:1.5;color:var(--ink);overflow-wrap:break-word}
.unetifi-legacy-page .legacy-highlights-item::before{content:'';flex:none;width:17px;height:17px;background-color:var(--lp-soft);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 20 20'%3E%3Cpath d='m5 10 3 3 7-7' fill='none' stroke='%23166ab3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:100% 100%}
.unetifi-legacy-page .legacy-highlights-proof-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.unetifi-legacy-page .legacy-highlights-proof{min-width:0;display:flex;flex-direction:column;justify-content:center;margin:0;padding:14px 16px;border-radius:12px;background:var(--lp-card);border:1px solid var(--lp-stroke);font-size:12px;line-height:1.58;color:var(--lp-muted);overflow-wrap:break-word}
.unetifi-legacy-page .legacy-highlights-proof strong{display:block;color:var(--ink);font-size:13px;line-height:1.45;font-weight:750}
.unetifi-legacy-page .legacy-highlights-proof span{display:block;color:var(--lp-muted);margin-top:4px}
.unetifi-legacy-page .legacy-highlights-proof--extended{grid-column:span 2;justify-content:flex-start;font-size:13px;line-height:1.75}
.unetifi-legacy-page .legacy-highlights-group--proof:only-child .legacy-highlights-proof-list{margin-top:0}
/* Editorial: aside and article are now genuine siblings in the shared two-column grid. */
.unetifi-legacy-page .legacy-section--editorial .legacy-copy{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);align-items:start;gap:clamp(32px,5vw,90px)}
.unetifi-legacy-page .legacy-section--editorial .legacy-editorial-aside{grid-column:1;min-width:0}
.unetifi-legacy-page .legacy-section--editorial .legacy-editorial-body{grid-column:2;min-width:0;width:100%;max-width:none;overflow-wrap:break-word}
.unetifi-legacy-page .legacy-editorial-body> :first-child{margin-top:0}
.unetifi-legacy-page .legacy-editorial-body h3,.unetifi-legacy-page .legacy-editorial-body h4{overflow-wrap:break-word}
.unetifi-legacy-page .legacy-editorial-body p{max-width:100%;overflow-wrap:break-word}
/* FAQ: the intro and the single merged answer list are always two grid items. */
.unetifi-legacy-page .legacy-section--faq .legacy-copy{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);align-items:start;gap:clamp(32px,5vw,90px)}
.unetifi-legacy-page .legacy-section--faq .legacy-faq-intro{grid-column:1;min-width:0}
.unetifi-legacy-page .legacy-section--faq .legacy-faq-list{grid-column:2;width:100%;min-width:0;max-width:none;display:flex;flex-direction:column;gap:10px}
.unetifi-legacy-page .legacy-faq-item{width:100%;min-width:0;max-width:none;overflow:hidden}
.unetifi-legacy-page .legacy-faq-item>summary{width:100%;line-height:1.55;overflow-wrap:break-word;min-width:0}
.unetifi-legacy-page .legacy-faq-item[open]>summary{margin-bottom:0}
.unetifi-legacy-page .legacy-faq-item> :not(summary){padding-left:22px;padding-right:22px;max-width:100%;overflow-wrap:break-word;font-size:14px;line-height:1.8;color:var(--text)}
.unetifi-legacy-page .legacy-faq-item>p{padding-bottom:0;margin:0 0 14px}
.unetifi-legacy-page .legacy-faq-item> :last-child:not(summary){padding-bottom:22px;margin-bottom:0}
.unetifi-legacy-page .legacy-faq-item>ul,.unetifi-legacy-page .legacy-faq-item>ol{margin:0 0 15px;padding-left:43px}
.unetifi-legacy-page .legacy-faq-item>summary:focus-visible{outline:2px solid var(--lp-blue);outline-offset:-2px}
@media(max-width:1050px){
 .unetifi-legacy-page .legacy-highlights-proof-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .unetifi-legacy-page .legacy-highlights-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:870px){
 .unetifi-legacy-page .legacy-section--editorial .legacy-copy,.unetifi-legacy-page .legacy-section--faq .legacy-copy{grid-template-columns:minmax(0,1fr);gap:26px}
 .unetifi-legacy-page .legacy-section--editorial .legacy-editorial-aside,.unetifi-legacy-page .legacy-section--editorial .legacy-editorial-body,.unetifi-legacy-page .legacy-section--faq .legacy-faq-intro,.unetifi-legacy-page .legacy-section--faq .legacy-faq-list{grid-column:1}
}
@media(max-width:620px){
 .unetifi-legacy-page .legacy-highlights-section{padding-top:4px;padding-bottom:52px}
 .unetifi-legacy-page .legacy-highlights-container{gap:20px}
 .unetifi-legacy-page .legacy-highlights-list,.unetifi-legacy-page .legacy-highlights-proof-list{grid-template-columns:minmax(0,1fr)}
 .unetifi-legacy-page .legacy-highlights-item{padding:12px 14px}
 .unetifi-legacy-page .legacy-highlights-proof{padding:13px 15px}
 .unetifi-legacy-page .legacy-highlights-proof--extended{grid-column:auto}
 .unetifi-legacy-page .legacy-faq-item> :not(summary){padding-left:18px;padding-right:18px}
 .unetifi-legacy-page .legacy-faq-item>ul,.unetifi-legacy-page .legacy-faq-item>ol{padding-left:38px}
}
/* The original Pixfort "FAQ" section kicker belongs with the next heading. */
.unetifi-legacy-page .legacy-faq-intro .legacy-faq-kicker{display:block;margin:0 0 14px;color:var(--lp-blue);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;line-height:1.4}
/* Passwort-Manager: the original page hid several independent proof items in
 * two run-on strings; present them as ordinary features and proof points. */
.unetifi-legacy-page .legacy-highlights-lead{max-width:780px;margin:0 0 22px;font-size:15px;line-height:1.8;color:var(--text)}
.unetifi-legacy-page .legacy-highlights-link{display:inline-flex;align-items:center;margin-top:17px;padding:11px 17px;background:var(--lp-blue);border-radius:10px;color:#fff;text-decoration:none;font-size:13px;font-weight:750}
.unetifi-legacy-page .legacy-highlights-link:hover{background:var(--lp-deep);color:#fff}
.unetifi-legacy-page .legacy-highlights-proof--action{color:var(--lp-blue);text-decoration:underline;font-weight:750;align-items:center}
.unetifi-legacy-page .legacy-highlights-link--quiet{background:transparent;color:var(--lp-blue);padding:8px 0;margin-top:12px;text-decoration:none}
.unetifi-legacy-page .legacy-highlights-link--quiet::after{content:'↗';margin-left:7px}
.unetifi-legacy-page .legacy-highlights-link--quiet:hover{background:transparent;color:var(--lp-deep);text-decoration:underline}


/* ======================================================================
   19. LEGACY-TARIFFS
   ====================================================================== */
/* UNETIFI CLASSIC STUDIO 8.2 — isolated tariff toggles and REAL Pixfort comparisons.
   Source cells are retained in content/comparisons/*.html. */
.unetifi-legacy-page [hidden]{display:none!important}
.unetifi-legacy-page .legacy-tariff-section{padding-top:clamp(76px,8vw,112px);padding-bottom:clamp(70px,7vw,105px)}
.unetifi-legacy-page .legacy-tariff-section>.wrap>.legacy-section-intro{margin-bottom:22px}
.unetifi-legacy-page .legacy-tariff-switch{display:flex;justify-content:center;gap:5px;align-items:center;width:max-content;max-width:100%;margin:32px auto 34px;padding:6px;border:1px solid var(--lp-stroke);border-radius:16px;background:var(--lp-card)}
.unetifi-legacy-page .legacy-tariff-tab,.unetifi-legacy-page .legacy-compare-choice{appearance:none;border:0;background:transparent;display:inline-flex;justify-content:center;align-items:center;gap:7px;color:var(--lp-muted);font-family:inherit;font-weight:750;font-size:14px;min-height:45px;padding:11px 22px;border-radius:11px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.unetifi-legacy-page .legacy-tariff-tab:hover,.unetifi-legacy-page .legacy-compare-choice:hover{color:var(--ink)}
.unetifi-legacy-page .legacy-tariff-tab.is-active{background:var(--lp-blue);color:#fff;box-shadow:0 6px 20px rgba(22,106,179,.18)}
.unetifi-legacy-page .legacy-compare-choice.is-active{color:var(--lp-blue);background:var(--lp-soft)}
.unetifi-legacy-page .legacy-tariff-tab:focus-visible,.unetifi-legacy-page .legacy-compare-choice:focus-visible{outline:3px solid var(--lp-blue);outline-offset:3px}
.unetifi-legacy-page .legacy-tariff-panel{animation:legacyTariffEnter .28s ease both}
.unetifi-legacy-page .legacy-tariff-panel>.legacy-tariff-caption{font-size:19px;font-weight:760;letter-spacing:-.03em;color:var(--ink);margin:4px 0 28px;text-align:center}
.unetifi-legacy-page .legacy-tariff-panel>.legacy-pricing-grid{margin-top:0}
.unetifi-legacy-page .legacy-tariff-panel .legacy-plan{position:relative;border-radius:23px;background:var(--lp-card);border:1px solid var(--lp-stroke);box-shadow:0 7px 24px rgba(18,28,42,.035);overflow:hidden}
html[data-theme='dark'] .unetifi-legacy-page .legacy-tariff-panel .legacy-plan{box-shadow:none}
.unetifi-legacy-page .legacy-tariff-panel .legacy-plan:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(22,106,179,.07)}
.unetifi-legacy-page .legacy-tariff-panel .legacy-plan-featured{border-color:rgba(22,106,179,.57);background:linear-gradient(172deg,rgba(22,106,179,.075),var(--lp-card) 39%)}
html[data-theme='dark'] .unetifi-legacy-page .legacy-tariff-panel .legacy-plan-featured{background:linear-gradient(172deg,rgba(22,106,179,.13),#09090b 42%)}
.unetifi-legacy-page .legacy-tariff-panel .legacy-plan-featured:before{content:'BELIEBT';position:absolute;right:22px;top:23px;padding:5px 9px;border-radius:30px;background:var(--lp-blue);color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em;z-index:1}
.unetifi-legacy-page .legacy-tariff-panel .legacy-plan-top{padding-top:31px;padding-bottom:23px;min-height:158px}
.unetifi-legacy-page .legacy-tariff-panel .legacy-plan h3{font-size:19px;max-width:75%;font-weight:770}
.unetifi-legacy-page .legacy-tariff-panel .legacy-plan-price{font-size:clamp(27px,2.9vw,37px);letter-spacing:-.054em}
.unetifi-legacy-page .legacy-tariff-panel .legacy-plan-features{padding-top:26px}
.unetifi-legacy-page .legacy-tariff-panel .legacy-plan-features li{font-size:13px;line-height:1.65}
.unetifi-legacy-page .legacy-tariff-panel .legacy-plan-cta{border-radius:11px}
.unetifi-legacy-page .legacy-tariff-panel .legacy-pricing-actions{margin-top:29px}
.unetifi-legacy-page .legacy-tariff-panel .legacy-nonprofit-callout{margin-top:64px}
.unetifi-legacy-page .legacy-compare-switch{display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:4px;border:1px solid var(--lp-stroke);border-radius:13px;background:var(--lp-card);margin:24px auto 32px}
.unetifi-legacy-page .legacy-compare-choice{min-height:39px;font-size:12px;padding:9px 18px}
.unetifi-legacy-page .legacy-section--comparison .legacy-section-intro{margin-bottom:12px}
.unetifi-legacy-page .legacy-comparison-table-wrap{overflow-x:auto;overflow-y:visible;max-width:100%;width:100%;border-radius:19px;border:1px solid var(--lp-stroke);background:var(--lp-card);-webkit-overflow-scrolling:touch;scrollbar-color:var(--lp-muted) transparent}
.unetifi-legacy-page .legacy-comparison-table-wrap:focus-visible{outline:3px solid var(--lp-blue);outline-offset:4px}
.unetifi-legacy-page .legacy-comparison-table{border:0;border-collapse:separate;border-spacing:0;width:100%;min-width:730px;text-align:left;table-layout:fixed;color:var(--ink);font-family:inherit;font-size:13px;line-height:1.5}
.unetifi-legacy-page .legacy-comparison-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.unetifi-legacy-page .legacy-comparison-table thead{background:var(--lp-soft)}
.unetifi-legacy-page .legacy-comparison-table thead th{font-size:13px;font-weight:800;letter-spacing:-.01em;border-bottom:1px solid var(--lp-stroke);padding:21px 18px;color:var(--ink);text-align:center}
.unetifi-legacy-page .legacy-comparison-table thead th:first-child{width:43%;text-align:left;padding-left:30px}
.unetifi-legacy-page .legacy-comparison-table tbody th{font-size:13px;font-weight:630;line-height:1.5;color:var(--ink);padding:16px 20px 16px 30px;position:relative;text-align:left}
.unetifi-legacy-page .legacy-comparison-table tbody td{text-align:center;padding:16px 14px;font-weight:600;color:var(--text)}
.unetifi-legacy-page .legacy-comparison-table tbody tr>*{border-bottom:1px solid var(--lp-stroke);vertical-align:middle}
.unetifi-legacy-page .legacy-comparison-table tbody tr:last-child>*{border-bottom:0}
.unetifi-legacy-page .legacy-comparison-table tbody tr:hover>*{background:rgba(22,106,179,.045)}
.unetifi-legacy-page .legacy-comparison-table th.is-recommended,.unetifi-legacy-page .legacy-comparison-table td.is-recommended{background:rgba(22,106,179,.045)}
.unetifi-legacy-page .legacy-comparison-table th.is-recommended{color:var(--lp-blue)}
.unetifi-legacy-page .legacy-compare-yes{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:14px;font-weight:820;background:rgba(22,106,179,.1);color:var(--lp-blue)}
.unetifi-legacy-page .legacy-compare-no{color:var(--lp-muted);opacity:.8;font-size:17px}
.unetifi-legacy-page .legacy-compare-help{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 0 0 7px;border:1px solid var(--lp-muted);border-radius:50%;font-size:11px;line-height:1;font-style:normal;font-weight:700;color:var(--lp-muted);cursor:help;vertical-align:middle}
.unetifi-legacy-page .legacy-compare-help:focus-visible{outline:2px solid var(--lp-blue);outline-offset:3px}
.unetifi-legacy-page .legacy-compare-help-content{position:absolute;z-index:10;top:calc(100% + 10px);left:0;width:min(310px,70vw);padding:13px 16px;background:var(--ink);border-radius:12px;color:var(--surface);font-size:12px;font-weight:500;line-height:1.55;box-shadow:0 12px 32px rgba(0,0,0,.18);opacity:0;visibility:hidden;pointer-events:none;text-align:left}
.unetifi-legacy-page .legacy-compare-help:is(:hover,:focus) .legacy-compare-help-content{opacity:1;visibility:visible}
.unetifi-legacy-page .legacy-compare-swipe-hint{display:none;font-size:12px;color:var(--lp-muted);margin:12px 4px 0;line-height:1.5}
.unetifi-legacy-page .legacy-compare-panel{animation:legacyTariffEnter .22s ease}
.unetifi-legacy-page .legacy-section--comparison .legacy-compare-panel~p{margin-top:22px}
@keyframes legacyTariffEnter{from{opacity:.75;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){
 .unetifi-legacy-page .legacy-tariff-panel .legacy-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .unetifi-legacy-page .legacy-tariff-panel .legacy-plan:last-child:nth-child(odd){grid-column:1/-1;max-width:480px;width:100%;justify-self:center}
}
@media(max-width:650px){
 .unetifi-legacy-page .legacy-tariff-section{padding-top:65px}
 .unetifi-legacy-page .legacy-tariff-switch{margin:24px auto 28px;width:100%;max-width:360px}
 .unetifi-legacy-page .legacy-tariff-tab{flex:1;padding:11px 12px;font-size:13px;white-space:normal}
 .unetifi-legacy-page .legacy-tariff-panel .legacy-pricing-grid{grid-template-columns:minmax(0,1fr)}
 .unetifi-legacy-page .legacy-tariff-panel .legacy-plan:last-child:nth-child(odd){grid-column:auto;max-width:none}
 .unetifi-legacy-page .legacy-comparison-table{min-width:700px}
 .unetifi-legacy-page .legacy-comparison-table tbody th{padding:13px 16px;font-size:12px}
 .unetifi-legacy-page .legacy-comparison-table tbody td{padding:13px 10px;font-size:12px}
 .unetifi-legacy-page .legacy-comparison-table thead th{padding:17px 10px;font-size:12px}
 .unetifi-legacy-page .legacy-comparison-table thead th:first-child{padding-left:16px}
 .unetifi-legacy-page .legacy-compare-swipe-hint{display:block}
 .unetifi-legacy-page .legacy-compare-switch{width:100%;max-width:360px}
 .unetifi-legacy-page .legacy-compare-choice{flex:1}
}
@media(prefers-reduced-motion:reduce){.unetifi-legacy-page .legacy-tariff-panel,.unetifi-legacy-page .legacy-compare-panel{animation:none}}
/* Narrow comparison view: retain the product names while the user scrolls specs. */
@media(max-width:650px){
 .unetifi-legacy-page .legacy-comparison-table{min-width:655px}
 .unetifi-legacy-page .legacy-comparison-table thead th:first-child{width:205px;position:sticky;left:0;z-index:3;background:var(--lp-soft)}
 .unetifi-legacy-page .legacy-comparison-table tbody th{position:sticky;left:0;z-index:2;background:var(--lp-card);box-shadow:1px 0 0 var(--lp-stroke)}
 .unetifi-legacy-page .legacy-comparison-table tbody tr:hover th{background:var(--lp-card)}
}


/* ======================================================================
   21. ABOUT PAGE / TEAM CARDS
   Shared card colors, borders and interaction (same visual system as services).
   Transparent team portraits sit directly on the global card surface.
   ====================================================================== */
.unetifi-classic .about-us-hero,
.unetifi-classic .about-us-hero .wrap,
.unetifi-classic .about-us-hero h1,
.unetifi-classic .about-us-hero p { text-align:left; }
.unetifi-classic .about-us-hero .wrap { display:block; max-width:1200px; margin-inline:auto; }
.unetifi-classic .about-us-hero .eyebrow { justify-content:flex-start; }
.unetifi-classic .about-us-hero h1,
.unetifi-classic .about-us-hero p,
.unetifi-classic .about-us-hero .button { margin-inline:0 auto; }

.unetifi-classic .about-us-team .section-heading { max-width:770px; margin-bottom:39px; }
.unetifi-classic .about-us-team .section-heading h2 {
  font-size:clamp(30px,3.6vw,46px);
  margin:12px 0 0;
}
.unetifi-classic .team-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:23px;
  align-items:stretch;
}
.unetifi-classic .team-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:480px;
  overflow:hidden;
  background:var(--unetifi-card);
  border:1px solid var(--line);
  border-radius:21px;
  transition:border-color .24s,box-shadow .24s,transform .24s;
}
.unetifi-classic .team-card:hover {
  transform:translateY(-5px);
  border-color:var(--blue-border);
  box-shadow:var(--shadow);
}
.unetifi-classic .team-card-heading {
  padding:26px 27px 0;
  position:relative;
  z-index:1;
}
.unetifi-classic .team-card-heading h3 {
  font-size:clamp(18px,1.5vw,21px);
  line-height:1.35;
  letter-spacing:-.04em;
  margin:0 0 5px;
}
.unetifi-classic .team-card-heading p {
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}
.unetifi-classic .team-card-portrait {
  flex:1 1 auto;
  position:relative;
  min-height:290px;
  margin-top:9px;
  overflow:hidden;
}
.unetifi-classic .team-card-portrait img {
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  object-position:center bottom;
}
.unetifi-classic .team-card-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:64px;
  padding:13px 21px;
  margin-top:auto;
  border-top:1px solid var(--line);
  background:transparent;
}
.unetifi-classic .team-card-social { display:flex; align-items:center; gap:13px; }
.unetifi-classic .team-card-social a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:29px;
  height:29px;
  border-radius:7px;
  color:var(--ink);
  transition:color .2s ease,background .2s ease;
}
.unetifi-classic .team-card-social a:hover { color:var(--blue); background:var(--blue-soft); }
.unetifi-classic .team-card-contact {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:9px 14px;
  border-radius:10px;
  background:var(--blue);
  color:#fff;
  font-weight:750;
  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
  transition:background .2s ease;
}
.unetifi-classic .team-card-contact:hover { background:var(--blue-hover); color:#fff; }
.unetifi-classic .team-card-contact svg { width:14px; height:14px; }
@media(max-width:1020px){
  .unetifi-classic .team-grid { gap:15px; }
  .unetifi-classic .team-card-heading { padding:22px 19px 0; }
  .unetifi-classic .team-card-footer { padding:12px 14px; }
}
@media(max-width:750px){
  .unetifi-classic .team-grid {
    grid-template-columns:1fr;
    max-width:460px;
    gap:20px;
    margin-inline:auto;
  }
  .unetifi-classic .team-card { min-height:470px; }
  .unetifi-classic .team-card-heading { padding:26px 25px 0; }
  .unetifi-classic .team-card-portrait { min-height:300px; }
  .unetifi-classic .team-card-footer { padding:14px 19px; }
}
@media(prefers-reduced-motion:reduce){
  .unetifi-classic .team-card { transition:none; }
  .unetifi-classic .team-card:hover { transform:none; }
}

/* ============================================================================
   22. CONTACT / EDITORIAL HERO / NONPROFIT — Unetifi v8.6
   Shared design system: same spacing, brand colors and responsive primitives.
   ============================================================================ */

/* Page heads: identical breadcrumb-to-heading rhythm, across About, Contact,
   Blog and the migrated IT/Cloud pages. Homepage hero remains untouched. */
.unetifi-classic .about-us-page .about-us-hero,
.unetifi-classic .unetifi-contact-page .contact-page-hero,
.unetifi-classic .unetifi-legacy-page .legacy-page-hero,
.unetifi-classic .blog-page-hero,
.unetifi-classic .standard-page-hero {
  padding-top: 76px;
  padding-bottom: 76px;
}
.unetifi-classic .breadcrumbs { padding-top: 26px; }

/* IT/Cloud visuals follow the About-page photographic treatment, rather than
   the former bordered, decorative product-card container. */
.unetifi-classic .unetifi-legacy-page .legacy-hero-visual {
  position: relative;
  display: block;
  min-height: 0;
  min-width: 0;
  height: auto;
  aspect-ratio: auto;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 23px;
  overflow: hidden;
  box-shadow: none;
}
.unetifi-classic .unetifi-legacy-page .legacy-hero-visual img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  max-height: 510px;
  object-fit: contain; /* Produktfotos, Diagramme und Screenshots nicht beschneiden. */
  object-position: center;
  border-radius: 23px;
}

/* Live contact information directly inside the existing three neutral cards. */
.unetifi-classic .department-grid { align-items: stretch; }
.unetifi-classic .department-card {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 370px;
  padding: 29px;
  background: var(--unetifi-card);
  color: var(--text);
  text-decoration: none;
}
.unetifi-classic .department-card h3 {
  margin: 19px 0 9px;
  color: var(--ink);
  font-family: var(--display-font);
  font-size: 21px;
  font-weight: 800;
}
.unetifi-classic .department-card .department-description {
  min-height: 57px;
  margin: 0 0 21px;
  font-size: 13.5px;
  line-height: 1.65;
}
.unetifi-classic .department-contact-lines {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  margin-bottom: 25px;
}
.unetifi-classic .department-contact-lines a {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: var(--ink);
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.unetifi-classic .department-contact-lines a:hover { color: var(--blue); }
.unetifi-classic .department-contact-lines svg { color: var(--blue); flex: 0 0 17px; }
.unetifi-classic .department-actions {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
}
.unetifi-classic .department-actions .department-book {
  width: 100%;
  min-height: 42px;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  padding: 11px 13px;
}
.unetifi-classic .department-actions .department-arrow { margin-top: 0; }

/* Nonprofit offer uses the SAME --unetifi-cta-glow variable as the global footer. */
.unetifi-classic .unetifi-legacy-page .legacy-nonprofit-callout {
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(170px,.75fr);
  align-items: center;
  gap: clamp(12px,4vw,44px);
  background: var(--unetifi-cta-glow),var(--unetifi-card,#fafafa);
  border-color: var(--line);
  padding: clamp(26px,4.5vw,58px);
  min-height: 265px;
  border-radius: 25px;
}
html[data-theme='dark'] .unetifi-classic .unetifi-legacy-page .legacy-nonprofit-callout {
  border-color: rgba(255,255,255,.075);
}
.unetifi-classic .unetifi-legacy-page .legacy-nonprofit-copy {
  min-width: 0;
  position: relative;
  z-index: 1;
}
.unetifi-classic .unetifi-legacy-page .legacy-nonprofit-copy h3 { margin: 0 0 13px; max-width: 620px; }
.unetifi-classic .unetifi-legacy-page .legacy-nonprofit-copy p { margin: 0 0 22px; line-height: 1.8; max-width: 620px; }
.unetifi-classic .unetifi-legacy-page .legacy-nonprofit-image {
  justify-self: center;
  max-width: 245px;
  width: 100%;
}
.unetifi-classic .unetifi-legacy-page .legacy-nonprofit-image img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 245px;
  object-fit: contain;
}
@media (max-width: 900px) {
  .unetifi-classic .department-card { padding: 23px; min-height: 350px; }
}
@media (max-width: 700px) {
  .unetifi-classic .about-us-page .about-us-hero,
  .unetifi-classic .unetifi-contact-page .contact-page-hero,
  .unetifi-classic .unetifi-legacy-page .legacy-page-hero,
  .unetifi-classic .blog-page-hero,
  .unetifi-classic .standard-page-hero {
    padding-top: 48px;
    padding-bottom: 54px;
  }
  .unetifi-classic .department-card { min-height: 0; }
  .unetifi-classic .unetifi-legacy-page .legacy-nonprofit-callout {
    grid-template-columns: minmax(0,1fr);
    padding: 30px 24px;
    gap: 20px;
  }
  .unetifi-classic .unetifi-legacy-page .legacy-nonprofit-image {
    width: 100%;
    max-width: 175px;
    justify-self: center;
    align-self: center;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .unetifi-classic .unetifi-legacy-page .legacy-nonprofit-image img {
    display: block;
    width: 100%;
    max-width: 175px;
    margin-inline: auto;
  }
}

/* Theme-dependent media: one IMG per logo. Prevents duplicate logo variants under CSS optimizers. */
.unetifi-classic .unetifi-theme-image{display:block;max-width:100%;height:auto}

/* v1.1.1: theme-dependent images are src-less in cached HTML.
   The synchronous head bootstrap assigns exactly one matching src before paint. */
.unetifi-classic img.unetifi-theme-image:not([src]){visibility:hidden}


/* ======================================================================
   FOOTER · LIVCK SYSTEM STATUS (v1.1.3)
   One compact status card under the brand introduction. No vendor JS or
   cross-origin request is made by the visitor: our WordPress REST route
   fetches and caches the LIVCK API server-side with optional authentication.
   ====================================================================== */
.unetifi-classic .unetifi-status-link {
  --unetifi-status-color: #8494a7;
  display: flex;
  align-items: center;
  gap: 12px;
  width: min(100%, 335px);
  min-height: 68px;
  padding: 13px 14px;
  margin-top: 19px;
  border: 1px solid var(--line, rgba(120,135,150,.15));
  border-radius: 17px;
  background: var(--unetifi-card, #fafafa);
  color: var(--text);
  text-decoration: none;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.unetifi-classic .unetifi-status-link:hover,
.unetifi-classic .unetifi-status-link:focus-visible {
  color: var(--text);
  border-color: rgba(22,106,179,.45);
  box-shadow: 0 7px 22px rgba(22,106,179,.07);
  transform: translateY(-1px);
}
.unetifi-classic .unetifi-status-link:focus-visible {outline: 2px solid var(--blue, #166AB3);outline-offset: 3px;}
.unetifi-classic .unetifi-status-link[data-status='operational']{--unetifi-status-color:#22a56a;}
.unetifi-classic .unetifi-status-link[data-status='degraded']{--unetifi-status-color:#e6a12b;}
.unetifi-classic .unetifi-status-link[data-status='outage']{--unetifi-status-color:#e44f59;}
.unetifi-classic .unetifi-status-link[data-status='maintenance']{--unetifi-status-color:#358fe3;}
.unetifi-status-dot {
  position: relative;
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--unetifi-status-color);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--unetifi-status-color) 15%, transparent);
}
.unetifi-status-body {display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:2px;}
.unetifi-classic .unetifi-status-title {display:block;font-size:13px;font-weight:750;line-height:1.35;color:var(--text);}
.unetifi-classic .unetifi-status-message {display:block;font-size:12px;font-weight:500;line-height:1.45;color:var(--muted);overflow-wrap:anywhere;}
.unetifi-status-arrow {flex:0 0 15px;width:15px;height:15px;stroke:var(--muted);transition:transform .18s ease;}
.unetifi-classic .unetifi-status-link:hover .unetifi-status-arrow {transform:translate(2px,-2px);stroke:var(--blue,#166AB3);}
@media(max-width:520px){.unetifi-classic .unetifi-status-link{width:100%;max-width:335px;}}
@media(prefers-reduced-motion:reduce){.unetifi-classic .unetifi-status-link,.unetifi-status-arrow{transition:none!important;}}

/* ====================================================================
   UNETIFI LIVE 1.2 — Managed-IT packages, service overview, blog sticky
   Kept in the one existing site.css, no new stylesheet.
   ==================================================================== */
.unetifi-managed-packages{background:var(--surface);}
.unetifi-managed-packages .section-heading{max-width:740px;margin-left:auto;margin-right:auto;}
.unetifi-managed-packages .section-heading>p{max-width:700px;margin:12px auto 0;color:var(--text);line-height:1.75;}
.unetifi-managed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;}
.unetifi-managed-card{display:flex;flex-direction:column;min-width:0;background:var(--unetifi-card,#fafafa);border:1px solid var(--line);border-radius:22px;padding:28px 23px;position:relative;transition:border-color .2s,transform .2s,box-shadow .2s;}
.unetifi-managed-card:hover{transform:translateY(-4px);border-color:rgba(22,106,179,.35);box-shadow:0 17px 40px rgba(10,31,55,.08);}
.unetifi-managed-card.is-featured{border-color:var(--blue);box-shadow:0 0 0 1px rgba(22,106,179,.12);}
.unetifi-managed-label{display:block;color:var(--blue);font-size:10px;letter-spacing:.08em;font-weight:800;line-height:1.4;}
.unetifi-managed-top{min-height:190px;}
.unetifi-managed-top h3{font-size:25px;line-height:1.2;letter-spacing:-.04em;margin:17px 0 9px;color:var(--ink);}
.unetifi-managed-top p{font-size:13px;line-height:1.7;margin:0;color:var(--text);}
.unetifi-managed-highlight{position:absolute;top:24px;right:18px;font-size:10px;font-weight:750;color:#fff;background:var(--blue);border-radius:20px;padding:5px 9px;}
.unetifi-managed-cost{display:flex;flex-direction:column;gap:4px;padding:17px 0;border-top:1px solid var(--line);}
.unetifi-managed-cost strong{color:var(--ink);font-size:24px;letter-spacing:-.04em;}
.unetifi-managed-cost span{font-size:11px;color:var(--muted);}
.unetifi-managed-card .button{width:100%;justify-content:center;font-size:12px;white-space:normal;text-align:center;min-height:45px;margin:8px 0 23px;}
.unetifi-managed-features{display:flex;flex-direction:column;gap:13px;list-style:none;margin:0;padding:0;}
.unetifi-managed-features li{display:flex;align-items:flex-start;gap:9px;color:var(--text);font-size:12px;line-height:1.6;}
.unetifi-managed-features svg{flex:none;color:var(--blue);margin-top:1px;}
.unetifi-managed-note{max-width:920px;color:var(--muted);font-size:12px;margin:22px auto 0;text-align:center;line-height:1.7;}
.unetifi-overview-page .unetifi-overview-hero{padding-top:86px;padding-bottom:84px;}
.unetifi-overview-hero .wrap{max-width:none;text-align:left;}
.unetifi-overview-hero h1{max-width:900px;}
.unetifi-overview-hero p{max-width:710px;margin-bottom:23px;}
.unetifi-overview-group{background:var(--surface);}
.unetifi-overview-group:nth-of-type(odd){background:var(--surface);}
.unetifi-overview-group .section-heading{margin-bottom:32px;}
.unetifi-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.unetifi-overview-card{display:flex;flex-direction:column;min-height:275px;min-width:0;background:var(--unetifi-card,#fafafa);border:1px solid var(--line);border-radius:21px;padding:27px;transition:transform .22s,border-color .22s,box-shadow .22s;}
.unetifi-overview-card:hover{transform:translateY(-3px);border-color:rgba(22,106,179,.4);box-shadow:0 15px 34px rgba(10,31,55,.06);}
.unetifi-overview-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:var(--blue);background:rgba(22,106,179,.10);margin-bottom:20px;}
.unetifi-overview-card h3{font-size:20px;line-height:1.3;letter-spacing:-.035em;color:var(--ink);margin:0 0 10px;}
.unetifi-overview-card p{font-size:13px;line-height:1.7;color:var(--text);margin:0 0 22px;}
.unetifi-overview-action{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:780;font-size:12px;text-decoration:none;margin-top:auto;}
.unetifi-overview-action:hover{text-decoration:underline;}
.unetifi-overview-bottom{background:var(--surface);padding-top:40px;}
/* Sticky as a single group: contact card above contents list stays visible. */
@media(min-width:768px){
 .single-layout{align-items:start;}
 .article-sidebar{align-self:stretch;position:relative;min-width:0;}
 .article-sidebar-sticky{position:sticky;top:115px;max-height:calc(100vh - 135px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column;gap:17px;padding-bottom:4px;}
 .article-sidebar .toc-block{position:static;top:auto;margin:0;}
 .article-sidebar .sidebar-cta{flex:none;}
}
.admin-bar .article-sidebar-sticky{top:148px;max-height:calc(100vh - 168px);}
.unetifi-legal-page .legal-body{max-width:960px;margin-inline:0 auto;text-align:left;}
.unetifi-legal-page .legal-body>h3{margin-top:1.8em;}
.unetifi-legal-page .legal-body p{white-space:normal;}
@media(max-width:1100px){
 .unetifi-managed-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .unetifi-managed-top{min-height:152px;}
 .unetifi-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:767px){
 .unetifi-managed-grid,.unetifi-overview-grid{grid-template-columns:1fr;gap:14px;}
 .unetifi-managed-top{min-height:0;}
 .unetifi-managed-card{padding:25px 21px;}
 .unetifi-managed-cost{margin-top:18px;}
 .unetifi-overview-card{min-height:0;}
 .unetifi-overview-page .unetifi-overview-hero{padding-top:48px;padding-bottom:55px;}
}

/* 404 image – same horizontal rhythm and responsive limits as the other Unetifi visuals. */
.unetifi-not-found-page .unetifi-404-art{
  display:block;width:min(100%,560px);height:auto;object-fit:contain;
  margin:0 auto 26px;
}
@media (max-width:767px){
  .unetifi-not-found-page .unetifi-404-art{width:min(100%,420px);margin-bottom:22px}
}

/* Legal content aligns to the site's left content grid on all screen sizes. */
.unetifi-classic .unetifi-legal-page .legal-content-section>.wrap{max-width:none;}
.unetifi-classic .unetifi-legal-page .legal-body{max-width:960px;width:100%;margin-inline:0 auto;text-align:left;}
.unetifi-legal-page .legal-body :is(h2,h3,h4,p,ul,ol){text-align:left;}
@media(max-width:767px){.unetifi-legal-page .legal-body{max-width:100%;}}